impact-nova 1.5.13 → 1.5.15

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

@@ -1,172 +1,172 @@
-import { jsx as t, jsxs as f, Fragment as le } from "react/jsx-runtime";
+import { jsx as e, jsxs as c, Fragment as se } from "react/jsx-runtime";
 import * as r from "react";
-import * as R from "@radix-ui/react-dialog";
-import { Search as U } from "lucide-react";
-import { cn as c } from "../../../lib/utils.js";
-import { useCommandPalette as de } from "./command-palette-context.js";
-import { Kbd as S } from "./kbd.js";
-import { fuzzyFilter as me, keybindingToSymbols as fe } from "./utils.js";
-const D = r.createContext({
+import * as P from "@radix-ui/react-dialog";
+import { Search as Q } from "lucide-react";
+import { cn as l } from "../../../lib/utils.js";
+import { useCommandPalette as ie } from "./command-palette-context.js";
+import { Kbd as k } from "./kbd.js";
+import { buildCommandPaletteLayout as de } from "./command-palette-layout.js";
+import { fuzzyFilter as le, keybindingToSymbols as ce, COMMAND_SOURCE_LABELS as me } from "./utils.js";
+const ue = /* @__PURE__ */ new Set(["browser", "system", "ag-grid"]);
+function fe(o) {
+  return !!o && ue.has(o);
+}
+const R = r.createContext({
   query: "",
   setQuery: () => {
   },
   selectedIndex: 0,
   setSelectedIndex: () => {
   },
-  flatItems: [],
+  orderedCommands: [],
   onExecute: () => {
   }
 });
-function ue({
+function pe({
   className: o,
   children: a,
   commands: n,
   placeholder: i = "Type a command or search...",
-  emptyTitle: l = "No results found",
-  emptyDescription: y = "Try a different search term",
-  recentGroupLabel: d = "Recently Used",
-  defaultGroupLabel: C = "Commands",
-  navigateLabel: O = "Navigate",
-  runLabel: A = "Run",
-  closeLabel: F = "Close",
-  onCommandExecute: j,
-  onOpenChange: G
+  emptyTitle: m = "No results found",
+  emptyDescription: u = "Try a different search term",
+  recentGroupLabel: f = "Recently Used",
+  defaultGroupLabel: d = "Commands",
+  navigateLabel: I = "Navigate",
+  runLabel: z = "Run",
+  closeLabel: M = "Close",
+  configureShortcutsLabel: D = "Configure Shortcuts",
+  onCommandExecute: O,
+  onOpenChange: W
 }) {
-  const { open: M, setOpen: L, getPaletteCommands: ee, getEffectiveKeybinding: te, registry: k } = de(), [w, q] = r.useState(""), [v, N] = r.useState(0), $ = r.useRef(null), K = r.useRef(null), T = r.useMemo(() => n ?? ee(), [n, M]), B = r.useMemo(() => {
-    const e = me(
-      T,
-      w,
+  const { open: E, setOpen: Y, getPaletteCommands: Z, getEffectiveKeybinding: G, registry: N } = ie(), [y, $] = r.useState(""), [w, h] = r.useState(0), A = r.useRef(null), F = r.useRef(null), j = r.useMemo(() => n ?? Z(), [n, E]), q = r.useMemo(() => {
+    const t = le(
+      j,
+      y,
       (s) => `${s.category ? s.category + ": " : ""}${s.label}${s.description ? " " + s.description : ""}`
     );
-    if (!w.trim()) {
-      const s = k.getRecentCommandIds(), E = new Set(s), p = [], b = [];
-      for (const x of e)
-        E.has(x.item.id) ? p.push(x) : b.push(x);
-      return p.sort((x, z) => s.indexOf(x.item.id) - s.indexOf(z.item.id)), [...p, ...b];
-    }
-    return e;
-  }, [T, w, k]), u = r.useMemo(() => B.map((e) => e.item), [B]), ae = r.useMemo(() => {
-    const e = /* @__PURE__ */ new Map(), s = new Set(k.getRecentCommandIds());
-    if (w.trim())
-      for (const m of u) {
-        const h = m.category || C;
-        e.has(h) || e.set(h, []), e.get(h).push(m);
-      }
-    else {
-      const m = u.filter((g) => s.has(g.id));
-      m.length > 0 && e.set(d, m);
-      const h = u.filter((g) => !s.has(g.id));
-      for (const g of h) {
-        const P = g.category || C;
-        e.has(P) || e.set(P, []), e.get(P).push(g);
-      }
+    if (!y.trim()) {
+      const s = N.getRecentCommandIds(), b = new Set(s), p = [], C = [];
+      for (const x of t)
+        b.has(x.item.id) ? p.push(x) : C.push(x);
+      return p.sort((x, oe) => s.indexOf(x.item.id) - s.indexOf(oe.item.id)), [...p, ...C];
     }
-    const E = { modal: 4, page: 3, module: 2, global: 1 }, p = { user: 2, "ag-grid": 1, browser: 0, system: 0 }, b = /* @__PURE__ */ new Map();
-    for (const [m, h] of e.entries()) {
-      let g = -1;
-      for (const P of h) {
-        const ie = E[P.scope] ?? 1, ce = p[P.source ?? "user"] ?? 0;
-        g = Math.max(g, ie * 10 + ce);
-      }
-      b.set(m, g);
-    }
-    const x = /* @__PURE__ */ new Map(), z = e.get(d);
-    z && x.set(d, z);
-    const oe = Array.from(e.entries()).filter(([m]) => m !== d).sort(([m], [h]) => (b.get(h) ?? 0) - (b.get(m) ?? 0));
-    for (const [m, h] of oe)
-      x.set(m, h);
-    return x;
-  }, [u, w, k, d, C]);
-  r.useEffect(() => {
-    M && (q(""), N(0), requestAnimationFrame(() => {
-      $.current?.focus();
+    return t;
+  }, [j, y, N]), T = r.useMemo(
+    () => q.map((t) => t.item),
+    [q]
+  ), ee = r.useMemo(
+    () => de({
+      filteredCommands: T,
+      emptyQuery: !y.trim(),
+      recentCommandIds: N.getRecentCommandIds(),
+      recentGroupLabel: f,
+      defaultGroupLabel: d
+    }),
+    [T, y, N, f, d]
+  ), { groups: te, orderedCommands: g } = ee, S = r.useRef({ ordered: g, index: w });
+  S.current = { ordered: g, index: w }, r.useEffect(() => {
+    E && ($(""), h(0), requestAnimationFrame(() => {
+      A.current?.focus();
     }));
-  }, [M]);
-  const Q = (e) => {
-    L(e), G?.(e);
-  }, I = r.useCallback((e) => {
-    e.handler(), k.addRecentCommand(e.id), j?.(e), Q(!1);
-  }, [k, j]), ne = r.useCallback((e) => {
-    switch (e.key) {
-      case "ArrowDown": {
-        e.preventDefault(), N((s) => Math.min(s + 1, u.length - 1));
-        break;
-      }
-      case "ArrowUp": {
-        e.preventDefault(), N((s) => Math.max(s - 1, 0));
-        break;
-      }
-      case "Enter": {
-        e.preventDefault();
-        const s = u[v];
-        s && I(s);
-        break;
+  }, [E]);
+  const K = (t) => {
+    Y(t), W?.(t);
+  }, v = r.useCallback((t) => {
+    t.handler(), N.addRecentCommand(t.id), O?.(t), K(!1);
+  }, [N, O]), ae = r.useCallback(
+    (t) => {
+      const { ordered: s } = S.current, b = Math.max(s.length - 1, 0);
+      switch (t.key) {
+        case "ArrowDown": {
+          t.preventDefault(), h((p) => Math.min(p + 1, b));
+          break;
+        }
+        case "ArrowUp": {
+          t.preventDefault(), h((p) => Math.max(p - 1, 0));
+          break;
+        }
+        case "Enter": {
+          t.preventDefault();
+          const { ordered: p, index: C } = S.current, x = p[C];
+          x && v(x);
+          break;
+        }
+        case "Home": {
+          t.preventDefault(), h(0);
+          break;
+        }
+        case "End": {
+          t.preventDefault(), h(b);
+          break;
+        }
       }
-      case "Home": {
-        e.preventDefault(), N(0);
-        break;
-      }
-      case "End": {
-        e.preventDefault(), N(Math.max(u.length - 1, 0));
-        break;
-      }
-    }
-  }, [u, v, I]);
+    },
+    [v]
+  );
   r.useEffect(() => {
-    N(0);
-  }, [w]), r.useEffect(() => {
-    const e = K.current;
-    if (!e) return;
-    const s = e.querySelector('[data-selected="true"]');
-    s && s.scrollIntoView({ block: "nearest" });
-  }, [v]);
-  const se = r.useMemo(
+    h(0);
+  }, [y]), r.useEffect(() => {
+    const t = g.length;
+    h((s) => t === 0 ? 0 : Math.min(s, t - 1));
+  }, [g.length]), r.useLayoutEffect(() => {
+    const t = F.current;
+    if (!t) return;
+    const s = t.querySelector('[data-selected="true"]');
+    s && s.scrollIntoView({
+      block: "nearest",
+      inline: "nearest",
+      behavior: "auto"
+    });
+  }, [w]);
+  const ne = r.useMemo(
     () => ({
-      query: w,
-      setQuery: q,
-      selectedIndex: v,
-      setSelectedIndex: N,
-      flatItems: u,
-      onExecute: I,
+      query: y,
+      setQuery: $,
+      selectedIndex: w,
+      setSelectedIndex: h,
+      orderedCommands: g,
+      onExecute: v,
       placeholder: i,
-      emptyTitle: l,
-      emptyDescription: y,
-      recentGroupLabel: d,
-      defaultGroupLabel: C,
-      navigateLabel: O,
-      runLabel: A,
-      closeLabel: F
+      emptyTitle: m,
+      emptyDescription: u,
+      recentGroupLabel: f,
+      defaultGroupLabel: d,
+      navigateLabel: I,
+      runLabel: z,
+      closeLabel: M,
+      configureShortcutsLabel: D
     }),
     [
+      y,
       w,
+      g,
       v,
-      u,
-      I,
       i,
-      l,
-      y,
+      m,
+      u,
+      f,
       d,
-      C,
-      O,
-      A,
-      F
+      I,
+      z,
+      M,
+      D
     ]
   ), re = r.Children.count(a) > 0;
-  return /* @__PURE__ */ t(R.Root, { open: M, onOpenChange: Q, children: /* @__PURE__ */ f(R.Portal, { children: [
-    /* @__PURE__ */ t(
-      R.Overlay,
+  return /* @__PURE__ */ e(P.Root, { open: E, onOpenChange: K, children: /* @__PURE__ */ c(P.Portal, { children: [
+    /* @__PURE__ */ e(
+      P.Overlay,
       {
         className: "fixed inset-0 z-50 bg-black/40 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
       }
     ),
-    /* @__PURE__ */ f(
-      R.Content,
+    /* @__PURE__ */ c(
+      P.Content,
       {
         "aria-describedby": void 0,
         "data-command-palette": !0,
         "data-component": "command-palette",
-        onKeyDown: ne,
-        className: c(
+        onKeyDown: ae,
+        className: l(
           "fixed left-[50%] top-[20%] z-50 w-full max-w-[640px] -translate-x-1/2",
           "rounded-xl border border-[#d1d5db] bg-white shadow-2xl overflow-hidden",
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
@@ -179,74 +179,74 @@ function ue({
         ),
         style: { transformOrigin: "top center" },
         children: [
-          /* @__PURE__ */ t(R.Title, { className: "sr-only", children: "Command Palette" }),
-          /* @__PURE__ */ t(D.Provider, { value: se, children: re ? a : /* @__PURE__ */ f(le, { children: [
-            /* @__PURE__ */ t(
-              W,
+          /* @__PURE__ */ e(P.Title, { className: "sr-only", children: "Command Palette" }),
+          /* @__PURE__ */ e(R.Provider, { value: ne, children: re ? a : /* @__PURE__ */ c(se, { children: [
+            /* @__PURE__ */ e(
+              U,
               {
-                ref: $,
+                ref: A,
                 placeholder: i
               }
             ),
-            /* @__PURE__ */ t(H, { ref: K, children: u.length === 0 ? /* @__PURE__ */ t(X, {}) : Array.from(ae.entries()).map(([e, s], E) => /* @__PURE__ */ f(r.Fragment, { children: [
-              E > 0 && /* @__PURE__ */ t(Y, {}),
-              /* @__PURE__ */ t(V, { heading: e, children: s.map((p) => {
-                const b = u.indexOf(p), x = te(p.id);
-                return /* @__PURE__ */ t(
-                  _,
+            /* @__PURE__ */ e(_, { ref: F, children: g.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((b, p) => {
+                const C = t.rowStart + p, x = G(b.id);
+                return /* @__PURE__ */ e(
+                  H,
                   {
-                    command: p,
-                    isSelected: b === v,
-                    onSelect: () => I(p),
-                    onMouseEnter: () => N(b),
+                    command: b,
+                    isSelected: C === w,
+                    onSelect: () => v(b),
+                    onMouseEnter: () => h(C),
                     keybinding: x
                   },
-                  p.id
+                  b.id
                 );
               }) })
-            ] }, e)) }),
-            /* @__PURE__ */ t(Z, {})
+            ] }, `${t.heading}-${t.rowStart}`)) }),
+            /* @__PURE__ */ e(J, {})
           ] }) })
         ]
       }
     )
   ] }) });
 }
-ue.displayName = "CommandPalette";
-const W = r.forwardRef(
-  ({ className: o, placeholder: a, onValueChange: n, ...i }, l) => {
-    const { query: y, setQuery: d } = r.useContext(D);
-    return /* @__PURE__ */ f(
+pe.displayName = "CommandPalette";
+const U = r.forwardRef(
+  ({ className: o, placeholder: a, onValueChange: n, ...i }, m) => {
+    const { query: u, setQuery: f } = r.useContext(R);
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: c(
+        className: l(
           "flex items-center gap-3 border-b border-[#e5e7eb] px-4",
           o
         ),
         "data-command-palette-input": !0,
         children: [
-          /* @__PURE__ */ t(U, { className: "h-4 w-4 shrink-0 text-[#9ca3af]" }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(Q, { className: "h-4 w-4 shrink-0 text-[#9ca3af]" }),
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: l,
-              value: y,
-              onChange: (C) => {
-                d(C.target.value), n?.(C.target.value);
+              ref: m,
+              value: u,
+              onChange: (d) => {
+                f(d.target.value), n?.(d.target.value);
               },
               placeholder: a,
               autoComplete: "off",
               autoCorrect: "off",
               spellCheck: !1,
-              className: c(
+              className: l(
                 "flex h-12 w-full bg-transparent py-3 text-sm font-medium outline-none",
                 "placeholder:text-[#9ca3af]"
               ),
               ...i
             }
           ),
-          /* @__PURE__ */ t(
-            S,
+          /* @__PURE__ */ e(
+            k,
             {
               keybinding: { key: "Escape" },
               size: "sm",
@@ -259,14 +259,14 @@ const W = r.forwardRef(
     );
   }
 );
-W.displayName = "CommandPaletteInput";
-const H = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__ */ t(
+U.displayName = "CommandPaletteInput";
+const _ = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__ */ e(
   "div",
   {
     ref: i,
     role: "listbox",
     "data-command-palette-list": !0,
-    className: c(
+    className: l(
       "max-h-[360px] overflow-y-auto overscroll-contain py-1",
       o
     ),
@@ -274,37 +274,32 @@ const H = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__
     children: a
   }
 ));
-H.displayName = "CommandPaletteList";
-const V = r.forwardRef(
-  ({ className: o, heading: a, children: n, ...i }, l) => /* @__PURE__ */ f(
+_.displayName = "CommandPaletteList";
+const B = r.forwardRef(
+  ({ className: o, heading: a, children: n, ...i }, m) => /* @__PURE__ */ c(
     "div",
     {
-      ref: l,
+      ref: m,
       role: "group",
       "aria-label": a,
       "data-command-palette-group": !0,
-      className: c("py-1", o),
+      className: l("py-1", o),
       ...i,
       children: [
-        a && /* @__PURE__ */ t("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-[#9ca3af]", children: a }),
+        a && /* @__PURE__ */ e("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-[#9ca3af]", children: a }),
         n
       ]
     }
   )
 );
-V.displayName = "CommandPaletteGroup";
-const pe = {
-  browser: "Browser",
-  "ag-grid": "AG Grid",
-  system: "System"
-};
+B.displayName = "CommandPaletteGroup";
 function xe({ source: o, isSelected: a }) {
   if (!o || o === "user") return null;
-  const n = pe[o];
-  return n ? /* @__PURE__ */ t(
+  const n = me[o];
+  return n ? /* @__PURE__ */ e(
     "span",
     {
-      className: c(
+      className: l(
         "shrink-0 rounded px-1.5 py-px text-[9px] font-medium leading-tight tracking-wide",
         a ? "text-white/50" : "text-[#9ca3af] border border-[#e5e7eb]"
       ),
@@ -312,135 +307,147 @@ function xe({ source: o, isSelected: a }) {
     }
   ) : null;
 }
-const _ = r.forwardRef(
-  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: l, ...y }, d) => /* @__PURE__ */ f(
-    "div",
-    {
-      ref: d,
-      role: "option",
-      "aria-selected": n,
-      "data-selected": n,
-      "data-command-palette-item": !0,
-      "data-command-id": a.id,
-      onClick: i,
-      className: c(
-        "flex items-center gap-3 cursor-pointer px-4 py-2 text-sm",
-        "transition-colors duration-75",
-        n ? "bg-[#4259ee] text-white" : "text-[#374151] hover:bg-[#f3f4f6]",
-        o
-      ),
-      ...y,
-      children: [
-        a.icon && /* @__PURE__ */ t("span", { className: c(
-          "flex h-4 w-4 shrink-0 items-center justify-center",
-          n ? "text-white" : "text-[#6b7280]"
-        ), children: a.icon }),
-        /* @__PURE__ */ f("div", { className: "flex flex-1 flex-col min-w-0", children: [
-          /* @__PURE__ */ t("span", { className: "truncate font-medium", children: a.label }),
-          a.description && /* @__PURE__ */ t("span", { className: c(
-            "truncate text-xs",
-            n ? "text-white/70" : "text-[#9ca3af]"
-          ), children: a.description })
-        ] }),
-        /* @__PURE__ */ t(xe, { source: a.source, isSelected: n }),
-        l && /* @__PURE__ */ t(J, { keybinding: l, isSelected: n })
-      ]
-    }
-  )
+const H = r.forwardRef(
+  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: m, ...u }, f) => {
+    const d = fe(a.source);
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: f,
+        role: "option",
+        "aria-selected": n,
+        "data-selected": n,
+        "data-command-palette-item": !0,
+        "data-command-id": a.id,
+        onClick: i,
+        className: l(
+          "flex items-center gap-3 cursor-pointer px-4 py-2 text-sm",
+          // Smooth selection shift; scroll-margin keeps row clear of list edges when scrolling into view
+          "transition-[color,background-color] duration-150 ease-out [scroll-margin-block:6px]",
+          n ? "bg-[#4259ee] text-white" : d ? "text-[#9ca3af] hover:bg-[#f9fafb]" : "text-[#374151] hover:bg-[#f3f4f6]",
+          o
+        ),
+        ...u,
+        children: [
+          a.icon && /* @__PURE__ */ e("span", { className: l(
+            "flex h-4 w-4 shrink-0 items-center justify-center",
+            n ? "text-white" : d ? "text-[#d1d5db]" : "text-[#6b7280]"
+          ), children: a.icon }),
+          /* @__PURE__ */ c("div", { className: "flex flex-1 flex-col min-w-0", children: [
+            /* @__PURE__ */ e("span", { className: l(
+              "truncate",
+              d && !n ? "font-normal" : "font-medium"
+            ), children: a.label }),
+            a.description && /* @__PURE__ */ e("span", { className: l(
+              "truncate text-xs",
+              n ? "text-white/70" : d ? "text-[#d1d5db]" : "text-[#9ca3af]"
+            ), children: a.description })
+          ] }),
+          /* @__PURE__ */ e(xe, { source: a.source, isSelected: n }),
+          m && /* @__PURE__ */ e(L, { keybinding: m, isSelected: n, external: d })
+        ]
+      }
+    );
+  }
 );
-_.displayName = "CommandPaletteItem";
-function J({ keybinding: o, isSelected: a, className: n, ...i }) {
-  const l = fe(o);
-  return /* @__PURE__ */ t(
+H.displayName = "CommandPaletteItem";
+function L({ keybinding: o, isSelected: a, external: n, className: i, ...m }) {
+  const u = ce(o);
+  return /* @__PURE__ */ e(
     "span",
     {
-      className: c("ml-auto flex items-center gap-0.5 shrink-0", n),
+      className: l("ml-auto flex items-center gap-0.5 shrink-0", i),
       "data-command-palette-shortcut": !0,
-      ...i,
-      children: l.map((y, d) => /* @__PURE__ */ t(
+      ...m,
+      children: u.map((f, d) => /* @__PURE__ */ e(
         "kbd",
         {
-          className: c(
+          className: l(
             "inline-flex min-w-[20px] items-center justify-center rounded px-1 h-[20px] text-[10px] font-mono leading-none",
-            a ? "bg-white/20 text-white border border-white/30" : "bg-[#f4f5f7] text-[#6b7280] border border-[#d1d5db]"
+            "transition-[color,background-color,border-color] duration-150 ease-out",
+            a ? "bg-white/20 text-white border border-white/30" : n ? "bg-[#f9fafb] text-[#d1d5db] border border-[#e5e7eb]" : "bg-[#f4f5f7] text-[#6b7280] border border-[#d1d5db]"
           ),
-          children: y
+          children: f
         },
-        `${y}-${d}`
+        `${f}-${d}`
       ))
     }
   );
 }
-J.displayName = "CommandPaletteShortcut";
-function X({ className: o, ...a }) {
-  const { emptyTitle: n, emptyDescription: i } = r.useContext(D);
-  return /* @__PURE__ */ f(
+L.displayName = "CommandPaletteShortcut";
+function V({ className: o, ...a }) {
+  const { emptyTitle: n, emptyDescription: i } = r.useContext(R);
+  return /* @__PURE__ */ c(
     "div",
     {
       "data-command-palette-empty": !0,
-      className: c(
+      className: l(
         "flex flex-col items-center justify-center py-12 text-center text-sm text-[#9ca3af]",
         o
       ),
       ...a,
       children: [
-        /* @__PURE__ */ t(U, { className: "h-8 w-8 mb-3 text-[#d1d5db]" }),
-        /* @__PURE__ */ t("p", { className: "font-medium", children: n }),
-        /* @__PURE__ */ t("p", { className: "text-xs mt-1", children: i })
+        /* @__PURE__ */ e(Q, { className: "h-8 w-8 mb-3 text-[#d1d5db]" }),
+        /* @__PURE__ */ e("p", { className: "font-medium", children: n }),
+        /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: i })
       ]
     }
   );
 }
-X.displayName = "CommandPaletteEmpty";
-function Y({ className: o, ...a }) {
-  return /* @__PURE__ */ t(
+V.displayName = "CommandPaletteEmpty";
+function X({ className: o, ...a }) {
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-command-palette-separator": !0,
-      className: c("h-px bg-[#e5e7eb] mx-2", o),
+      className: l("h-px bg-[#e5e7eb] mx-2", o),
       ...a
     }
   );
 }
-Y.displayName = "CommandPaletteSeparator";
-function Z({ className: o, ...a }) {
-  const { navigateLabel: n, runLabel: i, closeLabel: l } = r.useContext(D);
-  return /* @__PURE__ */ f(
+X.displayName = "CommandPaletteSeparator";
+function J({ className: o, ...a }) {
+  const { navigateLabel: n, runLabel: i, closeLabel: m, configureShortcutsLabel: u } = r.useContext(R);
+  return /* @__PURE__ */ c(
     "div",
     {
       "data-command-palette-footer": !0,
-      className: c(
+      className: l(
         "flex items-center gap-4 border-t border-[#e5e7eb] px-4 py-2 text-[11px] text-[#9ca3af]",
         o
       ),
       ...a,
       children: [
-        /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ t(S, { keys: ["↑"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ t(S, { keys: ["↓"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ t("span", { children: n })
+        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(k, { keys: ["↑"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e(k, { keys: ["↓"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e("span", { children: n })
+        ] }),
+        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(k, { keys: ["↵"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e("span", { children: i })
         ] }),
-        /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ t(S, { keys: ["↵"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ t("span", { children: i })
+        /* @__PURE__ */ c("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(k, { keys: ["Escape"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e("span", { children: m })
         ] }),
-        /* @__PURE__ */ f("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ t(S, { keys: ["Escape"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ t("span", { children: l })
+        u && /* @__PURE__ */ c("span", { className: "ml-auto inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(k, { keybinding: { key: "k", alt: !0 }, size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e("span", { children: u })
         ] })
       ]
     }
   );
 }
-Z.displayName = "CommandPaletteFooter";
+J.displayName = "CommandPaletteFooter";
 export {
-  ue as CommandPalette,
-  X as CommandPaletteEmpty,
-  Z as CommandPaletteFooter,
-  V as CommandPaletteGroup,
-  W as CommandPaletteInput,
-  _ as CommandPaletteItem,
-  H as CommandPaletteList,
-  Y as CommandPaletteSeparator,
-  J as CommandPaletteShortcut
+  pe as CommandPalette,
+  V as CommandPaletteEmpty,
+  J as CommandPaletteFooter,
+  B as CommandPaletteGroup,
+  U as CommandPaletteInput,
+  H as CommandPaletteItem,
+  _ as CommandPaletteList,
+  X as CommandPaletteSeparator,
+  L as CommandPaletteShortcut
 };