Skip to content

Add a keyboard shortcuts help panel #272

Description

@NovaCode37

PRISM has a few keyboard shortcuts — / focuses the target input (#196), Alt+T toggles the theme — but nothing tells users they exist.

Add a small help panel listing them, opened with ? (and closed with Escape or a click outside).

Pointers:

  • frontend/src/components/Sidebar.tsx has the / handler, and frontend/src/lib/useTheme.ts has the Alt+T one — worth grepping for addEventListener(.keydown.) to catch any others before writing the list.
  • The / handler shows the pattern for ignoring keystrokes typed into an input, which the ? handler needs too.

Keep the styling consistent with the existing cards. Text should go through the translation files (frontend/src/messages/*.json) like the rest of the UI — English is enough, other locales fall back.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions