@leavepulse/ui 0.37.11 → 0.38.1

package/dist/components/LpCommandPalette.vue.js

@@ -1,48 +1,80 @@
-import { defineComponent, computed, ref, shallowRef, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, normalizeClass } from "vue";
+import { defineComponent, computed, ref, useId, shallowRef, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, normalizeClass, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, resolveDynamicComponent, normalizeStyle, 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";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
+import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-B-g1fa8r.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-BV6-oPGZ.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 = ["placeholder", "onKeydown"];
-const _hoisted_4 = {
-  key: 0,
-  class: "px-2 py-10 text-center text-sm text-muted"
-};
+const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
+const _hoisted_4 = { class: "flex min-h-0 flex-1" };
 const _hoisted_5 = {
   key: 0,
-  class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
+  class: "px-2 py-10 text-center text-sm text-muted"
 };
-const _hoisted_6 = ["data-cmd-index", "disabled", "onClick", "onPointerenter"];
-const _hoisted_7 = { class: "min-w-0 flex-1" };
-const _hoisted_8 = { class: "block truncate font-medium" };
-const _hoisted_9 = {
+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 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_12 = {
+const _hoisted_13 = {
+  key: 0,
+  class: "rounded-xs bg-brand/20 text-ink"
+};
+const _hoisted_14 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
-const _hoisted_13 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
-const _hoisted_14 = { class: "flex items-center gap-1" };
-const _hoisted_15 = { class: "flex items-center gap-1" };
-const _hoisted_16 = {
+const _hoisted_15 = {
+  key: 0,
+  class: "hidden min-h-0 w-[56%] shrink-0 flex-col border-l border-line md:flex"
+};
+const _hoisted_16 = { class: "flex items-center gap-2 text-ink" };
+const _hoisted_17 = { class: "min-w-0 text-base font-semibold" };
+const _hoisted_18 = {
+  key: 0,
+  class: "mt-0.5 text-xs text-muted"
+};
+const _hoisted_19 = {
+  key: 1,
+  class: "mt-3 whitespace-pre-line text-sm leading-relaxed text-ink/90"
+};
+const _hoisted_20 = {
+  key: 0,
+  class: "rounded-xs bg-brand/25 text-ink"
+};
+const _hoisted_21 = {
+  key: 2,
+  class: "mt-3 text-sm text-muted"
+};
+const _hoisted_22 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_23 = { class: "flex items-center gap-1" };
+const _hoisted_24 = { class: "flex items-center gap-1" };
+const _hoisted_25 = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_17 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_26 = {
+  key: 1,
+  class: "flex items-center gap-1"
+};
+const _hoisted_27 = { class: "ml-auto flex items-center gap-1" };
+const LATIN = "qwertyuiop[]asdfghjkl;'zxcvbnm,.`";
+const CYRILLIC = "йцукенгшщзхъфывапролджэячсмитьбюё";
+const TYPO_MIN = 5;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
@@ -58,7 +90,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     recentLimit: { default: 5 },
     recentLabel: { default: "Recent" },
     resultsLabel: { default: "Results" },
-    labels: {}
+    labels: {},
+    excerptLines: { default: 4 },
+    groupLimit: { default: 0 },
+    layoutFallback: { type: Boolean, default: true },
+    previewPane: { type: Boolean, default: false }
   },
   emits: ["update:open", "select", "run"],
   setup(__props, { emit: __emit }) {
@@ -68,17 +104,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       select: "select",
       close: "close",
       back: "back",
-      searching: "Searching…"
+      searching: "Searching…",
+      searchFailed: "Search is unavailable right now.",
+      retry: "Retry",
+      showMore: "Show {count} more",
+      actions: "actions",
+      openInNewTab: "Open in new tab",
+      copyLink: "Copy link",
+      linkCopied: "Link copied",
+      noPreview: "No preview"
     };
     const text = computed(() => ({ ...DEFAULT_LABELS, ...props.labels }));
     const emit = __emit;
     const query = ref("");
+    const listId = `lp-cmd-${useId()}`;
+    function optionId(index) {
+      return `${listId}-${index}`;
+    }
+    const activeId = computed(() => flat.value.length ? optionId(selectedIndex.value) : void 0);
     const selectedIndex = ref(0);
     const inputRef = ref(null);
     const scrollRef = ref(null);
     const trail = shallowRef([]);
     const mode = computed(() => trail.value[trail.value.length - 1] ?? null);
     const modeItems = shallowRef([]);
+    const { copy } = useClipboard();
+    function actionsOf(c) {
+      if (!c || c.disabled || moreOf.has(c)) return [];
+      const own = c.actions ?? [];
+      const href = c.href;
+      if (!href) return own;
+      const link = new URL(href, window.location.href).href;
+      return [
+        ...own,
+        {
+          id: `${c.id}:open-in-new-tab`,
+          label: text.value.openInNewTab,
+          icon: "lucide:external-link",
+          onSelect: () => window.open(href, "_blank", "noopener")
+        },
+        {
+          id: `${c.id}:copy-link`,
+          label: text.value.copyLink,
+          icon: "lucide:link",
+          onSelect: () => void copy(link, { toast: text.value.linkCopied || false })
+        }
+      ];
+    }
+    const selectedActions = computed(() => actionsOf(flat.value[selectedIndex.value]));
+    function onTab(event) {
+      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) {
       trail.value = [...trail.value, c];
       query.value = "";
@@ -115,9 +197,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function cancel() {
       task.cancel();
     }
+    const failed = ref(false);
     function refresh() {
       cancel();
       found.value = [];
+      failed.value = false;
       const run2 = fetcher();
       if (!run2) return;
       const q = query.value.trim();
@@ -126,21 +210,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       task.run((signal) => run2(q, signal), {
         delay: props.debounce,
         apply: (hits) => found.value = hits,
-        fail: () => found.value = []
+        fail: () => {
+          found.value = [];
+          failed.value = true;
+        }
       });
     }
     const source = computed(() => mode.value ? modeItems.value : props.commands);
-    const ranked = computed(() => {
-      const q = query.value.trim().toLowerCase();
-      if (!q) return source.value.filter((c) => !c.hidden);
-      return source.value.map((c) => {
-        const label = c.label.toLowerCase().includes(q);
-        const kw = (c.keywords ?? []).some((k) => k.toLowerCase().includes(q));
-        const desc = c.description?.toLowerCase().includes(q) ?? false;
-        const score = (label ? 4 : 0) + (kw ? 3 : 0) + (desc ? 2 : 0);
-        return { c, score };
-      }).filter((e) => e.score > 0).sort((a, b) => b.score - a.score || a.c.label.localeCompare(b.c.label)).map((e) => e.c);
+    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 ranked = computed(() => local.value.items);
     const fetched = computed(() => {
       if (!found.value.length) return [];
       const seen = new Set(ranked.value.map((c) => c.id));
@@ -171,14 +294,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       for (const c of recent) push(c, props.recentLabel);
       for (const c of ranked.value) if (!recent.includes(c)) push(c, c.group ?? "");
       for (const c of fetched.value) push(c, c.group ?? "");
-      return order.map((name) => ({ name, items: map.get(name) }));
+      return order.map((name) => ({ name, items: folded(name, map.get(name)) }));
     });
+    const expanded = ref(/* @__PURE__ */ new Set());
+    const moreOf = /* @__PURE__ */ new WeakMap();
+    function folded(name, items) {
+      const limit = props.groupLimit;
+      if (!limit || items.length <= limit + 1 || expanded.value.has(name)) return items;
+      const more = {
+        id: `lp-cmd-more:${name}`,
+        label: text.value.showMore.replace("{count}", String(items.length - limit)),
+        icon: "lucide:chevron-down",
+        keepOpen: true
+      };
+      moreOf.set(more, name);
+      return [...items.slice(0, limit), more];
+    }
     const flat = computed(() => grouped.value.flatMap((g) => g.items));
+    const active = computed(() => {
+      const c = flat.value[selectedIndex.value];
+      return c && !moreOf.has(c) ? c : void 0;
+    });
+    const previewRef = ref(null);
+    watch(
+      () => active.value?.id,
+      async () => {
+        if (!props.previewPane) return;
+        await nextTick();
+        const viewport = previewRef.value?.viewportEl;
+        if (!viewport) return;
+        const mark = viewport.querySelector("mark");
+        if (mark) mark.scrollIntoView({ block: "center" });
+        else viewport.scrollTop = 0;
+      }
+    );
     function flatIndexOf(c) {
       return flat.value.indexOf(c);
     }
-    function highlight(value) {
-      const terms = [...new Set(query.value.toLowerCase().trim().split(/\s+/).filter((t) => t.length >= 2))].sort(
+    function highlight(value, extra = []) {
+      const terms = [...new Set([...local.value.terms, ...extra.map((t) => t.toLowerCase())].filter((t) => t.length >= 2))].sort(
         (a, b) => b.length - a.length
       );
       if (!value || terms.length === 0) return value ? [{ text: value, hit: false }] : [];
@@ -209,6 +363,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedIndex.value = 0;
       refresh();
     });
+    watch([query, trail, () => props.open], () => {
+      expanded.value = /* @__PURE__ */ new Set();
+    });
     watch(
       () => flat.value.length,
       (len) => {
@@ -233,13 +390,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const len = flat.value.length;
       if (len) selectedIndex.value = (selectedIndex.value - 1 + len) % len;
     }
-    function runSelected() {
-      run(flat.value[selectedIndex.value]);
+    function runSelected(event) {
+      const c = flat.value[selectedIndex.value];
+      if (c?.href && !c.disabled && (event?.ctrlKey || event?.metaKey)) {
+        openInNewTab(c);
+        return;
+      }
+      run(c);
+    }
+    function openInNewTab(c) {
+      if (!c.href) return;
+      window.open(c.href, "_blank", "noopener");
+      emit("run", c.id, c);
+      emit("update:open", false);
+    }
+    function onRowClick(event, c) {
+      if (c.href && (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey || event.button !== 0)) return;
+      event.preventDefault();
+      run(c);
     }
     function run(c) {
       if (!c || c.disabled) return;
+      const group = moreOf.get(c);
+      if (group !== void 0) {
+        expanded.value = /* @__PURE__ */ new Set([...expanded.value, group]);
+        inputRef.value?.focus();
+        return;
+      }
       emit("select", c);
       c.onSelect?.();
+      if (!c.onSelect && c.href && !c.children) window.location.assign(c.href);
       if (c.children) {
         enter(c);
         return;
@@ -272,11 +452,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         trail.value = [];
         modeItems.value = [];
         found.value = [];
+        failed.value = false;
         if (o) {
           await nextTick();
           inputRef.value?.focus();
         }
-      }
+      },
+      { immediate: true }
     );
     useHotkeys(
       () => props.hotkey ? [
@@ -292,26 +474,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
-        "onUpdate:open": _cache[2] || (_cache[2] = (v) => emit("update:open", v))
+        "onUpdate:open": _cache[3] || (_cache[3] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), { class: "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]" }),
               createVNode(unref(DialogContent), {
-                class: "fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line bg-surface-raised shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]",
-                onOpenAutoFocus: _cache[1] || (_cache[1] = withModifiers(() => {
+                class: normalizeClass(["fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] w-[min(92vw,40rem)] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line lp-glass-overlay shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", __props.previewPane && "md:h-[min(76vh,36rem)] md:w-[min(92vw,64rem)]"]),
+                onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
                 }, ["prevent"]))
               }, {
                 default: withCtx(() => [
                   createVNode(unref(DialogTitle), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
                       createTextVNode("Command palette", -1)
                     ])]),
                     _: 1
                   }),
                   createVNode(unref(DialogDescription), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                    default: withCtx(() => [..._cache[5] || (_cache[5] = [
                       createTextVNode("Search and run a command.", -1)
                     ])]),
                     _: 1
@@ -354,6 +536,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ref: inputRef,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
                       type: "text",
+                      role: "combobox",
+                      "aria-autocomplete": "list",
+                      "aria-expanded": "true",
+                      "aria-controls": listId,
+                      "aria-activedescendant": activeId.value,
                       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: [
@@ -361,111 +548,214 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         withKeys(withModifiers(moveUp, ["prevent"]), ["up"]),
                         withKeys(withModifiers(runSelected, ["prevent"]), ["enter"]),
                         withKeys(onBackspace, ["backspace"]),
-                        withKeys(onEscape, ["esc"])
+                        withKeys(onEscape, ["esc"]),
+                        withKeys(onTab, ["tab"])
                       ]
                     }, null, 40, _hoisted_3), [
                       [vModelText, query.value]
                     ]),
-                    _cache[5] || (_cache[5] = createElementVNode("kbd", { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" }, "esc", -1))
+                    _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))
                   ]),
-                  createVNode(_sfc_main$2, {
-                    ref_key: "scrollRef",
-                    ref: scrollRef,
-                    class: "min-h-0 flex-1",
-                    "content-class": "p-2"
-                  }, {
-                    default: withCtx(() => [
-                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(grouped.value, (group) => {
-                        return openBlock(), createElementBlock(Fragment, {
-                          key: group.name
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_sfc_main$2, {
+                      ref_key: "scrollRef",
+                      ref: scrollRef,
+                      class: "min-h-0 min-w-0 flex-1",
+                      "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),
+                        createElementVNode("div", {
+                          id: listId,
+                          role: "listbox"
                         }, [
-                          group.name ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(group.name), 1)) : createCommentVNode("", true),
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
-                            return openBlock(), createElementBlock("button", {
-                              key: c.id,
-                              type: "button",
-                              "data-cmd-index": flatIndexOf(c),
-                              disabled: c.disabled,
-                              class: normalizeClass(["lp-cmd-item flex w-full items-center gap-3 rounded-md px-2.5 py-2 text-left text-sm outline-none transition-colors duration-[var(--duration-fast)] disabled:pointer-events-none disabled:opacity-45", flatIndexOf(c) === selectedIndex.value ? "bg-brand-soft text-brand" : "text-ink hover:bg-surface-soft/60"]),
-                              onClick: ($event) => run(c),
-                              onPointerenter: ($event) => selectedIndex.value = flatIndexOf(c)
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(grouped.value, (group, gi) => {
+                            return openBlock(), createElementBlock("div", {
+                              key: group.name,
+                              role: "group",
+                              "aria-labelledby": group.name ? `${listId}-g${gi}` : void 0
                             }, [
-                              c.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                              group.name ? (openBlock(), createElementBlock("div", {
+                                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),
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
+                                return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
+                                  id: optionId(flatIndexOf(c)),
+                                  key: c.id,
+                                  href: c.disabled ? void 0 : c.href,
+                                  type: c.href ? void 0 : "button",
+                                  role: "option",
+                                  tabindex: "-1",
+                                  "aria-selected": flatIndexOf(c) === selectedIndex.value,
+                                  "aria-disabled": c.disabled || void 0,
+                                  "data-cmd-index": flatIndexOf(c),
+                                  disabled: c.href ? void 0 : c.disabled,
+                                  class: normalizeClass(["lp-cmd-item flex w-full gap-3 rounded-md px-2.5 py-2 text-left text-sm outline-none transition-colors duration-[var(--duration-fast)] disabled:pointer-events-none disabled:opacity-45 aria-disabled:pointer-events-none aria-disabled:opacity-45", [
+                                    c.excerpt ? "items-start" : "items-center",
+                                    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)
+                                }, {
+                                  default: withCtx(() => [
+                                    c.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                                      key: 0,
+                                      name: c.icon,
+                                      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, [
+                                        (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 }, [
+                                              createTextVNode(toDisplayString(p.text), 1)
+                                            ], 64))
+                                          ], 64);
+                                        }), 128))
+                                      ]),
+                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                                        (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 }, [
+                                              createTextVNode(toDisplayString(p.text), 1)
+                                            ], 64))
+                                          ], 64);
+                                        }), 128))
+                                      ])) : createCommentVNode("", true),
+                                      c.excerpt ? (openBlock(), createElementBlock("span", {
+                                        key: 1,
+                                        class: "lp-cmd-excerpt mt-1 block text-[13px] leading-snug text-ink/80",
+                                        style: normalizeStyle({ "-webkit-line-clamp": __props.excerptLines })
+                                      }, [
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.excerpt, c.highlight), (p, pi) => {
+                                          return openBlock(), createElementBlock(Fragment, {
+                                            key: `e${pi}`
+                                          }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_13, 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, {
+                                      key: 2,
+                                      name: "lucide:chevron-right",
+                                      size: 14,
+                                      class: "shrink-0 text-muted"
+                                    })) : createCommentVNode("", true)
+                                  ]),
+                                  _: 2
+                                }, 1064, ["id", "href", "type", "aria-selected", "aria-disabled", "data-cmd-index", "disabled", "class", "onClick", "onPointerenter"]);
+                              }), 128))
+                            ], 8, _hoisted_6);
+                          }), 128))
+                        ]),
+                        failed.value ? (openBlock(), createElementBlock("div", {
+                          key: 1,
+                          role: "alert",
+                          class: normalizeClass(["flex items-center justify-center gap-2 px-2 text-sm text-muted", flat.value.length ? "pb-1 pt-3" : "py-10"])
+                        }, [
+                          createVNode(_sfc_main$1, {
+                            name: "lucide:circle-alert",
+                            size: 15,
+                            class: "shrink-0"
+                          }),
+                          createElementVNode("span", null, toDisplayString(text.value.searchFailed), 1),
+                          createElementVNode("button", {
+                            type: "button",
+                            class: "rounded-md px-1.5 py-0.5 font-medium text-brand outline-none transition-colors hover:bg-brand-soft focus-visible:ring-2 focus-visible:ring-ring",
+                            onClick: _cache[1] || (_cache[1] = ($event) => {
+                              refresh();
+                              inputRef.value?.focus();
+                            })
+                          }, toDisplayString(text.value.retry), 1)
+                        ], 2)) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    }, 512),
+                    __props.previewPane ? (openBlock(), createElementBlock("aside", _hoisted_15, [
+                      createVNode(_sfc_main$2, {
+                        ref_key: "previewRef",
+                        ref: previewRef,
+                        class: "min-h-0 flex-1",
+                        "content-class": "px-5 py-4"
+                      }, {
+                        default: withCtx(() => [
+                          active.value ? renderSlot(_ctx.$slots, "preview", {
+                            key: 0,
+                            command: active.value
+                          }, () => [
+                            createElementVNode("div", _hoisted_16, [
+                              active.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
                                 key: 0,
-                                name: c.icon,
+                                name: active.value.icon,
                                 size: 16,
-                                class: "shrink-0"
-                              }, null, 8, ["name"])) : createCommentVNode("", true),
-                              createElementVNode("span", _hoisted_7, [
-                                createElementVNode("span", _hoisted_8, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label), (p, pi) => {
-                                    return openBlock(), createElementBlock(Fragment, {
-                                      key: `l${pi}`
-                                    }, [
-                                      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_10, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description), (p, pi) => {
-                                    return openBlock(), createElementBlock(Fragment, {
-                                      key: `d${pi}`
-                                    }, [
-                                      p.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                        createTextVNode(toDisplayString(p.text), 1)
-                                      ], 64))
-                                    ], 64);
-                                  }), 128))
-                                ])) : createCommentVNode("", true)
-                              ]),
-                              c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_12, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
-                                key: 2,
-                                name: "lucide:chevron-right",
-                                size: 14,
                                 class: "shrink-0 text-muted"
-                              })) : createCommentVNode("", true)
-                            ], 42, _hoisted_6);
-                          }), 128))
-                        ], 64);
-                      }), 128))
-                    ]),
-                    _: 1
-                  }, 512),
-                  createElementVNode("div", _hoisted_13, [
-                    createElementVNode("span", _hoisted_14, [
-                      _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
-                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
+                              }, null, 8, ["name"])) : createCommentVNode("", true),
+                              createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
+                            ]),
+                            active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                            active.value.preview || active.value.excerpt ? (openBlock(), createElementBlock("p", _hoisted_19, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(active.value.preview ?? active.value.excerpt ?? "", active.value.highlight), (p, pi) => {
+                                return openBlock(), createElementBlock(Fragment, {
+                                  key: `p${pi}`
+                                }, [
+                                  p.hit ? (openBlock(), createElementBlock("mark", _hoisted_20, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                    createTextVNode(toDisplayString(p.text), 1)
+                                  ], 64))
+                                ], 64);
+                              }), 128))
+                            ])) : (openBlock(), createElementBlock("p", _hoisted_21, toDisplayString(text.value.noPreview), 1))
+                          ], true) : createCommentVNode("", true)
+                        ]),
+                        _: 3
+                      }, 512)
+                    ])) : createCommentVNode("", true)
+                  ]),
+                  createElementVNode("div", _hoisted_22, [
+                    createElementVNode("span", _hoisted_23, [
+                      _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_15, [
-                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
+                    createElementVNode("span", _hoisted_24, [
+                      _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
                       createTextVNode(" " + toDisplayString(text.value.select), 1)
                     ]),
-                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_16, [
-                      _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
+                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_25, [
+                      _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_26, [
+                      _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_17, [
-                      _cache[10] || (_cache[10] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
+                    createElementVNode("span", _hoisted_27, [
+                      _cache[12] || (_cache[12] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
                       createTextVNode(" " + toDisplayString(text.value.close), 1)
                     ])
                   ])
                 ]),
-                _: 1
-              })
+                _: 3
+              }, 8, ["class"])
             ]),
-            _: 1
+            _: 3
           })
         ]),
-        _: 1
+        _: 3
       }, 8, ["open"]);
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dbc1130a"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc5b91ea"]]);
 export {
   LpCommandPalette as default
 };