Skip to content

feat(apollo-vertex): framer-motion animations for shell and sidebar#539

Closed
creilly11235 wants to merge 1 commit into
mainfrom
creilly11235/vertex-framer-animations
Closed

feat(apollo-vertex): framer-motion animations for shell and sidebar#539
creilly11235 wants to merge 1 commit into
mainfrom
creilly11235/vertex-framer-animations

Conversation

@creilly11235
Copy link
Copy Markdown
Contributor

Summary

  • Migrate sidebar width animation from CSS transitions to framer-motion spring physics (matching MRS)
  • Add asymmetric text fade via AnimatePresence on nav items (slide-in on expand, fade-out on collapse)
  • Inline shell-nav-item into shell-sidebar and remove standalone component
  • Add shell-animations constants for spring config
  • Update shell-layout with animation-aware structure
  • Animate user profile section with expand/collapse transitions

Split from #468 — this is the core animation feature. Depends on #537 (shell cleanup) and #538 (sidebar infra).

Test plan

  • Sidebar collapse/expand animates smoothly with spring physics
  • Nav item text fades asymmetrically (slide-in on expand, fade-out on collapse)
  • User profile animates on sidebar state change
  • Skeleton loading state displays during i18n initialization
  • No animation jank or layout shift during transitions

🤖 Generated with Claude Code

@creilly11235 creilly11235 requested a review from a team as a code owner April 18, 2026 01:25
@creilly11235 creilly11235 requested review from 0xr3ngar and pieman1313 and removed request for a team April 18, 2026 01:25
@KokoMilev KokoMilev enabled auto-merge (rebase) April 18, 2026 01:25
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 18, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs Apr 17, 2026, 06:57:07 PM
apollo-docs 🟢 Ready Preview, Logs Apr 17, 2026, 06:55:26 PM
apollo-landing 🟢 Ready Preview, Logs Apr 17, 2026, 06:54:50 PM
apollo-ui-react 🟢 Ready Preview, Logs Apr 17, 2026, 06:55:19 PM
apollo-vertex ❌ Failed: 2026-04-18T01:54:47.175Z Summary: /vercel/path0/.turbo/runs/3CVilMODm4aHkrmmNrqxjox0a0F.json... N/A, Logs Apr 17, 2026, 06:54:55 PM

@github-actions github-actions Bot added the size:XL 500-999 changed lines. label Apr 18, 2026
@github-actions
Copy link
Copy Markdown

Dependency License Review

  • 1941 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 3 package(s) excluded (see details below)
License distribution
License Packages
MIT 1701
ISC 89
Apache-2.0 61
BSD-3-Clause 28
BSD-2-Clause 23
BlueOak-1.0.0 8
MPL-2.0 5
MIT OR Apache-2.0 3
MIT-0 3
CC0-1.0 3
LGPL-3.0-or-later 2
(MIT OR Apache-2.0) 2
Unlicense 2
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
Unknown 1
Artistic-2.0 1
(WTFPL OR MIT) 1
(BSD-2-Clause OR MIT OR Apache-2.0) 1
CC-BY-3.0 1
0BSD 1
(MIT OR CC0-1.0) 1
MIT AND ISC 1
Excluded packages
Package Version License Reason
@img/sharp-libvips-linux-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
@img/sharp-libvips-linuxmusl-x64 1.2.4 LGPL-3.0-or-later LGPL pre-built binary, not linked
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

@creilly11235 creilly11235 marked this pull request as draft April 18, 2026 01:28
auto-merge was automatically disabled April 18, 2026 01:28

Pull request was converted to draft

@creilly11235 creilly11235 force-pushed the creilly11235/vertex-framer-animations branch from c6513cb to 36b48ab Compare April 18, 2026 01:32
- Migrate sidebar width animation from CSS transitions to framer-motion spring physics
- Add asymmetric text fade via AnimatePresence on nav items
- Inline shell-nav-item into shell-sidebar (remove standalone component)
- Add shell-animations constants for spring config
- Update shell-layout with animation-aware structure
- Animate user profile section

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@creilly11235 creilly11235 force-pushed the creilly11235/vertex-framer-animations branch from 36b48ab to 93c34b7 Compare April 18, 2026 01:53
@creilly11235
Copy link
Copy Markdown
Contributor Author

Closing in favor of a smaller, stacked set of PRs per team guidelines:

Each replacement is one concern, under Peter's 800–1000 LoC cap, stacked via the manual-stacked-PR workflow.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

app:apollo-vertex size:XL 500-999 changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant