Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--dur-fast · --ease-out · --radius-lg · --radius-sm
01 Breadcrumbs: path navigation Breadcrumbs
Folder path with chevron separators. Current location renders in --text, intermediate links in --text-secondary.

Over 5 segments collapse to … in the middle; click to expand. On mobile / sm breakpoint, only the parent's name remains as a back affordance.
Files Films 2024 Q1
Files 2024 Q1
Files
02 Sidebar: primary navigation 220px expanded · 60px collapsed
Two-state sidebar. Active item gets --nav-item-bg-active + a yellow icon; metadata (storage size, badge count) right-aligns.

Collapses to icons only.
Library
Files 11 TB
Transfers 3
RSS 2
Sharing
History
System
Preferences
Billing
Trash