Repository navigation
feat(ui): streamline team and settings navigation - #400
Conversation
Open team management as a standalone page from the workspace menu. Move page titles into the titlebar and reduce top spacing. Add gentle entry transitions with reduced-motion support.
|
Navigate logical layers of code changes, visualize relationships, and explore their blast radius. No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Essentials Run ID: 📒 Files selected for processing (6)
Included review availability: This review used your included allowance. 2 included reviews remain after this review. Your included PR review attempts over the past 7 days set your current allowance at 5 reviews per hour. Summary by CodeRabbit
WalkthroughPageRouteShell now supports optional titles, scroll or fill layouts, and optional content animation. Settings uses the shell’s title and animation options. When OOMOL is enabled on the Teams route, AppShell renders TeamManagementRoute inside PageRouteShell. The Teams sidebar button is removed, and the workspace menu label changes to the team settings translation. App and page entry animations are added and disabled when reduced motion is preferred. Priority: ⬇️ Low Merge Risk: ⚪ Minimal · up to No actionable navigation or layout regression was identified; proceed with routine checks. 🚥 Pre-merge checks | ✅ 4✅ Passed checks (4 passed)
✨ Finishing Touches✨ Simplify code
Comment |
Summary
Team management previously had duplicate navigation entries and retained the application sidebar, unlike Settings. Both pages also devoted a large content row to their titles, reducing the vertical space available for configuration and skill lists. Page changes were abrupt.
This change removes the Team sidebar entry and labels the existing workspace-menu entry as Team settings. Team management now uses the standalone page shell with a Back to app action, while retaining its skills, members, settings, and team-switching functionality. The shared shell supports a height-constrained layout so the team list scrolls internally without a second page scrollbar.
Team and Settings titles now appear inline in the titlebar, and their content starts with 20px of top padding. Content enters with a 200ms fade and 6px upward movement; returning to the application uses a 180ms fade. Reduced-motion preferences disable these animations. The team page retains its lazy-loading boundary so its entry animation starts when the route is ready.
Validation
corepack pnpm run lint— passed.corepack pnpm run ts-check— passed.git diff --check— passed.