Components
Kbd
Keycaps (18px at 12px text, radius 4, a 1px line in the ink colour) and the text variant used in tooltips and menus. Shortcut formats "mod+shift+o" per platform: ⇧⌘O on Mac, Ctrl+Shift+O elsewhere.
Keyboard shortcuts dialog
Keycaps: ink #a5a49a / #6d6b67, line at 22% / 18% of the ink, transparent fill, 2px apart.
light
- Quick chat or search
- Search
- Switch between recents
- Toggle sidebar
- New chat
- Keyboard shortcuts
- Send message
- New line in message
- Stop the response
- Go to inbox
dark
- Quick chat or search
- Search
- Switch between recents
- Toggle sidebar
- New chat
- Keyboard shortcuts
- Send message
- New line in message
- Stop the response
- Go to inbox
Variants
keycap (palette footer, shortcuts dialog, labelled buttons) and text (tooltips, menus: glyphs only, baseline-aligned, .15em apart). Inside a tooltip or a menu shortcut slot the keys always render as text with muted ink.
text:
⌘⌘KEscPage Up ⌘K on fill ⏎
Formatting helpers
formatShortcut / spokenShortcut / toAriaKeyshortcuts from @/components/ui/kbd. SSR renders the Mac form; the client corrects it after hydration.
| keys | Mac | other | spoken (Mac) | aria-keyshortcuts (Mac / other) |
|---|---|---|---|---|
| mod+shift+o | ⇧⌘O | Ctrl+Shift+O | Shift Command O | Shift+Meta+O / Control+Shift+O |
| mod+b | ⌘B | Ctrl+B | Command B | Meta+B / Control+B |
| escape | Esc | Esc | Escape | Escape / Escape |
| tab | ⇥ | Tab | Tab | Tab / Tab |
| ctrl+alt+delete | ⌃⌥⌦ | Ctrl+Alt+Del | Control Option Delete | Control+Alt+Delete / Control+Alt+Delete |