Skip to content

ComponentsKbd

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
Command K
Search
Shift Command K
Switch between recents
Control Q
Toggle sidebar
Command B
New chat
Shift Command O
Keyboard shortcuts
Command /
Send message
Enter
New line in message
Shift Enter
Stop the response
Escape
Go to inbox
G then I
dark
Quick chat or search
Command K
Search
Shift Command K
Switch between recents
Control Q
Toggle sidebar
Command B
New chat
Shift Command O
Keyboard shortcuts
Command /
Send message
Enter
New line in message
Shift Enter
Stop the response
Escape
Go to inbox
G then I

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.

Shortcut
Command KShift Command OEscapeTabUp arrowG then Itext:Shift Command OCommand /
Kbd / KbdGroup (manual)
⌘⌘KEscPage Up ⌘K on fill ⏎
In tooltips and buttonsHover the buttons. Icon-only buttons put the keys in the tooltip (text variant); labelled buttons show a keycap after the label.

Formatting helpers

formatShortcut / spokenShortcut / toAriaKeyshortcuts from @/components/ui/kbd. SSR renders the Mac form; the client corrects it after hydration.

Mac vs other platforms
keys Mac other spoken (Mac) aria-keyshortcuts (Mac / other)
mod+shift+o⇧⌘OCtrl+Shift+OShift Command OShift+Meta+O / Control+Shift+O
mod+b⌘BCtrl+BCommand BMeta+B / Control+B
escapeEscEscEscapeEscape / Escape
tab⇥TabTabTab / Tab
ctrl+alt+delete⌃⌥⌦Ctrl+Alt+DelControl Option DeleteControl+Alt+Delete / Control+Alt+Delete