@leavepulse/ui 0.33.1 → 0.34.0

package/dist/assets/{LpCommandPalette-CEY-pajO.css → LpCommandPalette-BERCHiev.css}

@@ -1,16 +1,16 @@
 
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-a23a2f5f] {
-  animation: lp-cmd-in-a23a2f5f 140ms ease-out both;
+.lp-cmd-item[data-v-d0e03a58] {
+  animation: lp-cmd-in-d0e03a58 140ms ease-out both;
 }
-@keyframes lp-cmd-in-a23a2f5f {
+@keyframes lp-cmd-in-d0e03a58 {
 from {
     opacity: 0;
     transform: translateY(3px);
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-a23a2f5f] {
+.lp-cmd-item[data-v-d0e03a58] {
     animation: none;
 }
 }

package/dist/components/LpActionBar.vue.d.ts

@@ -70,8 +70,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onDismiss?: (() => any) | undefined;
 }>, {
     width: "contained" | "full";
-    open: boolean;
     variant: "default" | "danger";
+    open: boolean;
     actions: ActionBarAction[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpAddressInput.vue.d.ts

@@ -58,9 +58,9 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     debounce: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     map?: (props: {
-        point: LatLon | undefined;
-        setPoint: (next: LatLon) => Promise<void>;
-        tiles: TileSource;
+        point: any;
+        setPoint: any;
+        tiles: any;
     }) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/LpAppShell.vue.d.ts

@@ -101,10 +101,7 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
 } & {
     'sidebar-footer'?: (props: {}) => any;
 } & {
-    'sidebar-item'?: (props: {
-        item: SidebarItem;
-        active: boolean;
-    }) => any;
+    'sidebar-item'?: (props: any) => any;
 } & {
     'header-title'?: (props: {}) => any;
 } & {

package/dist/components/LpAutocomplete.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
     size: "sm" | "md" | "lg";
     filter: boolean;
     placeholder: string;
-    loading: boolean;
     clearable: boolean;
     emptyText: string;
+    loading: boolean;
     loadingText: string;
     minChars: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/LpBadge.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
-    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "danger" | "action" | "outline" | "success" | "warning" | "neutral" | "brand" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "sm" | "md" | "lg" | undefined;
     dot?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    tone?: "action" | "outline" | "danger" | "success" | "warning" | "neutral" | "brand" | undefined;
+    tone?: "danger" | "action" | "outline" | "success" | "warning" | "neutral" | "brand" | undefined;
     /** `sm` is the one that does not disturb a text-sm line it sits on. */
     size?: "sm" | "md" | "lg" | undefined;
     dot?: boolean;

package/dist/components/LpCodeBlock.vue.d.ts

@@ -49,8 +49,8 @@ declare const __VLS_export: import('vue').DefineComponent<{
     "onUpdate:locked"?: ((value: boolean) => any) | undefined;
 }>, {
     lang: CodeLang;
-    wrap: boolean;
     lineNumbers: boolean;
+    wrap: boolean;
     locked: boolean;
     lockToggle: boolean;
     copyable: boolean;

package/dist/components/LpColorPicker.vue.d.ts

@@ -82,13 +82,8 @@ type __VLS_Props = {
     copyToast?: string | false;
 };
 declare var __VLS_56: {
-    color: string;
-    hsv: {
-        h: number;
-        s: number;
-        v: number;
-        a: number;
-    };
+    color: any;
+    hsv: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_56) => any;
@@ -103,10 +98,10 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
-    format: ColorFormat;
-    align: "start" | "center" | "end";
     modelValue: string;
+    format: ColorFormat;
     side: "top" | "right" | "bottom" | "left";
+    align: "start" | "center" | "end";
     alpha: boolean;
     swatches: readonly string[];
     recent: boolean;

package/dist/components/LpCommandPalette.vue.d.ts

@@ -17,8 +17,35 @@ export interface Command {
      * decommission, …) that shouldn't clutter the palette but stay reachable.
      */
     hidden?: boolean;
+    /**
+     * Picking this opens a mode instead of closing: a nested list, either given
+     * outright or fetched from the query typed inside it. This is what keeps a
+     * palette from flattening "restart <service>" into one row per service —
+     * and what lets the second step search a list too big to enumerate.
+     *
+     * `onSelect` still runs when the mode opens, so a command can both act and
+     * drill in.
+     */
+    children?: Command[] | ((query: string) => Command[] | Promise<Command[]>);
+    /** Placeholder while inside this command's mode. */
+    childPlaceholder?: string;
+    /**
+     * Keep the palette open after this runs. For a command that toggles
+     * something the user may want to toggle again (a theme, a filter) without
+     * reopening and retyping.
+     */
+    keepOpen?: boolean;
     onSelect?: () => void;
 }
+/** Footer hints and the mode chip, spelled out so an app can translate them. */
+export interface PaletteLabels {
+    navigate: string;
+    select: string;
+    close: string;
+    /** Hint for leaving a mode, shown only while inside one. */
+    back: string;
+    searching: string;
+}
 type __VLS_Props = {
     open?: boolean;
     commands: Command[];
@@ -26,17 +53,52 @@ type __VLS_Props = {
     emptyText?: string;
     /** Bind a global ⌘K / Ctrl-K toggle. */
     hotkey?: boolean;
+    /**
+     * Commands fetched from the typed query — what reaches the things too many
+     * (or too remote) to hand over as a list: people, files, tickets. Called
+     * debounced, never for a query shorter than `minChars`, and only its
+     * newest call counts: an earlier one that lands late is dropped, so a slow
+     * response can't overwrite a fresher list.
+     *
+     * Results join the static commands, so a palette can do both.
+     */
+    search?: (query: string, signal: AbortSignal) => Command[] | Promise<Command[]>;
+    /** Wait after the last keystroke before `search` runs. */
+    debounce?: number;
+    /** Shortest query `search` runs for. */
+    minChars?: number;
+    /**
+     * Ids of recently picked commands, newest first — bind it to storage and
+     * the palette opens on what this person actually uses. It only reorders
+     * commands already in the list; an id that no longer resolves is skipped,
+     * so a stored history never resurrects a command that has gone away.
+     */
+    recent?: string[];
+    /** How many recent commands to surface. */
+    recentLimit?: number;
+    /** Headings the palette adds itself. */
+    recentLabel?: string;
+    resultsLabel?: string;
+    /** Footer hints and the mode chip, spelled out for translation. */
+    labels?: Partial<PaletteLabels>;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (command: Command) => any;
     "update:open": (value: boolean) => any;
+    run: (id: string, command: Command) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((command: Command) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onRun?: ((id: string, command: Command) => any) | undefined;
 }>, {
     placeholder: string;
     emptyText: string;
+    minChars: number;
+    debounce: number;
+    recentLimit: number;
     hotkey: boolean;
+    recentLabel: string;
+    resultsLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/LpCommandPalette.vue.js

@@ -1,38 +1,47 @@
-import { defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, withDirectives, withKeys, vModelText, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass } from "vue";
+import { defineComponent, computed, ref, shallowRef, onBeforeUnmount, watch, nextTick, openBlock, createBlock, unref, withCtx, createVNode, withModifiers, createTextVNode, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, toDisplayString, withDirectives, withKeys, vModelText, normalizeClass } 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 { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-CEY-pajO.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
-const _hoisted_2 = ["placeholder", "onKeydown"];
-const _hoisted_3 = {
+import '../assets/LpCommandPalette-BERCHiev.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_4 = {
+const _hoisted_5 = {
   key: 0,
   class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
 };
-const _hoisted_5 = ["data-cmd-index", "disabled", "onClick", "onPointerenter"];
-const _hoisted_6 = { class: "min-w-0 flex-1" };
-const _hoisted_7 = { class: "block truncate font-medium" };
-const _hoisted_8 = {
+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 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_9 = {
+const _hoisted_10 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_10 = {
+const _hoisted_11 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_11 = {
+const _hoisted_12 = {
   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 = {
+  key: 0,
+  class: "flex items-center gap-1"
+};
+const _hoisted_17 = { class: "ml-auto flex items-center gap-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
@@ -40,20 +49,107 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     commands: {},
     placeholder: { default: "Type a command or search…" },
     emptyText: { default: "No results" },
-    hotkey: { type: Boolean, default: true }
+    hotkey: { type: Boolean, default: true },
+    search: {},
+    debounce: { default: 250 },
+    minChars: { default: 1 },
+    recent: {},
+    recentLimit: { default: 5 },
+    recentLabel: { default: "Recent" },
+    resultsLabel: { default: "Results" },
+    labels: {}
   },
-  emits: ["update:open", "select"],
+  emits: ["update:open", "select", "run"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const DEFAULT_LABELS = {
+      navigate: "navigate",
+      select: "select",
+      close: "close",
+      back: "back",
+      searching: "Searching…"
+    };
+    const text = computed(() => ({ ...DEFAULT_LABELS, ...props.labels }));
     const emit = __emit;
     const query = ref("");
     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([]);
+    function enter(c) {
+      trail.value = [...trail.value, c];
+      query.value = "";
+      selectedIndex.value = 0;
+      modeItems.value = Array.isArray(c.children) ? c.children : [];
+      refresh();
+      inputRef.value?.focus();
+    }
+    function popTo(depth) {
+      const next = trail.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 : [];
+      refresh();
+      inputRef.value?.focus();
+    }
+    function back() {
+      if (!trail.value.length) return false;
+      popTo(trail.value.length - 1);
+      return true;
+    }
+    const found = shallowRef([]);
+    const searching = ref(false);
+    let timer;
+    let controller;
+    let token = 0;
+    function fetcher() {
+      const current = mode.value;
+      if (current) {
+        return typeof current.children === "function" ? (q) => current.children(q) : null;
+      }
+      return props.search ?? null;
+    }
+    function cancel() {
+      if (timer) clearTimeout(timer);
+      timer = void 0;
+      controller?.abort();
+      controller = void 0;
+      token += 1;
+      searching.value = false;
+    }
+    function refresh() {
+      cancel();
+      found.value = [];
+      const run2 = fetcher();
+      if (!run2) return;
+      const q = query.value.trim();
+      const inMode = mode.value !== null;
+      if (!inMode && q.length < Math.max(1, props.minChars)) return;
+      searching.value = true;
+      const mine = ++token;
+      timer = setTimeout(async () => {
+        controller = new AbortController();
+        try {
+          const hits = await run2(q, controller.signal);
+          if (mine !== token) return;
+          found.value = hits;
+        } catch {
+          if (mine === token) found.value = [];
+        } finally {
+          if (mine === token) searching.value = false;
+        }
+      }, props.debounce);
+    }
+    onBeforeUnmount(cancel);
+    const source = computed(() => mode.value ? modeItems.value : props.commands);
     const ranked = computed(() => {
       const q = query.value.trim().toLowerCase();
-      if (!q) return props.commands.filter((c) => !c.hidden);
-      return props.commands.map((c) => {
+      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;
@@ -61,17 +157,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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 fetched = computed(() => {
+      if (!found.value.length) return [];
+      const seen = new Set(ranked.value.map((c) => c.id));
+      return found.value.filter((c) => !seen.has(c.id)).map((c) => c.group ? c : { ...c, group: props.resultsLabel });
+    });
+    const recentItems = computed(() => {
+      if (mode.value || query.value.trim() || !props.recent?.length) return [];
+      const byId = new Map(props.commands.map((c) => [c.id, c]));
+      const out = [];
+      for (const id of props.recent) {
+        const c = byId.get(id);
+        if (c && !c.disabled && !out.includes(c)) out.push(c);
+        if (out.length >= props.recentLimit) break;
+      }
+      return out;
+    });
     const grouped = computed(() => {
       const order = [];
       const map = /* @__PURE__ */ new Map();
-      for (const c of ranked.value) {
-        const g = c.group ?? "";
-        if (!map.has(g)) {
-          map.set(g, []);
-          order.push(g);
+      const push = (c, group) => {
+        if (!map.has(group)) {
+          map.set(group, []);
+          order.push(group);
         }
-        map.get(g).push(c);
-      }
+        map.get(group).push(c);
+      };
+      const recent = recentItems.value;
+      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) }));
     });
     const flat = computed(() => grouped.value.flatMap((g) => g.items));
@@ -90,9 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let at = -1;
         let term = "";
         for (const t of terms) {
-          const found = lower.indexOf(t, i);
-          if (found !== -1 && (at === -1 || found < at || found === at && t.length > term.length)) {
-            at = found;
+          const found2 = lower.indexOf(t, i);
+          if (found2 !== -1 && (at === -1 || found2 < at || found2 === at && t.length > term.length)) {
+            at = found2;
             term = t;
           }
         }
@@ -106,7 +221,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return parts;
     }
-    watch(query, () => selectedIndex.value = 0);
+    watch(query, () => {
+      selectedIndex.value = 0;
+      refresh();
+    });
     watch(
       () => flat.value.length,
       (len) => {
@@ -138,14 +256,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!c || c.disabled) return;
       emit("select", c);
       c.onSelect?.();
+      if (c.children) {
+        enter(c);
+        return;
+      }
+      emit("run", c.id, c);
+      if (c.keepOpen) {
+        query.value = "";
+        selectedIndex.value = 0;
+        inputRef.value?.focus();
+        return;
+      }
       emit("update:open", false);
     }
+    function onBackspace(event) {
+      if (query.value) return;
+      if (back()) event.preventDefault();
+    }
+    function onEscape(event) {
+      if (!trail.value.length) return;
+      event.preventDefault();
+      event.stopPropagation();
+      back();
+    }
     watch(
       () => props.open,
       async (o) => {
+        cancel();
+        query.value = "";
+        selectedIndex.value = 0;
+        trail.value = [];
+        modeItems.value = [];
+        found.value = [];
         if (o) {
-          query.value = "";
-          selectedIndex.value = 0;
           await nextTick();
           inputRef.value?.focus();
         }
@@ -190,24 +333,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
-                    createVNode(_sfc_main$1, {
+                    !searching.value ? (openBlock(), createBlock(_sfc_main$1, {
+                      key: 0,
                       name: "lucide:search",
                       size: 18,
                       class: "shrink-0 text-muted"
-                    }),
+                    })) : (openBlock(), createBlock(_sfc_main$1, {
+                      key: 1,
+                      name: "lucide:loader-circle",
+                      size: 18,
+                      class: "shrink-0 animate-spin text-muted"
+                    })),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(trail.value, (step, i) => {
+                      return openBlock(), createElementBlock("button", {
+                        key: step.id,
+                        type: "button",
+                        class: "flex shrink-0 items-center gap-1.5 rounded-md bg-brand-soft px-2 py-1 text-xs font-medium text-brand transition-opacity hover:opacity-80",
+                        title: text.value.back,
+                        onClick: ($event) => popTo(i)
+                      }, [
+                        step.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                          key: 0,
+                          name: step.icon,
+                          size: 13
+                        }, null, 8, ["name"])) : createCommentVNode("", true),
+                        createTextVNode(" " + toDisplayString(step.label) + " ", 1),
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:x",
+                          size: 12,
+                          class: "opacity-60"
+                        })
+                      ], 8, _hoisted_2);
+                    }), 128)),
                     withDirectives(createElementVNode("input", {
                       ref_key: "inputRef",
                       ref: inputRef,
                       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
                       type: "text",
-                      placeholder: __props.placeholder,
+                      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(withModifiers(runSelected, ["prevent"]), ["enter"]),
+                        withKeys(onBackspace, ["backspace"]),
+                        withKeys(onEscape, ["esc"])
                       ]
-                    }, null, 40, _hoisted_2), [
+                    }, 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))
@@ -219,12 +391,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     "content-class": "p-2"
                   }, {
                     default: withCtx(() => [
-                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.emptyText), 1)) : createCommentVNode("", true),
+                      flat.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(searching.value ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(grouped.value, (group) => {
                         return openBlock(), createElementBlock(Fragment, {
                           key: group.name
                         }, [
-                          group.name ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(group.name), 1)) : createCommentVNode("", true),
+                          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,
@@ -241,53 +413,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 size: 16,
                                 class: "shrink-0"
                               }, null, 8, ["name"])) : createCommentVNode("", true),
-                              createElementVNode("span", _hoisted_6, [
-                                createElementVNode("span", _hoisted_7, [
+                              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_8, 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_9, [
+                                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_10, 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);
                                   }), 128))
                                 ])) : createCommentVNode("", true)
                               ]),
-                              c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_11, toDisplayString(c.shortcut), 1)) : createCommentVNode("", true)
-                            ], 42, _hoisted_5);
+                              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),
-                  _cache[6] || (_cache[6] = createElementVNode("div", { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" }, [
-                    createElementVNode("span", { class: "flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑"),
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓"),
-                      createTextVNode(" navigate ")
+                  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)),
+                      createTextVNode(" " + toDisplayString(text.value.navigate), 1)
                     ]),
-                    createElementVNode("span", { class: "flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵"),
-                      createTextVNode(" select ")
+                    createElementVNode("span", _hoisted_15, [
+                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
+                      createTextVNode(" " + toDisplayString(text.value.select), 1)
                     ]),
-                    createElementVNode("span", { class: "ml-auto flex items-center gap-1" }, [
-                      createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc"),
-                      createTextVNode(" close ")
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_16, [
+                      _cache[9] || (_cache[9] = 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)),
+                      createTextVNode(" " + toDisplayString(text.value.close), 1)
                     ])
-                  ], -1))
+                  ])
                 ]),
                 _: 1
               })
@@ -300,7 +481,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a23a2f5f"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0e03a58"]]);
 export {
   LpCommandPalette as default
 };