Description
This is a UI/UX issue. Discovery of keyboard shortcuts (Cmd-K, ESC to close modal, / to focus search) is currently invisible. Add a "?" shortcut that opens a centered modal listing all global shortcuts in a two-column layout, plus a footer link.
Requirements and Context
- Reference:
src/App.tsx
- Modal must be focus-trapped, ESC-closeable, restore focus on close
- Shortcut chord rendered as styled
<kbd> elements
- Skip rendering on touch-only devices
- Must be secure, tested, and documented
- Should be efficient and easy to review
Suggested Execution
- Fork the repo and create a branch
git checkout -b feature/shortcuts-cheatsheet
- Implement changes
src/components/ShortcutsModal.tsx
src/App.tsx — register global ? listener
- Test and commit
- Open with
?, close with ESC, verify focus restoration
- Verify it does not render in iOS Safari touch context
Example commit message
feat: keyboard shortcuts cheat-sheet modal
Acceptance Criteria
Guidelines
<kbd> styling token-driven for both themes
- Avoid keyboard handler conflicts inside input fields
- Clear documentation and inline comments
- Timeframe: 96 hours
Description
This is a UI/UX issue. Discovery of keyboard shortcuts (Cmd-K, ESC to close modal, / to focus search) is currently invisible. Add a "?" shortcut that opens a centered modal listing all global shortcuts in a two-column layout, plus a footer link.
Requirements and Context
src/App.tsx<kbd>elementsSuggested Execution
src/components/ShortcutsModal.tsxsrc/App.tsx— register global?listener?, close with ESC, verify focus restorationExample commit message
Acceptance Criteria
?opens the modal<kbd>stylingGuidelines
<kbd>styling token-driven for both themes