Sidebars, switchers, headers

Every shell, side-nav, and header surface — Orbit DesignSidebar + shadcn AppSidebar, plus nav-main / nav-projects / nav-documents / nav-user, team + version switchers, search form, and site header.

Orbit DesignSidebar

The sticky sidebar used by every /_design route. Reads from src/lib/design-nav.ts and composes BrandMark + ProfileMenu.

src/components/layout/design-sidebar.tsx

main content area →

BrandMark + Avatar

Monogram tile + circular avatar. Both size-parametric.

src/components/layout/brand-mark.tsx

ProfileMenu

Footer of every sidebar. Exposes theme, accent, variation, and sign-out. Live — try the submenus.

src/components/layout/profile-menu.tsx

shadcn AppSidebar

Full sidebar block — collapsible=offcanvas · team header · nav-main · documents · secondary · user.

src/components/app-sidebar.tsx

nav-main

Quick-create + icon list. Used as the primary section in AppSidebar.

src/components/nav-main.tsx

nav-projects

Grouped links with per-row dropdown menu.

src/components/nav-projects.tsx

nav-documents

Documents grouping with show-on-hover actions.

src/components/nav-documents.tsx

nav-secondary

Lower-priority section (settings / help / search).

src/components/nav-secondary.tsx

nav-user

Avatar + name + menu. Usually lives in SidebarFooter.

src/components/nav-user.tsx

team-switcher

Multi-team dropdown with per-item shortcuts.

src/components/team-switcher.tsx

version-switcher

Documentation version picker.

src/components/version-switcher.tsx

search-form

Sidebar-aware search input.

src/components/search-form.tsx

site-header

Top bar with collapse trigger and utility actions.

src/components/site-header.tsx

Sidebars, switchers, headers

Command palette