hyperdx/.changeset/help-keyboard-shortcuts-modal.md at ad71dc2e912fc3429fb81d0246e2a14788dd53e4

mirror of https://github.com/hyperdxio/hyperdx synced 2026-04-21 13:37:15 +00:00

Elizabet Oliveira ad71dc2e91

feat(app): keyboard shortcuts modal from Help menu (#2064 )

## Why

Users had no in-app list of keyboard shortcuts. Documenting them under **Help** makes discoverability match other support links and reduces guesswork (e.g. command palette vs search bar).

<img width="467" height="201" alt="Screenshot 2026-04-07 at 17 23 40" src="https://github.com/user-attachments/assets/f03e3379-0feb-4912-8f3a-89fca338d02a" />
<img width="901" height="1003" alt="Screenshot 2026-04-07 at 17 23 46" src="https://github.com/user-attachments/assets/d3f7bb0f-3a10-44c2-8e5f-7259382652b8" />



## What

- **Help → Keyboard shortcuts** opens a modal with shortcuts gathered from current hotkey usage (Spotlight ⌘/Ctrl+K, `/` and `s` for search/WHERE, time picker, find-in-table, log navigation, trace timeline, dashboards, etc.).
- Help dropdown order: documentation and setup first, then shortcuts, then Discord.
- Modal: comfortable width, dividers between rows, **or** vs **+** for alternatives vs chords.
- E2E: help menu includes the new item and opens the modal.
- Changeset: `@hyperdx/app` patch.

## Test plan

- [ ] Open Help → Keyboard shortcuts; confirm list and close behavior.
- [ ] CI: rely on PR checks (`make ci-lint` / `make ci-unit` if running locally).

2026-04-07 17:31:29 +00:00

489 B

Raw Blame History

@hyperdx/app
patch

feat: Add keyboard shortcuts modal from the Help menu

New Keyboard shortcuts item opens a modal documenting app shortcuts (command palette ⌘/Ctrl+K, search focus, time picker, tables, traces, dashboards, and more).
Help menu items ordered by importance (documentation and setup before shortcuts and community).
Shortcuts modal uses a readable width, row dividers, and or vs + labels so alternative keys are not confused with key chords.

489 B Raw Blame History

489 B

Raw Blame History