Add a flag-gated desktop/tablet sidebar navigation surface while preserving mobile navigation behavior. - Add LeftSidebarNav with project selection, primary and overflow destinations, badges, collapsed state, and resize persistence. - Wire the experimental flag through App and Header so the sidebar owns non-mobile navigation when enabled. - Style the sidebar shell, resize handle, collapsed rail, and project selector adaptations. - Document the experiment and cover sidebar/mobile navigation regressions with tests. Files changed: docs/dashboard-guide.md | 10 + packages/dashboard/app/App.tsx | 52 ++- .../mobile-feature-access-regression.test.tsx | 94 ++++- packages/dashboard/app/components/Header.tsx | 12 +- .../dashboard/app/components/LeftSidebarNav.css | 217 ++++++++++ .../dashboard/app/components/LeftSidebarNav.tsx | 465 +++++++++++++++++++++ .../dashboard/app/components/ProjectSelector.css | 20 + .../dashboard/app/components/SettingsModal.tsx | 1 + .../components/__tests__/LeftSidebarNav.test.tsx | 201 +++++++++ 9 files changed, 1063 insertions(+), 9 deletions(-) Fusion-Task-Id: FN-6772 Fusion-Task-Lineage: 13ba4ea0-e64b-47a0-abf0-3134a750007a
14 KiB
14 KiB