feat(renderer): polish queue shaders and Motion animations

[zortos293]

Summary

• redesign the queue and stream handoff with the interactive React Three Fiber shader background
• standardize renderer animation on Motion primitives, including dialogs, sidebars, spinners, cards, status indicators, and the first-frame reveal
• add the catalog atmosphere, symmetrical library cards, 105% default card scale, and the Ctrl+G sidebar treatment
• keep the queue visible until video is actually ready, then perform the Motion-controlled handoff
• preserve Electron runtime installation fallback behavior
• port the implementation onto the focused modules introduced by refactor: split oversized modules into focused files #626

Refactor compatibility

• rebased directly onto dev at 8b27533a
• moved library behavior into components/library/LibraryControllerView.tsx
• moved settings behavior into the corresponding components/settings/sections/* owners
• moved stream behavior into components/stream/StreamEmptyStates.tsx and StreamIndicators.tsx
• does not restore the previous oversized module implementations

Verification

• npm.cmd run typecheck
• npm.cmd test — 196 passing
• npm.cmd run lint — passes with existing warnings
• npm.cmd run build
• git diff --check origin/dev...HEAD

---

Note

Medium Risk
Changes the critical launch-to-play path (overlay timing, first-frame detection) and adds a runtime WebGL dependency; behavior is partially covered by new isStreamVideoReady tests.

Overview
This PR refreshes queue → stream launch and catalog presentation with WebGL shader backdrops (three / @react-three/fiber via lazy ShaderAtmosphere), a redesigned StreamLoading flow (stage rail, cozy copy, elapsed/queue facts, queue vs connecting shader variants), and a Motion-controlled handoff that keeps the loading overlay until a real frame is ready—not merely when status flips to streaming.

Stream readiness is centralized in isStreamVideoReady (diagnostics or video element dimensions) plus a short reveal delay; App mounts StreamView underneath while the overlay warps/fades out. StreamView fades video in and animates empty/waiting states; the quick-menu sidebar is full-height with AnimatePresence on the backdrop.

Motion replaces many CSS keyframe spinners/pulses with shared tokens (overlayMotion, dialogMotion, MotionSpinner) across login, settings prompts, cards, ads, and stats. Home/library get the catalog atmosphere layer; default poster scale moves to 1.05.

Build tooling: Windows Electron install uses tar.exe when extract-zip hangs on newer Node; non-Windows still resolves extract-zip from Electron’s package boundary.

New streamLoading locale strings support the expanded launch UI.

^{Reviewed by Cursor Bugbot for commit 7d0068d. Configure here.}

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 15f41661-0de4-4f33-95ae-64651062689d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/motion-queue-polish

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[capy-ai]

Capy auto-review is paused for this organization because the usage-cycle auto-review limit has been reached. Increase the limit or turn it off in billing settings to resume automatic reviews.

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 7d0068d. Configure here.}

[cursor]

Stale stats end reconnect overlay

Medium Severity

The launch overlay now dismisses when isStreamVideoReady sees streaming plus diagnostics (nativeRendererActive or framesDecoded > 0) or a sized video element. Signaling recovery sets connecting and disposes the WebRTC client without resetting the diagnostics store, so prior framesDecoded values can still satisfy readiness on the next streaming transition and trigger the handoff before the new session produces frames.

Additional Locations (1)

• opennow-stable/src/renderer/src/App.tsx#L1858-L1862

 

^{Reviewed by Cursor Bugbot for commit 7d0068d. Configure here.}

[cursor]

Warp handoff blocks cancel

Low Severity

Once streamVideoReady is true, the loading wrapper gets stream-loading-transition--warping, which sets pointer-events: none on the full-screen overlay. During the warp animation and the following reveal delay, the cancel control in StreamLoading cannot receive clicks even though the overlay is still visible.

Additional Locations (1)

• opennow-stable/src/renderer/src/styles.css#L10362-L10365

 

^{Reviewed by Cursor Bugbot for commit 7d0068d. Configure here.}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 7d0068d7db

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Gate tar.exe on the host platform

When this postinstall fallback is run on a non-Windows host with npm_config_platform=win32 or ELECTRON_INSTALL_PLATFORM=win32 (the script explicitly treats these as the target Electron platform), this branch tries to spawn tar.exe, which is only available on Windows. That makes cross-installing or packaging the Windows Electron runtime from Linux/macOS fail even though the generic extract-zip path can extract the downloaded zip; use process.platform for the tar.exe optimization or fall back when the host is not Windows.

Useful? React with 👍 / 👎.