App Shell
Complete application frames pairing navigation and headers with a real content region
AI chat frame with a model picker, pinned and recent threads, and a full-width composer.
Adaptive frame that moves from a mobile tab bar to an icon rail to a full sidebar.
Scope switcher frame where organization, project, and environment menus drive the whole screen.
Document workspace with a keyboard-navigable file tree, formatting toolbar, and centered editor.
Master-detail triage frame with an icon rail, a filterable list pane, and a reading pane.
Three-column frame with a toggleable context panel that runs alongside the main content.
Global top bar with search and account, above a sidebar that collapses to an icon rail.
Icon rail paired with a nav pane whose contents swap as you move between product areas.
Sidebar with collapsible nav groups, a breadcrumb header, and an overview screen of metrics and records.