33 lines
1.1 KiB
Markdown
33 lines
1.1 KiB
Markdown
---
|
|
epic: 9
|
|
story: 9.8
|
|
title: "Keyboard Shortcuts Overlay"
|
|
status: draft
|
|
---
|
|
|
|
## Epic 9 — Web App (React + WASM)
|
|
**Goal:** Zero-install web experience with real-time collaboration.
|
|
|
|
### Story 9.8: Keyboard Shortcuts Overlay
|
|
|
|
As a power user,
|
|
I want to see all available keyboard shortcuts in an overlay panel,
|
|
So that I can learn and use shortcuts to speed up my workflow.
|
|
|
|
**Acceptance Criteria:**
|
|
|
|
**Given** a user is in the CalcPad editor
|
|
**When** they press `Ctrl+/` (or `Cmd+/` on macOS)
|
|
**Then** a modal overlay panel appears listing all keyboard shortcuts
|
|
**And** pressing `Ctrl+/` again or pressing `Escape` dismisses the overlay
|
|
|
|
**Given** the shortcuts overlay is displayed
|
|
**When** the user views the panel
|
|
**Then** shortcuts are grouped by category (e.g., Navigation, Editing, Formatting, Sharing)
|
|
**And** each shortcut shows the key combination and a brief description
|
|
|
|
**Given** the shortcuts overlay is open
|
|
**When** the user clicks outside the overlay or presses Escape
|
|
**Then** the overlay closes
|
|
**And** focus returns to the editor at the previous cursor position
|