---
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
