@leavepulse/ui 0.70.1 → 0.71.0

package/dist/components/LpCommandPalette.vue.js

@@ -1,9 +1,13 @@
-import { defineComponent, ref, useId, computed, shallowRef, watch, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, Transition, renderSlot } from "vue";
+import { defineComponent, computed, h, shallowRef, ref, watch, useId, useSlots, onBeforeUnmount, nextTick, openBlock, createBlock, unref, withCtx, createVNode, normalizeStyle, normalizeClass, withModifiers, createTextVNode, toDisplayString, createElementVNode, createElementBlock, Fragment, renderList, createCommentVNode, withDirectives, withKeys, vModelText, resolveDynamicComponent, vShow, Transition, renderSlot } from "vue";
 import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription } from "reka-ui";
-import { _ as _sfc_main$4 } from "../chunks/LpAvatar-CLPl-qOF.js";
-import { _ as _sfc_main$1 } from "../chunks/LpIcon-HJP5xMz4.js";
+import { usePaletteScope, suppressPaletteDiscovery, mergePaletteCommands } from "../composables/usePaletteCommands.js";
+import { useToast } from "../composables/useToast.js";
+import { _ as _sfc_main$3 } from "../chunks/LpButton-BQDAFXBd.js";
+import { _ as _sfc_main$6 } from "../chunks/PalettePreviewBoundary-B0Hhu3Yw.js";
+import { _ as _sfc_main$5 } from "../chunks/LpAvatar-DqfKCIdr.js";
+import { _ as _sfc_main$1 } from "../chunks/LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$2 } from "../chunks/LpLoader-DjJEX8hL.js";
-import { _ as _sfc_main$3 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
 import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";
@@ -15,65 +19,85 @@ import { hints } from "../composables/useHints.js";
 import { runningHintSystem, HINT_SIGNALS } from "../composables/useHintSystem.js";
 import { useModalLayer } from "./modalDepth.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { parseCommandQuery, rankCommandItems, applyQueryFilters, parsePaletteQuery, highlightParts } from "./commandSearch.js";
-import { fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, modeChipLabel, toRecentItem, pushRecent } from "./commandPalette.js";
+import { parseCommandQuery, searchCommandItems, applyQueryFilters, parsePaletteQuery, highlightParts } from "./commandSearch.js";
+import { PALETTE_MODES, fallbackRows, readRecent, resolveRecentItems, recentVisible, commandHasPreview, matchModePrefix, modeChipLabel, pushRecent, toRecentItem } from "./commandPalette.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-u-zOxKWa.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-DgPZX0us.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_3 = ["readonly", "aria-activedescendant", "placeholder", "onKeydown"];
 const _hoisted_4 = { class: "shrink-0 rounded-small 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"
+  class: "flex flex-col gap-3 p-4"
+};
+const _hoisted_6 = { class: "text-sm font-semibold" };
+const _hoisted_7 = {
+  key: 0,
+  role: "alert",
+  class: "text-sm text-danger"
+};
+const _hoisted_8 = { class: "flex gap-2" };
+const _hoisted_9 = {
+  key: 1,
+  role: "alert",
+  class: "px-4 py-2 text-sm text-danger"
 };
-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: 2,
+  class: "flex items-center justify-end gap-2 border-b border-line px-3 py-1"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "px-2 py-10 text-center text-sm text-muted"
+};
+const _hoisted_12 = ["aria-labelledby"];
+const _hoisted_13 = ["id"];
+const _hoisted_14 = { class: "min-w-0 flex-1" };
+const _hoisted_15 = { class: "block truncate font-medium" };
+const _hoisted_16 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_11 = {
+const _hoisted_17 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_12 = {
+const _hoisted_18 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_13 = {
+const _hoisted_19 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_14 = {
+const _hoisted_20 = {
   key: 3,
   class: "shrink-0 rounded-small border border-line px-1.5 font-mono text-[11px] whitespace-pre text-muted"
 };
-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_16 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
-const _hoisted_17 = { class: "min-w-0 text-base font-semibold" };
-const _hoisted_18 = {
+const _hoisted_21 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
+const _hoisted_22 = { class: "min-w-0 text-base font-semibold" };
+const _hoisted_23 = {
   key: 0,
   class: "lp-cmd-para mt-0.5 text-xs text-muted"
 };
-const _hoisted_19 = {
+const _hoisted_24 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted [@media(hover:none)_and_(pointer:coarse)]:hidden" };
-const _hoisted_21 = { class: "flex items-center gap-1" };
-const _hoisted_22 = { class: "flex items-center gap-1" };
-const _hoisted_23 = {
+const _hoisted_25 = {
+  key: 1,
+  class: "mt-4 flex flex-wrap gap-2 border-t border-line pt-3"
+};
+const _hoisted_26 = { 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_27 = { class: "flex items-center gap-1" };
+const _hoisted_28 = { class: "flex items-center gap-1" };
+const _hoisted_29 = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_24 = { class: "ml-auto flex items-center gap-1" };
-const _hoisted_25 = { class: "rounded-small border border-line px-1 text-[10px]" };
+const _hoisted_30 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_31 = { class: "rounded-small border border-line px-1 text-[10px]" };
 const PALETTE_ACTIONS_AFTER = 3;
 const RECENT_KEEP = 20;
 const PANE_LINGER_MS = 160;
@@ -81,7 +105,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandPalette",
   props: {
     open: { type: Boolean },
-    commands: {},
+    commands: { default: () => [] },
+    context: { type: Boolean, default: true },
+    modes: {},
+    pinned: {},
+    pinnedKey: {},
+    pinnedLabel: {},
     placeholder: { default: "Type a command or search…" },
     emptyText: { default: "No results" },
     hotkey: { type: Boolean, default: true },
@@ -101,14 +130,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasPreview: {},
     glass: { type: Boolean, default: void 0 }
   },
-  emits: ["update:open", "select", "run", "remember"],
+  emits: ["update:open", "select", "update:pinned", "run", "remember"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const paletteScope = usePaletteScope();
+    suppressPaletteDiscovery();
+    const baseCommands = computed(() => mergePaletteCommands(props.context ? paletteScope?.registry.commands.value ?? [] : [], props.commands));
+    const rootCommands = computed(() => mergePaletteCommands([
+      ...baseCommands.value,
+      ...Object.entries(PALETTE_MODES).flatMap(([key, definition]) => {
+        const name = key;
+        const children = props.modes?.[name] ?? (name === "commands" ? baseCommands.value.filter((c) => !c.href && !c.children && !c.editInPreview) : name === "help" ? [{ id: "palette/help/keys", label: "Keyboard navigation", editInPreview: true, previewComponent: { render: () => h("p", { class: "whitespace-pre-line text-sm leading-relaxed" }, "↑ ↓ Navigate results\nEnter Run or edit\nTab Result actions\nAlt+P Pin a result\nEscape Back or close") } }] : void 0);
+        return children ? [{ id: `palette/mode/${name}`, ...definition, label: text.value[name], children, group: text.value.search, remember: false }] : [];
+      })
+    ], []));
+    const toast = useToast();
+    const editing = shallowRef();
+    let stopEditorFocus;
+    const promptCommand = shallowRef();
+    const promptValue = ref("");
+    const promptError = ref("");
+    const promptValidation = useAsyncTask();
+    const validating = promptValidation.pending;
+    watch(promptCommand, () => promptValidation.cancel(), { flush: "sync" });
+    const executing = ref(false);
+    const actionError = ref("");
+    let executionEpoch = 0;
+    let afterClose;
+    const inputQuery = computed({ get: () => promptCommand.value ? promptValue.value : query.value, set: (value) => {
+      if (promptCommand.value) {
+        promptValidation.cancel();
+        promptValue.value = value;
+        promptError.value = "";
+      } else query.value = value;
+    } });
     const frosted = useGlass(() => props.glass);
     const contentRef = ref(null);
     const { claim, release, layer } = useModalLayer({ element: () => contentRef.value?.$el });
     const DEFAULT_LABELS = {
+      ...Object.fromEntries(Object.entries(PALETTE_MODES).map(([key, mode2]) => [key, mode2.label])),
+      search: "Search",
+      pinned: "Pinned",
       navigate: "navigate",
+      pin: "Pin",
+      unpin: "Unpin",
+      undo: "Undo",
+      backToResults: "Back to results",
+      actionFailed: "The action could not be completed.",
+      submit: "Submit",
+      running: "Running…",
       select: "select",
       close: "close",
       back: "back",
@@ -127,6 +197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tab: "tab"
     };
     const text = useLabels("palette", DEFAULT_LABELS, () => props.labels);
+    const pinnedHeading = computed(() => props.pinnedLabel ?? text.value.pinned);
     const emit = __emit;
     const query = ref("");
     const listId = `lp-cmd-${useId()}`;
@@ -167,23 +238,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const selectedActions = computed(() => actionsOf(flat.value[selectedIndex.value]));
     function onTab(event) {
+      if (promptCommand.value) return;
       if (event.shiftKey) return;
       const c = flat.value[selectedIndex.value];
       const actions = selectedActions.value;
       if (!c || !actions.length) return;
       event.preventDefault();
       event.stopPropagation();
+      openActions(c);
+    }
+    function openActions(c) {
+      const actions = actionsOf(c);
+      if (!actions.length) return;
       const actionsMode = { id: `${c.id}:actions`, label: c.label, icon: c.icon, children: actions };
       syntheticModes.add(actionsMode);
       hints.use(HINT_SIGNALS.paletteActions);
       enter(actionsMode);
+      inputRef.value?.focus();
     }
     const showActionsKey = computed(() => {
       const system = runningHintSystem();
       return !!system?.state.loaded && system.count(HINT_SIGNALS.palette) >= PALETTE_ACTIONS_AFTER && system.count(HINT_SIGNALS.paletteActions) === 0;
     });
     watch(
-      () => props.commands,
+      () => rootCommands.value,
       (commands) => {
         if (!trail.value.length) return;
         let level = commands;
@@ -262,13 +340,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    const source = computed(() => mode.value ? modeItems.value : props.commands);
+    const source = computed(() => mode.value ? modeItems.value : rootCommands.value);
     const local = computed(() => {
       const terms = parseCommandQuery(query.value);
       const filtered = query.value.trim() ? source.value.filter((c) => !c.fallback) : source.value.filter((c) => !c.hidden && !c.fallback);
       if (!terms.include.length && !terms.exclude.length && !terms.groups.length) return { items: filtered, terms: [] };
-      const items = rankCommandItems(filtered, terms);
-      return { items, terms: terms.include };
+      return searchCommandItems(filtered, terms);
     });
     const ranked = computed(() => local.value.items);
     const fetched = computed(() => {
@@ -309,7 +386,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (mode.value || !recentList.value.length) return [];
       const terms = parseCommandQuery(query.value);
       if (terms.include.length) return [];
-      const found2 = resolveRecentItems(recentList.value, props.commands, {
+      const found2 = resolveRecentItems(recentList.value, rootCommands.value, {
         limit: Number.POSITIVE_INFINITY,
         resolve: props.resolveRecent,
         fromEntry
@@ -323,6 +400,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return out;
     });
+    const storedPinned = usePersisted(() => props.pinnedKey ?? (props.recentKey ? `${props.recentKey}:pinned` : void 0), []);
+    const pinList = computed(() => props.pinned ?? readRecent(storedPinned.value));
+    const pinResolved = computed(() => resolveRecentItems(pinList.value, rootCommands.value, { limit: Infinity, resolve: props.resolveRecent, fromEntry }));
+    const pinnedItems = computed(() => {
+      if (mode.value || parseCommandQuery(query.value).include.length) return [];
+      return pinResolved.value.filter(({ command }) => recentVisible(command, parseCommandQuery(query.value), pinnedHeading.value)).map(({ command, path }) => {
+        recentPath.set(command, path);
+        return command;
+      });
+    });
+    function isPinned(command) {
+      const path = recentPath.get(command) ?? trail.value.map((step) => step.id);
+      return pinList.value.some((item) => typeof item === "string" ? !path.length && item === command.id : item.id === command.id && item.path.join("\0") === path.join("\0"));
+    }
+    function togglePin(command) {
+      if (!command || moreOf.has(command) || command.children || trail.value.some((step) => syntheticModes.has(step))) return;
+      const path = recentPath.get(command) ?? trail.value.map((step) => step.id);
+      const next = isPinned(command) ? pinList.value.filter((item) => typeof item === "string" ? item !== command.id : item.id !== command.id || item.path.join("\0") !== path.join("\0")) : pushRecent(pinList.value, toRecentItem(command, path), Infinity);
+      if (props.pinned === void 0) storedPinned.value = next;
+      emit("update:pinned", next);
+    }
     const grouped = computed(() => {
       const order = [];
       const map = /* @__PURE__ */ new Map();
@@ -333,9 +431,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         map.get(group).push(c);
       };
-      const recent = recentItems.value;
+      const pinned = pinnedItems.value;
+      for (const c of pinned) push(c, pinnedHeading.value);
+      const recent = recentItems.value.filter((c) => !pinned.some((p) => p.id === c.id));
       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 ranked.value) if (!recent.includes(c) && !pinned.some((p) => p.id === c.id)) push(c, c.group ?? "");
       for (const c of fetched.value) push(c, c.group ?? "");
       const tail = /* @__PURE__ */ new Map();
       for (const c of fallbacks.value) {
@@ -371,14 +471,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const c = flat.value[selectedIndex.value];
       return c && !moreOf.has(c) ? c : void 0;
     });
+    const canPin = computed(() => active.value && !active.value.children && !moreOf.has(active.value) && !trail.value.some((step) => syntheticModes.has(step)));
     const previewRef = ref(null);
     const previewable = computed(
-      () => props.previewPane && commandHasPreview(active.value, { slot: !!slots.preview, hasPreview: props.hasPreview })
+      () => (props.previewPane || !!editing.value) && commandHasPreview(active.value, { slot: !!slots.preview, hasPreview: props.hasPreview })
     );
     const paneCommand = shallowRef();
     let lingerTimer;
     watch(
-      [active, previewable],
+      [() => editing.value ?? active.value, previewable],
       ([command, show]) => {
         clearTimeout(lingerTimer);
         if (show) {
@@ -391,7 +492,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     onBeforeUnmount(() => clearTimeout(lingerTimer));
-    const paneOpen = computed(() => props.previewPane && !!paneCommand.value);
+    const paneOpen = computed(() => !promptCommand.value && (!!editing.value || props.previewPane && !!paneCommand.value));
     function paneHighlight(text2) {
       return highlight(text2, paneBody.value?.highlight);
     }
@@ -490,7 +591,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       select(selectedIndex.value + direction * 8, true);
     }
     function onPaletteKeydown(event) {
-      if (event.isComposing) return;
+      if (event.isComposing || event.target !== inputRef.value || promptCommand.value) return;
+      if (event.altKey && event.key.toLowerCase() === "p") {
+        event.preventDefault();
+        togglePin(active.value);
+        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;
@@ -505,10 +611,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onPointerMove() {
       keyboardSelection.value = false;
     }
+    function onCloseAutoFocus(event) {
+      if (!afterClose) return;
+      event.preventDefault();
+      const focus = afterClose;
+      afterClose = void 0;
+      requestAnimationFrame(focus);
+    }
+    async function focusEditor() {
+      stopEditorFocus?.();
+      await nextTick();
+      if (!editing.value) return;
+      const root = previewRef.value?.viewportEl;
+      if (!root) return;
+      const focus = () => {
+        const body = root.querySelector("[data-lp-command-preview]");
+        const field = body?.querySelector('input:not([type="hidden"]):not([disabled]):not([tabindex="-1"]):not([aria-hidden="true"]),textarea:not([disabled]):not([tabindex="-1"]),select:not([disabled]),[contenteditable="true"]') ?? body?.querySelector('button:not([disabled]):not([tabindex="-1"]),[tabindex="0"]');
+        field?.focus();
+        return !!field;
+      };
+      if (focus()) return;
+      const observer = new MutationObserver(() => {
+        if (focus()) {
+          observer.disconnect();
+          stopEditorFocus = void 0;
+        }
+      });
+      observer.observe(root, { childList: true, subtree: true });
+      stopEditorFocus = () => {
+        observer.disconnect();
+        stopEditorFocus = void 0;
+      };
+    }
+    watch([editing, () => props.open], () => {
+      if (!editing.value || !props.open) stopEditorFocus?.();
+    });
+    onBeforeUnmount(() => stopEditorFocus?.());
     function onPointerEnter(c) {
       if (!keyboardSelection.value) select(flatIndexOf(c));
     }
     function runSelected(event) {
+      if (promptCommand.value) {
+        void submitPrompt();
+        return;
+      }
       const c = flat.value[selectedIndex.value];
       if (c?.href && !c.disabled && (event?.ctrlKey || event?.metaKey)) {
         openInNewTab(c);
@@ -528,8 +674,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       event.preventDefault();
       run(c);
     }
-    function run(row) {
-      if (!row || row.disabled) return;
+    async function run(row) {
+      if (!row || row.disabled || executing.value) return;
       const c = fallbackOf.get(row) ?? row;
       const group = moreOf.get(row);
       if (group !== void 0) {
@@ -538,8 +684,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         inputRef.value?.focus();
         return;
       }
-      emit("select", c);
-      c.onSelect?.();
+      if (c.editInPreview && c.previewComponent) {
+        editing.value = c;
+        paneCommand.value = c;
+        await focusEditor();
+        return;
+      }
+      if (c.prompt) {
+        promptCommand.value = c;
+        promptValue.value = c.prompt.initial ?? "";
+        promptError.value = "";
+        inputRef.value?.focus();
+        return;
+      }
+      if (!await execute(c, () => c.onSelect?.())) return;
       if (!c.onSelect && c.href && !c.children) window.location.assign(c.href);
       if (c.children) {
         const carried = query.value;
@@ -556,13 +714,65 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         inputRef.value?.focus();
         return;
       }
+      afterClose = c.afterClose;
       emit("update:open", false);
     }
+    async function execute(command, action) {
+      if (executing.value) return false;
+      executing.value = true;
+      actionError.value = "";
+      const epoch = executionEpoch;
+      try {
+        emit("select", command);
+        const result = await action();
+        if (command.undo) toast.success(command.label, { duration: 8e3, actions: [{ label: text.value.undo, onClick: async () => {
+          await command.undo(result);
+        } }] });
+        return epoch === executionEpoch;
+      } catch (error) {
+        if (epoch === executionEpoch) actionError.value = error instanceof Error ? error.message : text.value.actionFailed;
+        return false;
+      } finally {
+        executing.value = false;
+      }
+    }
+    function submitPrompt() {
+      const command = promptCommand.value;
+      if (!command?.prompt || executing.value || validating.value) return;
+      const value = promptValue.value;
+      promptValidation.run(() => command.prompt.validate?.(value), {
+        apply: (error) => {
+          void completePrompt(command, value, error);
+        },
+        fail: (error) => {
+          promptError.value = error instanceof Error ? error.message : text.value.actionFailed;
+        }
+      });
+    }
+    async function completePrompt(command, value, error) {
+      if (promptCommand.value !== command || promptValue.value !== value) return;
+      promptError.value = error ?? "";
+      if (promptError.value || !await execute(command, () => command.prompt.submit(value))) return;
+      remember(command);
+      emit("run", command.id, command);
+      if (promptCommand.value !== command) return;
+      promptCommand.value = void 0;
+      afterClose = command.afterClose;
+      if (!command.keepOpen) emit("update:open", false);
+    }
     function onBackspace(event) {
-      if (query.value) return;
+      if (promptCommand.value || query.value) return;
       if (back()) event.preventDefault();
     }
     function onEscape(event) {
+      if (promptCommand.value || editing.value) {
+        event.preventDefault();
+        event.stopPropagation();
+        promptCommand.value = void 0;
+        editing.value = void 0;
+        inputRef.value?.focus();
+        return;
+      }
       if (!trail.value.length) return;
       event.preventDefault();
       event.stopPropagation();
@@ -575,6 +785,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           claim();
           hints.use(HINT_SIGNALS.palette);
         } else release();
+        executionEpoch++;
+        editing.value = void 0;
+        promptCommand.value = void 0;
+        promptError.value = "";
+        actionError.value = "";
         cancel();
         query.value = "";
         select(0);
@@ -610,7 +825,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogRoot), {
         open: __props.open,
-        "onUpdate:open": _cache[3] || (_cache[3] = (v) => emit("update:open", v))
+        "onUpdate:open": _cache[9] || (_cache[9] = (v) => emit("update:open", v))
       }, {
         default: withCtx(() => [
           createVNode(unref(DialogPortal), { to: unref(portalTo) }, {
@@ -621,13 +836,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["class", "style"]),
               createVNode(unref(DialogContent), {
                 onInteractOutside: unref(guardOutside),
-                onEscapeKeyDown: unref(guardOutside),
+                onEscapeKeyDown: _cache[7] || (_cache[7] = (event) => {
+                  unref(guardOutside)(event);
+                  if (!event.defaultPrevented) onEscape(event);
+                }),
+                onCloseAutoFocus,
                 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 lp-glass-overlay--nested" : "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
                 style: normalizeStyle({ zIndex: unref(layer).panel }),
                 "data-pane": paneOpen.value ? "open" : void 0,
-                onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
+                "data-editing": editing.value ? "" : void 0,
+                onOpenAutoFocus: _cache[8] || (_cache[8] = withModifiers(() => {
                 }, ["prevent"])),
                 onKeydownCapture: onPaletteKeydown
               }, {
@@ -645,7 +865,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     _: 1
                   }),
                   createElementVNode("div", _hoisted_1, [
-                    !unref(searching) ? (openBlock(), createBlock(_sfc_main$1, {
+                    !unref(searching) && !executing.value && !unref(validating) ? (openBlock(), createBlock(_sfc_main$1, {
                       key: 0,
                       name: "lucide:search",
                       size: 18,
@@ -654,7 +874,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 1,
                       size: "inline",
                       delay: 0,
-                      labels: { loading: unref(text).searching },
+                      labels: { loading: executing.value || unref(validating) ? unref(text).running : unref(text).searching },
                       class: "shrink-0 text-[18px] text-muted"
                     }, null, 8, ["labels"])),
                     (openBlock(true), createElementBlock(Fragment, null, renderList(trail.value, (step, i) => {
@@ -681,14 +901,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     withDirectives(createElementVNode("input", {
                       ref_key: "inputRef",
                       ref: inputRef,
-                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputQuery.value = $event),
+                      readonly: executing.value && !!promptCommand.value,
+                      onFocus: _cache[1] || (_cache[1] = ($event) => editing.value = void 0),
                       type: "text",
                       role: "combobox",
                       "aria-autocomplete": "list",
                       "aria-expanded": "true",
                       "aria-controls": listId,
                       "aria-activedescendant": activeId.value,
-                      placeholder: mode.value?.childPlaceholder ?? __props.placeholder,
+                      placeholder: promptCommand.value?.prompt?.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(runSelected, ["prevent"]), ["enter"]),
@@ -697,22 +919,82 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         withKeys(onTab, ["tab"])
                       ]
                     }, null, 40, _hoisted_3), [
-                      [vModelText, query.value]
+                      [vModelText, inputQuery.value]
                     ]),
                     createElementVNode("kbd", _hoisted_4, toDisplayString(unref(text).esc), 1)
                   ]),
+                  promptCommand.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    createElementVNode("p", _hoisted_6, toDisplayString(promptCommand.value.label), 1),
+                    promptError.value ? (openBlock(), createElementBlock("p", _hoisted_7, toDisplayString(promptError.value), 1)) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_8, [
+                      createVNode(_sfc_main$3, {
+                        loading: executing.value || unref(validating),
+                        onClick: submitPrompt
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(text).submit), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["loading"]),
+                      createVNode(_sfc_main$3, {
+                        variant: "ghost",
+                        onClick: _cache[2] || (_cache[2] = ($event) => {
+                          promptCommand.value = void 0;
+                          inputRef.value?.focus();
+                        })
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(text).backToResults), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ])) : createCommentVNode("", true),
+                  actionError.value ? (openBlock(), createElementBlock("p", _hoisted_9, toDisplayString(actionError.value), 1)) : createCommentVNode("", true),
+                  active.value && (canPin.value || selectedActions.value.length) && !promptCommand.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                    selectedActions.value.length ? (openBlock(), createBlock(_sfc_main$3, {
+                      key: 0,
+                      size: "xs",
+                      variant: "ghost",
+                      onClick: _cache[3] || (_cache[3] = ($event) => openActions(active.value))
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(text).actions) + " ", 1),
+                        _cache[10] || (_cache[10] = createElementVNode("span", { class: "text-muted" }, "Tab", -1))
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true),
+                    canPin.value ? (openBlock(), createBlock(_sfc_main$3, {
+                      key: 1,
+                      size: "xs",
+                      variant: "ghost",
+                      "aria-label": isPinned(active.value) ? unref(text).unpin : unref(text).pin,
+                      "aria-pressed": isPinned(active.value),
+                      onClick: _cache[4] || (_cache[4] = ($event) => togglePin(active.value))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$1, {
+                          name: "lucide:star",
+                          size: 14
+                        }),
+                        createTextVNode(toDisplayString(isPinned(active.value) ? unref(text).unpin : unref(text).pin) + " ", 1),
+                        _cache[11] || (_cache[11] = createElementVNode("span", { class: "text-muted" }, "Alt+P", -1))
+                      ]),
+                      _: 1
+                    }, 8, ["aria-label", "aria-pressed"])) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true),
                   createElementVNode("div", {
                     class: "flex min-h-0 flex-1",
                     onPointermove: onPointerMove
                   }, [
-                    createVNode(_sfc_main$3, {
+                    withDirectives(createVNode(_sfc_main$4, {
                       ref_key: "scrollRef",
                       ref: scrollRef,
                       class: "lp-cmd-list 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) ? unref(text).searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(unref(searching) ? unref(text).searching : __props.emptyText), 1)) : createCommentVNode("", true),
                         createElementVNode("div", {
                           id: listId,
                           role: "listbox"
@@ -727,7 +1009,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: 0,
                                 id: `${listId}-g${gi}`,
                                 class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
-                              }, toDisplayString(group.name), 9, _hoisted_7)) : createCommentVNode("", true),
+                              }, toDisplayString(group.name), 9, _hoisted_13)) : createCommentVNode("", true),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
                                 return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
                                   id: optionId(flatIndexOf(c)),
@@ -748,7 +1030,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   onPointerenter: ($event) => onPointerEnter(c)
                                 }, {
                                   default: withCtx(() => [
-                                    imageOf(c) ? (openBlock(), createBlock(_sfc_main$4, {
+                                    imageOf(c) ? (openBlock(), createBlock(_sfc_main$5, {
                                       key: 0,
                                       src: imageOf(c).src ?? void 0,
                                       alt: imageOf(c).alt ?? "",
@@ -763,24 +1045,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       size: 16,
                                       class: normalizeClass(["shrink-0", { "mt-0.5": c.excerpt }])
                                     }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                    createElementVNode("span", _hoisted_8, [
-                                      createElementVNode("span", _hoisted_9, [
+                                    createElementVNode("span", _hoisted_14, [
+                                      createElementVNode("span", _hoisted_15, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `l${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_16, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ]),
-                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_17, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `d${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
@@ -795,7 +1077,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `e${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_13, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
@@ -805,7 +1087,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     c.shortcut ? (openBlock(), createBlock(MenuShortcut, {
                                       key: 2,
                                       combo: c.shortcut
-                                    }, null, 8, ["combo"])) : c.prefix && c.children ? (openBlock(), createElementBlock("kbd", _hoisted_14, toDisplayString(c.prefix), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                    }, null, 8, ["combo"])) : c.prefix && c.children ? (openBlock(), createElementBlock("kbd", _hoisted_20, toDisplayString(c.prefix), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 4,
                                       name: "lucide:chevron-right",
                                       size: 14,
@@ -815,7 +1097,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   _: 2
                                 }, 1064, ["id", "href", "type", "aria-selected", "aria-disabled", "data-cmd-index", "disabled", "class", "onClick", "onPointerenter"]);
                               }), 128))
-                            ], 8, _hoisted_6);
+                            ], 8, _hoisted_12);
                           }), 128))
                         ]),
                         failed.value ? (openBlock(), createElementBlock("div", {
@@ -832,7 +1114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createElementVNode("button", {
                             type: "button",
                             class: "rounded-inner 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) => {
+                            onClick: _cache[5] || (_cache[5] = ($event) => {
                               refresh();
                               inputRef.value?.focus();
                             })
@@ -840,11 +1122,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         ], 2)) : createCommentVNode("", true)
                       ]),
                       _: 1
-                    }, 512),
+                    }, 512), [
+                      [vShow, !editing.value && !promptCommand.value]
+                    ]),
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
-                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
-                          createVNode(_sfc_main$3, {
+                        paneOpen.value ? (openBlock(), createElementBlock("aside", {
+                          key: 0,
+                          class: normalizeClass(["lp-cmd-pane min-h-0 flex-col", editing.value ? "flex min-w-0 flex-1" : "hidden shrink-0 border-l border-line md:flex"])
+                        }, [
+                          createVNode(_sfc_main$4, {
                             ref_key: "previewRef",
                             ref: previewRef,
                             class: "min-h-0 flex-1",
@@ -854,65 +1141,103 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               paneBody.value ? (openBlock(), createElementBlock("div", {
                                 key: paneBody.value.id
                               }, [
-                                renderSlot(_ctx.$slots, "preview", {
-                                  command: paneBody.value,
-                                  highlight: paneHighlight,
-                                  query: paneQuery.value
-                                }, () => [
-                                  createElementVNode("div", _hoisted_16, [
-                                    imageOf(paneBody.value) ? (openBlock(), createBlock(_sfc_main$4, {
-                                      key: 0,
-                                      src: imageOf(paneBody.value).src ?? void 0,
-                                      alt: imageOf(paneBody.value).alt ?? "",
-                                      fallback: imageOf(paneBody.value).fallback,
-                                      icon: imageOf(paneBody.value).icon,
-                                      shape: imageOf(paneBody.value).shape ?? "soft",
-                                      "pixel-size": 28,
-                                      class: normalizeClass(["shrink-0", IMAGE_RADIUS[imageOf(paneBody.value).shape ?? "soft"]])
-                                    }, null, 8, ["src", "alt", "fallback", "icon", "shape", "class"])) : paneBody.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
-                                      key: 1,
-                                      name: paneBody.value.icon,
-                                      size: 16,
-                                      class: "shrink-0 text-muted"
-                                    }, null, 8, ["name"])) : createCommentVNode("", true),
-                                    createElementVNode("h3", _hoisted_17, toDisplayString(paneBody.value.label), 1)
+                                editing.value ? (openBlock(), createBlock(_sfc_main$3, {
+                                  key: 0,
+                                  size: "sm",
+                                  variant: "ghost",
+                                  class: "mb-3",
+                                  onClick: _cache[6] || (_cache[6] = ($event) => {
+                                    editing.value = void 0;
+                                    inputRef.value?.focus();
+                                  })
+                                }, {
+                                  default: withCtx(() => [
+                                    createTextVNode(toDisplayString(unref(text).backToResults), 1)
+                                  ]),
+                                  _: 1
+                                })) : createCommentVNode("", true),
+                                createVNode(_sfc_main$6, null, {
+                                  default: withCtx(() => [
+                                    renderSlot(_ctx.$slots, "preview", {
+                                      command: paneBody.value,
+                                      highlight: paneHighlight,
+                                      query: paneQuery.value
+                                    }, () => [
+                                      paneBody.value.previewComponent ? (openBlock(), createBlock(resolveDynamicComponent(paneBody.value.previewComponent), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                        createElementVNode("div", _hoisted_21, [
+                                          imageOf(paneBody.value) ? (openBlock(), createBlock(_sfc_main$5, {
+                                            key: 0,
+                                            src: imageOf(paneBody.value).src ?? void 0,
+                                            alt: imageOf(paneBody.value).alt ?? "",
+                                            fallback: imageOf(paneBody.value).fallback,
+                                            icon: imageOf(paneBody.value).icon,
+                                            shape: imageOf(paneBody.value).shape ?? "soft",
+                                            "pixel-size": 28,
+                                            class: normalizeClass(["shrink-0", IMAGE_RADIUS[imageOf(paneBody.value).shape ?? "soft"]])
+                                          }, null, 8, ["src", "alt", "fallback", "icon", "shape", "class"])) : paneBody.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
+                                            key: 1,
+                                            name: paneBody.value.icon,
+                                            size: 16,
+                                            class: "shrink-0 text-muted"
+                                          }, null, 8, ["name"])) : createCommentVNode("", true),
+                                          createElementVNode("h3", _hoisted_22, toDisplayString(paneBody.value.label), 1)
+                                        ]),
+                                        paneDescription.value ? (openBlock(), createElementBlock("p", _hoisted_23, toDisplayString(paneDescription.value), 1)) : createCommentVNode("", true),
+                                        (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
+                                          return openBlock(), createElementBlock("p", {
+                                            key: i,
+                                            class: "lp-cmd-para mt-3 whitespace-pre-line text-sm leading-relaxed text-ink/90",
+                                            style: normalizeStyle({ animationDelay: paraDelay(i) })
+                                          }, [
+                                            (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(para, paneBody.value.highlight), (p, pi) => {
+                                              return openBlock(), createElementBlock(Fragment, {
+                                                key: `p${pi}`
+                                              }, [
+                                                p.hit ? (openBlock(), createElementBlock("mark", _hoisted_24, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                                  createTextVNode(toDisplayString(p.text), 1)
+                                                ], 64))
+                                              ], 64);
+                                            }), 128))
+                                          ], 4);
+                                        }), 128))
+                                      ], 64))
+                                    ], 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,
-                                      class: "lp-cmd-para mt-3 whitespace-pre-line text-sm leading-relaxed text-ink/90",
-                                      style: normalizeStyle({ animationDelay: paraDelay(i) })
-                                    }, [
-                                      (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(para, paneBody.value.highlight), (p, pi) => {
-                                        return openBlock(), createElementBlock(Fragment, {
-                                          key: `p${pi}`
-                                        }, [
-                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                                            createTextVNode(toDisplayString(p.text), 1)
-                                          ], 64))
-                                        ], 64);
-                                      }), 128))
-                                    ], 4);
+                                  _: 3
+                                }),
+                                actionsOf(paneBody.value).length ? (openBlock(), createElementBlock("div", _hoisted_25, [
+                                  (openBlock(true), createElementBlock(Fragment, null, renderList(actionsOf(paneBody.value), (action) => {
+                                    return openBlock(), createBlock(_sfc_main$3, {
+                                      key: action.id,
+                                      size: "sm",
+                                      variant: "outline",
+                                      disabled: action.disabled || executing.value,
+                                      onClick: ($event) => run({ ...action, remember: false })
+                                    }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(action.label), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["disabled", "onClick"]);
                                   }), 128))
-                                ], true)
+                                ])) : createCommentVNode("", true)
                               ])) : createCommentVNode("", true)
                             ]),
                             _: 3
                           }, 512)
-                        ])) : createCommentVNode("", true)
+                        ], 2)) : createCommentVNode("", true)
                       ]),
                       _: 3
                     })
                   ], 32),
-                  createElementVNode("div", _hoisted_20, [
-                    createElementVNode("span", _hoisted_21, [
-                      _cache[4] || (_cache[4] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "↑", -1)),
-                      _cache[5] || (_cache[5] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "↓", -1)),
+                  createElementVNode("div", _hoisted_26, [
+                    createElementVNode("span", _hoisted_27, [
+                      _cache[12] || (_cache[12] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "↑", -1)),
+                      _cache[13] || (_cache[13] = createElementVNode("kbd", { class: "rounded-small 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-small border border-line px-1 text-[10px]" }, "↵", -1)),
+                    createElementVNode("span", _hoisted_28, [
+                      _cache[14] || (_cache[14] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "↵", -1)),
                       createTextVNode(" " + toDisplayString(unref(text).select), 1)
                     ]),
                     selectedActions.value.length ? (openBlock(), createElementBlock("span", {
@@ -924,18 +1249,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       }, toDisplayString(unref(text).tab), 3),
                       createTextVNode(" " + toDisplayString(unref(text).actions), 1)
                     ], 2)) : createCommentVNode("", true),
-                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
-                      _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "⌫", -1)),
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_29, [
+                      _cache[15] || (_cache[15] = createElementVNode("kbd", { class: "rounded-small border border-line px-1 text-[10px]" }, "⌫", -1)),
                       createTextVNode(" " + toDisplayString(unref(text).back), 1)
                     ])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_24, [
-                      createElementVNode("kbd", _hoisted_25, toDisplayString(unref(text).esc), 1),
+                    createElementVNode("span", _hoisted_30, [
+                      createElementVNode("kbd", _hoisted_31, toDisplayString(unref(text).esc), 1),
                       createTextVNode(" " + toDisplayString(unref(text).close), 1)
                     ])
                   ])
                 ]),
                 _: 3
-              }, 8, ["onInteractOutside", "onEscapeKeyDown", "class", "style", "data-pane"])
+              }, 8, ["onInteractOutside", "class", "style", "data-pane", "data-editing"])
             ]),
             _: 3
           }, 8, ["to"])
@@ -945,7 +1270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c48e89a"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9366efe"]]);
 export {
   LpCommandPalette as default
 };