@leavepulse/ui 0.43.4 → 0.45.0

package/dist/components/LpCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCheckbox-CVccKYaH.js";
+import { _ as _sfc_main } from "../chunks/LpCheckbox-Bkj13CbW.js";
 export {
   _sfc_main as default
 };

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

@@ -21,6 +21,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: string;
     /** Auto-collapse a leading import/package block (no markers needed). */
     foldImports?: boolean;
+    labels?: Partial<Record<"unlock" | "lock" | "copy" | "copied" | "imports" | "details" | "lines", string>>;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     "update:locked": (value: boolean) => any;
@@ -44,6 +45,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     height?: string;
     /** Auto-collapse a leading import/package block (no markers needed). */
     foldImports?: boolean;
+    labels?: Partial<Record<"unlock" | "lock" | "copy" | "copied" | "imports" | "details" | "lines", string>>;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:locked"?: ((value: boolean) => any) | undefined;

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-Bo0B4TFR.js";
+import { _ as _sfc_main } from "../chunks/LpCodeBlock-ca7ANFyW.js";
 export {
   _sfc_main as default
 };

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

@@ -81,7 +81,7 @@ type __VLS_Props = {
      */
     copyToast?: string | false;
 };
-declare var __VLS_56: {
+declare var __VLS_61: {
     color: string;
     hsv: {
         h: number;
@@ -91,7 +91,7 @@ declare var __VLS_56: {
     };
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_56) => any;
+    default?: (props: typeof __VLS_61) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     open: import("vue").Ref<boolean, boolean>;

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-BlXea7LM.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-zz4VGkG4.js";
 export {
   _sfc_main as default
 };

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

@@ -39,7 +39,7 @@ export interface Command {
      * `onSelect` still runs when the mode opens, so a command can both act and
      * drill in.
      */
-    children?: Command[] | ((query: string) => Command[] | Promise<Command[]>);
+    children?: Command[] | ((query: string, signal: AbortSignal) => Command[] | Promise<Command[]>);
     /** Placeholder while inside this command's mode. */
     childPlaceholder?: string;
     /**
@@ -72,7 +72,7 @@ export interface Command {
     onSelect?: () => void;
 }
 /** Footer hints and the mode chip, spelled out so an app can translate them. */
-export interface PaletteLabels {
+export type PaletteLabels = {
     navigate: string;
     select: string;
     close: string;
@@ -95,7 +95,12 @@ export interface PaletteLabels {
      * text is never displayed. Kept so existing `labels` objects still type-check.
      */
     noPreview?: string;
-}
+    /** Accessible name and description of the dialog, read by screen readers only. */
+    title?: string;
+    description?: string;
+    /** The key hint printed beside the box and in the footer. */
+    esc?: string;
+};
 type __VLS_Props = {
     open?: boolean;
     commands: Command[];
@@ -124,6 +129,12 @@ type __VLS_Props = {
      * so a stored history never resurrects a command that has gone away.
      */
     recent?: string[];
+    /**
+     * Let the palette keep the history itself, in localStorage under this key:
+     * every top-level command run is remembered, newest first. Ignored while
+     * `recent` is bound, which stays the way to store it somewhere else.
+     */
+    recentKey?: string;
     /** How many recent commands to surface. */
     recentLimit?: number;
     /** Headings the palette adds itself. */

package/dist/components/LpCommandPalette.vue.js

@@ -1,71 +1,75 @@
-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 { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, nextTick, onBeforeUnmount, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, 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";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
+import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-Bry1fdOM.js";
 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 { useLabels } from "../composables/useLpConfig.js";
 import { parseCommandQuery, rankCommandItems } from "./commandSearch.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-B-0Est4Z.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-nGNnzXqQ.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 = {
+const _hoisted_4 = { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" };
+const _hoisted_5 = {
   key: 0,
   class: "px-2 py-10 text-center text-sm text-muted"
 };
-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 = {
+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_13 = {
+const _hoisted_14 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
-const _hoisted_14 = {
+const _hoisted_15 = {
   key: 0,
   class: "lp-cmd-pane hidden min-h-0 shrink-0 flex-col border-l border-line md:flex"
 };
-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 = {
+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 = {
   key: 0,
   class: "lp-cmd-para mt-0.5 text-xs text-muted"
 };
-const _hoisted_18 = {
+const _hoisted_19 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-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_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted [@media(hover:none)_and_(pointer:coarse)]:hidden" };
 const _hoisted_21 = { class: "flex items-center gap-1" };
-const _hoisted_22 = {
+const _hoisted_22 = { class: "flex items-center gap-1" };
+const _hoisted_23 = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_23 = {
+const _hoisted_24 = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_24 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_25 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_26 = { class: "rounded border border-line px-1 text-[10px]" };
+const RECENT_KEEP = 20;
 const STAGGER_MS = 45;
 const STAGGER_MAX = 10;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -80,6 +84,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     debounce: { default: 250 },
     minChars: { default: 1 },
     recent: {},
+    recentKey: {},
     recentLimit: { default: 5 },
     recentLabel: { default: "Recent" },
     resultsLabel: { default: "Results" },
@@ -93,7 +98,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const frosted = useGlass(() => props.glass);
-    const { claim, release, layer } = useModalLayer();
+    const contentRef = ref(null);
+    const { claim, release, layer } = useModalLayer({ element: () => contentRef.value?.$el });
     const DEFAULT_LABELS = {
       navigate: "navigate",
       select: "select",
@@ -107,9 +113,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       openInNewTab: "Open in new tab",
       copyLink: "Copy link",
       linkCopied: "Link copied",
-      noPreview: "No preview"
+      noPreview: "No preview",
+      title: "Command palette",
+      description: "Search and run a command.",
+      esc: "esc"
     };
-    const text = computed(() => ({ ...DEFAULT_LABELS, ...props.labels }));
+    const text = useLabels("palette", DEFAULT_LABELS, () => props.labels);
     const emit = __emit;
     const query = ref("");
     const listId = `lp-cmd-${useId()}`;
@@ -150,14 +159,31 @@ 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 });
     }
+    watch(
+      () => props.commands,
+      (commands) => {
+        if (!trail.value.length) return;
+        let level = commands;
+        const next = [];
+        for (const step of trail.value) {
+          const fresh = level.find((c) => c.id === step.id);
+          if (!fresh) return;
+          next.push(fresh);
+          level = Array.isArray(fresh.children) ? fresh.children : [];
+        }
+        trail.value = next;
+        const last = next[next.length - 1];
+        if (last && Array.isArray(last.children)) modeItems.value = last.children;
+      }
+    );
     function enter(c) {
       trailState.value = [...trailState.value, { query: query.value, selectedId: selectedId.value }];
       trail.value = [...trail.value, c];
@@ -194,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function fetcher() {
       const current = mode.value;
       if (current) {
-        return typeof current.children === "function" ? (q) => current.children(q) : null;
+        return typeof current.children === "function" ? current.children : null;
       }
       return props.search ?? null;
     }
@@ -234,11 +260,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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 ownRecent = ref([]);
+    watch(
+      () => props.recentKey,
+      (key) => {
+        if (!key || typeof localStorage === "undefined") return;
+        try {
+          const stored = JSON.parse(localStorage.getItem(key) ?? "[]");
+          ownRecent.value = Array.isArray(stored) ? stored.filter((v) => typeof v === "string") : [];
+        } catch {
+          ownRecent.value = [];
+        }
+      },
+      { immediate: true }
+    );
+    function remember(id) {
+      const key = props.recentKey;
+      if (!key || props.recent) return;
+      ownRecent.value = [id, ...ownRecent.value.filter((v) => v !== id)].slice(0, RECENT_KEEP);
+      try {
+        localStorage.setItem(key, JSON.stringify(ownRecent.value));
+      } catch {
+      }
+    }
+    const recentIds = computed(() => props.recent ?? (props.recentKey ? ownRecent.value : []));
     const recentItems = computed(() => {
-      if (mode.value || query.value.trim() || !props.recent?.length) return [];
+      if (mode.value || query.value.trim() || !recentIds.value.length) return [];
       const byId = new Map(props.commands.map((c) => [c.id, c]));
       const out = [];
-      for (const id of props.recent) {
+      for (const id of recentIds.value) {
         const c = byId.get(id);
         if (c && !c.disabled && !out.includes(c)) out.push(c);
         if (out.length >= props.recentLimit) break;
@@ -288,6 +338,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const paragraphs = computed(
       () => (active.value?.preview ?? active.value?.excerpt ?? "").split(/\n{2,}/).map((part) => part.trim()).filter(Boolean)
     );
+    const paneDescription = computed(() => {
+      const description = active.value?.description?.trim();
+      if (!description) return void 0;
+      const body = paragraphs.value.join(" ");
+      return body.startsWith(description) ? void 0 : description;
+    });
     watch(
       () => active.value?.id,
       async () => {
@@ -300,8 +356,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         else viewport.scrollTop = 0;
       }
     );
+    const flatIndex = computed(() => new Map(flat.value.map((c, i) => [c, i])));
     function flatIndexOf(c) {
-      return flat.value.indexOf(c);
+      return flatIndex.value.get(c) ?? -1;
     }
     function highlight(value, extra = []) {
       const terms = [...new Set([...local.value.terms, ...extra.map((t) => t.toLowerCase())].filter((t) => t.length >= 2))].sort(
@@ -376,6 +433,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onPaletteKeydown(event) {
       if (event.isComposing) return;
       if (!["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(event.key)) return;
+      const typing = event.target instanceof HTMLInputElement && event.target.value !== "";
+      if (typing && (event.key === "Home" || event.key === "End")) return;
       event.preventDefault();
       event.stopPropagation();
       if (event.key === "ArrowDown") moveDown();
@@ -425,9 +484,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
       emit("run", c.id, c);
+      if (!mode.value) remember(c.id);
       if (c.keepOpen) {
         query.value = "";
-        select(0);
+        if (mode.value) void nextTick(() => select(Math.max(0, flat.value.findIndex((x) => x.id === c.id))));
+        else select(0);
         inputRef.value?.focus();
         return;
       }
@@ -472,6 +533,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           code: "KeyK",
           ctrl: true,
           allowInInput: true,
+          overLayers: true,
+          repeat: false,
           handler: () => emit("update:open", !props.open)
         }
       ] : []
@@ -489,6 +552,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle({ zIndex: unref(layer).scrim })
               }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
+                ref_key: "contentRef",
+                ref: contentRef,
                 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,
@@ -498,15 +563,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createVNode(unref(DialogTitle), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[4] || (_cache[4] = [
-                      createTextVNode("Command palette", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(text).title), 1)
+                    ]),
                     _: 1
                   }),
                   createVNode(unref(DialogDescription), { class: "sr-only" }, {
-                    default: withCtx(() => [..._cache[5] || (_cache[5] = [
-                      createTextVNode("Search and run a command.", -1)
-                    ])]),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(text).description), 1)
+                    ]),
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
@@ -526,7 +591,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         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,
+                        title: unref(text).back,
                         onClick: ($event) => popTo(i)
                       }, [
                         step.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -563,7 +628,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 40, _hoisted_3), [
                       [vModelText, query.value]
                     ]),
-                    _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("kbd", _hoisted_4, toDisplayString(unref(text).esc), 1)
                   ]),
                   createElementVNode("div", {
                     class: "flex min-h-0 flex-1",
@@ -576,7 +641,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "content-class": "p-2"
                     }, {
                       default: withCtx(() => [
-                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(searching) ? unref(text).searching : __props.emptyText), 1)) : createCommentVNode("", true),
                         createElementVNode("div", {
                           id: listId,
                           role: "listbox"
@@ -591,7 +656,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_6)) : createCommentVNode("", true),
+                              }, 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)),
@@ -618,24 +683,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_7, [
-                                      createElementVNode("span", _hoisted_8, [
+                                    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_9, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            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_10, [
+                                      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_11, 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);
@@ -650,14 +715,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `e${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            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_13, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                    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,
@@ -667,7 +732,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_5);
+                            ], 8, _hoisted_6);
                           }), 128))
                         ]),
                         failed.value ? (openBlock(), createElementBlock("div", {
@@ -680,7 +745,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             size: 15,
                             class: "shrink-0"
                           }),
-                          createElementVNode("span", null, toDisplayString(text.value.searchFailed), 1),
+                          createElementVNode("span", null, toDisplayString(unref(text).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",
@@ -688,14 +753,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               refresh();
                               inputRef.value?.focus();
                             })
-                          }, toDisplayString(text.value.retry), 1)
+                          }, toDisplayString(unref(text).retry), 1)
                         ], 2)) : createCommentVNode("", true)
                       ]),
                       _: 1
                     }, 512),
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
-                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_14, [
+                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
                           createVNode(_sfc_main$2, {
                             ref_key: "previewRef",
                             ref: previewRef,
@@ -707,16 +772,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: active.value.id
                               }, [
                                 renderSlot(_ctx.$slots, "preview", { command: active.value }, () => [
-                                  createElementVNode("div", _hoisted_15, [
+                                  createElementVNode("div", _hoisted_16, [
                                     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_16, toDisplayString(active.value.label), 1)
+                                    createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  paneDescription.value ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(paneDescription.value), 1)) : createCommentVNode("", true),
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
@@ -727,7 +792,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                         return openBlock(), createElementBlock(Fragment, {
                                           key: `p${pi}`
                                         }, [
-                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(p.text), 1)
                                           ], 64))
                                         ], 64);
@@ -744,27 +809,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       _: 3
                     })
                   ], 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("div", _hoisted_20, [
                     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)
+                      _cache[4] || (_cache[4] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
+                      _cache[5] || (_cache[5] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).navigate), 1)
+                    ]),
+                    createElementVNode("span", _hoisted_22, [
+                      _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).select), 1)
                     ]),
-                    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)
+                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "tab", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).actions), 1)
                     ])) : createCommentVNode("", true),
-                    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)
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                      _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
+                      createTextVNode(" " + toDisplayString(unref(text).back), 1)
                     ])) : createCommentVNode("", true),
-                    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)
+                    createElementVNode("span", _hoisted_25, [
+                      createElementVNode("kbd", _hoisted_26, toDisplayString(unref(text).esc), 1),
+                      createTextVNode(" " + toDisplayString(unref(text).close), 1)
                     ])
                   ])
                 ]),
@@ -779,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-89a89377"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2da506c1"]]);
 export {
   LpCommandPalette as default
 };

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

@@ -1,3 +1,9 @@
+export type ConfirmLabels = {
+    confirm: string;
+    cancel: string;
+    loading: string;
+    failed: string;
+};
 type __VLS_Props = {
     open?: boolean;
     title?: string;
@@ -25,11 +31,20 @@ type __VLS_Props = {
      * The confirm action is in flight: the button disables and swaps to
      * `loadingLabel`, and confirming no longer closes the dialog — the owner
      * closes it once the work settles, so a failure can stay on screen.
+     * Setting it from the `confirm` handler is enough; the dialog waits a tick
+     * for it before deciding to close.
      */
     loading?: boolean;
     loadingLabel?: string;
+    /**
+     * The work behind the confirm button. When given, the dialog runs it,
+     * shows the loading state itself, closes once it resolves and stays open
+     * with the error's message when it rejects.
+     */
+    action?: () => unknown;
     /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
+    labels?: Partial<ConfirmLabels>;
 };
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {
@@ -45,9 +60,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onConfirm?: (() => any) | undefined;
 }>, {
     glass: boolean;
-    confirmLabel: string;
-    cancelLabel: string;
-    loadingLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpConfirmDialog.vue.js

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