031-build-command-palette-for-global-navigation-and-quick-actions.md

title	Build command palette for global navigation and quick actions
issue_number	31
epic	Page Design Issues (Dummy Data Only)
labels	frontend ux navigation priority-medium

Epic

Page Design Issues (Dummy Data Only)

Description

• Implement keyboard-accessible command palette (Ctrl/Cmd + K)
• Include quick actions for route navigation and common mock tasks
• Add search across screens and actions
• Design spec (must use; measurable):
  • Tokens per Issue 3
  • Modal width 640px desktop, full-width mobile sheet
  • Result rows min-height 44px with active/focus states
  • Keyboard navigation via arrows + enter + escape

Acceptance criteria

• Command palette opens and closes correctly
• Search filters routes/actions in real time
• Keyboard-only flow works end-to-end
• PR includes screenshots and short demo GIF

Suggested GitHub labels

frontend, ux, navigation, priority-medium

---