# Command palette

⌘K "Jump to…": search pages, products, orders and actions from anywhere. Opens over the shell; groups results; Enter goes. Phone: full-screen Jump to.

- **Group:** Navigation and shell · **family:** `app-shell` · **shadcn:** Command, Dialog
- **Build:** shadcn `CommandDialog` (cmdk).
- **In apps/admin today:** shell/command-palette.tsx exists (cmdk directly); `command.tsx` wrapper new.
- **Client component:** yes. 

## Content rules

- Placeholder "Jump to a page, product or order".

## Do

- Include actions (Create product).

## Don't

- Duplicate the whole nav as the only content.

## Accessibility

- **Keyboard:** ⌘K / Ctrl+K toggles; ↑ ↓; Enter; Escape.
- **ARIA:** cmdk combobox + listbox inside a Dialog.
- **Focus:** Input focused on open; focus returns to where it was.

## Tokens

`--font-voice` `--font-stretch-title` `--s-2` `--r-control` `--sidebar-foreground` `--w-medium` `--motion-hover` `--sidebar-ring` `--muted-foreground` `--input` `--background` `--border` `--muted` `--ring` `--focus-ring` `--popover` `--r-frame` `--e-dialog` `--s-4` `--text-section` `--foreground` `--primary` `--text-small`

## Files

`command-palette.html` live specimen · `command-palette.css` kit rules · `command-palette.d.ts` props · full page: `docs/components/command-palette/` (phone: `m/`).
