@macrulez/vue-command-palette 0.1.2 → 0.2.1

package/dist/vue-command-palette.js

@@ -1,402 +1,682 @@
-import { h as W, reactive as pe, ref as L, computed as S, inject as ee, readonly as ae, onUnmounted as Ie, defineComponent as te, openBlock as u, createElementBlock as h, normalizeClass as Q, renderSlot as y, createBlock as V, resolveDynamicComponent as ge, withCtx as C, createTextVNode as ue, toDisplayString as q, createCommentVNode as M, createElementVNode as R, Fragment as T, renderList as H, createSlots as Y, mergeProps as E, watch as me, normalizeStyle as se, nextTick as ye, unref as k, Teleport as xe, createVNode as ie, Transition as Ae, withModifiers as Le, withDirectives as $e, isRef as De, vModelText as Ge, normalizeProps as re, guardReactiveProps as le, vShow as Ke } from "vue";
-function ke(t) {
-  return t.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+import { h as Ee, reactive as ht, ref as R, computed as b, inject as pe, watch as re, readonly as Te, onUnmounted as lt, defineComponent as Ke, openBlock as u, createElementBlock as f, normalizeClass as ie, renderSlot as $, createCommentVNode as M, createBlock as te, resolveDynamicComponent as De, withCtx as S, createTextVNode as we, toDisplayString as K, createElementVNode as w, Fragment as P, renderList as q, normalizeStyle as Me, withModifiers as kt, createSlots as ce, mergeProps as D, nextTick as xe, provide as Re, onMounted as Gt, unref as T, Teleport as Bt, createVNode as We, Transition as zt, withDirectives as pt, isRef as Nt, vModelText as Ut, normalizeProps as Xe, guardReactiveProps as Ze, vShow as Yt } from "vue";
+function Vt(n) {
+  return n.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
 }
-function ce(t, s) {
-  const n = ke(t), r = ke(s);
-  if (!n) return { score: 0, matches: [] };
-  if (r === n) return { score: 100, matches: [[0, s.length - 1]] };
-  if (r.startsWith(n)) return { score: 80, matches: [[0, n.length - 1]] };
-  const m = r.indexOf(n);
-  if (m !== -1) return { score: 60, matches: [[m, m + n.length - 1]] };
-  const c = [];
-  let a = 0, v = 0, d = -1;
-  for (let $ = 0; $ < r.length && a < n.length; $++)
-    r[$] === n[a] && (c.push($), d !== -1 && (v += $ - d - 1), d = $, a++);
-  if (a < n.length) return { score: -1, matches: [] };
-  const b = [];
-  let w = c[0], g = c[0];
-  for (let $ = 1; $ < c.length; $++)
-    c[$] === g + 1 || (b.push([w, g]), w = c[$]), g = c[$];
-  b.push([w, g]);
-  const I = v / (s.length || 1);
-  return { score: Math.max(1, 40 - I * 20), matches: b };
+function qt(n) {
+  const a = [], s = [];
+  let r = 0;
+  for (const g of n) {
+    const m = r;
+    r += g.length;
+    const k = g.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLowerCase();
+    for (const C of k)
+      a.push(C), s.push(m);
+  }
+  return s.push(n.length), { normalized: a.join(""), map: s };
 }
-function Pe(t) {
-  return !(t.disabled || t.enabled && !t.enabled());
+function et(n, a) {
+  return n.map(([s, r]) => [a[s], a[r + 1] - 1]);
 }
-function Me(t, s) {
-  if (!t.trim()) return [];
-  const n = [];
-  for (const r of s) {
-    if (!Pe(r)) continue;
-    let m = ce(t, r.label);
-    for (const c of r.keywords ?? []) {
-      const a = ce(t, c);
-      a.score > m.score && (m = { score: a.score, matches: [] });
+function Ie(n, a) {
+  const s = Vt(n), { normalized: r, map: g } = qt(a);
+  if (!s) return { score: 0, matches: [] };
+  if (r === s) return { score: 100, matches: [[0, a.length - 1]] };
+  if (r.startsWith(s)) return { score: 80, matches: et([[0, s.length - 1]], g) };
+  const m = r.indexOf(s);
+  if (m !== -1) return { score: 60, matches: et([[m, m + s.length - 1]], g) };
+  const k = [];
+  let C = 0, y = 0, p = -1;
+  for (let h = 0; h < r.length && C < s.length; h++)
+    r[h] === s[C] && (k.push(h), p !== -1 && (y += h - p - 1), p = h, C++);
+  if (C < s.length) return { score: -1, matches: [] };
+  const I = [];
+  let L = k[0], c = k[0];
+  for (let h = 1; h < k.length; h++)
+    k[h] === c + 1 || (I.push([L, c]), L = k[h]), c = k[h];
+  I.push([L, c]);
+  const d = y / (a.length || 1);
+  return { score: Math.max(1, 40 - d * 20), matches: et(I, g) };
+}
+function tt(n) {
+  return !(n.disabled || n.enabled && !n.enabled());
+}
+function Ft(n, a, s = !1) {
+  if (!n.trim()) return [];
+  const r = [];
+  for (const g of a) {
+    if (!tt(g) && !s) continue;
+    const m = Ie(n, g.label);
+    let k = m.score, C = "label", y;
+    if (g.description) {
+      const p = Ie(n, g.description);
+      p.score >= 60 && p.score > k && (k = p.score, C = "description");
+    }
+    for (const p of g.keywords ?? []) {
+      const I = Ie(n, p);
+      I.score > k && (k = I.score, C = "keyword", y = p);
     }
-    for (const c of r.aliases ?? []) {
-      const a = ce(t, c);
-      a.score > m.score && (m = { score: a.score, matches: [] });
+    for (const p of g.aliases ?? []) {
+      const I = Ie(n, p);
+      I.score > k && (k = I.score, C = "alias", y = p);
     }
-    m.score > 0 && n.push({ command: r, score: m.score, matches: m.matches });
+    k > 0 && r.push({
+      command: g,
+      score: k,
+      matches: m.score > 0 ? m.matches : [],
+      matchedField: C,
+      matchedText: y
+    });
   }
-  return n.sort((r, m) => m.score - r.score);
+  return r.sort((g, m) => {
+    if (s) {
+      const k = tt(g.command) ? 1 : 0, C = tt(m.command) ? 1 : 0;
+      if (k !== C) return C - k;
+    }
+    return it(g, m);
+  });
 }
-function Oe(t, s) {
-  if (!s.length) return W("span", t);
-  const n = [];
+function it(n, a) {
+  const s = n.matches.length ? 1 : 0, r = a.matches.length ? 1 : 0;
+  return s !== r ? r - s : a.score - n.score;
+}
+function Se(n, a) {
+  const s = Ie(n, a);
+  return s.score > 0 ? s.matches : [];
+}
+function nt(n, a) {
+  if (!a.length) return Ee("span", n);
+  const s = [];
   let r = 0;
-  for (const [m, c] of s)
-    r < m && n.push(W("span", t.slice(r, m))), n.push(W("mark", { class: "vcp-match" }, t.slice(m, c + 1))), r = c + 1;
-  return r < t.length && n.push(W("span", t.slice(r))), W("span", n);
+  for (const [g, m] of a)
+    r < g && s.push(Ee("span", n.slice(r, g))), s.push(Ee("mark", { class: "vcp-match" }, n.slice(g, m + 1))), r = m + 1;
+  return r < n.length && s.push(Ee("span", n.slice(r))), Ee("span", s);
 }
-function He() {
-  const t = pe({
+function Jt(n, a = !0, s, r = !1) {
+  const g = n ?? ((c, d) => Ft(c, d, r)), m = ht({
     groups: /* @__PURE__ */ new Map(),
     commands: /* @__PURE__ */ new Map()
   });
-  function s(a, v) {
-    for (const d of a)
-      if (t.commands.set(d.id, d), v && t.groups.has(v)) {
-        const b = t.groups.get(v);
-        b.commands.find((w) => w.id === d.id) || b.commands.push(d);
+  function k(c, d) {
+    for (const h of c)
+      if (m.commands.set(h.id, h), d && m.groups.has(d)) {
+        const _ = m.groups.get(d);
+        _.commands.find((x) => x.id === h.id) || _.commands.push(h);
       }
     return () => {
-      for (const d of a)
-        if (t.commands.delete(d.id), v && t.groups.has(v)) {
-          const b = t.groups.get(v), w = b.commands.findIndex((g) => g.id === d.id);
-          w !== -1 && b.commands.splice(w, 1);
+      for (const h of c)
+        if (m.commands.delete(h.id), d && m.groups.has(d)) {
+          const _ = m.groups.get(d), x = _.commands.findIndex((E) => E.id === h.id);
+          x !== -1 && _.commands.splice(x, 1);
         }
     };
   }
-  function n(a) {
-    t.groups.set(a.id, pe(a));
-    for (const v of a.commands)
-      t.commands.set(v.id, v);
+  function C(c) {
+    m.groups.set(c.id, ht(c));
+    for (const d of c.commands)
+      m.commands.set(d.id, d);
     return () => {
-      const v = t.groups.get(a.id);
-      if (v)
-        for (const d of v.commands) t.commands.delete(d.id);
-      t.groups.delete(a.id);
+      const d = m.groups.get(c.id);
+      if (d)
+        for (const h of d.commands) m.commands.delete(h.id);
+      m.groups.delete(c.id);
     };
   }
-  function r() {
-    return Array.from(t.commands.values());
+  function y() {
+    return Array.from(m.commands.values());
   }
-  function m(a) {
-    const v = r();
-    if (!a.trim()) return [];
-    const d = Me(a, v);
-    for (const b of d)
-      for (const [w, g] of t.groups)
-        if (g.commands.find((I) => I.id === b.command.id)) {
-          b.groupId = w;
-          break;
+  function p(c) {
+    const d = m.commands.get(c);
+    if (d) return d;
+    const h = Array.from(m.commands.values());
+    for (; h.length; ) {
+      const _ = h.pop();
+      if (_.subCommands?.length)
+        for (const x of _.subCommands) {
+          if (x.id === c) return x;
+          x.subCommands?.length && h.push(x);
         }
-    return d;
+    }
+  }
+  function I(c) {
+    if (!c.trim()) return [];
+    let d = y();
+    const h = /* @__PURE__ */ new Map();
+    if (a) {
+      const E = [], B = (O, F) => {
+        if (E.push(O), F.length && h.set(O, F), O.subCommands?.length)
+          for (const A of O.subCommands) B(A, [...F, O]);
+      };
+      for (const O of d) B(O, []);
+      d = E;
+    }
+    const _ = g(c, d), x = /* @__PURE__ */ new Map();
+    for (const [E, B] of m.groups)
+      for (const O of B.commands)
+        x.has(O.id) || x.set(O.id, E);
+    for (const E of _) {
+      const B = h.get(E.command);
+      B?.length && (E.parents = B);
+      const O = B?.length ? B[0].id : E.command.id, F = x.get(O);
+      F && (E.groupId = F), s && (E.score += s(E.command));
+    }
+    return s && _.sort(it), _;
   }
-  function c() {
-    return Array.from(t.groups.values()).sort(
-      (a, v) => (v.priority ?? 0) - (a.priority ?? 0)
+  function L() {
+    return Array.from(m.groups.values()).sort(
+      (c, d) => (d.priority ?? 0) - (c.priority ?? 0)
     );
   }
-  return { state: t, registerCommands: s, registerGroup: n, search: m, getAllCommands: r, getSortedGroups: c };
+  return { state: m, registerCommands: k, registerGroup: C, search: I, getAllCommands: y, findCommand: p, getSortedGroups: L };
+}
+const jt = /* @__PURE__ */ new Set(["shift", "ctrl", "meta", "alt", "$mod"]);
+function Qt(n) {
+  return jt.has(n);
+}
+function gt(n) {
+  return n.length >= 2 && n.every((a) => !Qt(a));
 }
-const ze = /* @__PURE__ */ new Set(["shift", "ctrl", "meta", "alt", "$mod"]);
-function Ve(t) {
-  return ze.has(t);
+function Wt(n) {
+  return n.some((a) => a === "$mod" || a === "ctrl" || a === "meta");
 }
-function be(t) {
-  return t.length >= 2 && t.every((s) => !Ve(s));
+function Xt(n) {
+  const a = n.target;
+  if (!a) return !1;
+  const s = a.tagName;
+  if (s === "INPUT" || s === "TEXTAREA" || s === "SELECT" || a.isContentEditable) return !0;
+  const r = a.getAttribute?.("contenteditable");
+  return r === "" || r === "true";
 }
-function qe(t, s) {
-  return t === "$mod" ? s.metaKey || s.ctrlKey : t === "shift" ? s.shiftKey : t === "alt" ? s.altKey : t === "ctrl" ? s.ctrlKey : t === "meta" ? s.metaKey : s.key.toLowerCase() === t.toLowerCase();
+function Zt(n, a) {
+  return n === "$mod" ? a.metaKey || a.ctrlKey : n === "shift" ? a.shiftKey : n === "alt" ? a.altKey : n === "ctrl" ? a.ctrlKey : n === "meta" ? a.metaKey : a.key.toLowerCase() === n.toLowerCase();
 }
-function Be(t, s) {
-  const n = t.slice(0, -1), r = t[t.length - 1];
-  for (const m of n)
-    if (!qe(m, s)) return !1;
-  return !n.includes("$mod") && !n.includes("ctrl") && !n.includes("meta") && (s.ctrlKey || s.metaKey) || !n.includes("shift") && s.shiftKey || !n.includes("alt") && s.altKey ? !1 : s.key.toLowerCase() === r.toLowerCase();
+function en(n, a) {
+  const s = n.slice(0, -1), r = n[n.length - 1];
+  for (const g of s)
+    if (!Zt(g, a)) return !1;
+  return !s.includes("$mod") && !s.includes("ctrl") && !s.includes("meta") && (a.ctrlKey || a.metaKey) || !s.includes("shift") && a.shiftKey || !s.includes("alt") && a.altKey ? !1 : a.key.toLowerCase() === r.toLowerCase();
 }
-function _e() {
-  const t = [];
-  let s = [], n = null, r = !1;
-  function m(d) {
-    for (const { keys: g, handler: I } of t)
-      if (!be(g) && Be(g, d)) {
-        d.preventDefault(), I();
+function tn() {
+  const n = [];
+  let a = [], s = null, r = !1;
+  function g(y) {
+    const p = Xt(y);
+    for (const { keys: c, handler: d } of n)
+      if (!gt(c) && !(p && !Wt(c)) && en(c, y)) {
+        y.preventDefault(), d();
         return;
       }
-    const b = t.filter((g) => be(g.keys));
-    if (!b.length || d.metaKey || d.ctrlKey || d.altKey) return;
-    s.push(d.key.toLowerCase()), n && clearTimeout(n), n = setTimeout(() => {
-      s = [];
+    if (p) return;
+    const I = n.filter((c) => gt(c.keys));
+    if (!I.length || y.metaKey || y.ctrlKey || y.altKey) return;
+    a.push(y.key.toLowerCase()), s && clearTimeout(s), s = setTimeout(() => {
+      a = [];
     }, 500);
-    const w = s;
-    for (const { keys: g, handler: I } of b) {
-      const $ = g.map((G) => G.toLowerCase());
-      if (w.length >= $.length && w.slice(-$.length).every((O, K) => O === $[K])) {
-        d.preventDefault(), s = [], I();
+    const L = a;
+    for (const { keys: c, handler: d } of I) {
+      const h = c.map((_) => _.toLowerCase());
+      if (L.length >= h.length && L.slice(-h.length).every((x, E) => x === h[E])) {
+        y.preventDefault(), a = [], d();
         return;
       }
     }
   }
-  function c(d, b) {
-    const w = { keys: d, handler: b };
-    return t.push(w), () => {
-      const g = t.indexOf(w);
-      g !== -1 && t.splice(g, 1);
+  function m(y, p) {
+    const I = { keys: y, handler: p };
+    return n.push(I), () => {
+      const L = n.indexOf(I);
+      L !== -1 && n.splice(L, 1);
     };
   }
-  function a() {
-    r || typeof document > "u" || (r = !0, document.addEventListener("keydown", m));
+  function k() {
+    r || typeof document > "u" || (r = !0, document.addEventListener("keydown", g));
   }
-  function v() {
-    typeof document > "u" || (r = !1, document.removeEventListener("keydown", m));
+  function C() {
+    typeof document > "u" || (r = !1, document.removeEventListener("keydown", g));
   }
-  return { registerShortcut: c, start: a, stop: v };
+  return { registerShortcut: m, start: k, stop: C };
+}
+const at = Symbol("@macrulez/vue-command-palette"), $t = Symbol("@macrulez/vue-command-palette:labels"), Ct = Symbol("@macrulez/vue-command-palette:selection"), wt = Symbol("@macrulez/vue-command-palette:query"), _t = Symbol("@macrulez/vue-command-palette:pinned"), st = Symbol("@macrulez/vue-command-palette:registry");
+function nn(n, a = Date.now()) {
+  if (!n) return 0;
+  const s = (a - n.lastUsed) / 864e5, r = Math.max(0, 1 - s / 30);
+  return n.count * 2 + r * 15;
 }
-const Z = Symbol("@macrulez/vue-command-palette"), It = {
-  install(t, s = {}) {
+function Et(n, a = {}) {
+  {
     const {
-      hotkey: n = ["$mod", "k"],
-      persistRecent: r = !0,
+      name: s = "default",
+      hotkey: r = ["$mod", "k"],
+      persistRecent: g = !0,
       maxRecent: m = 5,
-      maxRecentPerGroup: c = 0,
-      localStorageKey: a = "vcp:recent",
-      colorTheme: v = "system",
-      onOpen: d,
-      onClose: b,
-      onError: w
-    } = s, g = He(), I = _e(), $ = L(!1), G = L(""), O = L(0), K = L([]), x = L(null);
-    let D = [];
-    if (r && typeof localStorage < "u")
+      maxRecentPerGroup: k = 0,
+      localStorageKey: C = "vcp:recent",
+      colorTheme: y = "system",
+      search: p,
+      searchNested: I = !0,
+      showDisabled: L = !1,
+      frecency: c = !1,
+      onSearch: d,
+      bindShortcuts: h = !1,
+      onOpen: _,
+      onClose: x,
+      onError: E,
+      onHighlight: B
+    } = a;
+    let O = {};
+    if (c && g && typeof localStorage < "u")
+      try {
+        O = JSON.parse(localStorage.getItem(C + ":frecency") ?? "{}");
+      } catch {
+      }
+    const F = R(O), z = Jt(p, I, c ? (fe) => nn(F.value[fe.id]) : void 0, L), H = tn(), X = R(!1), ue = R(""), ae = R(0), W = R([]), N = R(null);
+    let Z = [];
+    if (g && typeof localStorage < "u")
       try {
-        D = JSON.parse(localStorage.getItem(a) ?? "[]");
+        Z = JSON.parse(localStorage.getItem(C) ?? "[]");
       } catch {
       }
-    const P = L(D), z = S(() => g.search(G.value)), B = L(v), J = {
-      store: g,
-      keyboard: I,
-      isOpen: $,
-      query: G,
-      activeIndex: O,
-      history: K,
-      recentIds: P,
-      loadingCommandId: x,
-      results: z,
-      colorTheme: B,
-      persistRecent: r,
+    const Y = R(Z);
+    let J = [];
+    if (g && typeof localStorage < "u")
+      try {
+        J = JSON.parse(localStorage.getItem(C + ":pinned") ?? "[]");
+      } catch {
+      }
+    const ne = R(J), $e = R([]), Ce = b(() => z.search(ue.value)), de = R([]), se = R(null), le = R(y), ge = {
+      store: z,
+      keyboard: H,
+      isOpen: X,
+      query: ue,
+      activeIndex: ae,
+      history: W,
+      recentIds: Y,
+      loadingCommandId: N,
+      results: Ce,
+      currentResults: de,
+      executeRequest: se,
+      colorTheme: le,
+      persistRecent: g,
       maxRecent: m,
-      maxRecentPerGroup: c ?? 0,
-      localStorageKey: a,
-      onOpen: d,
-      onClose: b,
-      onError: w
-    };
-    t.provide(Z, J), I.registerShortcut(n, () => {
-      $.value = !$.value, $.value ? (G.value = "", O.value = 0, d?.()) : b?.();
-    }), I.start();
-    const N = t.unmount.bind(t);
-    t.unmount = () => {
-      I.stop(), N();
+      maxRecentPerGroup: k ?? 0,
+      localStorageKey: C,
+      frecency: c,
+      usage: F,
+      pinnedIds: ne,
+      queryHistory: $e,
+      showDisabled: L,
+      globalSearch: d,
+      onOpen: _,
+      onClose: x,
+      onError: E,
+      onHighlight: B
+    }, v = n.runWithContext(() => pe(st, null)) ?? /* @__PURE__ */ new Map();
+    v.set(s, ge), n.provide(st, v);
+    const G = n.runWithContext(() => pe(at, null));
+    if ((s === "default" || !G) && n.provide(at, ge), H.registerShortcut(r, () => {
+      X.value = !X.value, X.value ? (ue.value = "", ae.value = 0, _?.()) : x?.();
+    }), H.start(), h) {
+      async function fe(V) {
+        if (!(V.disabled || V.enabled && !V.enabled())) {
+          if (V.subCommands?.length) {
+            X.value = !0;
+            return;
+          }
+          N.value = V.id;
+          try {
+            await V.perform();
+          } catch (ye) {
+            E ? E(ye, V) : console.error("[@macrulez/vue-command-palette] Command error:", ye);
+          } finally {
+            N.value = null;
+          }
+        }
+      }
+      const j = /* @__PURE__ */ new Map();
+      re(
+        () => Array.from(z.state.commands.values()),
+        (V) => {
+          const ye = new Set(V.map((ee) => ee.id));
+          for (const [ee, ve] of j)
+            ye.has(ee) || (ve(), j.delete(ee));
+          for (const ee of V)
+            if (ee.shortcut?.length && !j.has(ee.id)) {
+              const ve = H.registerShortcut(ee.shortcut, () => {
+                const Ae = se.value;
+                Ae ? Ae(ee) : fe(ee);
+              });
+              j.set(ee.id, ve);
+            }
+        },
+        { immediate: !0 }
+      );
+    }
+    const me = n.unmount.bind(n);
+    n.unmount = () => {
+      H.stop(), me();
     };
   }
+}
+const mo = {
+  install: Et
 };
-function Ne(t, s) {
+function fo(n = {}) {
+  return {
+    install(a) {
+      Et(a, n);
+    }
+  };
+}
+function ot(n, a) {
   if (!(typeof localStorage > "u"))
     try {
-      localStorage.setItem(s, JSON.stringify(t));
+      localStorage.setItem(a, JSON.stringify(n));
     } catch {
     }
 }
-function Ue() {
-  const t = ee(Z);
-  if (!t) throw new Error("[@macrulez/vue-command-palette] Plugin not installed. Use app.use(VCommandPalettePlugin).");
-  const {
+function He(n) {
+  if (n) {
+    const r = pe(st, null)?.get(n);
+    if (!r)
+      throw new Error(`[@macrulez/vue-command-palette] No palette instance named "${n}". Install it with app.use(VCommandPalettePlugin, { name: "${n}" }).`);
+    return r;
+  }
+  const a = pe(at);
+  if (!a) throw new Error("[@macrulez/vue-command-palette] Plugin not installed. Use app.use(VCommandPalettePlugin).");
+  return a;
+}
+function on(n) {
+  const a = He(n), {
     store: s,
-    isOpen: n,
-    query: r,
+    isOpen: r,
+    query: g,
     activeIndex: m,
-    history: c,
-    recentIds: a,
-    loadingCommandId: v,
-    results: d,
-    colorTheme: b,
-    persistRecent: w,
-    maxRecent: g,
-    localStorageKey: I,
-    onOpen: $,
-    onClose: G,
-    onError: O
-  } = t;
-  function K(p) {
-    p && n.value ? (c.value.push({ paletteId: p, query: r.value, activeIndex: m.value }), r.value = "", m.value = 0) : (n.value = !0, r.value = "", m.value = 0, $?.());
+    history: k,
+    recentIds: C,
+    loadingCommandId: y,
+    results: p,
+    currentResults: I,
+    colorTheme: L,
+    persistRecent: c,
+    maxRecent: d,
+    localStorageKey: h,
+    frecency: _,
+    usage: x,
+    pinnedIds: E,
+    queryHistory: B,
+    onOpen: O,
+    onClose: F,
+    onError: A
+  } = a;
+  function z(v) {
+    v && r.value ? (k.value.push({ paletteId: v, query: g.value, activeIndex: m.value }), g.value = "", m.value = 0) : (r.value = !0, g.value = "", m.value = 0, O?.());
   }
-  function x() {
-    n.value = !1, r.value = "", m.value = 0, c.value = [], G?.();
+  function H() {
+    r.value = !1, g.value = "", m.value = 0, k.value = [], F?.();
   }
-  function D() {
-    n.value ? x() : K();
+  function X() {
+    r.value ? H() : z();
   }
-  function P() {
-    if (!c.value.length) {
-      x();
+  function ue() {
+    if (!k.value.length) {
+      H();
       return;
     }
-    const p = c.value.pop();
-    r.value = p.query, m.value = p.activeIndex;
+    const v = k.value.pop();
+    g.value = v.query, m.value = v.activeIndex;
+  }
+  function ae(v) {
+    const G = C.value.filter((me) => me !== v);
+    G.unshift(v), C.value = G.slice(0, d), c && ot(C.value, h);
+  }
+  function W(v) {
+    return E.value.includes(v);
+  }
+  function N(v) {
+    E.value.includes(v) || (E.value = [...E.value, v], c && ot(E.value, h + ":pinned"));
+  }
+  function Z(v) {
+    E.value = E.value.filter((G) => G !== v), c && ot(E.value, h + ":pinned");
+  }
+  function Y(v) {
+    W(v) ? Z(v) : N(v);
   }
-  function z(p) {
-    if (!w) return;
-    const A = a.value.filter((F) => F !== p);
-    A.unshift(p), a.value = A.slice(0, g), Ne(a.value, I);
+  function J() {
+    return E.value.map((v) => s.findCommand(v)).filter((v) => !!v);
   }
-  async function B(p) {
-    if (!(p.disabled || p.enabled && !p.enabled())) {
-      if (p.subCommands?.length) {
-        K(p.id);
+  function ne(v) {
+    const G = v.trim();
+    G && (B.value = [G, ...B.value.filter((me) => me !== G)].slice(0, 25));
+  }
+  function $e(v) {
+    if (!_) return;
+    const G = x.value[v];
+    if (x.value = { ...x.value, [v]: { count: (G?.count ?? 0) + 1, lastUsed: Date.now() } }, c && typeof localStorage < "u")
+      try {
+        localStorage.setItem(h + ":frecency", JSON.stringify(x.value));
+      } catch {
+      }
+  }
+  async function Ce(v) {
+    if (!(v.disabled || v.enabled && !v.enabled())) {
+      if (v.subCommands?.length || v.page) {
+        z(v.id);
         return;
       }
-      z(p.id), x(), v.value = p.id;
+      ae(v.id), $e(v.id), ne(g.value), H(), y.value = v.id;
       try {
-        await p.perform();
-      } catch (A) {
-        O ? O(A, p) : console.error("[@macrulez/vue-command-palette] Command error:", A);
+        await v.perform();
+      } catch (G) {
+        A ? A(G, v) : console.error("[@macrulez/vue-command-palette] Command error:", G);
       } finally {
-        v.value = null;
+        y.value = null;
       }
     }
   }
-  async function J() {
-    const p = d.value[m.value];
-    p && await B(p.command);
+  async function de() {
+    const G = (I.value.length ? I.value : p.value)[m.value];
+    G && await Ce(G.command);
   }
-  function N() {
-    const p = s.getAllCommands();
-    return a.value.map((A) => p.find((F) => F.id === A)).filter((A) => !!A);
+  function se() {
+    return C.value.map((v) => s.findCommand(v)).filter((v) => !!v);
   }
-  function j(p) {
-    return s.registerCommands(p);
+  function le(v) {
+    return s.registerCommands(v);
   }
-  function oe(p) {
-    return s.registerGroup(p);
+  function ge(v) {
+    return s.registerGroup(v);
   }
   return {
-    isOpen: ae(n),
-    query: r,
-    results: d,
+    isOpen: Te(r),
+    query: g,
+    results: p,
     activeIndex: m,
-    history: ae(c),
-    loadingCommandId: ae(v),
-    colorTheme: b,
-    open: K,
-    close: x,
-    toggle: D,
-    goBack: P,
-    executeActive: J,
-    executeCommand: B,
-    getRecentCommands: N,
-    registerCommands: j,
-    registerGroup: oe,
-    addRecent: z
+    history: Te(k),
+    loadingCommandId: Te(y),
+    colorTheme: L,
+    open: z,
+    close: H,
+    toggle: X,
+    goBack: ue,
+    executeActive: de,
+    executeCommand: Ce,
+    getRecentCommands: se,
+    getPinnedCommands: J,
+    registerCommands: le,
+    registerGroup: ge,
+    addRecent: ae,
+    isPinned: W,
+    pin: N,
+    unpin: Z,
+    togglePin: Y,
+    pinnedIds: Te(E),
+    queryHistory: Te(B)
   };
 }
-function Et(t) {
-  const s = ee(Z);
-  if (!s) throw new Error("[@macrulez/vue-command-palette] Plugin not installed.");
-  const n = s.store.registerCommands(t);
-  Ie(n);
+function vo(n, a) {
+  const r = He(a).store.registerCommands(n);
+  lt(r);
 }
-function St(t) {
-  const s = ee(Z);
-  if (!s) throw new Error("[@macrulez/vue-command-palette] Plugin not installed.");
-  const n = s.store.registerGroup(t);
-  Ie(n);
+function ho(n, a) {
+  const r = He(a).store.registerGroup(n);
+  lt(r);
 }
-const Ye = ["id", "aria-selected", "aria-disabled"], Fe = {
+const an = ["id", "aria-selected", "aria-disabled", "title"], sn = {
   key: 0,
   class: "vcp-item__icon"
-}, Je = { class: "vcp-item__body" }, je = { class: "vcp-item__label" }, We = {
+}, ln = { class: "vcp-item__body" }, rn = { class: "vcp-item__label" }, cn = {
   key: 0,
-  class: "vcp-item__description"
-}, Qe = {
+  class: "vcp-item__context"
+}, un = {
+  key: 1,
+  class: "vcp-item__match-hint"
+}, dn = {
   key: 0,
-  class: "vcp-item__spinner",
-  "aria-label": "Loading"
-}, Xe = {
+  class: "vcp-item__description"
+}, mn = ["aria-label"], fn = {
   key: 1,
   class: "vcp-item__shortcut"
-}, X = /* @__PURE__ */ te({
+}, vn = {
+  key: 2,
+  class: "vcp-item__actions-hint",
+  "aria-hidden": "true",
+  title: "Tab for actions"
+}, hn = ["title"], pn = {
+  class: "vcp-item__chevron",
+  "aria-hidden": "true"
+}, ke = /* @__PURE__ */ Ke({
   __name: "CommandItem",
   props: {
     command: {},
     active: { type: Boolean },
     matches: {},
     itemId: {},
-    loadingCommandId: {}
+    loadingCommandId: {},
+    parents: {},
+    matchedText: {},
+    alwaysShowPin: { type: Boolean }
   },
   emits: ["execute", "activate"],
-  setup(t) {
-    const s = t, n = S(
-      () => s.command.disabled || s.command.enabled != null && !s.command.enabled()
-    ), r = S(() => s.loadingCommandId === s.command.id), m = S(() => Oe(s.command.label, s.matches));
-    function c(a) {
-      return a === "$mod" ? typeof navigator < "u" && navigator.platform.includes("Mac") ? "⌘" : "Ctrl" : a === "shift" ? "⇧" : a === "alt" ? typeof navigator < "u" && navigator.platform.includes("Mac") ? "⌥" : "Alt" : a.toUpperCase();
+  setup(n) {
+    const a = n, s = b(
+      () => a.command.disabled || a.command.enabled != null && !a.command.enabled()
+    ), r = b(() => a.loadingCommandId === a.command.id), g = b(() => !!a.command.subCommands?.length || !!a.command.page), m = b(() => {
+      const A = a.command.badge;
+      return typeof A == "string" ? A : A?.text;
+    }), k = b(() => typeof a.command.badge == "object" ? a.command.badge.color : void 0), C = pe($t, void 0), y = b(() => C?.value.loading ?? "Loading"), p = pe(Ct, void 0), I = b(() => p?.value.selectable ?? !1), L = b(() => I.value && (p?.value.isSelected(a.command.id) ?? !1)), c = pe(_t, void 0), d = b(() => c?.isPinned(a.command.id) ?? !1), h = b(() => d.value ? C?.value.unpin ?? "Unpin" : C?.value.pin ?? "Pin");
+    function _() {
+      c?.toggle(a.command.id);
+    }
+    const x = b(() => nt(a.command.label, a.matches)), E = pe(wt, void 0), B = b(() => {
+      const A = a.command.description ?? "", z = (E?.value ?? "").trim();
+      if (!A || !z) return nt(A, []);
+      const H = A.toLowerCase().indexOf(z.toLowerCase());
+      return nt(A, H === -1 ? [] : [[H, H + z.length - 1]]);
+    });
+    function O() {
+      if (typeof navigator > "u") return !1;
+      const A = navigator.userAgentData;
+      return A?.platform ? /mac/i.test(A.platform) : /mac/i.test(navigator.platform || navigator.userAgent || "");
+    }
+    function F(A) {
+      return A === "$mod" ? O() ? "⌘" : "Ctrl" : A === "shift" ? "⇧" : A === "alt" ? O() ? "⌥" : "Alt" : A.toUpperCase();
     }
-    return (a, v) => (u(), h("div", {
-      id: t.itemId,
-      class: Q(["vcp-item", {
-        "vcp-item--active": t.active,
-        "vcp-item--disabled": n.value,
-        "vcp-item--loading": r.value
+    return (A, z) => (u(), f("div", {
+      id: n.itemId,
+      class: ie(["vcp-item", {
+        "vcp-item--active": n.active,
+        "vcp-item--disabled": s.value,
+        "vcp-item--loading": r.value,
+        "vcp-item--selected": L.value
       }]),
       role: "option",
-      "aria-selected": t.active,
-      "aria-disabled": n.value,
-      onClick: v[0] || (v[0] = (d) => !n.value && !r.value && a.$emit("execute")),
-      onMouseenter: v[1] || (v[1] = (d) => !n.value && a.$emit("activate"))
+      "aria-selected": n.active,
+      "aria-disabled": s.value,
+      title: s.value && n.command.disabledReason ? n.command.disabledReason : void 0,
+      onClick: z[0] || (z[0] = (H) => !s.value && !r.value && A.$emit("execute")),
+      onMouseenter: z[1] || (z[1] = (H) => !s.value && A.$emit("activate"))
     }, [
-      y(a.$slots, "default", {
-        command: t.command,
-        active: t.active,
-        matches: t.matches
+      $(A.$slots, "default", {
+        command: n.command,
+        active: n.active,
+        matches: n.matches,
+        parents: n.parents,
+        matchedText: n.matchedText
       }, () => [
-        y(a.$slots, "item-icon", { command: t.command }, () => [
-          t.command.icon ? (u(), h("span", Fe, [
-            (u(), V(ge(typeof t.command.icon == "string" ? "span" : t.command.icon), null, {
-              default: C(() => [
-                ue(q(typeof t.command.icon == "string" ? t.command.icon : ""), 1)
+        I.value ? (u(), f("span", {
+          key: 0,
+          class: ie(["vcp-item__checkbox", { "vcp-item__checkbox--on": L.value }]),
+          "aria-hidden": "true"
+        }, null, 2)) : M("", !0),
+        $(A.$slots, "item-icon", { command: n.command }, () => [
+          n.command.icon ? (u(), f("span", sn, [
+            (u(), te(De(typeof n.command.icon == "string" ? "span" : n.command.icon), null, {
+              default: S(() => [
+                we(K(typeof n.command.icon == "string" ? n.command.icon : ""), 1)
               ]),
               _: 1
             }))
           ])) : M("", !0)
         ]),
-        R("span", Je, [
-          R("span", je, [
-            (u(), V(ge(m.value)))
+        w("span", ln, [
+          w("span", rn, [
+            n.parents?.length ? (u(), f("span", cn, [
+              (u(!0), f(P, null, q(n.parents, (H) => (u(), f(P, {
+                key: H.id
+              }, [
+                we(K(H.label) + " › ", 1)
+              ], 64))), 128))
+            ])) : M("", !0),
+            (u(), te(De(x.value))),
+            n.matchedText && !n.matches.length ? (u(), f("span", un, "— " + K(n.matchedText), 1)) : M("", !0)
           ]),
-          t.command.description ? (u(), h("span", We, q(t.command.description), 1)) : M("", !0)
+          n.command.description ? (u(), f("span", dn, [
+            (u(), te(De(B.value)))
+          ])) : M("", !0)
         ]),
-        y(a.$slots, "item-shortcut", { command: t.command }, () => [
-          r.value ? (u(), h("span", Qe)) : t.command.shortcut?.length ? (u(), h("span", Xe, [
-            (u(!0), h(T, null, H(t.command.shortcut, (d) => (u(), h("kbd", {
-              key: d,
+        m.value ? (u(), f("span", {
+          key: 1,
+          class: "vcp-item__badge",
+          style: Me(k.value ? { background: k.value } : void 0)
+        }, K(m.value), 5)) : M("", !0),
+        $(A.$slots, "item-shortcut", { command: n.command }, () => [
+          r.value ? (u(), f("span", {
+            key: 0,
+            class: "vcp-item__spinner",
+            "aria-label": y.value
+          }, null, 8, mn)) : n.command.shortcut?.length ? (u(), f("span", fn, [
+            (u(!0), f(P, null, q(n.command.shortcut, (H) => (u(), f("kbd", {
+              key: H,
               class: "vcp-kbd"
-            }, q(c(d)), 1))), 128))
-          ])) : M("", !0)
-        ])
+            }, K(F(H)), 1))), 128))
+          ])) : n.command.actions?.length ? (u(), f("span", vn, "⋯")) : M("", !0)
+        ]),
+        w("span", {
+          class: ie(["vcp-item__pin", { "vcp-item__pin--on": d.value, "vcp-item__pin--show": a.alwaysShowPin }]),
+          title: h.value,
+          "aria-hidden": "true",
+          onClick: kt(_, ["stop"])
+        }, [...z[2] || (z[2] = [
+          w("svg", {
+            class: "vcp-item__pin-icon",
+            viewBox: "0 0 24 24",
+            width: "12",
+            height: "12",
+            fill: "currentColor"
+          }, [
+            w("path", { d: "M16 9V4h1a1 1 0 0 0 0-2H7a1 1 0 0 0 0 2h1v5l-2 2v2h5v5l1 1 1-1v-5h5v-2l-2-2z" })
+          ], -1)
+        ])], 10, hn),
+        w("span", pn, K(g.value ? "›" : ""), 1)
       ])
-    ], 42, Ye));
+    ], 42, an));
   }
-}), Ze = {
+}), gn = {
   key: 0,
   class: "vcp-group"
-}, et = {
+}, yn = {
   class: "vcp-group__header",
   "aria-hidden": "true"
-}, Ce = /* @__PURE__ */ te({
+}, yt = /* @__PURE__ */ Ke({
   __name: "CommandGroup",
   props: {
     group: {},
@@ -406,611 +686,1071 @@ const Ye = ["id", "aria-selected", "aria-disabled"], Fe = {
     loadingCommandId: {}
   },
   emits: ["execute", "activate"],
-  setup(t) {
-    return (s, n) => t.items.length ? (u(), h("div", Ze, [
-      y(s.$slots, "group-header", { group: t.group }, () => [
-        R("div", et, q(t.group.label), 1)
+  setup(n) {
+    return (a, s) => n.items.length ? (u(), f("div", gn, [
+      $(a.$slots, "group-header", { group: n.group }, () => [
+        w("div", yn, K(n.group.label), 1)
       ]),
-      (u(!0), h(T, null, H(t.items, (r, m) => (u(), V(X, {
+      (u(!0), f(P, null, q(n.items, (r, g) => (u(), te(ke, {
         key: r.command.id,
         command: r.command,
-        active: t.globalOffset + m === t.activeIndex,
+        active: n.globalOffset + g === n.activeIndex,
         matches: r.matches,
+        parents: r.parents,
+        "matched-text": r.matchedText,
         "item-id": `vcp-item-${r.command.id}`,
-        "loading-command-id": t.loadingCommandId,
-        onExecute: (c) => s.$emit("execute", r.command),
-        onActivate: (c) => s.$emit("activate", t.globalOffset + m)
-      }, Y({ _: 2 }, [
-        s.$slots["item-icon"] ? {
+        "loading-command-id": n.loadingCommandId,
+        onExecute: (m) => a.$emit("execute", r.command),
+        onActivate: (m) => a.$emit("activate", n.globalOffset + g)
+      }, ce({ _: 2 }, [
+        a.$slots["item-icon"] ? {
           name: "item-icon",
-          fn: C((c) => [
-            y(s.$slots, "item-icon", E({ ref_for: !0 }, c))
+          fn: S((m) => [
+            $(a.$slots, "item-icon", D({ ref_for: !0 }, m))
           ]),
           key: "0"
         } : void 0,
-        s.$slots["item-shortcut"] ? {
+        a.$slots["item-shortcut"] ? {
           name: "item-shortcut",
-          fn: C((c) => [
-            y(s.$slots, "item-shortcut", E({ ref_for: !0 }, c))
+          fn: S((m) => [
+            $(a.$slots, "item-shortcut", D({ ref_for: !0 }, m))
           ]),
           key: "1"
         } : void 0,
-        s.$slots.item ? {
+        a.$slots.item ? {
           name: "default",
-          fn: C((c) => [
-            y(s.$slots, "item", E({ ref_for: !0 }, c))
+          fn: S((m) => [
+            $(a.$slots, "item", D({ ref_for: !0 }, m))
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["command", "active", "matches", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128))
+      ]), 1032, ["command", "active", "matches", "parents", "matched-text", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128))
     ])) : M("", !0);
   }
-}), tt = /* @__PURE__ */ te({
+}), bn = /* @__PURE__ */ Ke({
   __name: "VirtualList",
   props: {
     items: {},
     itemHeight: {},
     containerHeight: {},
-    overscan: { default: 3 }
+    overscan: { default: 3 },
+    activeIndex: { default: -1 }
   },
-  setup(t, { expose: s }) {
-    const n = t, r = L(), m = L(0), c = S(() => n.items.length * n.itemHeight), a = S(
-      () => Math.max(0, Math.floor(m.value / n.itemHeight) - n.overscan)
-    ), v = S(() => {
-      const g = Math.ceil(n.containerHeight / n.itemHeight);
-      return Math.min(n.items.length - 1, a.value + g + n.overscan * 2);
-    }), d = S(() => a.value * n.itemHeight), b = S(
-      () => n.items.slice(a.value, v.value + 1).map((g, I) => ({
-        data: g,
-        index: a.value + I
+  setup(n, { expose: a }) {
+    const s = n, r = R(), g = R(0);
+    function m(c) {
+      if (c < 0) return;
+      const d = r.value;
+      if (!d) return;
+      const h = c * s.itemHeight, _ = h + s.itemHeight;
+      h < d.scrollTop ? d.scrollTop = h : _ > d.scrollTop + s.containerHeight && (d.scrollTop = _ - s.containerHeight);
+    }
+    re(() => s.activeIndex, (c) => {
+      xe(() => m(c));
+    });
+    const k = b(() => s.items.length * s.itemHeight), C = b(
+      () => Math.max(0, Math.floor(g.value / s.itemHeight) - s.overscan)
+    ), y = b(() => {
+      const c = Math.ceil(s.containerHeight / s.itemHeight);
+      return Math.min(s.items.length - 1, C.value + c + s.overscan * 2);
+    }), p = b(() => C.value * s.itemHeight), I = b(
+      () => s.items.slice(C.value, y.value + 1).map((c, d) => ({
+        data: c,
+        index: C.value + d
       }))
     );
-    function w(g) {
-      m.value = g.target.scrollTop;
+    function L(c) {
+      g.value = c.target.scrollTop;
     }
-    return me(() => n.items, () => {
-      m.value = 0, r.value && (r.value.scrollTop = 0);
-    }), s({ containerEl: r }), (g, I) => (u(), h("div", {
+    return re(() => s.items, () => {
+      g.value = 0, r.value && (r.value.scrollTop = 0);
+    }), a({ containerEl: r }), (c, d) => (u(), f("div", {
       ref_key: "containerEl",
       ref: r,
       class: "vcp-virtual",
-      style: se({ height: t.containerHeight + "px", overflowY: "auto" }),
-      onScrollPassive: w
+      style: Me({ height: n.containerHeight + "px", overflowY: "auto" }),
+      onScrollPassive: L
     }, [
-      R("div", {
-        style: se({ height: c.value + "px", position: "relative" })
+      w("div", {
+        style: Me({ height: k.value + "px", position: "relative" })
       }, [
-        R("div", {
-          style: se({ transform: `translateY(${d.value}px)` })
+        w("div", {
+          style: Me({ transform: `translateY(${p.value}px)` })
         }, [
-          (u(!0), h(T, null, H(b.value, ($) => y(g.$slots, "default", {
-            key: $.index,
-            item: $.data,
-            index: $.index
+          (u(!0), f(P, null, q(I.value, (h) => $(c.$slots, "default", {
+            key: h.index,
+            item: h.data,
+            index: h.index
           })), 128))
         ], 4)
       ], 4)
     ], 36));
   }
-}), ot = {
+}), kn = ["aria-label"], $n = {
   key: 0,
   class: "vcp-breadcrumb",
   "aria-live": "polite"
-}, nt = {
+}, Cn = {
   key: 0,
   class: "vcp-breadcrumb__sep",
   "aria-hidden": "true"
-}, at = {
+}, wn = {
   key: 1,
   class: "vcp-confirm"
-}, st = { class: "vcp-confirm__text" }, it = { class: "vcp-confirm__actions" }, rt = { class: "vcp-input-wrap" }, lt = ["placeholder", "aria-activedescendant"], ct = {
+}, _n = { class: "vcp-confirm__text" }, En = { class: "vcp-confirm__actions" }, Tn = { class: "vcp-actions" }, Sn = { class: "vcp-actions__bar" }, xn = ["title"], In = { class: "vcp-actions__title" }, An = { class: "vcp-actions__hint" }, Ln = ["aria-selected", "onClick", "onMouseenter"], Pn = {
+  key: 0,
+  class: "vcp-item__icon"
+}, Rn = { class: "vcp-item__body" }, Dn = { class: "vcp-item__label" }, Mn = {
+  key: 1,
+  class: "vcp-item__shortcut"
+}, Kn = { class: "vcp-input-wrap" }, Hn = {
+  key: 0,
+  class: "vcp-mode-chip"
+}, On = ["placeholder", "aria-activedescendant"], Gn = ["aria-label"], Bn = {
   class: "vcp-theme-switcher",
   "aria-label": "Color theme"
-}, ut = ["title", "onClick"], mt = ["aria-label"], dt = {
+}, zn = ["title", "onClick"], Nn = ["title", "aria-label", "aria-pressed"], Un = ["aria-label"], Yn = {
+  class: "vcp-group__header",
+  "aria-hidden": "true"
+}, Vn = {
   key: 0,
-  class: "vcp-state vcp-state--loading"
-}, ft = {
+  class: "vcp-section",
+  "aria-hidden": "true"
+}, qn = {
+  class: "vcp-group__header",
+  "aria-hidden": "true"
+}, Fn = {
   key: 0,
+  class: "vcp-group__header vcp-group__header--sub",
+  "aria-hidden": "true"
+}, Jn = {
+  key: 2,
   class: "vcp-section",
   "aria-hidden": "true"
-}, vt = {
+}, jn = {
   key: 0,
   class: "vcp-section",
   "aria-hidden": "true"
-}, ht = {
+}, Qn = {
   key: 0,
   class: "vcp-group__header",
   "aria-hidden": "true"
-}, pt = {
+}, Wn = {
   key: 1,
   class: "vcp-section",
   "aria-hidden": "true"
-}, gt = {
+}, Xn = {
   key: 0,
   class: "vcp-section",
   "aria-hidden": "true"
-}, yt = {
+}, Zn = {
+  key: 3,
+  class: "vcp-state vcp-state--loading"
+}, eo = {
   key: 4,
   class: "vcp-state vcp-state--empty"
-}, $t = 50, kt = 40, bt = 360, Ct = "vcp-input", we = "vcp-listbox", Tt = /* @__PURE__ */ te({
+}, to = ["aria-hidden"], no = { class: "vcp-preview__inner" }, oo = ["innerHTML"], ao = {
+  class: "vcp-sr-only",
+  role: "status",
+  "aria-live": "polite"
+}, so = 50, lo = 40, io = 360, ro = "vcp-input", bt = "vcp-listbox", co = 'a[href],button:not([disabled]),input:not([disabled]),textarea:not([disabled]),select:not([disabled]),[tabindex]:not([tabindex="-1"])', po = /* @__PURE__ */ Ke({
   __name: "CommandPalette",
   props: {
+    name: { default: void 0 },
     placeholder: { default: "Search commands…" },
     maxResults: { default: 10 },
     emptyText: { default: "No commands found." },
     loadingText: { default: "Loading…" },
     teleportTo: { default: "body" },
     theme: { default: "default" },
-    animationDuration: { default: 150 }
+    animationDuration: { default: 150 },
+    labels: { default: void 0 },
+    groupRecent: { type: Boolean, default: !1 },
+    modes: { default: void 0 },
+    selectable: { type: Boolean, default: !1 },
+    preview: { type: Boolean, default: !1 },
+    previewHotkey: { default: () => ["$mod", "i"] }
   },
-  setup(t) {
-    const s = t, n = ee(Z), r = Ue(), { isOpen: m, query: c, activeIndex: a, history: v, loadingCommandId: d, close: b, toggle: w, open: g, executeCommand: I, getRecentCommands: $ } = r, G = L(), O = L(), K = L(!1), x = L(null), D = S(() => {
-      const e = $();
-      if (!n.maxRecentPerGroup) return e;
-      const l = {};
-      return e.filter((o) => {
-        const i = o.group ?? "__none__";
-        return l[i] = (l[i] ?? 0) + 1, l[i] <= n.maxRecentPerGroup;
-      });
-    }), P = S(() => {
-      if (!v.value.length) return null;
-      const e = v.value[v.value.length - 1].paletteId, l = n.store.getAllCommands().find((o) => o.id === e);
-      return l?.subCommands?.length ? l.subCommands.filter((o) => !o.disabled && (o.enabled == null || o.enabled())) : null;
-    }), z = S(
-      () => n.store.getSortedGroups().map((e) => ({
+  emits: ["submit-selection"],
+  setup(n, { emit: a }) {
+    const s = {
+      recent: "Recent",
+      pinned: "Pinned",
+      pin: "Pin",
+      unpin: "Unpin",
+      confirmYes: "Yes, proceed",
+      confirmCancel: "Cancel",
+      themeLight: "Light theme",
+      themeDark: "Dark theme",
+      themeSystem: "System theme",
+      dialogLabel: "Command palette",
+      loading: "Loading",
+      resultsCount: (e) => `${e} result${e === 1 ? "" : "s"} available`,
+      actions: "Actions",
+      back: "Back",
+      togglePreview: "Toggle preview panel"
+    }, r = n, g = a, m = R(!0), k = b(() => r.preview && m.value);
+    function C() {
+      m.value = !m.value;
+    }
+    const y = b(() => ({ ...s, ...r.labels }));
+    Re($t, y);
+    const p = He(r.name), I = on(r.name), { isOpen: L, query: c, activeIndex: d, history: h, loadingCommandId: _, close: x, toggle: E, open: B, executeCommand: O, getRecentCommands: F, getPinnedCommands: A, togglePin: z, pinnedIds: H } = I;
+    Re(wt, c), Re(_t, {
+      isPinned: (e) => H.value.includes(e),
+      toggle: (e) => z(e)
+    });
+    const X = R(), ue = R(), ae = R(), W = R(!1), N = R(null), Z = R(-1), Y = R(null), J = R(0), ne = R([]);
+    function $e(e) {
+      return ne.value.includes(e);
+    }
+    function Ce(e) {
+      ne.value = $e(e) ? ne.value.filter((l) => l !== e) : [...ne.value, e];
+    }
+    Re(Ct, b(() => ({
+      selectable: r.selectable,
+      isSelected: $e
+    })));
+    function de(e) {
+      return p.showDisabled || !e.disabled && (e.enabled == null || e.enabled());
+    }
+    const se = b(() => A().filter(de)), le = b(() => {
+      const e = F();
+      let l = e;
+      if (p.maxRecentPerGroup) {
+        const t = {};
+        l = e.filter((o) => {
+          const i = o.group ?? "__none__";
+          return t[i] = (t[i] ?? 0) + 1, t[i] <= p.maxRecentPerGroup;
+        });
+      }
+      if (r.groupRecent) {
+        const t = [], o = /* @__PURE__ */ new Map();
+        for (const i of l) {
+          const U = i.group ?? "";
+          o.has(U) || (o.set(U, []), t.push(U)), o.get(U).push(i);
+        }
+        l = t.flatMap((i) => o.get(i));
+      }
+      return l;
+    }), ge = b(() => {
+      if (!r.groupRecent) return null;
+      const e = [];
+      let l = 0;
+      for (const t of le.value) {
+        const o = t.group ?? "", i = e[e.length - 1];
+        i && i.label === o ? i.commands.push(t) : e.push({ label: o, commands: [t], offset: l }), l++;
+      }
+      return e;
+    }), v = b(() => !r.modes?.length || fe.value ? null : r.modes.find((e) => e.prefix && c.value.startsWith(e.prefix)) ?? null), G = b(() => v.value ? c.value.slice(v.value.prefix.length) : c.value), me = b(() => h.value.length ? p.store.findCommand(h.value[h.value.length - 1].paletteId) ?? null : null), fe = b(() => me.value?.page ?? null), j = b(() => {
+      const e = me.value;
+      return e ? e.page ? (e.page.items ?? []).filter(de) : e.subCommands?.length ? e.subCommands.filter(de) : null : null;
+    }), V = b(
+      () => p.store.getSortedGroups().map((e) => ({
         group: e,
-        items: e.commands.filter((l) => !l.disabled && (l.enabled == null || l.enabled())).map((l) => ({ command: l, score: 0, matches: [], groupId: e.id }))
+        items: e.commands.filter(de).map((l) => ({ command: l, score: 0, matches: [], groupId: e.id }))
       })).filter((e) => e.items.length > 0)
-    ), B = S(() => z.value.flatMap((e) => e.items));
-    function J(e) {
-      return z.value.slice(0, e).reduce((l, o) => l + o.items.length, 0);
+    ), ye = b(() => V.value.flatMap((e) => e.items));
+    function ee(e) {
+      return V.value.slice(0, e).reduce((l, t) => l + t.items.length, 0);
     }
-    const N = L([]);
-    let j = null;
-    me(c, async (e) => {
-      j && clearTimeout(j);
-      const l = n.store.getSortedGroups().filter((o) => o.onSearch);
-      if (!l.length || !e.trim()) {
-        N.value = [];
+    const ve = b(() => se.value.length), Ae = b(() => se.value.length + le.value.length), Oe = b(() => [
+      ...se.value,
+      ...le.value,
+      ...ye.value.map((e) => e.command)
+    ]), Ge = R([]);
+    let Be = null;
+    re(c, async (e) => {
+      Be && clearTimeout(Be);
+      const l = p.store.getSortedGroups().filter((o) => o.onSearch), t = typeof p.globalSearch == "function";
+      if (!l.length && !t || !e.trim()) {
+        Ge.value = [];
         return;
       }
-      j = setTimeout(async () => {
-        K.value = !0;
+      Be = setTimeout(async () => {
+        W.value = !0;
         try {
-          const o = await Promise.all(
-            l.map((i) => i.onSearch(e).then(
-              (f) => f.map((U) => ({ command: U, score: 50, matches: [], groupId: i.id }))
+          const i = (await Promise.all(
+            l.map((U) => U.onSearch(e).then(
+              (Q) => Q.map((Pe) => ({ command: Pe, score: 50, matches: Se(e, Pe.label), groupId: U.id }))
             ))
-          );
-          N.value = o.flat();
+          )).flat();
+          if (p.globalSearch) {
+            const U = await p.globalSearch(e);
+            for (const Q of U)
+              i.find((Pe) => Pe.command.id === Q.id) || i.push({ command: Q, score: 50, matches: Se(e, Q.label), groupId: void 0 });
+          }
+          Ge.value = i;
         } finally {
-          K.value = !1;
+          W.value = !1;
         }
       }, 200);
     });
-    const oe = S(() => n.store.search(c.value)), p = S(() => {
-      const e = P.value;
-      if (e !== null && c.value.trim()) {
-        const o = c.value.toLowerCase();
-        return e.filter(
-          (i) => i.label.toLowerCase().includes(o) || i.description?.toLowerCase().includes(o) || i.keywords?.some((f) => f.toLowerCase().includes(o))
-        ).map((i) => ({ command: i, score: 50, matches: [], groupId: void 0 }));
+    const ze = R([]);
+    let Ne = null;
+    re([c, fe], async ([e, l]) => {
+      if (Ne && clearTimeout(Ne), !l?.onSearch || !e.trim()) {
+        ze.value = [];
+        return;
       }
-      const l = [...oe.value];
-      for (const o of N.value)
-        l.find((i) => i.command.id === o.command.id) || l.push(o);
-      return l.sort((o, i) => i.score - o.score).slice(0, s.maxResults);
-    }), A = S(() => {
-      const e = n.store.getSortedGroups(), l = [];
-      let o = 0;
-      for (let i = 0; i < e.length; i++) {
-        const f = e[i], U = p.value.filter((ne) => ne.groupId === f.id);
-        U.length && (l.push({ group: f, items: U, offset: o, section: i > 0 && l.length > 0 }), o += U.length);
+      Ne = setTimeout(async () => {
+        W.value = !0;
+        try {
+          const t = await l.onSearch(e);
+          ze.value = t.map((o) => ({ command: o, score: 50, matches: Se(e, o.label), groupId: void 0 }));
+        } finally {
+          W.value = !1;
+        }
+      }, 200);
+    });
+    const Ue = R([]);
+    let Ye = null;
+    re([G, v], async ([e, l]) => {
+      if (Ye && clearTimeout(Ye), !l?.onSearch || !e.trim()) {
+        Ue.value = [];
+        return;
       }
-      return l;
-    }), F = S(() => A.value.reduce((e, l) => e + l.items.length, 0)), de = S(() => p.value.filter((e) => !e.groupId)), Ee = S(() => {
+      Ye = setTimeout(async () => {
+        W.value = !0;
+        try {
+          const t = await l.onSearch(e);
+          Ue.value = t.map((o) => ({ command: o, score: 50, matches: Se(e, o.label), groupId: void 0 }));
+        } finally {
+          W.value = !1;
+        }
+      }, 200);
+    });
+    function rt(e, l) {
+      const t = l.toLowerCase();
+      return e.filter(
+        (o) => o.label.toLowerCase().includes(t) || o.description?.toLowerCase().includes(t) || o.keywords?.some((i) => i.toLowerCase().includes(t))
+      ).map((o) => ({ command: o, score: 50, matches: Se(l, o.label), groupId: void 0 }));
+    }
+    const Tt = p.results, be = b(() => {
+      const e = v.value;
+      if (e)
+        return G.value.trim() ? e.onSearch ? Ue.value : p.store.search(G.value).slice(0, r.maxResults) : [];
+      const l = fe.value;
+      if (l)
+        return c.value.trim() ? l.onSearch ? ze.value : rt(l.items ?? [], c.value) : [];
+      const t = j.value;
+      if (t !== null && c.value.trim())
+        return rt(t, c.value);
+      const o = [...Tt.value];
+      for (const i of Ge.value)
+        o.find((U) => U.command.id === i.command.id) || o.push(i);
+      return o.sort(it).slice(0, r.maxResults);
+    }), _e = b(() => {
+      const e = p.store.getSortedGroups().map((t) => {
+        const o = be.value.filter((i) => i.groupId === t.id);
+        return { group: t, items: o, bestIndex: o.length ? be.value.indexOf(o[0]) : 1 / 0 };
+      }).filter((t) => t.items.length > 0).sort((t, o) => t.bestIndex - o.bestIndex);
+      let l = 0;
+      return e.map((t, o) => {
+        const i = { group: t.group, items: t.items, offset: l, section: o > 0 };
+        return l += t.items.length, i;
+      });
+    }), ct = b(() => _e.value.reduce((e, l) => e + l.items.length, 0)), Ve = b(() => be.value.filter((e) => !e.groupId)), Le = b(() => [
+      ..._e.value.flatMap((e) => e.items),
+      ...Ve.value
+    ]), ut = b(() => {
       const e = [];
       let l = 0;
-      for (let o = 0; o < A.value.length; o++) {
-        const { group: i, items: f, section: U } = A.value[o];
-        U && e.push({ type: "section" }), e.push({ type: "group-header", label: i.label });
-        for (const ne of f) e.push({ type: "command", result: ne, index: l++ });
+      for (let t = 0; t < _e.value.length; t++) {
+        const { group: o, items: i, section: U } = _e.value[t];
+        U && e.push({ type: "section" }), e.push({ type: "group-header", label: o.label });
+        for (const Q of i) e.push({ type: "command", result: Q, index: l++ });
       }
-      for (const o of de.value) e.push({ type: "command", result: o, index: l++ });
+      for (const t of Ve.value) e.push({ type: "command", result: t, index: l++ });
       return e;
-    }), Se = S(() => {
-      const e = p.value[a.value];
+    });
+    re(Le, (e) => {
+      p.currentResults.value = e;
+    }, { immediate: !0 });
+    const St = b(
+      () => ut.value.findIndex((e) => e.type === "command" && e.index === d.value)
+    ), xt = b(() => {
+      const e = Le.value[d.value];
       return e ? `vcp-item-${e.command.id}` : void 0;
+    }), he = b(() => {
+      const e = d.value;
+      return c.value.trim() ? Le.value[e]?.command ?? null : j.value ? j.value[e] ?? null : Oe.value[e] ?? null;
+    }), It = b(
+      () => L.value && c.value.trim() ? y.value.resultsCount(be.value.length) : ""
+    );
+    re([he, L], ([e, l]) => {
+      p.onHighlight?.(l ? e : null);
     });
-    function Te(e) {
-      return n.store.getAllCommands().find((l) => l.id === e)?.label ?? e;
+    function At(e) {
+      return p.store.findCommand(e)?.label ?? e;
+    }
+    function dt() {
+      d.value = 0, Z.value = -1;
     }
-    function fe() {
-      a.value = 0;
+    function Lt() {
+      return ae.value ? Array.from(ae.value.querySelectorAll(co)).filter((e) => e.offsetParent !== null || e === document.activeElement) : [];
     }
-    async function _(e) {
+    function Pt(e) {
+      const l = Lt();
+      if (!l.length) {
+        e.preventDefault(), X.value?.focus();
+        return;
+      }
+      const t = l[0], o = l[l.length - 1], i = document.activeElement, U = !!i && !!ae.value?.contains(i);
+      e.shiftKey ? (!U || i === t) && (e.preventDefault(), o.focus()) : (!U || i === o) && (e.preventDefault(), t.focus());
+    }
+    async function oe(e) {
+      if (r.selectable) {
+        Ce(e.id);
+        return;
+      }
       if (e.confirm) {
-        x.value = e;
+        L.value || B(), N.value = e;
         return;
       }
-      await I(e);
+      (e.subCommands?.length || e.page) && !L.value && B(), await O(e);
+    }
+    async function mt() {
+      if (!N.value) return;
+      const e = N.value;
+      N.value = null, await O(e);
+    }
+    function Rt() {
+      if (!ne.value.length) return;
+      const e = p.store.getAllCommands(), l = ne.value.map((t) => e.find((o) => o.id === t)).filter((t) => !!t);
+      g("submit-selection", l), ne.value = [], x();
+    }
+    function Dt(e) {
+      e.actions?.length && (Y.value = e, J.value = 0);
+    }
+    function qe() {
+      Y.value = null, xe(() => X.value?.focus());
+    }
+    async function Fe(e) {
+      const l = Y.value;
+      Y.value = null, x();
+      try {
+        await e.perform();
+      } catch (t) {
+        p.onError && l ? p.onError(t, l) : console.error("[@macrulez/vue-command-palette] Action error:", t);
+      }
+    }
+    Gt(() => {
+      p.executeRequest.value = oe;
+    }), lt(() => {
+      p.executeRequest.value === oe && (p.executeRequest.value = null);
+    });
+    function Mt(e, l) {
+      if (!l.length) return !1;
+      const t = l[l.length - 1].toLowerCase(), o = l.slice(0, -1);
+      return (o.includes("$mod") || o.includes("ctrl") || o.includes("meta")) !== (e.metaKey || e.ctrlKey) || o.includes("shift") !== e.shiftKey || o.includes("alt") !== e.altKey ? !1 : e.key.toLowerCase() === t;
+    }
+    let ft = 0, vt = 0;
+    function Kt(e) {
+      const l = e.changedTouches[0];
+      ft = l.clientX, vt = l.clientY;
     }
-    async function ve() {
-      if (!x.value) return;
-      const e = x.value;
-      x.value = null, await I(e);
+    function Ht(e) {
+      const l = e.changedTouches[0], t = l.clientX - ft, o = l.clientY - vt;
+      t > 70 && Math.abs(o) < 50 && h.value.length && je();
     }
-    function he() {
-      ye(() => {
-        O.value?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" });
+    function Je() {
+      xe(() => {
+        const e = ue.value?.querySelector('[aria-selected="true"]');
+        e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
       });
     }
-    function Re(e) {
-      if (x.value) {
-        e.key === "Escape" && (e.preventDefault(), x.value = null), e.key === "Enter" && (e.preventDefault(), ve());
+    function je() {
+      I.goBack(), Je();
+    }
+    function Ot(e) {
+      if (N.value) {
+        e.key === "Escape" && (e.preventDefault(), N.value = null), e.key === "Enter" && (e.preventDefault(), mt());
+        return;
+      }
+      if (Y.value) {
+        const t = Y.value.actions ?? [];
+        if (e.key === "Escape" || e.key === "Tab" || e.key === "Backspace")
+          e.preventDefault(), qe();
+        else if (e.key === "ArrowDown")
+          e.preventDefault(), t.length && (J.value = (J.value + 1) % t.length);
+        else if (e.key === "ArrowUp")
+          e.preventDefault(), t.length && (J.value = (J.value - 1 + t.length) % t.length);
+        else if (e.key === "Enter") {
+          e.preventDefault();
+          const o = t[J.value];
+          o && Fe(o);
+        }
+        return;
+      }
+      if (r.preview && Mt(e, r.previewHotkey)) {
+        e.preventDefault(), C();
+        return;
+      }
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "p") {
+        e.preventDefault(), he.value && z(he.value.id);
+        return;
+      }
+      if (r.selectable && (e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault(), Rt();
         return;
       }
-      const l = p.value.length || (c.value.trim() ? 0 : P.value ? P.value.length : D.value.length + B.value.length);
+      if (e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown")) {
+        const t = p.queryHistory.value;
+        if (!t.length) return;
+        e.preventDefault(), Z.value = e.key === "ArrowUp" ? Math.min(Z.value + 1, t.length - 1) : Math.max(Z.value - 1, -1), c.value = Z.value >= 0 ? t[Z.value] : "", d.value = 0;
+        return;
+      }
+      const l = be.value.length || (c.value.trim() ? 0 : j.value ? j.value.length : Oe.value.length);
       if (e.key === "ArrowDown")
-        e.preventDefault(), l && (a.value = (a.value + 1) % l), he();
+        e.preventDefault(), l && (d.value = (d.value + 1) % l), Je();
       else if (e.key === "ArrowUp")
-        e.preventDefault(), l && (a.value = (a.value - 1 + l) % l), he();
+        e.preventDefault(), l && (d.value = (d.value - 1 + l) % l), Je();
       else if (e.key === "Enter")
         if (e.preventDefault(), c.value.trim()) {
-          const o = p.value[a.value];
-          o?.command && _(o.command);
+          const t = Le.value[d.value];
+          t?.command && oe(t.command);
         } else {
-          const o = a.value;
-          let i;
-          P.value ? i = P.value[o] : i = o < D.value.length ? D.value[o] : B.value[o - D.value.length]?.command, i && _(i);
+          const t = d.value, o = j.value ? j.value[t] : Oe.value[t];
+          o && oe(o);
         }
-      else e.key === "Escape" ? (e.preventDefault(), v.value.length ? r.goBack() : b()) : e.key === "Backspace" && !c.value ? (e.preventDefault(), r.goBack()) : e.key === "Tab" && (e.preventDefault(), G.value?.focus());
+      else e.key === "Escape" ? (e.preventDefault(), h.value.length ? je() : x()) : e.key === "Backspace" && !c.value ? (e.preventDefault(), je()) : e.key === "Tab" && (!e.shiftKey && he.value?.actions?.length ? (e.preventDefault(), Dt(he.value)) : Pt(e));
     }
-    return me(m, async (e) => {
-      typeof document > "u" || (e ? (a.value = 0, document.body.style.overflow = "hidden", await ye(), G.value?.focus()) : (document.body.style.overflow = "", x.value = null));
-    }), (e, l) => (u(), h(T, null, [
-      y(e.$slots, "trigger", {
-        open: k(g),
-        toggle: k(w)
+    let Qe = null;
+    return re(L, async (e) => {
+      typeof document > "u" || (e ? (Qe = document.activeElement, d.value = 0, document.body.style.overflow = "hidden", await xe(), X.value?.focus()) : (document.body.style.overflow = "", N.value = null, Y.value = null, Z.value = -1, ne.value = [], Qe?.focus?.(), Qe = null));
+    }), re([N, Y], async () => {
+      L.value && (await xe(), N.value || Y.value ? ae.value?.focus() : X.value?.focus());
+    }), (e, l) => (u(), f(P, null, [
+      $(e.$slots, "trigger", {
+        open: T(B),
+        toggle: T(E)
       }),
-      (u(), V(xe, { to: t.teleportTo }, [
-        ie(Ae, { name: "vcp-fade" }, {
-          default: C(() => [
-            k(m) ? (u(), h("div", {
+      (u(), te(Bt, { to: n.teleportTo }, [
+        We(zt, { name: "vcp-fade" }, {
+          default: S(() => [
+            T(L) ? (u(), f("div", {
               key: 0,
-              class: Q(["vcp-overlay", k(n).colorTheme.value !== "system" ? `vcp-theme-${k(n).colorTheme.value}` : ""]),
+              class: ie(["vcp-overlay", T(p).colorTheme.value !== "system" ? `vcp-theme-${T(p).colorTheme.value}` : ""]),
               role: "presentation",
-              onClick: l[6] || (l[6] = Le(
+              onClick: l[6] || (l[6] = kt(
                 //@ts-ignore
-                (...o) => k(b) && k(b)(...o),
+                (...t) => T(x) && T(x)(...t),
                 ["self"]
               ))
             }, [
-              R("div", {
-                class: Q(["vcp-dialog", `vcp-dialog--${t.theme}`]),
+              w("div", {
+                ref_key: "dialogEl",
+                ref: ae,
+                class: ie(["vcp-dialog", [`vcp-dialog--${n.theme}`, { "vcp-dialog--preview": k.value }]]),
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-label": "Command palette",
-                onKeydown: Re
+                tabindex: "-1",
+                "aria-label": y.value.dialogLabel,
+                onKeydown: Ot,
+                onTouchstartPassive: Kt,
+                onTouchendPassive: Ht
               }, [
-                k(v).length ? (u(), h("div", ot, [
-                  (u(!0), h(T, null, H(k(v), (o, i) => (u(), h("span", {
-                    key: o.paletteId,
+                T(h).length ? (u(), f("div", $n, [
+                  (u(!0), f(P, null, q(T(h), (t, o) => (u(), f("span", {
+                    key: t.paletteId,
                     class: "vcp-breadcrumb__item"
                   }, [
-                    i > 0 ? (u(), h("span", nt, "›")) : M("", !0),
-                    ue(" " + q(Te(o.paletteId)), 1)
+                    o > 0 ? (u(), f("span", Cn, "›")) : M("", !0),
+                    we(" " + K(At(t.paletteId)), 1)
                   ]))), 128)),
-                  l[7] || (l[7] = R("span", {
+                  l[7] || (l[7] = w("span", {
                     class: "vcp-breadcrumb__sep",
                     "aria-hidden": "true"
                   }, "›", -1))
                 ])) : M("", !0),
-                x.value ? (u(), h("div", at, [
-                  R("p", st, q(x.value.confirm), 1),
-                  R("div", it, [
-                    R("button", {
+                N.value ? (u(), f("div", wn, [
+                  w("p", _n, K(N.value.confirm), 1),
+                  w("div", En, [
+                    w("button", {
                       class: "vcp-confirm__btn vcp-confirm__btn--yes",
-                      onClick: ve
-                    }, " Yes, proceed "),
-                    R("button", {
+                      onClick: mt
+                    }, K(y.value.confirmYes), 1),
+                    w("button", {
                       class: "vcp-confirm__btn vcp-confirm__btn--no",
-                      onClick: l[0] || (l[0] = (o) => x.value = null)
-                    }, " Cancel ")
+                      onClick: l[0] || (l[0] = (t) => N.value = null)
+                    }, K(y.value.confirmCancel), 1)
                   ])
-                ])) : (u(), h(T, { key: 2 }, [
-                  y(e.$slots, "header"),
-                  R("div", rt, [
-                    y(e.$slots, "input", {
-                      query: k(c),
-                      onInput: fe
+                ])) : Y.value ? $(e.$slots, "actions", {
+                  key: 2,
+                  command: Y.value,
+                  run: Fe,
+                  activeIndex: J.value,
+                  close: qe
+                }, () => [
+                  w("div", Tn, [
+                    w("div", Sn, [
+                      w("button", {
+                        class: "vcp-actions__back",
+                        type: "button",
+                        title: y.value.back,
+                        onClick: qe
+                      }, "‹", 8, xn),
+                      w("span", In, K(y.value.actions) + " — " + K(Y.value.label), 1),
+                      w("span", An, [
+                        l[8] || (l[8] = w("kbd", { class: "vcp-kbd" }, "Esc", -1)),
+                        we(" " + K(y.value.back), 1)
+                      ])
+                    ]),
+                    (u(!0), f(P, null, q(Y.value.actions, (t, o) => (u(), f("div", {
+                      key: t.id,
+                      class: ie(["vcp-item", { "vcp-item--active": o === J.value }]),
+                      role: "option",
+                      "aria-selected": o === J.value,
+                      onClick: (i) => Fe(t),
+                      onMouseenter: (i) => J.value = o
+                    }, [
+                      t.icon ? (u(), f("span", Pn, [
+                        (u(), te(De(typeof t.icon == "string" ? "span" : t.icon), null, {
+                          default: S(() => [
+                            we(K(typeof t.icon == "string" ? t.icon : ""), 1)
+                          ]),
+                          _: 2
+                        }, 1024))
+                      ])) : M("", !0),
+                      w("span", Rn, [
+                        w("span", Dn, K(t.label), 1)
+                      ]),
+                      t.shortcut?.length ? (u(), f("span", Mn, [
+                        (u(!0), f(P, null, q(t.shortcut, (i) => (u(), f("kbd", {
+                          key: i,
+                          class: "vcp-kbd"
+                        }, K(i), 1))), 128))
+                      ])) : M("", !0)
+                    ], 42, Ln))), 128))
+                  ])
+                ]) : (u(), f(P, { key: 3 }, [
+                  $(e.$slots, "header"),
+                  w("div", Kn, [
+                    v.value ? (u(), f("span", Hn, K(v.value.label || v.value.prefix), 1)) : M("", !0),
+                    $(e.$slots, "input", {
+                      query: T(c),
+                      onInput: dt
                     }, () => [
-                      $e(R("input", {
-                        id: Ct,
+                      pt(w("input", {
+                        id: ro,
                         ref_key: "inputEl",
-                        ref: G,
-                        "onUpdate:modelValue": l[1] || (l[1] = (o) => De(c) ? c.value = o : null),
+                        ref: X,
+                        "onUpdate:modelValue": l[1] || (l[1] = (t) => Nt(c) ? c.value = t : null),
                         class: "vcp-input",
                         type: "text",
                         autocomplete: "off",
                         spellcheck: "false",
-                        placeholder: t.placeholder,
+                        placeholder: v.value?.placeholder || fe.value?.placeholder || n.placeholder,
                         role: "combobox",
                         "aria-expanded": "true",
-                        "aria-controls": we,
-                        "aria-activedescendant": Se.value,
-                        onInput: fe
-                      }, null, 40, lt), [
-                        [Ge, k(c)]
+                        "aria-controls": bt,
+                        "aria-activedescendant": xt.value,
+                        onInput: dt
+                      }, null, 40, On), [
+                        [Ut, T(c)]
                       ])
                     ]),
-                    R("div", ct, [
-                      (u(), h(T, null, H(["light", "system", "dark"], (o) => R("button", {
-                        key: o,
-                        class: Q(["vcp-theme-btn", { "vcp-theme-btn--active": k(n).colorTheme.value === o }]),
-                        title: o === "light" ? "Light theme" : o === "dark" ? "Dark theme" : "System theme",
+                    W.value ? (u(), f("span", {
+                      key: 1,
+                      class: "vcp-input-spinner",
+                      role: "status",
+                      "aria-label": y.value.loading
+                    }, null, 8, Gn)) : M("", !0),
+                    w("div", Bn, [
+                      (u(), f(P, null, q(["light", "system", "dark"], (t) => w("button", {
+                        key: t,
+                        class: ie(["vcp-theme-btn", { "vcp-theme-btn--active": T(p).colorTheme.value === t }]),
+                        title: t === "light" ? y.value.themeLight : t === "dark" ? y.value.themeDark : y.value.themeSystem,
                         type: "button",
-                        onClick: (i) => k(n).colorTheme.value = o
+                        onClick: (o) => T(p).colorTheme.value = t
                       }, [
-                        R("span", {
-                          class: Q(["vcp-theme-icon", `vcp-theme-icon--${o}`]),
+                        w("span", {
+                          class: ie(["vcp-theme-icon", `vcp-theme-icon--${t}`]),
                           "aria-hidden": "true"
                         }, null, 2)
-                      ], 10, ut)), 64))
-                    ])
-                  ]),
-                  $e(R("div", {
-                    id: we,
-                    ref_key: "listEl",
-                    ref: O,
-                    class: "vcp-list",
-                    role: "listbox",
-                    "aria-label": t.placeholder
-                  }, [
-                    K.value ? (u(), h("div", dt, q(t.loadingText), 1)) : k(c).trim() ? p.value.length > $t ? (u(), V(tt, {
+                      ], 10, zn)), 64))
+                    ]),
+                    n.preview ? (u(), f("button", {
                       key: 2,
-                      items: Ee.value,
-                      "item-height": kt,
-                      "container-height": bt
-                    }, {
-                      default: C(({ item: o }) => [
-                        o.type === "group-header" ? (u(), h("div", ht, q(o.label), 1)) : o.type === "section" ? (u(), h("div", pt)) : (u(), V(X, {
-                          key: 2,
-                          command: o.result.command,
-                          active: o.index === k(a),
-                          matches: o.result.matches,
-                          "item-id": `vcp-item-${o.result.command.id}`,
-                          "loading-command-id": k(d),
-                          onExecute: (i) => _(o.result.command),
-                          onActivate: (i) => a.value = o.index
-                        }, Y({ _: 2 }, [
-                          e.$slots["item-icon"] ? {
-                            name: "item-icon",
-                            fn: C((i) => [
-                              y(e.$slots, "item-icon", re(le(i)))
-                            ]),
-                            key: "0"
-                          } : void 0,
-                          e.$slots["item-shortcut"] ? {
-                            name: "item-shortcut",
-                            fn: C((i) => [
-                              y(e.$slots, "item-shortcut", re(le(i)))
-                            ]),
-                            key: "1"
-                          } : void 0,
-                          e.$slots.item ? {
-                            name: "default",
-                            fn: C((i) => [
-                              y(e.$slots, "item", re(le(i)))
-                            ]),
-                            key: "2"
-                          } : void 0
-                        ]), 1032, ["command", "active", "matches", "item-id", "loading-command-id", "onExecute", "onActivate"]))
-                      ]),
-                      _: 3
-                    }, 8, ["items"])) : p.value.length ? (u(), h(T, { key: 3 }, [
-                      (u(!0), h(T, null, H(A.value, (o) => (u(), h(T, {
-                        key: o.group.id
+                      class: ie(["vcp-preview-toggle", { "vcp-preview-toggle--active": k.value }]),
+                      type: "button",
+                      title: y.value.togglePreview,
+                      "aria-label": y.value.togglePreview,
+                      "aria-pressed": k.value,
+                      onClick: C
+                    }, [...l[9] || (l[9] = [
+                      w("svg", {
+                        viewBox: "0 0 16 16",
+                        width: "15",
+                        height: "15",
+                        "aria-hidden": "true",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "1.5"
                       }, [
-                        o.section ? (u(), h("div", gt)) : M("", !0),
-                        ie(Ce, {
-                          group: o.group,
-                          items: o.items,
-                          "active-index": k(a),
-                          "global-offset": o.offset,
-                          "loading-command-id": k(d),
-                          onExecute: l[4] || (l[4] = (i) => _(i)),
-                          onActivate: l[5] || (l[5] = (i) => a.value = i)
-                        }, Y({ _: 2 }, [
-                          e.$slots["group-header"] ? {
-                            name: "group-header",
-                            fn: C((i) => [
-                              y(e.$slots, "group-header", E({ ref_for: !0 }, i))
-                            ]),
-                            key: "0"
-                          } : void 0,
-                          e.$slots["item-icon"] ? {
-                            name: "item-icon",
-                            fn: C((i) => [
-                              y(e.$slots, "item-icon", E({ ref_for: !0 }, i))
-                            ]),
-                            key: "1"
-                          } : void 0,
-                          e.$slots["item-shortcut"] ? {
-                            name: "item-shortcut",
-                            fn: C((i) => [
-                              y(e.$slots, "item-shortcut", E({ ref_for: !0 }, i))
-                            ]),
-                            key: "2"
-                          } : void 0,
-                          e.$slots.item ? {
-                            name: "item",
-                            fn: C((i) => [
-                              y(e.$slots, "item", E({ ref_for: !0 }, i))
-                            ]),
-                            key: "3"
-                          } : void 0
-                        ]), 1032, ["group", "items", "active-index", "global-offset", "loading-command-id"])
-                      ], 64))), 128)),
-                      (u(!0), h(T, null, H(de.value, (o, i) => (u(), V(X, {
-                        key: o.command.id,
-                        command: o.command,
-                        active: F.value + i === k(a),
-                        matches: o.matches,
-                        "item-id": `vcp-item-${o.command.id}`,
-                        "loading-command-id": k(d),
-                        onExecute: (f) => _(o.command),
-                        onActivate: (f) => a.value = F.value + i
-                      }, Y({ _: 2 }, [
-                        e.$slots["item-icon"] ? {
-                          name: "item-icon",
-                          fn: C((f) => [
-                            y(e.$slots, "item-icon", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "0"
-                        } : void 0,
-                        e.$slots["item-shortcut"] ? {
-                          name: "item-shortcut",
-                          fn: C((f) => [
-                            y(e.$slots, "item-shortcut", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "1"
-                        } : void 0,
-                        e.$slots.item ? {
-                          name: "default",
-                          fn: C((f) => [
-                            y(e.$slots, "item", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "2"
-                        } : void 0
-                      ]), 1032, ["command", "active", "matches", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128))
-                    ], 64)) : k(c).trim() ? (u(), h("div", yt, [
-                      y(e.$slots, "empty", { query: k(c) }, () => [
-                        ue(q(t.emptyText), 1)
-                      ])
-                    ])) : M("", !0) : (u(), h(T, { key: 1 }, [
-                      P.value ? (u(!0), h(T, { key: 0 }, H(P.value, (o, i) => (u(), V(X, {
-                        key: o.id,
-                        command: o,
-                        active: i === k(a),
-                        matches: [],
-                        "item-id": `vcp-item-sub-${o.id}`,
-                        "loading-command-id": k(d),
-                        onExecute: (f) => _(o),
-                        onActivate: (f) => a.value = i
-                      }, Y({ _: 2 }, [
-                        e.$slots["item-icon"] ? {
-                          name: "item-icon",
-                          fn: C((f) => [
-                            y(e.$slots, "item-icon", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "0"
-                        } : void 0,
-                        e.$slots["item-shortcut"] ? {
-                          name: "item-shortcut",
-                          fn: C((f) => [
-                            y(e.$slots, "item-shortcut", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "1"
-                        } : void 0,
-                        e.$slots.item ? {
-                          name: "default",
-                          fn: C((f) => [
-                            y(e.$slots, "item", E({ ref_for: !0 }, f))
-                          ]),
-                          key: "2"
-                        } : void 0
-                      ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128)) : (u(), h(T, { key: 1 }, [
-                        D.value.length ? (u(), h(T, { key: 0 }, [
-                          l[8] || (l[8] = R("div", {
-                            class: "vcp-group__header",
-                            "aria-hidden": "true"
-                          }, "Recent", -1)),
-                          (u(!0), h(T, null, H(D.value, (o, i) => (u(), V(X, {
-                            key: o.id,
-                            command: o,
-                            active: i === k(a),
-                            matches: [],
-                            "item-id": `vcp-item-recent-${o.id}`,
-                            "loading-command-id": k(d),
-                            onExecute: (f) => _(o),
-                            onActivate: (f) => a.value = i
-                          }, Y({ _: 2 }, [
+                        w("rect", {
+                          x: "1.5",
+                          y: "2.5",
+                          width: "13",
+                          height: "11",
+                          rx: "1.5"
+                        }),
+                        w("line", {
+                          x1: "10",
+                          y1: "2.5",
+                          x2: "10",
+                          y2: "13.5"
+                        })
+                      ], -1)
+                    ])], 10, Nn)) : M("", !0)
+                  ]),
+                  w("div", {
+                    class: ie(["vcp-body", { "vcp-body--with-preview": n.preview }])
+                  }, [
+                    pt(w("div", {
+                      id: bt,
+                      ref_key: "listEl",
+                      ref: ue,
+                      class: "vcp-list",
+                      role: "listbox",
+                      "aria-label": n.placeholder
+                    }, [
+                      T(c).trim() ? be.value.length > so ? (u(), te(bn, {
+                        key: 1,
+                        items: ut.value,
+                        "item-height": lo,
+                        "container-height": io,
+                        "active-index": St.value
+                      }, {
+                        default: S(({ item: t }) => [
+                          t.type === "group-header" ? (u(), f("div", Qn, K(t.label), 1)) : t.type === "section" ? (u(), f("div", Wn)) : (u(), te(ke, {
+                            key: 2,
+                            command: t.result.command,
+                            active: t.index === T(d),
+                            matches: t.result.matches,
+                            parents: t.result.parents,
+                            "matched-text": t.result.matchedText,
+                            "item-id": `vcp-item-${t.result.command.id}`,
+                            "loading-command-id": T(_),
+                            onExecute: (o) => oe(t.result.command),
+                            onActivate: (o) => d.value = t.index
+                          }, ce({ _: 2 }, [
                             e.$slots["item-icon"] ? {
                               name: "item-icon",
-                              fn: C((f) => [
-                                y(e.$slots, "item-icon", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item-icon", Xe(Ze(o)))
                               ]),
                               key: "0"
                             } : void 0,
                             e.$slots["item-shortcut"] ? {
                               name: "item-shortcut",
-                              fn: C((f) => [
-                                y(e.$slots, "item-shortcut", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item-shortcut", Xe(Ze(o)))
                               ]),
                               key: "1"
                             } : void 0,
                             e.$slots.item ? {
                               name: "default",
-                              fn: C((f) => [
-                                y(e.$slots, "item", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item", Xe(Ze(o)))
                               ]),
                               key: "2"
                             } : void 0
-                          ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128)),
-                          z.value.length ? (u(), h("div", ft)) : M("", !0)
-                        ], 64)) : M("", !0),
-                        (u(!0), h(T, null, H(z.value, (o, i) => (u(), h(T, {
-                          key: o.group.id
+                          ]), 1032, ["command", "active", "matches", "parents", "matched-text", "item-id", "loading-command-id", "onExecute", "onActivate"]))
+                        ]),
+                        _: 3
+                      }, 8, ["items", "active-index"])) : be.value.length ? (u(), f(P, { key: 2 }, [
+                        (u(!0), f(P, null, q(_e.value, (t) => (u(), f(P, {
+                          key: t.group.id
                         }, [
-                          i > 0 ? (u(), h("div", vt)) : M("", !0),
-                          ie(Ce, {
-                            group: o.group,
-                            items: o.items,
-                            "active-index": k(a),
-                            "global-offset": D.value.length + J(i),
-                            "loading-command-id": k(d),
-                            onExecute: l[2] || (l[2] = (f) => _(f)),
-                            onActivate: l[3] || (l[3] = (f) => a.value = f)
-                          }, Y({ _: 2 }, [
+                          t.section ? (u(), f("div", Xn)) : M("", !0),
+                          We(yt, {
+                            group: t.group,
+                            items: t.items,
+                            "active-index": T(d),
+                            "global-offset": t.offset,
+                            "loading-command-id": T(_),
+                            onExecute: l[4] || (l[4] = (o) => oe(o)),
+                            onActivate: l[5] || (l[5] = (o) => d.value = o)
+                          }, ce({ _: 2 }, [
                             e.$slots["group-header"] ? {
                               name: "group-header",
-                              fn: C((f) => [
-                                y(e.$slots, "group-header", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "group-header", D({ ref_for: !0 }, o))
                               ]),
                               key: "0"
                             } : void 0,
                             e.$slots["item-icon"] ? {
                               name: "item-icon",
-                              fn: C((f) => [
-                                y(e.$slots, "item-icon", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item-icon", D({ ref_for: !0 }, o))
                               ]),
                               key: "1"
                             } : void 0,
                             e.$slots["item-shortcut"] ? {
                               name: "item-shortcut",
-                              fn: C((f) => [
-                                y(e.$slots, "item-shortcut", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item-shortcut", D({ ref_for: !0 }, o))
                               ]),
                               key: "2"
                             } : void 0,
                             e.$slots.item ? {
                               name: "item",
-                              fn: C((f) => [
-                                y(e.$slots, "item", E({ ref_for: !0 }, f))
+                              fn: S((o) => [
+                                $(e.$slots, "item", D({ ref_for: !0 }, o))
                               ]),
                               key: "3"
                             } : void 0
                           ]), 1032, ["group", "items", "active-index", "global-offset", "loading-command-id"])
-                        ], 64))), 128))
+                        ], 64))), 128)),
+                        (u(!0), f(P, null, q(Ve.value, (t, o) => (u(), te(ke, {
+                          key: t.command.id,
+                          command: t.command,
+                          active: ct.value + o === T(d),
+                          matches: t.matches,
+                          parents: t.parents,
+                          "matched-text": t.matchedText,
+                          "item-id": `vcp-item-${t.command.id}`,
+                          "loading-command-id": T(_),
+                          onExecute: (i) => oe(t.command),
+                          onActivate: (i) => d.value = ct.value + o
+                        }, ce({ _: 2 }, [
+                          e.$slots["item-icon"] ? {
+                            name: "item-icon",
+                            fn: S((i) => [
+                              $(e.$slots, "item-icon", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "0"
+                          } : void 0,
+                          e.$slots["item-shortcut"] ? {
+                            name: "item-shortcut",
+                            fn: S((i) => [
+                              $(e.$slots, "item-shortcut", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "1"
+                          } : void 0,
+                          e.$slots.item ? {
+                            name: "default",
+                            fn: S((i) => [
+                              $(e.$slots, "item", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "2"
+                          } : void 0
+                        ]), 1032, ["command", "active", "matches", "parents", "matched-text", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128))
+                      ], 64)) : W.value ? (u(), f("div", Zn, K(n.loadingText), 1)) : T(c).trim() ? (u(), f("div", eo, [
+                        $(e.$slots, "empty", { query: T(c) }, () => [
+                          we(K(n.emptyText), 1)
+                        ])
+                      ])) : M("", !0) : (u(), f(P, { key: 0 }, [
+                        j.value ? (u(!0), f(P, { key: 0 }, q(j.value, (t, o) => (u(), te(ke, {
+                          key: t.id,
+                          command: t,
+                          active: o === T(d),
+                          matches: [],
+                          "item-id": `vcp-item-sub-${t.id}`,
+                          "loading-command-id": T(_),
+                          onExecute: (i) => oe(t),
+                          onActivate: (i) => d.value = o
+                        }, ce({ _: 2 }, [
+                          e.$slots["item-icon"] ? {
+                            name: "item-icon",
+                            fn: S((i) => [
+                              $(e.$slots, "item-icon", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "0"
+                          } : void 0,
+                          e.$slots["item-shortcut"] ? {
+                            name: "item-shortcut",
+                            fn: S((i) => [
+                              $(e.$slots, "item-shortcut", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "1"
+                          } : void 0,
+                          e.$slots.item ? {
+                            name: "default",
+                            fn: S((i) => [
+                              $(e.$slots, "item", D({ ref_for: !0 }, i))
+                            ]),
+                            key: "2"
+                          } : void 0
+                        ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128)) : (u(), f(P, { key: 1 }, [
+                          se.value.length ? (u(), f(P, { key: 0 }, [
+                            w("div", Yn, K(y.value.pinned), 1),
+                            (u(!0), f(P, null, q(se.value, (t, o) => (u(), te(ke, {
+                              key: t.id,
+                              command: t,
+                              active: o === T(d),
+                              matches: [],
+                              "item-id": `vcp-item-pinned-${t.id}`,
+                              "loading-command-id": T(_),
+                              "always-show-pin": "",
+                              onExecute: (i) => oe(t),
+                              onActivate: (i) => d.value = o
+                            }, ce({ _: 2 }, [
+                              e.$slots["item-icon"] ? {
+                                name: "item-icon",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-icon", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "0"
+                              } : void 0,
+                              e.$slots["item-shortcut"] ? {
+                                name: "item-shortcut",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-shortcut", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "1"
+                              } : void 0,
+                              e.$slots.item ? {
+                                name: "default",
+                                fn: S((i) => [
+                                  $(e.$slots, "item", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "2"
+                              } : void 0
+                            ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128)),
+                            le.value.length || V.value.length ? (u(), f("div", Vn)) : M("", !0)
+                          ], 64)) : M("", !0),
+                          le.value.length ? (u(), f(P, { key: 1 }, [
+                            w("div", qn, K(y.value.recent), 1),
+                            ge.value ? (u(!0), f(P, { key: 0 }, q(ge.value, (t, o) => (u(), f(P, {
+                              key: `vcp-recsec-${o}`
+                            }, [
+                              t.label ? (u(), f("div", Fn, K(t.label), 1)) : M("", !0),
+                              (u(!0), f(P, null, q(t.commands, (i, U) => (u(), te(ke, {
+                                key: i.id,
+                                command: i,
+                                active: ve.value + t.offset + U === T(d),
+                                matches: [],
+                                "item-id": `vcp-item-recent-${i.id}`,
+                                "loading-command-id": T(_),
+                                onExecute: (Q) => oe(i),
+                                onActivate: (Q) => d.value = ve.value + t.offset + U
+                              }, ce({ _: 2 }, [
+                                e.$slots["item-icon"] ? {
+                                  name: "item-icon",
+                                  fn: S((Q) => [
+                                    $(e.$slots, "item-icon", D({ ref_for: !0 }, Q))
+                                  ]),
+                                  key: "0"
+                                } : void 0,
+                                e.$slots["item-shortcut"] ? {
+                                  name: "item-shortcut",
+                                  fn: S((Q) => [
+                                    $(e.$slots, "item-shortcut", D({ ref_for: !0 }, Q))
+                                  ]),
+                                  key: "1"
+                                } : void 0,
+                                e.$slots.item ? {
+                                  name: "default",
+                                  fn: S((Q) => [
+                                    $(e.$slots, "item", D({ ref_for: !0 }, Q))
+                                  ]),
+                                  key: "2"
+                                } : void 0
+                              ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128))
+                            ], 64))), 128)) : (u(!0), f(P, { key: 1 }, q(le.value, (t, o) => (u(), te(ke, {
+                              key: t.id,
+                              command: t,
+                              active: ve.value + o === T(d),
+                              matches: [],
+                              "item-id": `vcp-item-recent-${t.id}`,
+                              "loading-command-id": T(_),
+                              onExecute: (i) => oe(t),
+                              onActivate: (i) => d.value = ve.value + o
+                            }, ce({ _: 2 }, [
+                              e.$slots["item-icon"] ? {
+                                name: "item-icon",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-icon", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "0"
+                              } : void 0,
+                              e.$slots["item-shortcut"] ? {
+                                name: "item-shortcut",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-shortcut", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "1"
+                              } : void 0,
+                              e.$slots.item ? {
+                                name: "default",
+                                fn: S((i) => [
+                                  $(e.$slots, "item", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "2"
+                              } : void 0
+                            ]), 1032, ["command", "active", "item-id", "loading-command-id", "onExecute", "onActivate"]))), 128)),
+                            V.value.length ? (u(), f("div", Jn)) : M("", !0)
+                          ], 64)) : M("", !0),
+                          (u(!0), f(P, null, q(V.value, (t, o) => (u(), f(P, {
+                            key: t.group.id
+                          }, [
+                            o > 0 ? (u(), f("div", jn)) : M("", !0),
+                            We(yt, {
+                              group: t.group,
+                              items: t.items,
+                              "active-index": T(d),
+                              "global-offset": Ae.value + ee(o),
+                              "loading-command-id": T(_),
+                              onExecute: l[2] || (l[2] = (i) => oe(i)),
+                              onActivate: l[3] || (l[3] = (i) => d.value = i)
+                            }, ce({ _: 2 }, [
+                              e.$slots["group-header"] ? {
+                                name: "group-header",
+                                fn: S((i) => [
+                                  $(e.$slots, "group-header", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "0"
+                              } : void 0,
+                              e.$slots["item-icon"] ? {
+                                name: "item-icon",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-icon", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "1"
+                              } : void 0,
+                              e.$slots["item-shortcut"] ? {
+                                name: "item-shortcut",
+                                fn: S((i) => [
+                                  $(e.$slots, "item-shortcut", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "2"
+                              } : void 0,
+                              e.$slots.item ? {
+                                name: "item",
+                                fn: S((i) => [
+                                  $(e.$slots, "item", D({ ref_for: !0 }, i))
+                                ]),
+                                key: "3"
+                              } : void 0
+                            ]), 1032, ["group", "items", "active-index", "global-offset", "loading-command-id"])
+                          ], 64))), 128))
+                        ], 64))
                       ], 64))
-                    ], 64))
-                  ], 8, mt), [
-                    [Ke, K.value || P.value != null || D.value.length || k(c).trim() || B.value.length]
-                  ]),
-                  y(e.$slots, "footer")
+                    ], 8, Un), [
+                      [Yt, W.value || j.value != null || se.value.length || le.value.length || T(c).trim() || ye.value.length]
+                    ]),
+                    n.preview ? (u(), f("aside", {
+                      key: 0,
+                      class: ie(["vcp-preview", { "vcp-preview--collapsed": !m.value }]),
+                      "aria-hidden": !m.value
+                    }, [
+                      w("div", no, [
+                        $(e.$slots, "preview", { command: he.value }),
+                        he.value?.info ? (u(), f("div", {
+                          key: 0,
+                          class: "vcp-preview__info",
+                          innerHTML: he.value.info
+                        }, null, 8, oo)) : M("", !0)
+                      ])
+                    ], 10, to)) : M("", !0)
+                  ], 2),
+                  $(e.$slots, "footer"),
+                  w("div", ao, K(It.value), 1)
                 ], 64))
-              ], 34)
+              ], 42, kn)
             ], 2)) : M("", !0)
           ]),
           _: 3
@@ -1020,16 +1760,20 @@ const Ye = ["id", "aria-selected", "aria-disabled"], Fe = {
   }
 });
 export {
-  Ce as CommandGroup,
-  X as CommandItem,
-  Tt as CommandPalette,
-  It as VCommandPalettePlugin,
-  tt as VirtualList,
-  He as createCommandStore,
-  _e as createKeyboardManager,
-  Me as fuzzySearch,
-  Oe as highlightMatches,
-  Ue as useCommandPalette,
-  Et as useRegisterCommands,
-  St as useRegisterGroup
+  yt as CommandGroup,
+  ke as CommandItem,
+  po as CommandPalette,
+  mo as VCommandPalettePlugin,
+  bn as VirtualList,
+  fo as createCommandPalette,
+  Jt as createCommandStore,
+  tn as createKeyboardManager,
+  Ft as fuzzySearch,
+  Se as getMatchRanges,
+  nt as highlightMatches,
+  Et as installPalette,
+  He as resolvePaletteContext,
+  on as useCommandPalette,
+  vo as useRegisterCommands,
+  ho as useRegisterGroup
 };