# Settings Shortcut Recorder

'Keyboard shortcuts' settings screen where each action is reassigned by recording ⌘⇧K and saving.

- id: `settings-shortcut-recorder`
- Page: https://agentic-ui-kit.com/components/settings-shortcut-recorder
- Live preview: https://agentic-ui-kit.com/live/component/settings-shortcut-recorder

## Install

```bash
agentic-ui add settings-shortcut-recorder
npx shadcn@4.17.0 add @agentic-ui/settings-shortcut-recorder
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** keyboard-shortcut-capture, modifier-plus-key-recording, modifier-only-input-ignored, layout-independent-key-codes, platform-label-normalization, canonical-mod-binding, editable-combination-builder, clear-and-cancel-without-saving, explicit-save, configurable-conflict-policy, reserved-shortcut-detection, custom-conflict-messages, external-error-override, disabled-state, hidden-form-input, dark-mode
- **Intents:** configure, create-edit
- **Suits domains:** settings, saas, devtools, project-management, ai-workspace, notes, personal-productivity
- **Interaction:** keyboard-capture, click, toggle, select, form-submit
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** 'Keyboard shortcuts' settings screen where each action is reassigned by recording ⌘⇧K and saving, shortcut editor for an IDE or devtools console that blocks combinations reserved by the browser, customize the command palette shortcut in an AI or notes workspace, configurable conflict policy: block in the product, warn in internal tools
- **Avoid when:** only the shortcut reference needs to be shown (use util-shortcuts-overlay), chained sequences like 'g then d' (the recorder records simultaneous combinations), devices without a physical keyboard as the only target
- **Preserve when adapting:** explicit-save, capture-scoped-to-field, modifier-only-ignored, canonical-mod-binding, keyboard-model
- **Replace when adapting:** action-list, reserved-shortcuts, conflict-copy, size-and-spacing
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, kbd
- **npm dependencies:** lucide-react, util-shortcuts-overlay
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives, util-shortcuts-overlay