# Place switcher

Switch between RJ HQ and each brand. The place card in the sidebar opens a searchable list with monogram tiles (HQ blue, DTC navy, B2B slate). Phone: a bottom sheet.

- **Group:** Navigation and shell · **family:** `app-shell` · **shadcn:** Popover, Command
- **Build:** `Popover` + `Command`; phone `Drawer`.
- **In apps/admin today:** shell/brand-picker exists (uses radix popover + cmdk directly).
- **Client component:** yes. 

## Content rules

- Count reflects reality: 3 brands.

## Do

- Keep the current place ticked.

## Don't

- Hide HQ from HQ users.

## Accessibility

- **Keyboard:** Enter opens; typing filters; ↑ ↓; Enter switches.
- **ARIA:** Combobox semantics (cmdk) in a Popover.
- **Focus:** Ring `--sidebar-ring` on navy.

## Tokens

`--font-voice` `--font-stretch-title` `--r-control` `--motion-hover` `--sidebar-foreground` `--sidebar-ring` `--w-semibold` `--text-card` `--sidebar-accent-foreground` `--text-micro` `--destructive` `--destructive-foreground` `--w-bold` `--sidebar-primary` `--sidebar-primary-foreground` `--primary` `--text-9-5` `--r-chip` `--info` `--info-foreground` `--primary-foreground` `--neutral` `--neutral-foreground` `--s-2` `--s-3` `--border` `--muted-foreground` `--foreground` `--motion-caret` `--ease-blink` `--s-1` `--accent` `--text-small` `--w-medium` `--s-6` `--s-4` `--text-body` `--z-pop` `--muted` `--s-5` `--text-18` `--font-ui`

## Files

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