impact-nova 1.6.0 → 1.6.2

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

@@ -28,8 +28,8 @@ function fe({
   commands: n,
   placeholder: i = "Type a command or search...",
   emptyTitle: m = "No results found",
-  emptyDescription: u = "Try a different search term",
-  recentGroupLabel: p = "Recently Used",
+  emptyDescription: p = "Try a different search term",
+  recentGroupLabel: f = "Recently Used",
   defaultGroupLabel: d = "Commands",
   navigateLabel: I = "Navigate",
   runLabel: z = "Run",
@@ -38,34 +38,37 @@ function fe({
   onCommandExecute: O,
   onOpenChange: W
 }) {
-  const { open: E, setOpen: Y, getPaletteCommands: Z, getEffectiveKeybinding: G, registry: k } = ie(), [g, $] = r.useState(""), [N, h] = r.useState(0), A = r.useRef(null), F = r.useRef(null), j = r.useMemo(() => n ?? Z(), [n, E]), q = r.useMemo(() => {
+  const { open: E, setOpen: Y, getPaletteCommands: Z, getEffectiveKeybinding: G, registry: k } = ie(), [y, $] = r.useState(""), [N, g] = r.useState(0), A = r.useRef(null), F = r.useRef(null), j = r.useMemo(() => (n ?? Z()).filter((s) => {
+    const u = s.source ?? "user";
+    return u === "user" || u === "ag-grid";
+  }), [n, E]), q = r.useMemo(() => {
     const t = le(
       j,
-      g,
+      y,
       (s) => `${s.category ? s.category + ": " : ""}${s.label}${s.description ? " " + s.description : ""}`
     );
-    if (!g.trim()) {
-      const s = k.getRecentCommandIds(), y = new Set(s), f = [], C = [];
-      for (const x of t)
-        y.has(x.item.id) ? f.push(x) : C.push(x);
-      return f.sort((x, oe) => s.indexOf(x.item.id) - s.indexOf(oe.item.id)), [...f, ...C];
+    if (!y.trim()) {
+      const s = k.getRecentCommandIds(), u = new Set(s), x = [], C = [];
+      for (const h of t)
+        u.has(h.item.id) ? x.push(h) : C.push(h);
+      return x.sort((h, oe) => s.indexOf(h.item.id) - s.indexOf(oe.item.id)), [...x, ...C];
     }
     return t;
-  }, [j, g, k]), T = r.useMemo(
+  }, [j, y, k]), T = r.useMemo(
     () => q.map((t) => t.item),
     [q]
   ), ee = r.useMemo(
     () => de({
       filteredCommands: T,
-      emptyQuery: !g.trim(),
+      emptyQuery: !y.trim(),
       recentCommandIds: k.getRecentCommandIds(),
-      recentGroupLabel: p,
+      recentGroupLabel: f,
       defaultGroupLabel: d
     }),
-    [T, g, k, p, d]
+    [T, y, k, f, d]
   ), { groups: te, orderedCommands: b } = ee, S = r.useRef({ ordered: b, index: N });
   S.current = { ordered: b, index: N }, r.useEffect(() => {
-    E && ($(""), h(0), requestAnimationFrame(() => {
+    E && ($(""), g(0), requestAnimationFrame(() => {
       A.current?.focus();
     }));
   }, [E]);
@@ -75,28 +78,28 @@ function fe({
     t.handler(), k.addRecentCommand(t.id), O?.(t), K(!1);
   }, [k, O]), ae = r.useCallback(
     (t) => {
-      const { ordered: s } = S.current, y = Math.max(s.length - 1, 0);
+      const { ordered: s } = S.current, u = Math.max(s.length - 1, 0);
       switch (t.key) {
         case "ArrowDown": {
-          t.preventDefault(), h((f) => Math.min(f + 1, y));
+          t.preventDefault(), g((x) => Math.min(x + 1, u));
           break;
         }
         case "ArrowUp": {
-          t.preventDefault(), h((f) => Math.max(f - 1, 0));
+          t.preventDefault(), g((x) => Math.max(x - 1, 0));
           break;
         }
         case "Enter": {
           t.preventDefault();
-          const { ordered: f, index: C } = S.current, x = f[C];
-          x && w(x);
+          const { ordered: x, index: C } = S.current, h = x[C];
+          h && w(h);
           break;
         }
         case "Home": {
-          t.preventDefault(), h(0);
+          t.preventDefault(), g(0);
           break;
         }
         case "End": {
-          t.preventDefault(), h(y);
+          t.preventDefault(), g(u);
           break;
         }
       }
@@ -104,10 +107,10 @@ function fe({
     [w]
   );
   r.useEffect(() => {
-    h(0);
-  }, [g]), r.useEffect(() => {
+    g(0);
+  }, [y]), r.useEffect(() => {
     const t = b.length;
-    h((s) => t === 0 ? 0 : Math.min(s, t - 1));
+    g((s) => t === 0 ? 0 : Math.min(s, t - 1));
   }, [b.length]), r.useLayoutEffect(() => {
     const t = F.current;
     if (!t) return;
@@ -120,16 +123,16 @@ function fe({
   }, [N]);
   const ne = r.useMemo(
     () => ({
-      query: g,
+      query: y,
       setQuery: $,
       selectedIndex: N,
-      setSelectedIndex: h,
+      setSelectedIndex: g,
       orderedCommands: b,
       onExecute: w,
       placeholder: i,
       emptyTitle: m,
-      emptyDescription: u,
-      recentGroupLabel: p,
+      emptyDescription: p,
+      recentGroupLabel: f,
       defaultGroupLabel: d,
       navigateLabel: I,
       runLabel: z,
@@ -137,14 +140,14 @@ function fe({
       configureShortcutsLabel: D
     }),
     [
-      g,
+      y,
       N,
       b,
       w,
       i,
       m,
-      u,
       p,
+      f,
       d,
       I,
       z,
@@ -190,18 +193,18 @@ function fe({
             ),
             /* @__PURE__ */ e(_, { ref: F, children: b.length === 0 ? /* @__PURE__ */ e(V, {}) : te.map((t, s) => /* @__PURE__ */ c(r.Fragment, { children: [
               s > 0 && /* @__PURE__ */ e(X, {}),
-              /* @__PURE__ */ e(B, { heading: t.heading, children: t.items.map((y, f) => {
-                const C = t.rowStart + f, x = G(y.id);
+              /* @__PURE__ */ e(B, { heading: t.heading, children: t.items.map((u, x) => {
+                const C = t.rowStart + x, h = G(u.id);
                 return /* @__PURE__ */ e(
                   H,
                   {
-                    command: y,
+                    command: u,
                     isSelected: C === N,
-                    onSelect: () => w(y),
-                    onMouseEnter: () => h(C),
-                    keybinding: x
+                    onSelect: () => w(u),
+                    onMouseEnter: () => g(C),
+                    keybinding: h
                   },
-                  y.id
+                  u.id
                 );
               }) })
             ] }, `${t.heading}-${t.rowStart}`)) }),
@@ -215,7 +218,7 @@ function fe({
 fe.displayName = "CommandPalette";
 const U = r.forwardRef(
   ({ className: o, placeholder: a, onValueChange: n, ...i }, m) => {
-    const { query: u, setQuery: p } = r.useContext(R);
+    const { query: p, setQuery: f } = r.useContext(R);
     return /* @__PURE__ */ c(
       "div",
       {
@@ -230,9 +233,9 @@ const U = r.forwardRef(
             "input",
             {
               ref: m,
-              value: u,
+              value: p,
               onChange: (d) => {
-                p(d.target.value), n?.(d.target.value);
+                f(d.target.value), n?.(d.target.value);
               },
               placeholder: a,
               autoComplete: "off",
@@ -308,12 +311,12 @@ function xe({ source: o, isSelected: a }) {
   ) : null;
 }
 const H = r.forwardRef(
-  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: m, ...u }, p) => {
+  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: m, ...p }, f) => {
     const d = pe(a.source);
     return /* @__PURE__ */ c(
       "div",
       {
-        ref: p,
+        ref: f,
         role: "option",
         "aria-selected": n,
         "data-selected": n,
@@ -327,7 +330,7 @@ const H = r.forwardRef(
           n ? "bg-brand text-brand-foreground" : d ? "text-content-muted hover:bg-canvas-muted" : "text-content-charcoal hover:bg-canvas-muted",
           o
         ),
-        ...u,
+        ...p,
         children: [
           a.icon && /* @__PURE__ */ e("span", { className: l(
             "flex h-4 w-4 shrink-0 items-center justify-center",
@@ -352,14 +355,14 @@ const H = r.forwardRef(
 );
 H.displayName = "CommandPaletteItem";
 function L({ keybinding: o, isSelected: a, external: n, className: i, ...m }) {
-  const u = ce(o);
+  const p = ce(o);
   return /* @__PURE__ */ e(
     "span",
     {
       className: l("ml-auto flex items-center gap-0.5 shrink-0", i),
       "data-command-palette-shortcut": !0,
       ...m,
-      children: u.map((p, d) => /* @__PURE__ */ e(
+      children: p.map((f, d) => /* @__PURE__ */ e(
         "kbd",
         {
           className: l(
@@ -367,9 +370,9 @@ function L({ keybinding: o, isSelected: a, external: n, className: i, ...m }) {
             "transition-[color,background-color,border-color] duration-150 ease-out",
             a ? "bg-canvas-elevated/20 text-brand-foreground border border-brand-foreground/30" : n ? "bg-canvas-muted text-stroke-hairline border border-stroke-hairline" : "bg-canvas-muted text-content-muted border border-stroke-hairline"
           ),
-          children: p
+          children: f
         },
-        `${p}-${d}`
+        `${f}-${d}`
       ))
     }
   );
@@ -407,7 +410,7 @@ function X({ className: o, ...a }) {
 }
 X.displayName = "CommandPaletteSeparator";
 function J({ className: o, ...a }) {
-  const { navigateLabel: n, runLabel: i, closeLabel: m, configureShortcutsLabel: u } = r.useContext(R);
+  const { navigateLabel: n, runLabel: i, closeLabel: m, configureShortcutsLabel: p } = r.useContext(R);
   return /* @__PURE__ */ c(
     "div",
     {
@@ -431,9 +434,9 @@ function J({ className: o, ...a }) {
           /* @__PURE__ */ e(v, { keys: ["Escape"], size: "sm", variant: "muted" }),
           /* @__PURE__ */ e("span", { children: m })
         ] }),
-        u && /* @__PURE__ */ c("span", { className: "ml-auto inline-flex items-center gap-1", children: [
+        p && /* @__PURE__ */ c("span", { className: "ml-auto inline-flex items-center gap-1", children: [
           /* @__PURE__ */ e(v, { keybinding: { key: "k", alt: !0 }, size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: u })
+          /* @__PURE__ */ e("span", { children: p })
         ] })
       ]
     }

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

@@ -1,171 +1,180 @@
-import { jsx as r, jsxs as p, Fragment as K } from "react/jsx-runtime";
+import { jsx as r, jsxs as h, Fragment as j } 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 { User as z, Monitor as G, AlertTriangle as U, Lock as F, RotateCcw as q } from "lucide-react";
+import { cn as p } from "../../../lib/utils.js";
 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";
+import { DataTable as V, DataTableContent as J } 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 X } from "./command-palette-context.js";
+import { COMMAND_SOURCE_LABELS as m, keybindingToString as Y, keybindingFromEvent as Z, isReservedShortcut as W } from "./utils.js";
+import { BadgeCellRenderer as ee } 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 })
+function te(l) {
+  const t = l.data;
+  return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
+    !t.customisable && /* @__PURE__ */ r(F, { className: "h-3 w-3 text-content-muted shrink-0" }),
+    /* @__PURE__ */ h("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: t.command }),
+      t.description && /* @__PURE__ */ r("span", { className: "truncate text-[10px] text-content-muted leading-tight", children: t.description })
     ] })
   ] }) : null;
 }
-function te(n) {
-  const e = n.data;
-  if (!e) return null;
-  const d = n.recordingCommandId === e.id;
-  return /* @__PURE__ */ r("div", { className: h(
+function re(l) {
+  const t = l.data;
+  if (!t) return null;
+  const u = l.recordingCommandId === t.id;
+  return /* @__PURE__ */ r("div", { className: p(
     "w-full h-full flex items-center ag-cell-inner-padding",
-    e.customisable ? "in-ag-editable-cell-highlight" : ""
+    t.customisable ? "in-ag-editable-cell-highlight" : ""
   ), children: /* @__PURE__ */ r(
     "div",
     {
-      className: h(
+      className: p(
         "flex items-center justify-between w-full h-7 rounded-[8px] px-1.5 group/row relative",
-        e.customisable ? "bg-canvas-elevated" : "bg-transparent",
-        d && "ring-1 ring-brand border border-brand"
+        t.customisable ? "bg-canvas-elevated" : "bg-transparent",
+        u && "ring-1 ring-brand border border-brand"
       ),
-      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(
+      children: u ? /* @__PURE__ */ r("span", { className: "text-xs text-brand font-medium animate-pulse", children: l.recordingLabel ?? "Press desired shortcut..." }) : /* @__PURE__ */ h(j, { children: [
+        t.keybinding ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), e.customisable && n.onStartRecording(e.id);
+              o.stopPropagation(), t.customisable && l.onStartRecording(t.id);
             },
-            disabled: !e.customisable,
-            className: h(
+            disabled: !t.customisable,
+            className: p(
               "flex items-center justify-end h-full w-full text-right",
-              e.customisable ? "cursor-pointer" : "cursor-default opacity-70"
+              t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r(J, { keybinding: e.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(Q, { keybinding: t.keybinding, size: "sm" })
           }
-        ) : e.customisable ? /* @__PURE__ */ r(
+        ) : t.customisable ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), n.onStartRecording(e.id);
+              o.stopPropagation(), l.onStartRecording(t.id);
             },
             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"
+            children: l.addShortcutLabel ?? "Add shortcut"
           }
         ) : /* @__PURE__ */ r("span", { className: "text-xs text-transparent", children: "--" }),
-        e.hasOverride && e.customisable && !d && /* @__PURE__ */ r(
+        t.hasOverride && t.customisable && !u && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             onClick: (o) => {
-              o.stopPropagation(), n.onReset(e.id);
+              o.stopPropagation(), l.onReset(t.id);
             },
             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(U, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ r(q, { className: "h-3 w-3" })
           }
         )
       ] })
     }
   ) });
 }
-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 ne(l) {
+  const t = l.data;
+  return t ? /* @__PURE__ */ r("div", { className: "flex items-center h-full", children: /* @__PURE__ */ r("span", { className: "text-xs text-content-muted capitalize", children: t.scope }) }) : null;
 }
 function le({
-  className: n,
-  scopes: e,
-  sources: d,
+  className: l,
+  scopes: t,
+  sources: u,
   renderStatus: o,
-  recordingLabel: ne,
-  pressShortcutLabel: x,
-  addShortcutLabel: y,
-  conflictWarnLabel: v = "Conflicts with other shortcuts",
+  recordingLabel: ae,
+  pressShortcutLabel: y,
+  addShortcutLabel: v,
+  conflictWarnLabel: w = "Conflicts with other shortcuts",
   reservedWarnLabel: b = "This shortcut is reserved by the browser",
-  recordingInstruction: F = "Recording: Press shortcut or Esc",
-  ...ae
+  recordingInstruction: L = "Recording: Press shortcut or Esc",
+  ...se
 }) {
   const {
-    getSettingsCommands: w,
-    getEffectiveKeybinding: C,
-    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))), 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";
+    getSettingsCommands: C,
+    getEffectiveKeybinding: S,
+    updateKeybinding: N,
+    resetKeybinding: R,
+    version: O
+  } = X(), [c, f] = i.useState(null), [d, a] = i.useState(null), x = i.useMemo(() => {
+    let n = C();
+    return n = n.filter((e) => {
+      const s = e.source ?? "user";
+      return s === "user" || s === "ag-grid";
+    }), t && (n = n.filter((e) => t.includes(e.scope))), u && (n = n.filter((e) => e.source && u.includes(e.source))), n.map((e) => {
+      const s = S(e.id), g = e.source ?? "user", D = m[g] ?? g ?? "User", T = D.toLowerCase() === "user";
       return {
-        id: t.id,
-        command: t.label,
-        description: t.description || "",
-        category: t.category || "General",
-        keybinding: m,
-        keybindingDisplay: m ? X(m) : "",
-        scope: t.scope,
-        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
+        id: e.id,
+        command: e.label,
+        description: e.description || "",
+        category: e.category || "General",
+        keybinding: s,
+        keybindingDisplay: s ? Y(s) : "",
+        scope: e.scope,
+        source: D,
+        sourceColor: T ? "primary" : "neutral",
+        sourceIcon: T ? /* @__PURE__ */ r(z, { className: "h-3 w-3" }) : /* @__PURE__ */ r(G, { className: "h-3 w-3" }),
+        customisable: e.customisable !== !1,
+        passive: e.passive === !0,
+        hasOverride: e.keybinding !== void 0,
+        _def: e
       };
     });
-  }, [A, e, d, w, C]), R = i.useCallback((l) => {
-    f(l), s(null);
-  }, []), k = i.useCallback((l) => {
-    N(l), s(null);
-  }, [N]);
+  }, [O, t, u, C, S]), k = i.useCallback((n) => {
+    f(n), a(null);
+  }, []), M = i.useCallback((n) => {
+    R(n), a(null);
+  }, [R]);
   i.useEffect(() => {
     if (!c) return;
-    const l = (t) => {
-      if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
-        f(null), s(null);
+    const n = (e) => {
+      if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") {
+        f(null), a(null);
         return;
       }
-      const m = Y(t);
-      if (!m) return;
-      if (Z(m)) {
-        s({ type: "reserved", text: b }), f(null), setTimeout(() => s(null), 3e3);
+      const s = Z(e);
+      if (!s) return;
+      if (W(s)) {
+        a({ type: "reserved", text: b }), f(null), setTimeout(() => a(null), 3e3);
         return;
       }
-      const g = S(c, m);
-      g.success ? (f(null), s(null)) : g.conflict ? (s({
+      const g = N(c, s);
+      g.success ? (f(null), a(null)) : g.conflict ? (a({
         type: "conflict",
-        text: v
-      }), f(null), setTimeout(() => s(null), 3e3)) : g.reserved && (s({ type: "reserved", text: b }), f(null), setTimeout(() => s(null), 3e3));
+        text: w
+      }), f(null), setTimeout(() => a(null), 3e3)) : g.reserved && (a({ type: "reserved", text: b }), f(null), setTimeout(() => a(null), 3e3));
     };
-    return window.addEventListener("keydown", l, !0), () => window.removeEventListener("keydown", l, !0);
-  }, [c, S, b, v]);
-  const _ = i.useMemo(() => [
+    return window.addEventListener("keydown", n, !0), () => window.removeEventListener("keydown", n, !0);
+  }, [c, N, b, w]);
+  const E = i.useMemo(() => Array.from(new Set(x.map((e) => e.category))).sort().map((e) => ({ label: e, value: e })), [x]), _ = i.useMemo(() => [
     {
       field: "command",
       headerName: "Command",
       flex: 1,
       minWidth: 200,
       filter: "agTextColumnFilter",
-      cellRenderer: ee,
-      filterValueGetter: (l) => {
-        const t = l.data;
-        return t ? `${t.command} ${t.description}` : "";
+      cellRenderer: te,
+      filterValueGetter: (n) => {
+        const e = n.data;
+        return e ? `${e.command} ${e.description}` : "";
       }
     },
     {
       field: "category",
       headerName: "Category",
       width: 140,
-      filter: "agSetColumnFilter"
+      filter: "agSetColumnFilter",
+      headerComponentParams: {
+        isSearchable: !0,
+        advanceSearchEnabled: !0,
+        selectOptions: E,
+        isMultiSelect: !0
+      }
     },
     {
       field: "keybindingDisplay",
@@ -173,14 +182,14 @@ function le({
       width: 180,
       type: "rightAligned",
       filter: "agTextColumnFilter",
-      cellRenderer: te,
-      cellClass: D,
+      cellRenderer: re,
+      cellClass: A,
       cellRendererParams: {
         recordingCommandId: c,
-        onStartRecording: R,
-        onReset: k,
-        recordingLabel: x,
-        addShortcutLabel: y
+        onStartRecording: k,
+        onReset: M,
+        recordingLabel: y,
+        addShortcutLabel: v
       },
       sortable: !0
     },
@@ -189,7 +198,7 @@ function le({
       headerName: "Scope",
       width: 100,
       filter: "agSetColumnFilter",
-      cellRenderer: re,
+      cellRenderer: ne,
       headerComponentParams: {
         isSearchable: !0,
         advanceSearchEnabled: !0,
@@ -207,8 +216,8 @@ function le({
       headerName: "Source",
       width: 130,
       filter: "agSetColumnFilter",
-      cellClass: D,
-      cellRenderer: W,
+      cellClass: A,
+      cellRenderer: ee,
       cellRendererParams: {
         variant: "subtle",
         colorField: "sourceColor",
@@ -220,24 +229,22 @@ function le({
         isSearchable: !0,
         advanceSearchEnabled: !0,
         selectOptions: [
-          { 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 }
+          { label: m.user, value: m.user },
+          { label: m["ag-grid"], value: m["ag-grid"] }
         ],
         isMultiSelect: !0
       }
     }
-  ], [c, R, k, x, y]), I = i.useMemo(() => ({
+  ], [c, k, M, y, v, E]), I = i.useMemo(() => ({
     filter: {
       filterModel: {
         source: {
           filterType: "set",
-          values: [a.user, a["ag-grid"]]
+          values: [m.user, m["ag-grid"]]
         }
       }
     }
-  }), []), O = i.useMemo(() => ({
+  }), []), K = i.useMemo(() => ({
     sortable: !0,
     resizable: !0,
     filter: !0,
@@ -245,27 +252,27 @@ function le({
       isSearchable: !0,
       advanceSearchEnabled: !0
     }
-  }), []), M = u || c ? /* @__PURE__ */ p("div", { className: h(
+  }), []), P = d || c ? /* @__PURE__ */ h("div", { className: p(
     "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-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]" : ""
+    d?.type === "conflict" ? "bg-feedback-warning-surface text-content" : d?.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(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 })
+    d?.type === "conflict" ? /* @__PURE__ */ r(U, { className: "h-3.5 w-3.5 shrink-0" }) : d?.type === "reserved" ? /* @__PURE__ */ r(F, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
+    /* @__PURE__ */ r("span", { children: d ? d.text : L })
   ] }) : null;
-  return /* @__PURE__ */ p(V, { className: h("flex flex-col w-full h-full border-t-0", n), children: [
-    o ? o(M) : M,
+  return /* @__PURE__ */ h(V, { className: p("flex flex-col w-full h-full border-t-0", l), children: [
+    o ? o(P) : P,
     /* @__PURE__ */ r(
-      q,
+      J,
       {
-        rowData: L,
+        rowData: x,
         columnDefs: _,
-        defaultColDef: O,
+        defaultColDef: K,
         initialState: I,
         rowHeight: 44,
         animateRows: !1,
         rowSelection: "single",
         suppressCellFocus: !0,
-        getRowId: (l) => l.data.id,
+        getRowId: (n) => n.data.id,
         suppressRowClickSelection: !0,
         domLayout: "normal"
       }