impact-nova 1.5.9 → 1.5.12

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

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as m, Fragment as ae } from "react/jsx-runtime";
+import { jsx as e, jsxs as d, Fragment as ce } from "react/jsx-runtime";
 import * as r from "react";
-import * as v from "@radix-ui/react-dialog";
-import { Search as $ } from "lucide-react";
-import { cn as d } from "../../../lib/utils.js";
-import { useCommandPalette as ne } from "./command-palette-context.js";
-import { Kbd as P } from "./kbd.js";
-import { fuzzyFilter as se, keybindingToSymbols as re } from "./utils.js";
-const E = r.createContext({
+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 le } from "./command-palette-context.js";
+import { Kbd as S } from "./kbd.js";
+import { fuzzyFilter as de, keybindingToSymbols as me } from "./utils.js";
+const z = r.createContext({
   query: "",
   setQuery: () => {
   },
@@ -17,142 +17,154 @@ const E = r.createContext({
   onExecute: () => {
   }
 });
-function oe({
+function fe({
   className: o,
   children: a,
   commands: n,
   placeholder: i = "Type a command or search...",
-  emptyTitle: c = "No results found",
-  emptyDescription: h = "Try a different search term",
+  emptyTitle: l = "No results found",
+  emptyDescription: y = "Try a different search term",
   recentGroupLabel: x = "Recently Used",
-  defaultGroupLabel: g = "Commands",
-  navigateLabel: R = "Navigate",
-  runLabel: S = "Run",
-  closeLabel: z = "Close",
-  onCommandExecute: M,
-  onOpenChange: J
+  defaultGroupLabel: C = "Commands",
+  navigateLabel: O = "Navigate",
+  runLabel: A = "Run",
+  closeLabel: F = "Close",
+  onCommandExecute: j,
+  onOpenChange: G
 }) {
-  const { open: I, setOpen: W, getPaletteCommands: X, getEffectiveKeybinding: Y, registry: N } = ne(), [b, D] = r.useState(""), [w, C] = r.useState(0), O = r.useRef(null), A = r.useRef(null), F = r.useMemo(() => n ?? X(), [n, I]), j = r.useMemo(() => {
-    const t = se(
-      F,
-      b,
+  const { open: M, setOpen: L, getPaletteCommands: ee, getEffectiveKeybinding: te, registry: k } = le(), [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 t = de(
+      T,
+      w,
       (s) => `${s.category ? s.category + ": " : ""}${s.label}${s.description ? " " + s.description : ""}`
     );
-    if (!b.trim()) {
-      const s = N.getRecentCommandIds(), y = new Set(s), l = [], u = [];
-      for (const p of t)
-        y.has(p.item.id) ? l.push(p) : u.push(p);
-      return l.sort((p, te) => s.indexOf(p.item.id) - s.indexOf(te.item.id)), [...l, ...u];
+    if (!w.trim()) {
+      const s = k.getRecentCommandIds(), E = new Set(s), f = [], b = [];
+      for (const h of t)
+        E.has(h.item.id) ? f.push(h) : b.push(h);
+      return f.sort((h, D) => s.indexOf(h.item.id) - s.indexOf(D.item.id)), [...f, ...b];
     }
     return t;
-  }, [F, b, N]), f = r.useMemo(() => j.map((t) => t.item), [j]), Z = r.useMemo(() => {
-    const t = /* @__PURE__ */ new Map(), s = new Set(N.getRecentCommandIds());
-    if (b.trim())
-      for (const y of f) {
-        const l = y.category || g;
-        t.has(l) || t.set(l, []), t.get(l).push(y);
+  }, [T, w, k]), m = r.useMemo(() => B.map((t) => t.item), [B]), ae = r.useMemo(() => {
+    const t = /* @__PURE__ */ new Map(), s = new Set(k.getRecentCommandIds());
+    if (w.trim())
+      for (const u of m) {
+        const p = u.category || C;
+        t.has(p) || t.set(p, []), t.get(p).push(u);
       }
     else {
-      const y = f.filter((u) => s.has(u.id));
-      y.length > 0 && t.set(x, y);
-      const l = f.filter((u) => !s.has(u.id));
-      for (const u of l) {
-        const p = u.category || g;
-        t.has(p) || t.set(p, []), t.get(p).push(u);
+      const u = m.filter((g) => s.has(g.id));
+      u.length > 0 && t.set(x, u);
+      const p = m.filter((g) => !s.has(g.id));
+      for (const g of p) {
+        const P = g.category || C;
+        t.has(P) || t.set(P, []), t.get(P).push(g);
       }
     }
-    return t;
-  }, [f, b, N, x, g]);
+    const E = { modal: 4, page: 3, module: 2, global: 1 }, f = { user: 2, "ag-grid": 1, browser: 0, system: 0 }, b = /* @__PURE__ */ new Map();
+    for (const [u, p] of t.entries()) {
+      let g = -1;
+      for (const P of p) {
+        const oe = E[P.scope] ?? 1, ie = f[P.source ?? "user"] ?? 0;
+        g = Math.max(g, oe * 10 + ie);
+      }
+      b.set(u, g);
+    }
+    const h = /* @__PURE__ */ new Map(), D = Array.from(t.entries()).sort(([u], [p]) => (b.get(p) ?? 0) - (b.get(u) ?? 0));
+    for (const [u, p] of D)
+      h.set(u, p);
+    return h;
+  }, [m, w, k, x, C]);
   r.useEffect(() => {
-    I && (D(""), C(0), requestAnimationFrame(() => {
-      O.current?.focus();
+    M && (q(""), N(0), requestAnimationFrame(() => {
+      $.current?.focus();
     }));
-  }, [I]);
-  const q = (t) => {
-    W(t), J?.(t);
-  }, k = r.useCallback((t) => {
-    t.handler(), N.addRecentCommand(t.id), M?.(t), q(!1);
-  }, [N, M]), G = r.useCallback((t) => {
+  }, [M]);
+  const Q = (t) => {
+    L(t), G?.(t);
+  }, I = r.useCallback((t) => {
+    t.handler(), k.addRecentCommand(t.id), j?.(t), Q(!1);
+  }, [k, j]), ne = r.useCallback((t) => {
     switch (t.key) {
       case "ArrowDown": {
-        t.preventDefault(), C((s) => Math.min(s + 1, f.length - 1));
+        t.preventDefault(), N((s) => Math.min(s + 1, m.length - 1));
         break;
       }
       case "ArrowUp": {
-        t.preventDefault(), C((s) => Math.max(s - 1, 0));
+        t.preventDefault(), N((s) => Math.max(s - 1, 0));
         break;
       }
       case "Enter": {
         t.preventDefault();
-        const s = f[w];
-        s && k(s);
+        const s = m[v];
+        s && I(s);
         break;
       }
       case "Home": {
-        t.preventDefault(), C(0);
+        t.preventDefault(), N(0);
         break;
       }
       case "End": {
-        t.preventDefault(), C(Math.max(f.length - 1, 0));
+        t.preventDefault(), N(Math.max(m.length - 1, 0));
         break;
       }
     }
-  }, [f, w, k]);
+  }, [m, v, I]);
   r.useEffect(() => {
-    C(0);
-  }, [b]), r.useEffect(() => {
-    const t = A.current;
+    N(0);
+  }, [w]), r.useEffect(() => {
+    const t = K.current;
     if (!t) return;
     const s = t.querySelector('[data-selected="true"]');
     s && s.scrollIntoView({ block: "nearest" });
-  }, [w]);
-  const L = r.useMemo(
+  }, [v]);
+  const se = r.useMemo(
     () => ({
-      query: b,
-      setQuery: D,
-      selectedIndex: w,
-      setSelectedIndex: C,
-      flatItems: f,
-      onExecute: k,
+      query: w,
+      setQuery: q,
+      selectedIndex: v,
+      setSelectedIndex: N,
+      flatItems: m,
+      onExecute: I,
       placeholder: i,
-      emptyTitle: c,
-      emptyDescription: h,
+      emptyTitle: l,
+      emptyDescription: y,
       recentGroupLabel: x,
-      defaultGroupLabel: g,
-      navigateLabel: R,
-      runLabel: S,
-      closeLabel: z
+      defaultGroupLabel: C,
+      navigateLabel: O,
+      runLabel: A,
+      closeLabel: F
     }),
     [
-      b,
       w,
-      f,
-      k,
+      v,
+      m,
+      I,
       i,
-      c,
-      h,
+      l,
+      y,
       x,
-      g,
-      R,
-      S,
-      z
+      C,
+      O,
+      A,
+      F
     ]
-  ), ee = r.Children.count(a) > 0;
-  return /* @__PURE__ */ e(v.Root, { open: I, onOpenChange: q, children: /* @__PURE__ */ m(v.Portal, { children: [
+  ), re = r.Children.count(a) > 0;
+  return /* @__PURE__ */ e(R.Root, { open: M, onOpenChange: Q, children: /* @__PURE__ */ d(R.Portal, { children: [
     /* @__PURE__ */ e(
-      v.Overlay,
+      R.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__ */ m(
-      v.Content,
+    /* @__PURE__ */ d(
+      R.Content,
       {
         "aria-describedby": void 0,
         "data-command-palette": !0,
         "data-component": "command-palette",
-        onKeyDown: G,
-        className: d(
+        onKeyDown: ne,
+        className: c(
           "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",
@@ -165,66 +177,66 @@ function oe({
         ),
         style: { transformOrigin: "top center" },
         children: [
-          /* @__PURE__ */ e(v.Title, { className: "sr-only", children: "Command Palette" }),
-          /* @__PURE__ */ e(E.Provider, { value: L, children: ee ? a : /* @__PURE__ */ m(ae, { children: [
+          /* @__PURE__ */ e(R.Title, { className: "sr-only", children: "Command Palette" }),
+          /* @__PURE__ */ e(z.Provider, { value: se, children: re ? a : /* @__PURE__ */ d(ce, { children: [
             /* @__PURE__ */ e(
-              K,
+              W,
               {
-                ref: O,
+                ref: $,
                 placeholder: i
               }
             ),
-            /* @__PURE__ */ e(T, { ref: A, children: f.length === 0 ? /* @__PURE__ */ e(H, {}) : Array.from(Z.entries()).map(([t, s], y) => /* @__PURE__ */ m(r.Fragment, { children: [
-              y > 0 && /* @__PURE__ */ e(V, {}),
-              /* @__PURE__ */ e(B, { heading: t, children: s.map((l) => {
-                const u = f.indexOf(l), p = Y(l.id);
+            /* @__PURE__ */ e(H, { ref: K, children: m.length === 0 ? /* @__PURE__ */ e(X, {}) : Array.from(ae.entries()).map(([t, s], E) => /* @__PURE__ */ d(r.Fragment, { children: [
+              E > 0 && /* @__PURE__ */ e(Y, {}),
+              /* @__PURE__ */ e(V, { heading: t, children: s.map((f) => {
+                const b = m.indexOf(f), h = te(f.id);
                 return /* @__PURE__ */ e(
-                  Q,
+                  _,
                   {
-                    command: l,
-                    isSelected: u === w,
-                    onSelect: () => k(l),
-                    onMouseEnter: () => C(u),
-                    keybinding: p
+                    command: f,
+                    isSelected: b === v,
+                    onSelect: () => I(f),
+                    onMouseEnter: () => N(b),
+                    keybinding: h
                   },
-                  l.id
+                  f.id
                 );
               }) })
             ] }, t)) }),
-            /* @__PURE__ */ e(_, {})
+            /* @__PURE__ */ e(Z, {})
           ] }) })
         ]
       }
     )
   ] }) });
 }
-oe.displayName = "CommandPalette";
-const K = r.forwardRef(
-  ({ className: o, placeholder: a, onValueChange: n, ...i }, c) => {
-    const { query: h, setQuery: x } = r.useContext(E);
-    return /* @__PURE__ */ m(
+fe.displayName = "CommandPalette";
+const W = r.forwardRef(
+  ({ className: o, placeholder: a, onValueChange: n, ...i }, l) => {
+    const { query: y, setQuery: x } = r.useContext(z);
+    return /* @__PURE__ */ d(
       "div",
       {
-        className: d(
+        className: c(
           "flex items-center gap-3 border-b border-[#e5e7eb] px-4",
           o
         ),
         "data-command-palette-input": !0,
         children: [
-          /* @__PURE__ */ e($, { className: "h-4 w-4 shrink-0 text-[#9ca3af]" }),
+          /* @__PURE__ */ e(U, { className: "h-4 w-4 shrink-0 text-[#9ca3af]" }),
           /* @__PURE__ */ e(
             "input",
             {
-              ref: c,
-              value: h,
-              onChange: (g) => {
-                x(g.target.value), n?.(g.target.value);
+              ref: l,
+              value: y,
+              onChange: (C) => {
+                x(C.target.value), n?.(C.target.value);
               },
               placeholder: a,
               autoComplete: "off",
               autoCorrect: "off",
               spellCheck: !1,
-              className: d(
+              className: c(
                 "flex h-12 w-full bg-transparent py-3 text-sm font-medium outline-none",
                 "placeholder:text-[#9ca3af]"
               ),
@@ -232,7 +244,7 @@ const K = r.forwardRef(
             }
           ),
           /* @__PURE__ */ e(
-            P,
+            S,
             {
               keybinding: { key: "Escape" },
               size: "sm",
@@ -245,14 +257,14 @@ const K = r.forwardRef(
     );
   }
 );
-K.displayName = "CommandPaletteInput";
-const T = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__ */ e(
+W.displayName = "CommandPaletteInput";
+const H = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__ */ e(
   "div",
   {
     ref: i,
     role: "listbox",
     "data-command-palette-list": !0,
-    className: d(
+    className: c(
       "max-h-[360px] overflow-y-auto overscroll-contain py-1",
       o
     ),
@@ -260,16 +272,16 @@ const T = r.forwardRef(({ className: o, children: a, ...n }, i) => /* @__PURE__
     children: a
   }
 ));
-T.displayName = "CommandPaletteList";
-const B = r.forwardRef(
-  ({ className: o, heading: a, children: n, ...i }, c) => /* @__PURE__ */ m(
+H.displayName = "CommandPaletteList";
+const V = r.forwardRef(
+  ({ className: o, heading: a, children: n, ...i }, l) => /* @__PURE__ */ d(
     "div",
     {
-      ref: c,
+      ref: l,
       role: "group",
       "aria-label": a,
       "data-command-palette-group": !0,
-      className: d("py-1", o),
+      className: c("py-1", o),
       ...i,
       children: [
         a && /* @__PURE__ */ e("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-[#9ca3af]", children: a }),
@@ -278,19 +290,19 @@ const B = r.forwardRef(
     }
   )
 );
-B.displayName = "CommandPaletteGroup";
-const ie = {
+V.displayName = "CommandPaletteGroup";
+const ue = {
   browser: "Browser",
   "ag-grid": "AG Grid",
   system: "System"
 };
-function le({ source: o, isSelected: a }) {
+function pe({ source: o, isSelected: a }) {
   if (!o || o === "user") return null;
-  const n = ie[o];
+  const n = ue[o];
   return n ? /* @__PURE__ */ e(
     "span",
     {
-      className: d(
+      className: c(
         "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]"
       ),
@@ -298,8 +310,8 @@ function le({ source: o, isSelected: a }) {
     }
   ) : null;
 }
-const Q = r.forwardRef(
-  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: c, ...h }, x) => /* @__PURE__ */ m(
+const _ = r.forwardRef(
+  ({ className: o, command: a, isSelected: n, onSelect: i, keybinding: l, ...y }, x) => /* @__PURE__ */ d(
     "div",
     {
       ref: x,
@@ -309,124 +321,124 @@ const Q = r.forwardRef(
       "data-command-palette-item": !0,
       "data-command-id": a.id,
       onClick: i,
-      className: d(
+      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
       ),
-      ...h,
+      ...y,
       children: [
-        a.icon && /* @__PURE__ */ e("span", { className: d(
+        a.icon && /* @__PURE__ */ e("span", { className: c(
           "flex h-4 w-4 shrink-0 items-center justify-center",
           n ? "text-white" : "text-[#6b7280]"
         ), children: a.icon }),
-        /* @__PURE__ */ m("div", { className: "flex flex-1 flex-col min-w-0", children: [
+        /* @__PURE__ */ d("div", { className: "flex flex-1 flex-col min-w-0", children: [
           /* @__PURE__ */ e("span", { className: "truncate font-medium", children: a.label }),
-          a.description && /* @__PURE__ */ e("span", { className: d(
+          a.description && /* @__PURE__ */ e("span", { className: c(
             "truncate text-xs",
             n ? "text-white/70" : "text-[#9ca3af]"
           ), children: a.description })
         ] }),
-        /* @__PURE__ */ e(le, { source: a.source, isSelected: n }),
-        c && /* @__PURE__ */ e(U, { keybinding: c, isSelected: n })
+        /* @__PURE__ */ e(pe, { source: a.source, isSelected: n }),
+        l && /* @__PURE__ */ e(J, { keybinding: l, isSelected: n })
       ]
     }
   )
 );
-Q.displayName = "CommandPaletteItem";
-function U({ keybinding: o, isSelected: a, className: n, ...i }) {
-  const c = re(o);
+_.displayName = "CommandPaletteItem";
+function J({ keybinding: o, isSelected: a, className: n, ...i }) {
+  const l = me(o);
   return /* @__PURE__ */ e(
     "span",
     {
-      className: d("ml-auto flex items-center gap-0.5 shrink-0", n),
+      className: c("ml-auto flex items-center gap-0.5 shrink-0", n),
       "data-command-palette-shortcut": !0,
       ...i,
-      children: c.map((h, x) => /* @__PURE__ */ e(
+      children: l.map((y, x) => /* @__PURE__ */ e(
         "kbd",
         {
-          className: d(
+          className: c(
             "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]"
           ),
-          children: h
+          children: y
         },
-        `${h}-${x}`
+        `${y}-${x}`
       ))
     }
   );
 }
-U.displayName = "CommandPaletteShortcut";
-function H({ className: o, ...a }) {
-  const { emptyTitle: n, emptyDescription: i } = r.useContext(E);
-  return /* @__PURE__ */ m(
+J.displayName = "CommandPaletteShortcut";
+function X({ className: o, ...a }) {
+  const { emptyTitle: n, emptyDescription: i } = r.useContext(z);
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-command-palette-empty": !0,
-      className: d(
+      className: c(
         "flex flex-col items-center justify-center py-12 text-center text-sm text-[#9ca3af]",
         o
       ),
       ...a,
       children: [
-        /* @__PURE__ */ e($, { className: "h-8 w-8 mb-3 text-[#d1d5db]" }),
+        /* @__PURE__ */ e(U, { 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 })
       ]
     }
   );
 }
-H.displayName = "CommandPaletteEmpty";
-function V({ className: o, ...a }) {
+X.displayName = "CommandPaletteEmpty";
+function Y({ className: o, ...a }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-command-palette-separator": !0,
-      className: d("h-px bg-[#e5e7eb] mx-2", o),
+      className: c("h-px bg-[#e5e7eb] mx-2", o),
       ...a
     }
   );
 }
-V.displayName = "CommandPaletteSeparator";
-function _({ className: o, ...a }) {
-  const { navigateLabel: n, runLabel: i, closeLabel: c } = r.useContext(E);
-  return /* @__PURE__ */ m(
+Y.displayName = "CommandPaletteSeparator";
+function Z({ className: o, ...a }) {
+  const { navigateLabel: n, runLabel: i, closeLabel: l } = r.useContext(z);
+  return /* @__PURE__ */ d(
     "div",
     {
       "data-command-palette-footer": !0,
-      className: d(
+      className: c(
         "flex items-center gap-4 border-t border-[#e5e7eb] px-4 py-2 text-[11px] text-[#9ca3af]",
         o
       ),
       ...a,
       children: [
-        /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(P, { keys: ["↑"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e(P, { keys: ["↓"], size: "sm", variant: "muted" }),
+        /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(S, { keys: ["↑"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e(S, { keys: ["↓"], size: "sm", variant: "muted" }),
           /* @__PURE__ */ e("span", { children: n })
         ] }),
-        /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(P, { keys: ["↵"], size: "sm", variant: "muted" }),
+        /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(S, { keys: ["↵"], size: "sm", variant: "muted" }),
           /* @__PURE__ */ e("span", { children: i })
         ] }),
-        /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e(P, { keys: ["Escape"], size: "sm", variant: "muted" }),
-          /* @__PURE__ */ e("span", { children: c })
+        /* @__PURE__ */ d("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ e(S, { keys: ["Escape"], size: "sm", variant: "muted" }),
+          /* @__PURE__ */ e("span", { children: l })
         ] })
       ]
     }
   );
 }
-_.displayName = "CommandPaletteFooter";
+Z.displayName = "CommandPaletteFooter";
 export {
-  oe as CommandPalette,
-  H as CommandPaletteEmpty,
-  _ as CommandPaletteFooter,
-  B as CommandPaletteGroup,
-  K as CommandPaletteInput,
-  Q as CommandPaletteItem,
-  T as CommandPaletteList,
-  V as CommandPaletteSeparator,
-  U as CommandPaletteShortcut
+  fe 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
 };

package/dist/components/ui/filter-panel/filter-panel.js

@@ -1,17 +1,18 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import b from "react";
-import { Sheet as v, SheetContent as g, SheetDescription as w, SheetTitle as y, SheetClose as N } from "../sheet.js";
+import { Sheet as g, SheetContent as v, SheetDescription as y, SheetTitle as w, SheetClose as N } from "../sheet.js";
 import { cn as n } from "../../../lib/utils.js";
 import { MultiColorFilter as C, Cross as F, Info as m } from "../../../icons/index.js";
 import { Button as P } from "../button.js";
 import { Tooltip as d, TooltipTrigger as h, TooltipContent as f } from "../tooltip.js";
+import { Kbd as k } from "../command-palette/kbd.js";
 import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
 const j = ({ title: l, children: a, className: i }) => {
   const { t: c } = u();
   return /* @__PURE__ */ t("div", { "data-component": "filter-panel-header", className: n("flex  shrink-0 flex-row items-center justify-between border-b px-4 py-3 bg-white", i), children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e("div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ e(C, { className: "h-5 w-5" }) }),
-      /* @__PURE__ */ e(y, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
+      /* @__PURE__ */ e(w, { className: "text-lg font-bold text-[#1f2b4d]", children: l })
     ] }),
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
       a,
@@ -27,8 +28,8 @@ const j = ({ title: l, children: a, className: i }) => {
   sidebar: r,
   className: o,
   preventClose: x = !1
-}) => /* @__PURE__ */ e(v, { open: l, onOpenChange: a, children: /* @__PURE__ */ t(
-  g,
+}) => /* @__PURE__ */ e(g, { open: l, onOpenChange: a, children: /* @__PURE__ */ t(
+  v,
   {
     side: "right",
     className: n(
@@ -42,7 +43,7 @@ const j = ({ title: l, children: a, className: i }) => {
       x && p.preventDefault();
     },
     children: [
-      /* @__PURE__ */ e(w, { className: "sr-only", children: "Select filters to apply to the current view." }),
+      /* @__PURE__ */ e(y, { className: "sr-only", children: "Select filters to apply to the current view." }),
       /* @__PURE__ */ t("div", { className: "flex h-full flex-col bg-white", children: [
         s || /* @__PURE__ */ e(j, { title: i }),
         /* @__PURE__ */ t("div", { className: "flex flex-1 overflow-hidden", children: [
@@ -83,7 +84,11 @@ const j = ({ title: l, children: a, className: i }) => {
               /* @__PURE__ */ t("div", { className: "flex items-center gap-1 min-w-0", children: [
                 /* @__PURE__ */ t(d, { children: [
                   /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "truncate font-['Manrope']", children: r.label }) }),
-                  /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: r.label })
+                  /* @__PURE__ */ e(f, { variant: "tertiary", side: "right", children: r.tooltipKeybinding ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                    r.label,
+                    " ",
+                    /* @__PURE__ */ e(k, { keybinding: r.tooltipKeybinding, size: "sm" })
+                  ] }) : r.label })
                 ] }),
                 r.isRequired && /* @__PURE__ */ e("span", { className: "shrink-0 text-error", children: "*" })
               ] })