impact-nova 1.5.6 → 1.5.8

package/dist/components/ui/command-palette/index.js

@@ -1,44 +1,47 @@
-import { BROWSER_SHORTCUTS as o, fuzzyFilter as r, fuzzyScore as m, getBrowserShortcutInfo as a, getKeySymbol as n, isMac as i, isReservedShortcut as d, keybindingFromEvent as S, keybindingToString as s, keybindingToSymbols as u, keybindingsEqual as l, matchesKeybinding as p, parseKeybinding as c, scopePriority as y } from "./utils.js";
-import { ShortcutRegistry as f } from "./shortcut-registry.js";
-import { CommandPaletteProvider as g, useCommandPalette as b } from "./command-palette-context.js";
-import { useShortcut as x } from "./use-shortcut.js";
-import { useGlobalShortcut as k } from "./use-global-shortcut.js";
-import { useBrowserShortcuts as z } from "./use-browser-shortcuts.js";
-import { ShortcutScopeProvider as K } from "./shortcut-scope-provider.js";
-import { CommandPalette as B, CommandPaletteEmpty as F, CommandPaletteFooter as I, CommandPaletteGroup as w, CommandPaletteInput as G, CommandPaletteItem as O, CommandPaletteList as q, CommandPaletteSeparator as H, CommandPaletteShortcut as L } from "./command-palette.js";
-import { Kbd as U } from "./kbd.js";
-import { ShortcutSettings as _ } from "./shortcut-settings.js";
+import { BROWSER_SHORTCUTS as o, deserialiseOverrides as r, fuzzyFilter as m, fuzzyScore as a, getBrowserShortcutInfo as i, getKeySymbol as n, isMac as d, isReservedShortcut as s, keybindingFromEvent as l, keybindingToString as S, keybindingToSymbols as p, keybindingsEqual as u, matchesKeybinding as c, parseKeybinding as y, scopePriority as P, serialiseOverrides as f } from "./utils.js";
+import { LocalStorageAdapter as C, ShortcutRegistry as b } from "./shortcut-registry.js";
+import { CommandPaletteProvider as x, useCommandPalette as v } from "./command-palette-context.js";
+import { useShortcut as k } from "./use-shortcut.js";
+import { useGlobalShortcut as E } from "./use-global-shortcut.js";
+import { useBrowserShortcuts as O } from "./use-browser-shortcuts.js";
+import { ShortcutScopeProvider as B } from "./shortcut-scope-provider.js";
+import { CommandPalette as I, CommandPaletteEmpty as w, CommandPaletteFooter as G, CommandPaletteGroup as L, CommandPaletteInput as q, CommandPaletteItem as A, CommandPaletteList as H, CommandPaletteSeparator as M, CommandPaletteShortcut as U } from "./command-palette.js";
+import { Kbd as _ } from "./kbd.js";
+import { ShortcutSettings as D } from "./shortcut-settings.js";
 export {
   o as BROWSER_SHORTCUTS,
-  B as CommandPalette,
-  F as CommandPaletteEmpty,
-  I as CommandPaletteFooter,
-  w as CommandPaletteGroup,
-  G as CommandPaletteInput,
-  O as CommandPaletteItem,
-  q as CommandPaletteList,
-  g as CommandPaletteProvider,
-  H as CommandPaletteSeparator,
-  L as CommandPaletteShortcut,
-  U as Kbd,
-  f as ShortcutRegistry,
-  K as ShortcutScopeProvider,
-  _ as ShortcutSettings,
-  r as fuzzyFilter,
-  m as fuzzyScore,
-  a as getBrowserShortcutInfo,
+  I as CommandPalette,
+  w as CommandPaletteEmpty,
+  G as CommandPaletteFooter,
+  L as CommandPaletteGroup,
+  q as CommandPaletteInput,
+  A as CommandPaletteItem,
+  H as CommandPaletteList,
+  x as CommandPaletteProvider,
+  M as CommandPaletteSeparator,
+  U as CommandPaletteShortcut,
+  _ as Kbd,
+  C as LocalStorageAdapter,
+  b as ShortcutRegistry,
+  B as ShortcutScopeProvider,
+  D as ShortcutSettings,
+  r as deserialiseOverrides,
+  m as fuzzyFilter,
+  a as fuzzyScore,
+  i as getBrowserShortcutInfo,
   n as getKeySymbol,
-  i as isMac,
-  d as isReservedShortcut,
-  S as keybindingFromEvent,
-  s as keybindingToString,
-  u as keybindingToSymbols,
-  l as keybindingsEqual,
-  p as matchesKeybinding,
-  c as parseKeybinding,
-  y as scopePriority,
-  z as useBrowserShortcuts,
-  b as useCommandPalette,
-  k as useGlobalShortcut,
-  x as useShortcut
+  d as isMac,
+  s as isReservedShortcut,
+  l as keybindingFromEvent,
+  S as keybindingToString,
+  p as keybindingToSymbols,
+  u as keybindingsEqual,
+  c as matchesKeybinding,
+  y as parseKeybinding,
+  P as scopePriority,
+  f as serialiseOverrides,
+  O as useBrowserShortcuts,
+  v as useCommandPalette,
+  E as useGlobalShortcut,
+  k as useShortcut
 };

package/dist/components/ui/command-palette/shortcut-registry.d.ts

@@ -1,4 +1,4 @@
-import { CommandDefinition, KeyBinding, ShortcutScope } from './utils';
+import { CommandDefinition, KeyBinding, ShortcutScope, ShortcutStorageAdapter } from './utils';
 export type RegistryChangeEvent = {
     type: 'register' | 'unregister' | 'update-keybinding' | 'reset-keybinding' | 'scope-change';
     commandId?: string;
@@ -9,6 +9,18 @@ export interface ConflictInfo {
     conflictingLabel: string;
     scope: ShortcutScope;
 }
+/**
+ * Default localStorage-based storage adapter.
+ * Maintains backward compatibility with existing localStorage implementation.
+ */
+export declare class LocalStorageAdapter implements ShortcutStorageAdapter {
+    private static readonly STORAGE_KEY;
+    private static readonly RECENT_COMMANDS_KEY;
+    getOverrides(): Map<string, KeyBinding> | null;
+    saveOverrides(overrides: Map<string, KeyBinding>): void;
+    getRecentCommands(): string[] | null;
+    saveRecentCommands(ids: string[]): void;
+}
 export declare class ShortcutRegistry {
     private commands;
     private overrides;
@@ -16,7 +28,8 @@ export declare class ShortcutRegistry {
     private listeners;
     private activeScopes;
     private activeInstance;
-    constructor();
+    private storage;
+    constructor(storage?: ShortcutStorageAdapter);
     setActiveInstance(instance: string | null): void;
     getActiveInstance(): string | null;
     /**

package/dist/components/ui/command-palette/shortcut-registry.js

@@ -1,5 +1,45 @@
-import { isReservedShortcut as f, keybindingsEqual as m, matchesKeybinding as u, scopePriority as o, deserialiseOverrides as g, serialiseOverrides as v } from "./utils.js";
-const l = "impact-nova-shortcuts", h = "impact-nova-recent-commands", p = 10;
+import { deserialiseOverrides as h, serialiseOverrides as u, isReservedShortcut as f, keybindingsEqual as m, matchesKeybinding as g, scopePriority as o } from "./utils.js";
+const v = 10;
+class c {
+  static STORAGE_KEY = "impact-nova-shortcuts";
+  static RECENT_COMMANDS_KEY = "impact-nova-recent-commands";
+  getOverrides() {
+    if (typeof localStorage > "u") return null;
+    try {
+      const e = localStorage.getItem(c.STORAGE_KEY);
+      return e ? h(e) : null;
+    } catch {
+      return null;
+    }
+  }
+  saveOverrides(e) {
+    if (!(typeof localStorage > "u"))
+      try {
+        localStorage.setItem(c.STORAGE_KEY, u(e));
+      } catch {
+      }
+  }
+  getRecentCommands() {
+    if (typeof localStorage > "u") return null;
+    try {
+      const e = localStorage.getItem(c.RECENT_COMMANDS_KEY);
+      if (e) {
+        const t = JSON.parse(e);
+        return Array.isArray(t) ? t : null;
+      }
+      return null;
+    } catch {
+      return null;
+    }
+  }
+  saveRecentCommands(e) {
+    if (!(typeof localStorage > "u"))
+      try {
+        localStorage.setItem(c.RECENT_COMMANDS_KEY, JSON.stringify(e));
+      } catch {
+      }
+  }
+}
 class C {
   commands = /* @__PURE__ */ new Map();
   overrides = /* @__PURE__ */ new Map();
@@ -7,8 +47,9 @@ class C {
   listeners = /* @__PURE__ */ new Set();
   activeScopes = /* @__PURE__ */ new Set();
   activeInstance = null;
-  constructor() {
-    this.activeScopes.add("global"), this.loadOverrides(), this.loadRecentCommands();
+  storage;
+  constructor(e) {
+    this.storage = e ?? new c(), this.activeScopes.add("global"), this.loadOverrides(), this.loadRecentCommands();
   }
   // ─── Instance Management ────────────────────────────────────────────────
   setActiveInstance(e) {
@@ -58,8 +99,8 @@ class C {
   findConflict(e, t, s) {
     for (const [n, r] of this.commands) {
       if (n === e || r.scope !== s) continue;
-      const c = this.getEffectiveKeybinding(n);
-      if (c && m(c, t))
+      const a = this.getEffectiveKeybinding(n);
+      if (a && m(a, t))
         return {
           conflictingCommandId: n,
           conflictingLabel: r.label,
@@ -99,7 +140,7 @@ class C {
    */
   getPaletteCommands() {
     const t = this.getRegisteredInstances().length > 1;
-    return this.getAllCommands().filter((s) => !(s.hidden || s.when && !s.when() || s.instance && t && this.activeInstance && s.instance !== this.activeInstance));
+    return this.getAllCommands().filter((s) => !(s.hidden || s.when && !s.when() || !this.activeScopes.has(s.scope) || s.instance && t && this.activeInstance && s.instance !== this.activeInstance));
   }
   /**
    * Get commands for the settings panel (all registered, including hidden).
@@ -116,13 +157,13 @@ class C {
    */
   handleKeyEvent(e) {
     const t = this.activeScopes.has("modal"), n = this.getRegisteredInstances().length > 1;
-    let r = null, c = -1;
+    let r = null, a = -1;
     for (const i of this.commands.values()) {
       if (i.passive) continue;
-      const a = this.getEffectiveKeybinding(i.id);
-      if (a && !(t && i.scope !== "modal") && !(i.instance && n && i.instance !== this.activeInstance) && !(i.when && !i.when()) && u(e, a)) {
-        const d = o(i.scope);
-        d > c && (r = i, c = d);
+      const d = this.getEffectiveKeybinding(i.id);
+      if (d && !(t && i.scope !== "modal") && !(i.instance && n && i.instance !== this.activeInstance) && !(i.when && !i.when()) && g(e, d)) {
+        const l = o(i.scope);
+        l > a && (r = i, a = l);
       }
     }
     return r ? (e.preventDefault(), e.stopPropagation(), r.handler(), this.addRecentCommand(r.id), !0) : !1;
@@ -135,7 +176,7 @@ class C {
     this.recentCommandIds = [
       e,
       ...this.recentCommandIds.filter((t) => t !== e)
-    ].slice(0, p), this.saveRecentCommands();
+    ].slice(0, v), this.saveRecentCommands();
   }
   // ─── Event System ─────────────────────────────────────────────────────
   subscribe(e) {
@@ -148,36 +189,21 @@ class C {
   }
   // ─── Persistence ──────────────────────────────────────────────────────
   loadOverrides() {
-    if (!(typeof localStorage > "u"))
-      try {
-        const e = localStorage.getItem(l);
-        e && (this.overrides = g(e));
-      } catch {
-      }
+    const e = this.storage.getOverrides();
+    e && (this.overrides = e);
   }
   saveOverrides() {
-    if (!(typeof localStorage > "u"))
-      try {
-        localStorage.setItem(l, v(this.overrides));
-      } catch {
-      }
+    this.storage.saveOverrides(this.overrides);
   }
   loadRecentCommands() {
-    if (!(typeof localStorage > "u"))
-      try {
-        const e = localStorage.getItem(h);
-        e && (this.recentCommandIds = JSON.parse(e));
-      } catch {
-      }
+    const e = this.storage.getRecentCommands();
+    e && (this.recentCommandIds = e);
   }
   saveRecentCommands() {
-    if (!(typeof localStorage > "u"))
-      try {
-        localStorage.setItem(h, JSON.stringify(this.recentCommandIds));
-      } catch {
-      }
+    this.storage.saveRecentCommands(this.recentCommandIds);
   }
 }
 export {
+  c as LocalStorageAdapter,
   C as ShortcutRegistry
 };

package/dist/components/ui/command-palette/shortcut-settings.d.ts

@@ -19,9 +19,20 @@ export interface ShortcutSettingsProps extends Omit<React.HTMLAttributes<HTMLDiv
     sources?: Array<'system' | 'user' | 'ag-grid' | 'browser'>;
     /** Optional render prop to hoist the recording indicator/conflict message up to a parent toolbar */
     renderStatus?: (node: React.ReactNode | null) => React.ReactNode;
+    /** Label shown during recording mode */
+    recordingLabel?: string;
+    /** Instruction for recording a shortcut */
+    pressShortcutLabel?: string;
+    /** Label for adding a new shortcut */
+    addShortcutLabel?: string;
+    /** Warning message for shortcut conflicts */
+    conflictWarnLabel?: string;
+    /** Warning message for browser-reserved shortcuts */
+    reservedWarnLabel?: string;
+    /** Detailed instruction for recording state */
+    recordingInstruction?: string;
 }
-declare function ShortcutSettings({ className, scopes, sources, renderStatus, ...props }: ShortcutSettingsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ShortcutSettings {
+export declare function ShortcutSettings({ className, scopes, sources, renderStatus, recordingLabel, pressShortcutLabel, addShortcutLabel, conflictWarnLabel, reservedWarnLabel, recordingInstruction, ...props }: ShortcutSettingsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ShortcutSettings {
     var displayName: string;
 }
-export { ShortcutSettings };

package/dist/components/ui/command-palette/shortcut-settings.js

@@ -1,158 +1,167 @@
-import { jsx as r, jsxs as h, Fragment as N } from "react/jsx-runtime";
+import { jsx as r, jsxs as g, Fragment as U } from "react/jsx-runtime";
 import * as n from "react";
-import { User as L, Monitor as F, AlertTriangle as I, Lock as R, RotateCcw as U } from "lucide-react";
-import { cn as p } from "../../../lib/utils.js";
-import { ModuleRegistry as _, AllCommunityModule as K } from "ag-grid-community";
-import { AllEnterpriseModule as j } from "ag-grid-enterprise";
-import { DataTable as z, DataTableContent as B } from "../data-table/data-table.js";
-import { AG_CELL_NO_PADDING as S } from "../ag-grid-react/cell-renderers/index.js";
-import { Kbd as O } from "./kbd.js";
-import { useCommandPalette as $ } from "./command-palette-context.js";
-import { keybindingToString as H, keybindingFromEvent as V, isReservedShortcut as W } from "./utils.js";
-import { BadgeCellRenderer as q } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
-_.registerModules([K, j]);
-const J = {
+import { User as _, Monitor as K, AlertTriangle as j, Lock as G, RotateCcw as z } from "lucide-react";
+import { cn as h } from "../../../lib/utils.js";
+import { ModuleRegistry as B, AllCommunityModule as O } from "ag-grid-community";
+import { AllEnterpriseModule as $ } from "ag-grid-enterprise";
+import { DataTable as H, DataTableContent as V } from "../data-table/data-table.js";
+import { AG_CELL_NO_PADDING as A } from "../ag-grid-react/cell-renderers/index.js";
+import { Kbd as q } from "./kbd.js";
+import { useCommandPalette as J } from "./command-palette-context.js";
+import { keybindingToString as Q, keybindingFromEvent as X, isReservedShortcut as Y } from "./utils.js";
+import { BadgeCellRenderer as Z } from "../ag-grid-react/cell-renderers/badge-cell-renderer.js";
+B.registerModules([O, $]);
+const W = {
   system: "System",
   user: "User",
   "ag-grid": "AG Grid",
   browser: "Browser"
 };
-function Q(l) {
-  const e = l.data;
-  return e ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
-    !e.customisable && /* @__PURE__ */ r(R, { className: "h-3 w-3 text-[#9ca3af] shrink-0" }),
-    /* @__PURE__ */ h("div", { className: "flex flex-col min-w-0 gap-0", children: [
+function ee(i) {
+  const e = i.data;
+  return e ? /* @__PURE__ */ g("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
+    !e.customisable && /* @__PURE__ */ r(G, { className: "h-3 w-3 text-[#9ca3af] shrink-0" }),
+    /* @__PURE__ */ g("div", { className: "flex flex-col min-w-0 gap-0", children: [
       /* @__PURE__ */ r("span", { className: "truncate font-medium text-[#374151] text-xs leading-tight", children: e.command }),
       e.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-[#9ca3af] leading-tight", children: e.description })
     ] })
   ] }) : null;
 }
-function X(l) {
-  const e = l.data;
+function te(i) {
+  const e = i.data;
   if (!e) return null;
-  const c = l.recordingCommandId === e.id;
-  return /* @__PURE__ */ r("div", { className: p(
+  const c = i.recordingCommandId === e.id;
+  return /* @__PURE__ */ r("div", { className: h(
     "w-full h-full flex items-center ag-cell-inner-padding",
     e.customisable ? "in-ag-editable-cell-highlight" : ""
   ), children: /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: h(
         "flex items-center justify-between w-full h-7 rounded-[8px] px-1.5 group/row relative",
         e.customisable ? "bg-white" : "bg-transparent",
         c && "ring-1 ring-[#4259ee] border border-[#4259ee]"
       ),
-      children: c ? /* @__PURE__ */ r("span", { className: "text-xs text-[#4259ee] font-medium animate-pulse", children: "Press desired shortcut..." }) : /* @__PURE__ */ h(N, { children: [
+      children: c ? /* @__PURE__ */ r("span", { className: "text-xs text-[#4259ee] font-medium animate-pulse", children: i.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ g(U, { children: [
         e.keybinding ? /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), e.customisable && l.onStartRecording(e.id);
+              a.stopPropagation(), e.customisable && i.onStartRecording(e.id);
             },
             disabled: !e.customisable,
-            className: p(
+            className: h(
               "flex items-center justify-end h-full w-full text-right",
               e.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(O, { keybinding: e.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(q, { keybinding: e.keybinding, size: "sm" })
           }
         ) : e.customisable ? /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), l.onStartRecording(e.id);
+              a.stopPropagation(), i.onStartRecording(e.id);
             },
             className: "flex items-center justify-end h-full w-full text-xs text-[#9ca3af] hover:text-[#4259ee] transition-colors cursor-pointer text-right",
-            children: "Add shortcut"
+            children: i.addShortcutLabel ?? "Add shortcut"
           }
         ) : /* @__PURE__ */ r("span", { className: "text-xs text-transparent", children: "--" }),
         e.hasOverride && e.customisable && !c && /* @__PURE__ */ r(
           "button",
           {
+            type: "button",
             onClick: (a) => {
-              a.stopPropagation(), l.onReset(e.id);
+              a.stopPropagation(), i.onReset(e.id);
             },
             className: "absolute right-1 p-0.5 rounded bg-white hover:bg-[#f3f4f6] hover:text-[#ef4444] cursor-pointer opacity-0 group-hover/row:opacity-100 transition-opacity z-10",
             title: "Reset to default",
-            children: /* @__PURE__ */ r(U, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ r(z, { className: "h-3 w-3" })
           }
         )
       ] })
     }
   ) });
 }
-function Y(l) {
-  const e = l.data;
+function re(i) {
+  const e = i.data;
   return e ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-[#6b7280] capitalize", children: e.scope }) }) : null;
 }
-function Z({
-  className: l,
+function se({
+  className: i,
   scopes: e,
   sources: c,
   renderStatus: a,
-  ...k
+  recordingLabel: ie,
+  pressShortcutLabel: b,
+  addShortcutLabel: x,
+  conflictWarnLabel: y = "Conflicts with other shortcuts",
+  reservedWarnLabel: p = "This shortcut is reserved by the browser",
+  recordingInstruction: P = "Recording: Press shortcut or Esc",
+  ...le
 }) {
   const {
-    getSettingsCommands: E,
-    getEffectiveKeybinding: M,
-    updateKeybinding: g,
-    resetKeybinding: b,
-    version: A
-  } = $(), [o, f] = n.useState(null), [d, i] = n.useState(null), G = n.useMemo(() => {
-    let s = E();
+    getSettingsCommands: w,
+    getEffectiveKeybinding: C,
+    updateKeybinding: v,
+    resetKeybinding: S,
+    version: D
+  } = J(), [o, m] = n.useState(null), [d, l] = n.useState(null), T = n.useMemo(() => {
+    let s = w();
     return e && (s = s.filter((t) => e.includes(t.scope))), c && (s = s.filter((t) => t.source && c.includes(t.source))), s.map((t) => {
-      const u = M(t.id), m = t.source ?? "user", C = J[m] ?? t.source ?? "User", v = C.toLowerCase() === "user";
+      const u = C(t.id), f = t.source ?? "user", E = W[f] ?? t.source ?? "User", M = E.toLowerCase() === "user";
       return {
         id: t.id,
         command: t.label,
         description: t.description || "",
         category: t.category || "General",
         keybinding: u,
-        keybindingDisplay: u ? H(u) : "",
+        keybindingDisplay: u ? Q(u) : "",
         scope: t.scope,
-        source: C,
-        sourceColor: v ? "primary" : "neutral",
-        sourceIcon: v ? /* @__PURE__ */ r(L, { className: "h-3 w-3" }) : /* @__PURE__ */ r(F, { className: "h-3 w-3" }),
+        source: E,
+        sourceColor: M ? "primary" : "neutral",
+        sourceIcon: M ? /* @__PURE__ */ r(_, { className: "h-3 w-3" }) : /* @__PURE__ */ r(K, { className: "h-3 w-3" }),
         customisable: t.customisable !== !1,
         passive: t.passive === !0,
         hasOverride: t.keybinding !== void 0,
         _def: t
       };
     });
-  }, [A, e, c]), x = n.useCallback((s) => {
-    f(s), i(null);
-  }, []), y = n.useCallback((s) => {
-    b(s), i(null);
-  }, [b]);
+  }, [D, e, c, w, C]), N = n.useCallback((s) => {
+    m(s), l(null);
+  }, []), R = n.useCallback((s) => {
+    S(s), l(null);
+  }, [S]);
   n.useEffect(() => {
     if (!o) return;
     const s = (t) => {
       if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
-        f(null), i(null);
+        m(null), l(null);
         return;
       }
-      const u = V(t);
+      const u = X(t);
       if (!u) return;
-      if (W(u)) {
-        i({ type: "reserved", text: "This shortcut is reserved by the browser and cannot be used" }), f(null), setTimeout(() => i(null), 3e3);
+      if (Y(u)) {
+        l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3);
         return;
       }
-      const m = g(o, u);
-      m.success ? (f(null), i(null)) : m.conflict ? (i({
+      const f = v(o, u);
+      f.success ? (m(null), l(null)) : f.conflict ? (l({
         type: "conflict",
-        text: `Conflicts with "${m.conflict.conflictingLabel}" in ${m.conflict.scope} scope`
-      }), f(null), setTimeout(() => i(null), 3e3)) : m.reserved && (i({ type: "reserved", text: "This shortcut is reserved by the browser" }), f(null), setTimeout(() => i(null), 3e3));
+        text: y
+      }), m(null), setTimeout(() => l(null), 3e3)) : f.reserved && (l({ type: "reserved", text: p }), m(null), setTimeout(() => l(null), 3e3));
     };
     return window.addEventListener("keydown", s, !0), () => window.removeEventListener("keydown", s, !0);
-  }, [o, g]);
-  const P = n.useMemo(() => [
+  }, [o, v, p, y]);
+  const F = n.useMemo(() => [
     {
       field: "command",
       headerName: "Command",
       flex: 1,
       minWidth: 200,
       filter: "agTextColumnFilter",
-      cellRenderer: Q,
+      cellRenderer: ee,
       filterValueGetter: (s) => {
         const t = s.data;
         return t ? `${t.command} ${t.description}` : "";
@@ -170,12 +179,14 @@ function Z({
       width: 180,
       type: "rightAligned",
       filter: "agTextColumnFilter",
-      cellRenderer: X,
-      cellClass: S,
+      cellRenderer: te,
+      cellClass: A,
       cellRendererParams: {
         recordingCommandId: o,
-        onStartRecording: x,
-        onReset: y
+        onStartRecording: N,
+        onReset: R,
+        recordingLabel: b,
+        addShortcutLabel: x
       },
       sortable: !0
     },
@@ -184,15 +195,15 @@ function Z({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: Y
+      cellRenderer: re
     },
     {
       field: "source",
       headerName: "Source",
       width: 130,
       filter: "agSetColumnFilter",
-      cellClass: S,
-      cellRenderer: q,
+      cellClass: A,
+      cellRenderer: Z,
       cellRendererParams: {
         variant: "subtle",
         colorField: "sourceColor",
@@ -212,16 +223,16 @@ function Z({
         isMultiSelect: !0
       }
     }
-  ], [o, x, y]), T = n.useMemo(() => ({
+  ], [o, N, R, b, x]), L = n.useMemo(() => ({
     filter: {
       filterModel: {
         source: {
           filterType: "set",
-          values: ["System", "User", "AG Grid"]
+          values: ["User", "AG Grid"]
         }
       }
     }
-  }), []), D = n.useMemo(() => ({
+  }), []), I = n.useMemo(() => ({
     sortable: !0,
     resizable: !0,
     filter: !0,
@@ -229,26 +240,22 @@ function Z({
       isSearchable: !0,
       advanceSearchEnabled: !0
     }
-  }), []), w = d || o ? /* @__PURE__ */ h("div", { className: p(
+  }), []), k = d || o ? /* @__PURE__ */ g("div", { className: h(
     "px-3 py-1.5 text-[10px] md:text-sm font-medium rounded-md whitespace-nowrap flex items-center gap-2",
     d?.type === "conflict" ? "bg-[#fef3c7] text-[#92400e]" : d?.type === "reserved" ? "bg-[#fee2e2] text-[#991b1b]" : o ? "bg-[#eff6ff] text-[#1e40af] animate-[pulse_1.5s_ease-in-out_infinite]" : ""
   ), children: [
-    d?.type === "conflict" ? /* @__PURE__ */ r(I, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(R, { className: "h-3.5 w-3.5 shrink-0" }) : o ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
-    /* @__PURE__ */ r("span", { children: d ? d.text : /* @__PURE__ */ h(N, { children: [
-      /* @__PURE__ */ r("strong", { children: "Recording:" }),
-      " Press shortcut or ",
-      /* @__PURE__ */ r("strong", { children: "Esc" })
-    ] }) })
+    d?.type === "conflict" ? /* @__PURE__ */ r(j, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(G, { className: "h-3.5 w-3.5 shrink-0" }) : o ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
+    /* @__PURE__ */ r("span", { children: d ? d.text : P })
   ] }) : null;
-  return /* @__PURE__ */ h(z, { className: p("flex flex-col w-full h-full border-t-0", l), ...k, children: [
-    a ? a(w) : w,
+  return /* @__PURE__ */ g(H, { className: h("flex flex-col w-full h-full border-t-0", i), children: [
+    a ? a(k) : k,
     /* @__PURE__ */ r(
-      B,
+      V,
       {
-        rowData: G,
-        columnDefs: P,
-        defaultColDef: D,
-        initialState: T,
+        rowData: T,
+        columnDefs: F,
+        defaultColDef: I,
+        initialState: L,
         rowHeight: 44,
         animateRows: !1,
         rowSelection: "single",
@@ -260,7 +267,7 @@ function Z({
     )
   ] });
 }
-Z.displayName = "ShortcutSettings";
+se.displayName = "ShortcutSettings";
 export {
-  Z as ShortcutSettings
+  se as ShortcutSettings
 };