Skip to content

feat(apollo-vertex): migrate sidebar and shell to match MRS patterns#468

Open
creilly11235 wants to merge 2 commits intomainfrom
creilly11235/vertex-sidebar-registry
Open

feat(apollo-vertex): migrate sidebar and shell to match MRS patterns#468
creilly11235 wants to merge 2 commits intomainfrom
creilly11235/vertex-sidebar-registry

Conversation

@creilly11235
Copy link
Copy Markdown
Collaborator

Summary

  • Migrate sidebar width animation from CSS transitions to framer-motion spring physics matching MRS
  • Make shell components self-contained (collapsible CSS co-located, no globals.css deps)
  • Swap hand-rolled buttons for vertex Button component, spinner for skeleton loading
  • Add asymmetric text fade via AnimatePresence on nav items
  • Fix z-index stacking in docs preview (initial={false} for SSR hydration)
  • Fix minimal header logo background, switch sidebar to variant="sidebar" matching MRS
  • Add TooltipProvider to minimal user profile, restore offcanvas CSS transition

Test plan

  • Shell preview renders correctly in docs (sidebar above content, no z-index issues)
  • Sidebar collapse/expand animates smoothly with spring physics
  • Nav item text fades asymmetrically (slide-in on expand, fade-out on collapse)
  • Minimal header variant renders without rounded sidebar corners
  • Skeleton loading state displays during i18n initialization
  • Collapsible menu items animate correctly (keyframes from co-located CSS)
  • Theme and language toggles work in both sidebar and minimal variants
  • Login button uses vertex Button component styling

🤖 Generated with Claude Code

@creilly11235 creilly11235 requested a review from a team as a code owner April 8, 2026 00:28
@creilly11235 creilly11235 requested review from alincadariu and pieman1313 and removed request for a team April 8, 2026 00:28
@creilly11235 creilly11235 force-pushed the creilly11235/vertex-sidebar-registry branch 2 times, most recently from ef30814 to 14d60ab Compare April 8, 2026 00:39
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 8, 2026

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

Project Deployment Review Updated (PT)
apollo-canvas 🟢 Ready Preview, Logs Apr 10, 2026, 09:25:24 AM
apollo-landing 🟢 Ready Preview, Logs Apr 10, 2026, 09:22:42 AM
apollo-ui-react 🟢 Ready Preview, Logs Apr 10, 2026, 09:24:12 AM
apollo-vertex 🟢 Ready Preview, Logs Apr 10, 2026, 09:24:08 AM
apollo-wind 🟢 Ready Preview, Logs Apr 10, 2026, 09:23:47 AM

@KokoMilev KokoMilev enabled auto-merge (rebase) April 8, 2026 00:39
@github-actions github-actions bot added the size:XXL 1,000+ changed lines. label Apr 8, 2026
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 8, 2026

Dependency License Review

  • 1948 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 4 package(s) excluded (see details below)
License distribution
License Packages
MIT 1707
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
Unknown 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
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
@uipath/proteus-client 0.1.10 Unknown UiPath internal package, Proprietary license
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json

@creilly11235 creilly11235 force-pushed the creilly11235/vertex-sidebar-registry branch 3 times, most recently from 458d7c4 to 7bf3f7b Compare April 9, 2026 00:13
Copy link
Copy Markdown
Contributor

@pieman1313 pieman1313 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

found a bug that the user part is offscreen and can't be scrolled to, it can be accessed only by tabbing

Image

NOTE: after addressing issues / conversations, please re-request reviews so we get notifications 😁 , its this button

Image

@creilly11235 creilly11235 force-pushed the creilly11235/vertex-sidebar-registry branch from f6c00ae to 55a8eca Compare April 9, 2026 17:49
@ruudandriessen ruudandriessen force-pushed the creilly11235/vertex-sidebar-registry branch from 55a8eca to a47f03b Compare April 10, 2026 08:35
creilly11235 and others added 2 commits April 10, 2026 09:17
Align sidebar registry primitives and shell components with the
vertical-medical-mrs implementation: absolute positioning, consistent
collapsed width, duration-300 transitions, proper company component
layout, and dynamic import for the sidebar example template.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…ns and self-contained CSS

Convert sidebar width animation from CSS transitions to framer-motion spring
physics matching MRS exactly. Make shell components self-contained by moving
collapsible CSS to co-located file, swap hand-rolled buttons for vertex Button
component, add asymmetric text fade variants via AnimatePresence, fix z-index
stacking in docs preview, fix minimal header logo background, and switch locale
loading state from spinner to skeleton.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@creilly11235 creilly11235 force-pushed the creilly11235/vertex-sidebar-registry branch from a47f03b to f7f13af Compare April 10, 2026 16:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XXL 1,000+ changed lines.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants