Uh oh!
There was an error while loading. Please reload this page.
fix(landing): normalize pre-auth motion to finite moments (#291) - #374
Conversation
Deploying with |
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs | frontend-staging | 33b86f4 | Commit Preview URL Branch Preview URL | Jul 29 2026, 10:36 AM |
Warning Review limit reached
Next review available in:23 minutes Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available. How can I continue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
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. Comment |
Rebase of PR #374 onto current main (~147 commits ahead of the old base; the patch applied cleanly — none of the targeted rules drifted). Pre-auth animation should be a purposeful entrance, not a perpetual loop: - Mesh blobs: infinite 10s wander -> one 2.4s settle into rest (both), with small positive stagger delays replacing negative loop offsets. - Scroll cue (float indicator): infinite bob -> 3 bobs, forwards, in both the unscoped and .landing-page-scoped variants. - Intro orbit ring: infinite 14s linear spin -> single 2.6s decelerating rotation behind the brand reveal (both variants). - Removed dead infinite rules with zero remaining usages on main: landing-pulse-slow / .landing-animate-pulse-slow (both scopes), landing-card-float + .landing-card-float-1..6 (both scopes, incl. the hover pause rules), and beta-glow / .beta-glow-btn. App-shell motion is untouched: .skeleton shimmer and the Gradebook orb-drift-* ambient keyframes remain as-is (post-auth, out of #291 scope). Checks: tsc --noEmit clean, vitest 221/221, next lint 0 errors; no dangling references to any removed keyframe or class across frontend/. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
bdc218e to
1076353CompareRebase of PR #374 onto current main (~147 commits ahead of the old base; the patch applied cleanly — none of the targeted rules drifted). Pre-auth animation should be a purposeful entrance, not a perpetual loop: - Mesh blobs: infinite 10s wander -> one 2.4s settle into rest (both), with small positive stagger delays replacing negative loop offsets. - Scroll cue (float indicator): infinite bob -> 3 bobs, forwards, in both the unscoped and .landing-page-scoped variants. - Intro orbit ring: infinite 14s linear spin -> single 2.6s decelerating rotation behind the brand reveal (both variants). - Removed dead infinite rules with zero remaining usages on main: landing-pulse-slow / .landing-animate-pulse-slow (both scopes), landing-card-float + .landing-card-float-1..6 (both scopes, incl. the hover pause rules), and beta-glow / .beta-glow-btn. App-shell motion is untouched: .skeleton shimmer and the Gradebook orb-drift-* ambient keyframes remain as-is (post-auth, out of #291 scope). Checks: tsc --noEmit clean, vitest 221/221, next lint 0 errors; no dangling references to any removed keyframe or class across frontend/. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1076353 to
33b86f4CompareUh oh!
There was an error while loading. Please reload this page.
Closes#291 · [P2-G] from
docs/frontend-rhythm-audit.md/docs/superpowers/followups/2026-06-30-token-unification-followups.md.Problem
The pre-auth surface held the only perpetual motion in the product — mesh blobs, an intro-overlay orbit ring, and a scroll-cue bob all looped
infinite. So the funnel peaked in restlessness right before dropping into the deliberately-still app shell: the reverse of a settling arc (audit §G).Change (CSS only —
frontend/src/app/globals.css)Convert the three live infinite loops into finite, one-shot entrances that resolve into stillness, and delete dead animation CSS:
sapling-blob 10s ease-in-out infinite→sapling-blob-settle— a one-shot bloom-into-rest (both), with a small positive stagger (0.12s / 0.24s) replacing the old negative loop offsets.14s linear infinite→ a single decelerating rotation (forwards). It no longer spins forever behind the already-faded-out (opacity:0) intro overlay.2.5s infinitebob → a finite 3-nudge hint that settles.forwardspreserves the keyframe'stranslateX(-50%), so it stays centered at rest (the keyframe is what centers it).landing-card-float,landing-animate-pulse-slow, and the infinitebeta-glow— none are applied to any rendered element (the accent cards use JS transforms; the beta CTA uses the design-systemButton).Applied in both the authoritative
.landing-page-scoped block and its shadowed "ported from main" duplicate, so noinfinitepre-auth loop remains in source. The app-wide.skeletonloading shimmer (signed-in app) is intentionally untouched, andprefers-reduced-motioncontinues to neutralize all of these.Per maintainer direction, scope was kept to the CSS loops named in the issue; the interactive 3D knowledge-graph
<canvas>and mouse/scroll-driven card tilt (interaction-driven, never flagged) are left as-is.Testing
npm run build→ exit 0, "✓ Compiled successfully", landing route/prerendered.vitestsuite currently crashes at startup with a pre-existingrolldown/util.styleTextincompatibility on Node v20.12.1 (reproduces identically on unmodifiedglobals.css) — unrelated to this change and not covering CSS.🤖 Generated with Claude Code