@leavepulse/ui 0.41.0 → 0.43.0

package/dist/components/LpCommandPalette.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, useId, shallowRef, useSlots, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, normalizeStyle, Transition, renderSlot } from "vue";
+import { defineComponent, computed, ref, useId, shallowRef, useSlots, watch, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-D8xyKXcF.js";
@@ -6,68 +6,66 @@ import { useAsyncTask } from "../composables/useAsyncTask.js";
 import { useGlass } from "../composables/useGlass.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
+import { useModalLayer } from "./modalDepth.js";
+import { parseCommandQuery, rankCommandItems, swapCommandTerms } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DyT6aGdW.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-s_kKuCRf.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
-const _hoisted_4 = { class: "flex min-h-0 flex-1" };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 0,
   class: "px-2 py-10 text-center text-sm text-muted"
 };
-const _hoisted_6 = ["aria-labelledby"];
-const _hoisted_7 = ["id"];
-const _hoisted_8 = { class: "min-w-0 flex-1" };
-const _hoisted_9 = { class: "block truncate font-medium" };
-const _hoisted_10 = {
+const _hoisted_5 = ["aria-labelledby"];
+const _hoisted_6 = ["id"];
+const _hoisted_7 = { class: "min-w-0 flex-1" };
+const _hoisted_8 = { class: "block truncate font-medium" };
+const _hoisted_9 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
-const _hoisted_15 = {
+const _hoisted_14 = {
   key: 0,
   class: "lp-cmd-pane hidden min-h-0 shrink-0 flex-col border-l border-line md:flex"
 };
-const _hoisted_16 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
-const _hoisted_17 = { class: "min-w-0 text-base font-semibold" };
-const _hoisted_18 = {
+const _hoisted_15 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
+const _hoisted_16 = { class: "min-w-0 text-base font-semibold" };
+const _hoisted_17 = {
   key: 0,
   class: "lp-cmd-para mt-0.5 text-xs text-muted"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_19 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_20 = { class: "flex items-center gap-1" };
 const _hoisted_21 = { class: "flex items-center gap-1" };
-const _hoisted_22 = { class: "flex items-center gap-1" };
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_25 = { class: "ml-auto flex items-center gap-1" };
-const LATIN = "qwertyuiop[]asdfghjkl;'zxcvbnm,.`";
-const CYRILLIC = "йцукенгшщзхъфывапролджэячсмитьбюё";
-const TYPO_MIN = 5;
+const _hoisted_24 = { class: "ml-auto flex items-center gap-1" };
 const STAGGER_MS = 45;
 const STAGGER_MAX = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -96,6 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const frosted = useGlass(() => props.glass);
+    const { claim, release, layer } = useModalLayer();
     const DEFAULT_LABELS = {
       navigate: "navigate",
       select: "select",
@@ -120,9 +119,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const activeId = computed(() => flat.value.length ? optionId(selectedIndex.value) : void 0);
     const selectedIndex = ref(0);
+    const selectedId = ref(null);
     const inputRef = ref(null);
     const scrollRef = ref(null);
     const trail = shallowRef([]);
+    const trailState = shallowRef([]);
     const mode = computed(() => trail.value[trail.value.length - 1] ?? null);
     const modeItems = shallowRef([]);
     const { copy } = useClipboard();
@@ -150,30 +151,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const selectedActions = computed(() => actionsOf(flat.value[selectedIndex.value]));
     function onTab(event) {
+      event.preventDefault();
+      event.stopPropagation();
       if (event.shiftKey) return;
       const c = flat.value[selectedIndex.value];
       const actions = selectedActions.value;
       if (!c || !actions.length) return;
-      event.preventDefault();
-      event.stopPropagation();
       enter({ id: `${c.id}:actions`, label: c.label, icon: c.icon, children: actions });
     }
     function enter(c) {
+      trailState.value = [...trailState.value, { query: query.value, selectedId: selectedId.value }];
       trail.value = [...trail.value, c];
       query.value = "";
-      selectedIndex.value = 0;
+      select(0);
       modeItems.value = Array.isArray(c.children) ? c.children : [];
       refresh();
       inputRef.value?.focus();
     }
     function popTo(depth) {
+      const state = trailState.value[depth] || { query: "", selectedId: null };
       const next = trail.value.slice(0, Math.max(0, depth));
+      trailState.value = trailState.value.slice(0, Math.max(0, depth));
       trail.value = next;
-      query.value = "";
-      selectedIndex.value = 0;
       const parent = next[next.length - 1];
       modeItems.value = parent && Array.isArray(parent.children) ? parent.children : [];
+      query.value = state.query;
+      select(0);
       refresh();
+      void nextTick(() => {
+        const index = state.selectedId ? flat.value.findIndex((c) => c.id === state.selectedId) : -1;
+        select(index >= 0 ? index : 0);
+      });
       inputRef.value?.focus();
     }
     function back() {
@@ -214,51 +222,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     const source = computed(() => mode.value ? modeItems.value : props.commands);
-    const SWAP = /* @__PURE__ */ new Map();
-    for (let i = 0; i < LATIN.length; i++) {
-      SWAP.set(LATIN[i], CYRILLIC[i]);
-      SWAP.set(CYRILLIC[i], LATIN[i]);
-    }
-    function swapLayout(term) {
-      return [...term].map((ch) => SWAP.get(ch) ?? ch).join("");
-    }
-    function withinOne(a, b) {
-      if (Math.abs(a.length - b.length) > 1) return false;
-      let i = 0;
-      while (i < a.length && i < b.length && a[i] === b[i]) i++;
-      if (i === a.length || i === b.length) return true;
-      const rest = (x, y) => a.slice(i + x) === b.slice(i + y);
-      return rest(1, 1) || rest(1, 0) || rest(0, 1) || a[i] === b[i + 1] && a[i + 1] === b[i] && rest(2, 2);
-    }
-    function nearWord(term, label) {
-      if (term.length < TYPO_MIN) return false;
-      return label.split(/[^\p{L}\p{N}]+/u).some((word) => withinOne(term, word) || word.length > term.length && withinOne(term, word.slice(0, term.length)));
-    }
-    function score(c, terms) {
-      const label = c.label.toLowerCase();
-      const keywords = (c.keywords ?? []).map((k) => k.toLowerCase());
-      const description = c.description?.toLowerCase() ?? "";
-      let total = 0;
-      for (const term of terms) {
-        let hit = (label.includes(term) ? 4 : 0) + (keywords.some((k) => k.includes(term)) ? 3 : 0) + (description.includes(term) ? 2 : 0);
-        if (!hit && nearWord(term, label)) hit = 1;
-        if (!hit) return 0;
-        total += hit;
-      }
-      return total;
-    }
-    function rank(items, terms) {
-      return items.map((c) => ({ c, score: score(c, terms) })).filter((e) => e.score > 0).sort((a, b) => b.score - a.score || a.c.label.localeCompare(b.c.label)).map((e) => e.c);
-    }
-    const typedTerms = computed(() => query.value.trim().toLowerCase().split(/\s+/).filter(Boolean));
     const local = computed(() => {
-      const terms = typedTerms.value;
-      if (!terms.length) return { items: source.value.filter((c) => !c.hidden), terms };
-      const items = rank(source.value, terms);
-      if (items.length || !props.layoutFallback) return { items, terms };
-      const swapped = terms.map(swapLayout);
-      const other = rank(source.value, swapped);
-      return other.length ? { items: other, terms: swapped } : { items, terms };
+      const terms = parseCommandQuery(query.value);
+      const filtered = query.value.trim() ? source.value : source.value.filter((c) => !c.hidden);
+      if (!terms.include.length && !terms.exclude.length && !terms.groups.length) return { items: filtered, terms: [] };
+      const items = rankCommandItems(filtered, terms);
+      if (items.length || !props.layoutFallback) return { items, terms: terms.include };
+      const swapped = swapCommandTerms(terms);
+      const other = rankCommandItems(filtered, swapped);
+      return other.length ? { items: other, terms: swapped.include } : { items, terms: terms.include };
     });
     const ranked = computed(() => local.value.items);
     const fetched = computed(() => {
@@ -364,16 +336,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return parts;
     }
     watch(query, () => {
-      selectedIndex.value = 0;
+      select(0);
       refresh();
     });
     watch([query, trail, () => props.open], () => {
       expanded.value = /* @__PURE__ */ new Set();
     });
     watch(
-      () => flat.value.length,
-      (len) => {
-        if (selectedIndex.value >= len) selectedIndex.value = Math.max(0, len - 1);
+      () => flat.value.map((c) => c.id).join("|"),
+      () => {
+        const index = selectedId.value ? flat.value.findIndex((c) => c.id === selectedId.value) : -1;
+        select(index >= 0 ? index : 0);
       }
     );
     watch([selectedIndex, () => flat.value.map((c) => c.id).join("|")], async () => {
@@ -386,13 +359,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
       el?.scrollIntoView({ block: "nearest" });
     }
+    const keyboardSelection = ref(false);
+    function select(index, keyboard = false) {
+      const len = flat.value.length;
+      selectedIndex.value = len ? Math.max(0, Math.min(index, len - 1)) : 0;
+      selectedId.value = flat.value[selectedIndex.value]?.id ?? null;
+      if (keyboard) keyboardSelection.value = true;
+    }
     function moveDown() {
       const len = flat.value.length;
-      if (len) selectedIndex.value = (selectedIndex.value + 1) % len;
+      if (len) select((selectedIndex.value + 1) % len, true);
     }
     function moveUp() {
       const len = flat.value.length;
-      if (len) selectedIndex.value = (selectedIndex.value - 1 + len) % len;
+      if (len) select((selectedIndex.value - 1 + len) % len, true);
+    }
+    function movePage(direction) {
+      select(selectedIndex.value + direction * 8, true);
+    }
+    function onPaletteKeydown(event) {
+      if (event.isComposing) return;
+      if (!["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(event.key)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (event.key === "ArrowDown") moveDown();
+      else if (event.key === "ArrowUp") moveUp();
+      else if (event.key === "Home") select(0, true);
+      else if (event.key === "End") select(flat.value.length - 1, true);
+      else movePage(event.key === "PageDown" ? 1 : -1);
+    }
+    function onPointerMove() {
+      keyboardSelection.value = false;
+    }
+    function onPointerEnter(c) {
+      if (!keyboardSelection.value) select(flatIndexOf(c));
     }
     function runSelected(event) {
       const c = flat.value[selectedIndex.value];
@@ -431,7 +431,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("run", c.id, c);
       if (c.keepOpen) {
         query.value = "";
-        selectedIndex.value = 0;
+        select(0);
         inputRef.value?.focus();
         return;
       }
@@ -450,10 +450,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.open,
       async (o) => {
+        if (o) claim();
+        else release();
         cancel();
         query.value = "";
-        selectedIndex.value = 0;
+        select(0);
+        selectedId.value = null;
         trail.value = [];
+        trailState.value = [];
         modeItems.value = [];
         found.value = [];
         failed.value = false;
@@ -464,6 +468,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
+    onBeforeUnmount(release);
     useHotkeys(
       () => props.hotkey ? [
         {
@@ -484,13 +489,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                class: normalizeClass([{ "lp-scrim--light": unref(frosted) }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
-              }, null, 8, ["class"]),
+                class: normalizeClass([{ "lp-scrim--light": unref(frosted), "lp-scrim--nested": unref(layer).nested }, "lp-scrim fixed inset-0 data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"]),
+                style: normalizeStyle({ zIndex: unref(layer).scrim })
+              }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
-                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? unref(layer).nested ? "lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                style: normalizeStyle({ zIndex: unref(layer).panel }),
                 "data-pane": paneOpen.value ? "open" : void 0,
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
-                }, ["prevent"]))
+                }, ["prevent"])),
+                onKeydownCapture: onPaletteKeydown
               }, {
                 default: withCtx(() => [
                   createVNode(unref(DialogTitle), { class: "sr-only" }, {
@@ -551,8 +559,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       placeholder: mode.value?.childPlaceholder ?? __props.placeholder,
                       class: "h-12 min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted",
                       onKeydown: [
-                        withKeys(withModifiers(moveDown, ["prevent"]), ["down"]),
-                        withKeys(withModifiers(moveUp, ["prevent"]), ["up"]),
                         withKeys(withModifiers(runSelected, ["prevent"]), ["enter"]),
                         withKeys(onBackspace, ["backspace"]),
                         withKeys(onEscape, ["esc"]),
@@ -563,7 +569,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" }, "esc", -1))
                   ]),
-                  createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", {
+                    class: "flex min-h-0 flex-1",
+                    onPointermove: onPointerMove
+                  }, [
                     createVNode(_sfc_main$2, {
                       ref_key: "scrollRef",
                       ref: scrollRef,
@@ -571,7 +580,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "content-class": "p-2"
                     }, {
                       default: withCtx(() => [
-                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
                         createElementVNode("div", {
                           id: listId,
                           role: "listbox"
@@ -586,7 +595,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: 0,
                                 id: `${listId}-g${gi}`,
                                 class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
-                              }, toDisplayString(group.name), 9, _hoisted_7)) : createCommentVNode("", true),
+                              }, toDisplayString(group.name), 9, _hoisted_6)) : createCommentVNode("", true),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
                                 return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
                                   id: optionId(flatIndexOf(c)),
@@ -604,7 +613,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     flatIndexOf(c) === selectedIndex.value ? "bg-brand-soft text-brand" : unref(moreOf).has(c) ? "text-muted hover:bg-surface-soft/60" : "text-ink hover:bg-surface-soft/60"
                                   ]]),
                                   onClick: ($event) => onRowClick($event, c),
-                                  onPointerenter: ($event) => selectedIndex.value = flatIndexOf(c)
+                                  onPointerenter: ($event) => onPointerEnter(c)
                                 }, {
                                   default: withCtx(() => [
                                     c.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -613,24 +622,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       size: 16,
                                       class: normalizeClass(["shrink-0", { "mt-0.5": c.excerpt }])
                                     }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                    createElementVNode("span", _hoisted_8, [
-                                      createElementVNode("span", _hoisted_9, [
+                                    createElementVNode("span", _hoisted_7, [
+                                      createElementVNode("span", _hoisted_8, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `l${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_9, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ]),
-                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_10, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `d${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
@@ -645,14 +654,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `e${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_13, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ], 4)) : createCommentVNode("", true)
                                     ]),
-                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_14, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_13, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 2,
                                       name: "lucide:chevron-right",
                                       size: 14,
@@ -662,7 +671,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   _: 2
                                 }, 1064, ["id", "href", "type", "aria-selected", "aria-disabled", "data-cmd-index", "disabled", "class", "onClick", "onPointerenter"]);
                               }), 128))
-                            ], 8, _hoisted_6);
+                            ], 8, _hoisted_5);
                           }), 128))
                         ]),
                         failed.value ? (openBlock(), createElementBlock("div", {
@@ -690,7 +699,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 512),
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
-                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
+                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_14, [
                           createVNode(_sfc_main$2, {
                             ref_key: "previewRef",
                             ref: previewRef,
@@ -702,16 +711,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: active.value.id
                               }, [
                                 renderSlot(_ctx.$slots, "preview", { command: active.value }, () => [
-                                  createElementVNode("div", _hoisted_16, [
+                                  createElementVNode("div", _hoisted_15, [
                                     active.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 0,
                                       name: active.value.icon,
                                       size: 16,
                                       class: "shrink-0 text-muted"
                                     }, null, 8, ["name"])) : createCommentVNode("", true),
-                                    createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
+                                    createElementVNode("h3", _hoisted_16, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
@@ -722,7 +731,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                         return openBlock(), createElementBlock(Fragment, {
                                           key: `p${pi}`
                                         }, [
-                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(p.text), 1)
                                           ], 64))
                                         ], 64);
@@ -738,33 +747,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 3
                     })
-                  ]),
-                  createElementVNode("div", _hoisted_20, [
-                    createElementVNode("span", _hoisted_21, [
+                  ], 32),
+                  createElementVNode("div", _hoisted_19, [
+                    createElementVNode("span", _hoisted_20, [
                       _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
                       _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
                       createTextVNode(" " + toDisplayString(text.value.navigate), 1)
                     ]),
-                    createElementVNode("span", _hoisted_22, [
+                    createElementVNode("span", _hoisted_21, [
                       _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
                       createTextVNode(" " + toDisplayString(text.value.select), 1)
                     ]),
-                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_22, [
                       _cache[10] || (_cache[10] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "tab", -1)),
                       createTextVNode(" " + toDisplayString(text.value.actions), 1)
                     ])) : createCommentVNode("", true),
-                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
                       _cache[11] || (_cache[11] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
                       createTextVNode(" " + toDisplayString(text.value.back), 1)
                     ])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_25, [
+                    createElementVNode("span", _hoisted_24, [
                       _cache[12] || (_cache[12] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
                       createTextVNode(" " + toDisplayString(text.value.close), 1)
                     ])
                   ])
                 ]),
                 _: 3
-              }, 8, ["class", "data-pane"])
+              }, 8, ["class", "style", "data-pane"])
             ]),
             _: 3
           })
@@ -774,7 +783,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19283172"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10500f32"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmDialog-BNAvOR24.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmDialog-Q-bxff8z.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDrawer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDrawer-DgaS2s2i.js";
+import { _ as _sfc_main } from "../chunks/LpDrawer-BZ6k3hvo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-oLqyjOln.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-2sYVMY-S.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-Cid7PGYx.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-FF-NquIo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModal-8bja5bWS.js";
+import { _ as _sfc_main } from "../chunks/LpModal-Bt0pQCI_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpModalNav-w9kfwHqO.js";
+import { _ as _sfc_main } from "../chunks/LpModalNav-YaifHrXC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, unref } from "vue";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-8bja5bWS.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-Bt0pQCI_.js";
 import { mergeShortcutGroups, activeShortcuts, appleModifierLabel } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpShortcutsDialog-C6YoQ8_M.css';const _hoisted_1 = { class: "shortcut-groups" };

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-DlTn5nXc.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-ClBUwoEz.js";
 export {
   _sfc_main as default
 };