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.--radius-sm · --menu-item-icon · --menu-item-bg-hover · --menu-item-danger-text
01Context menu: right-click on a file row.menu-pop
Opens at the cursor, never anchored to the row's edge. The row holds --list-item-bg-active while the menu is open: that is the only thing telling the user which file they are acting on.
positionat the pointer
owner row--list-item-bg-active for the menu's lifetime
shared withthe toolbar's overflow button, same surface
destructivelast, after a separator, --red-text-secondary. Never a red fill
Films—
Dune.Part.Two.2024.1080p.WEB-DL.x264-GROUP.mkv3.42 GB
ambient-session-03.mp372.4 MB
backup-photos-2025.zip64.2 GB
Play↵
Download⌘D
Copy link
Organize
Move to…⌘M
Duplicate
RenameF2
Extract
Delete⌫
Surface
.menu-pop · --menu-bg
Item
--menu-item-height · 13px
Shortcut
mono · --text-secondary
Owner row
--list-item-bg-active
One destructive item per menu, and never default-focused. Disabled entries stay visible at 55% so the menu does not reflow between file types.