impact-nova 1.5.14 → 1.6.0

package/dist/components/ui/command-palette/index.d.ts

@@ -2,7 +2,7 @@
  * Command Palette & Keyboard Shortcuts — Public API
  */
 export type { ShortcutScope, KeyBinding, CommandDefinition, FuzzyResult, SerializedOverride, BrowserShortcutInfo, ShortcutStorageAdapter, } from './utils';
-export { isMac, getKeySymbol, keybindingToSymbols, keybindingToString, matchesKeybinding, parseKeybinding, keybindingsEqual, keybindingFromEvent, isReservedShortcut, getBrowserShortcutInfo, BROWSER_SHORTCUTS, fuzzyScore, fuzzyFilter, scopePriority, serialiseOverrides, deserialiseOverrides, } from './utils';
+export { isMac, getKeySymbol, keybindingToSymbols, keybindingToString, matchesKeybinding, parseKeybinding, keybindingsEqual, keybindingFromEvent, isReservedShortcut, getBrowserShortcutInfo, BROWSER_SHORTCUTS, fuzzyScore, fuzzyFilter, COMMAND_SOURCE_LABELS, scopePriority, serialiseOverrides, deserialiseOverrides, } from './utils';
 export { ShortcutRegistry, LocalStorageAdapter } from './shortcut-registry';
 export type { RegistryChangeEvent, RegistryListener, ConflictInfo } from './shortcut-registry';
 export { CommandPaletteProvider, useCommandPalette, } from './command-palette-context';

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

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

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

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import * as d from "react";
-import { cva as l } from "class-variance-authority";
-import { cn as o } from "../../../lib/utils.js";
-import { keybindingToSymbols as b, getKeySymbol as c } from "./utils.js";
-const u = l(
+import * as o from "react";
+import { cva as c } from "class-variance-authority";
+import { cn as i } from "../../../lib/utils.js";
+import { keybindingToSymbols as f, getKeySymbol as u } from "./utils.js";
+const b = c(
   "inline-flex items-center justify-center rounded border font-mono leading-none select-none",
   {
     variants: {
@@ -13,9 +13,9 @@ const u = l(
         lg: "min-w-[26px] h-[26px] px-2 text-xs"
       },
       variant: {
-        default: "bg-[#f4f5f7] border-[#d1d5db] text-[#374151] shadow-[0_1px_0_0_#d1d5db]",
-        muted: "bg-[#e5e7eb] border-[#d1d5db] text-[#6b7280]",
-        dark: "bg-[#374151] border-[#4b5563] text-[#e5e7eb] shadow-[0_1px_0_0_#1f2937]"
+        default: "bg-canvas-muted border-stroke-hairline text-content-charcoal shadow-[0_1px_0_0_var(--color-border-hairline)]",
+        muted: "bg-stroke-hairline border-stroke-hairline text-content-muted",
+        dark: "bg-content text-canvas border-stroke shadow-[0_1px_0_0_hsl(0_0%_0%_/_0.25)]"
       }
     },
     defaultVariants: {
@@ -23,23 +23,23 @@ const u = l(
       variant: "default"
     }
   }
-), h = d.forwardRef(
-  ({ className: i, keys: t, keybinding: r, size: m, variant: p, ...s }, x) => {
-    const n = d.useMemo(() => r ? b(r) : t ? t.map((e) => c(e)) : [], [t, r]);
+), h = o.forwardRef(
+  ({ className: s, keys: t, keybinding: r, size: l, variant: m, ...d }, p) => {
+    const n = o.useMemo(() => r ? f(r) : t ? t.map((e) => u(e)) : [], [t, r]);
     return n.length === 0 ? null : /* @__PURE__ */ a(
       "span",
       {
-        ref: x,
-        className: o("inline-flex items-center gap-0.5", i),
+        ref: p,
+        className: i("inline-flex items-center gap-0.5", s),
         "data-component": "kbd",
-        ...s,
-        children: n.map((e, f) => /* @__PURE__ */ a(
+        ...d,
+        children: n.map((e, x) => /* @__PURE__ */ a(
           "kbd",
           {
-            className: o(u({ size: m, variant: p })),
+            className: i(b({ size: l, variant: m })),
             children: e
           },
-          `${e}-${f}`
+          `${e}-${x}`
         ))
       }
     );
@@ -48,5 +48,5 @@ const u = l(
 h.displayName = "Kbd";
 export {
   h as Kbd,
-  u as kbdVariants
+  b as kbdVariants
 };

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

@@ -1,10 +1,10 @@
 import { ShortcutScope } from './utils';
 /**
- * ShortcutSettings — Keyboard shortcut customisation panel built with AG Grid.
+ * ShortcutSettings — Keyboard shortcut customisation panel (data table UI).
  *
  * Features:
- *   - AG Grid with search, sort, and filter on every column
- *   - Source column with set filter (All / User / Browser / AG Grid / System)
+ *   - Search, sort, and filter on every column
+ *   - Source column with set filter (All / User / Browser / Table / System)
  *   - Click keybinding cell → "recording mode" (press new keys)
  *   - Non-customisable rows are read-only
  *   - Conflict detection with inline warning

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

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

package/dist/components/ui/command-palette/utils.d.ts

@@ -29,7 +29,7 @@ export interface CommandDefinition {
     /**
      * When true, the shortcut is displayed in the palette/settings but the
      * registry will NOT intercept the keyboard event. The owning component
-     * (e.g. AG Grid) handles its own keyboard handling natively.
+     * (e.g. data table) handles its own keyboard handling natively.
      */
     passive?: boolean;
     /**
@@ -39,6 +39,11 @@ export interface CommandDefinition {
      */
     instance?: string;
 }
+/**
+ * User-visible labels for `CommandDefinition.source`.
+ * Internal keys stay stable (`ag-grid`, etc.); only display text is generic.
+ */
+export declare const COMMAND_SOURCE_LABELS: Record<NonNullable<CommandDefinition['source']>, string>;
 /**
  * Storage adapter for shortcut overrides and recent commands.
  * Allows consumers to provide their own persistence implementation