Keyboard shortcuts

import { useKeyboardShortcuts } from "@/components/organisms/keyboard-shortcuts-dialog";

function OpenShortcutsButton() {
  const { setOpen } = useKeyboardShortcuts();
  return <Button variant="outline" onClick={() => setOpen(true)}>Show shortcuts</Button>;
}

// app/layout.tsx
import { CommandPaletteProvider } from "@/components/kit/command-palette";
import { KeyboardShortcutsProvider } from "@/components/organisms/keyboard-shortcuts-dialog";

<CommandPaletteProvider>
  <KeyboardShortcutsProvider>
    {children}
  </KeyboardShortcutsProvider>
</CommandPaletteProvider>

// src/lib/shortcuts.ts
export const SHORTCUTS: ShortcutGroup[] = [
  {
    groupKey: "actions",
    items: [
      // Every action is a 2-key sequence, no modifier. Prefix carries the verb:
      //   C then X = Create X · P then X = Publish X · D then X = Duplicate X
      { labelKey: "createPaymentLink", keys: [["C"], ["L"]] }, // C then L
      { labelKey: "publishRoute",      keys: [["P"], ["R"]] }, // P then R
      { labelKey: "duplicateRoute",    keys: [["D"], ["R"]] }, // D then R
      // ...
    ],
  },
  {
    groupKey: "sections",
    items: [
      { labelKey: "goHome",             keys: [["G"], ["H"]] },         // G then H
      { labelKey: "goRiskConditions",   keys: [["G"], ["S"]] },         // G then S
      { labelKey: "goRiskRules",        keys: [["G"], ["S"], ["R"]] },  // G then S then R (child)
      { labelKey: "goSettings",         keys: ["Mod", ","] },           // ⌘, on Mac / Ctrl , on Win — the single sanctioned modifier chord
      // ...
    ],
  },
];

import {
  KeyboardShortcutsProvider,
  KeyboardShortcutsDialog,
  useKeyboardShortcuts,
} from "@/components/organisms/keyboard-shortcuts-dialog";