Mobile (< 768px): sidebar hidden, hamburger button in header, sidebar
slides in as fixed overlay with backdrop.
Tablet (768-1023px): sidebar toggleable via hamburger, pushes content.
Desktop (>= 1024px): sidebar always visible, no hamburger button.
SidebarContext extended with mobileOpen state and isMobile detection
via matchMedia listener.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sidebar: collapsible with icon-only mode, 4 nav groups (Overview, Workspace,
Operations, System), SVG icons matching reference, badges, user card footer
with avatar/initials, SidebarContext for collapse state.
Header: search bar, system status indicator, terminal toggle, notification
bell with badge, user avatar dropdown with Profile/Settings/Sign Out,
breadcrumb navigation. Removes standalone LogoutButton.
Layout updated to wrap with SidebarProvider, dynamic --sidebar-w on collapse.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add MosaicLogo component with 5-element Mosaic brand icon (4 corner
squares + center circle), using CSS custom properties for theme-aware
colors and optional rotation animation
- Add MosaicSpinner wrapper that enables spinning and supports optional
label and full-page overlay modes
- Replace generic CSS spinner in authenticated layout loading state with
MosaicSpinner for consistent brand identity
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Created PRD.md with full platform requirements and milestone plan
- Updated tasks.md with 18 tasks across 4 phases
- Created scratchpad for ms15 orchestration
- Issues #448, #449, #450 created in Gitea
- Milestone: MS15-DashboardShell (0.0.15)
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
