Skip to content

Fix illustration startup and mobile layouts; document INT8 setup - #22

Merged
sdevil7th merged 4 commits into
mainfrom
develop
Sep 16, 2026
Merged

sdevil7th merged 4 commits into
mainfrom
develop

Conversation

@sdevil7th

@sdevil7th sdevil7th commented Sep 16, 2026 •

Copy link
Copy Markdown
Owner

Illustration playback

Illustrations could remain still indefinitely on first visits, uncached navigation and phones. This fixes three startup conditions and a NAM scheduling problem:

  • Distinguish the initial loader from exiting route loaders, and honor the recorded intro-completion state.
  • Remove the design-scale cutoff that disabled Home and all eight illustration types on phones.
  • Start visibility observation after the loading gate and refresh it when returning to a visible tab. Reload traces had shown a settled, visible page whose stages still held zero intersection ratios.
  • Treat nearly complete visibility as complete so fractional clipping cannot give later NAM rows permanent priority over the row being viewed.

Keep deferred GSAP loading, reduced motion, offscreen/hidden-tab pauses and the two-active-stage limit. Preserve illustration geometry, artwork, choreography and the original two-piece loader. No temporary screenshot placeholders are added.

Mobile download requirements

Below 640 px, show each system requirement as a full-width definition-list group with both Minimum and Recommended values labelled. This removes the oversized sticky label column and horizontal scrolling on phones. The section is intentionally taller. Larger widths retain the existing comparison, and both layouts share the same data and work before JavaScript loads.

Original and INT8 documentation

Verify the pending AI runtime guide against OpenStudio app commit 681fec8, and correct the music-model article's outdated experimental-only description. Cover Original/INT8 selection for ACE-Step, Stable Audio and MiniMax; separate installation status; NVIDIA CUDA restrictions; download-and-prepare behavior; saved variants and track undo/redo; offline use; and MiniMax memory/disk costs.

The guide identifies the development source revision. Initial downloads are not smaller, and the documented RTX 4080 evidence does not promise support for every smaller GPU, faster generation or equivalent audio quality. Native GPU generation was not rerun in this website review. Regenerate the article/index and update maintenance documentation.

Validation

  • Production build including strict TypeScript, zero-warning lint and 181 tests pass.

  • 10/10 core performance cases pass, with unchanged budgets.

  • Additional NAM Rack mobile check: 3.12 s reveal-adjusted LCP, zero layout shift, 376 ms long-task time and 664.6 KiB encoded. The existing request-count limitation remains: 48 requests against the generic limit of 35.

  • Phone tests verify fresh 320/390/430 px visits, delayed first loads, uncached navigation, actual clock advancement without input, offscreen pause/resume, all stage types and the NAM tour plus six tiles.

  • Deterministic regressions fail before and pass after the phone cutoff, fractional visibility and loading-time observation corrections. Failed early review runs are retained in local evidence.

  • Existing tests verify reduced motion without GSAP, unchanged scene dimensions through engine loading, failure recovery, no-JavaScript content, the original two-piece loader, downloads, privacy and SEO.

  • Requirements tests cover 320-639 px phones and 640/768/900/901/1440 px comparisons. The previous requirement-layout verification is retained in the visual correction report.

  • The latest playback change leaves all four generated CSS bundle hashes unchanged. Inspected phone artwork and the updated guide/article; no horizontal overflow.

  • Verified the hosted preview at head 795f003: fresh Android-emulated visits at 320/390/430 px, all illustration types, all seven NAM scenes, reduced motion, and the published INT8 guide/article.

  • Both GitHub CI runs pass for the pushed head. Twelve additional alternating desktop/tablet navigation-and-reload checks also pass after the visibility fix.

Browser coverage uses Chromium phone emulation, not physical iOS/Android or Safari qualification.

Netlify deploy preview

@netlify

netlify Bot commented Sep 16, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for openstudiowebsite ready!

Name Link
🔨 Latest commit 795f003
🔍 Latest deploy log https://app.netlify.com/projects/openstudiowebsite/deploys/6aaa69a95c757b000723b61c
😎 Deploy Preview https://deploy-preview-22--openstudiowebsite.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@netlify

netlify Bot commented Sep 16, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for openstudiodev ready!

Name Link
🔨 Latest commit 795f003
🔍 Latest deploy log https://app.netlify.com/projects/openstudiodev/deploys/6aaa69a9fd5c170008904807
😎 Deploy Preview https://deploy-preview-22--openstudiodev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sdevil7th sdevil7th changed the title Fix illustrations staying still on first load and uncached navigation Fix first-load animations and mobile system requirements Sep 16, 2026
@sdevil7th sdevil7th changed the title Fix first-load animations and mobile system requirements Fix illustration startup and mobile layouts; document INT8 setup Sep 16, 2026
@sdevil7th
sdevil7th merged commit 1fc92dd into main Sep 16, 2026
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant