@leavepulse/ui 0.40.1 → 0.42.0

package/dist/components/LpCommandPalette.vue.js

@@ -3,67 +3,67 @@ import { DialogRoot, DialogPortal, DialogOverlay, DialogContent, DialogTitle, Di
 import { _ as _sfc_main$1 } from "../chunks/LpIcon-CCnX5_2j.js";
 import { _ as _sfc_main$2 } from "../chunks/LpScrollArea-D8xyKXcF.js";
 import { useAsyncTask } from "../composables/useAsyncTask.js";
+import { useGlass } from "../composables/useGlass.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
-import '../assets/LpCommandPalette-DDGFwOom.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
+import '../assets/LpCommandPalette-Esv0a-gS.css';const _hoisted_1 = { class: "flex shrink-0 items-center gap-2.5 border-b border-line px-4" };
 const _hoisted_2 = ["title", "onClick"];
 const _hoisted_3 = ["aria-activedescendant", "placeholder", "onKeydown"];
-const _hoisted_4 = { class: "flex min-h-0 flex-1" };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 0,
   class: "px-2 py-10 text-center text-sm text-muted"
 };
-const _hoisted_6 = ["aria-labelledby"];
-const _hoisted_7 = ["id"];
-const _hoisted_8 = { class: "min-w-0 flex-1" };
-const _hoisted_9 = { class: "block truncate font-medium" };
-const _hoisted_10 = {
+const _hoisted_5 = ["aria-labelledby"];
+const _hoisted_6 = ["id"];
+const _hoisted_7 = { class: "min-w-0 flex-1" };
+const _hoisted_8 = { class: "block truncate font-medium" };
+const _hoisted_9 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   key: 0,
   class: "mt-0.5 block truncate text-xs text-muted"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_13 = {
+const _hoisted_12 = {
   key: 0,
   class: "rounded-xs bg-brand/20 text-ink"
 };
-const _hoisted_14 = {
+const _hoisted_13 = {
   key: 1,
   class: "shrink-0 text-xs text-muted"
 };
-const _hoisted_15 = {
+const _hoisted_14 = {
   key: 0,
   class: "lp-cmd-pane hidden min-h-0 shrink-0 flex-col border-l border-line md:flex"
 };
-const _hoisted_16 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
-const _hoisted_17 = { class: "min-w-0 text-base font-semibold" };
-const _hoisted_18 = {
+const _hoisted_15 = { class: "lp-cmd-para flex items-center gap-2 text-ink" };
+const _hoisted_16 = { class: "min-w-0 text-base font-semibold" };
+const _hoisted_17 = {
   key: 0,
   class: "lp-cmd-para mt-0.5 text-xs text-muted"
 };
-const _hoisted_19 = {
+const _hoisted_18 = {
   key: 0,
   class: "rounded-xs bg-brand/25 text-ink"
 };
-const _hoisted_20 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_19 = { class: "flex shrink-0 items-center gap-4 border-t border-line px-4 py-2.5 text-[11px] text-muted" };
+const _hoisted_20 = { class: "flex items-center gap-1" };
 const _hoisted_21 = { class: "flex items-center gap-1" };
-const _hoisted_22 = { class: "flex items-center gap-1" };
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 0,
   class: "flex items-center gap-1"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   key: 1,
   class: "flex items-center gap-1"
 };
-const _hoisted_25 = { class: "ml-auto flex items-center gap-1" };
+const _hoisted_24 = { class: "ml-auto flex items-center gap-1" };
 const LATIN = "qwertyuiop[]asdfghjkl;'zxcvbnm,.`";
 const CYRILLIC = "йцукенгшщзхъфывапролджэячсмитьбюё";
 const TYPO_MIN = 5;
@@ -89,11 +89,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     groupLimit: { default: 0 },
     layoutFallback: { type: Boolean, default: true },
     previewPane: { type: Boolean, default: false },
-    glass: { type: Boolean, default: false }
+    glass: { type: Boolean, default: void 0 }
   },
   emits: ["update:open", "select", "run"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const frosted = useGlass(() => props.glass);
     const DEFAULT_LABELS = {
       navigate: "navigate",
       select: "select",
@@ -118,9 +119,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const activeId = computed(() => flat.value.length ? optionId(selectedIndex.value) : void 0);
     const selectedIndex = ref(0);
+    const selectedId = ref(null);
     const inputRef = ref(null);
     const scrollRef = ref(null);
     const trail = shallowRef([]);
+    const trailState = shallowRef([]);
     const mode = computed(() => trail.value[trail.value.length - 1] ?? null);
     const modeItems = shallowRef([]);
     const { copy } = useClipboard();
@@ -148,30 +151,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const selectedActions = computed(() => actionsOf(flat.value[selectedIndex.value]));
     function onTab(event) {
+      event.preventDefault();
+      event.stopPropagation();
       if (event.shiftKey) return;
       const c = flat.value[selectedIndex.value];
       const actions = selectedActions.value;
       if (!c || !actions.length) return;
-      event.preventDefault();
-      event.stopPropagation();
       enter({ id: `${c.id}:actions`, label: c.label, icon: c.icon, children: actions });
     }
     function enter(c) {
+      trailState.value = [...trailState.value, { query: query.value, selectedId: selectedId.value }];
       trail.value = [...trail.value, c];
       query.value = "";
-      selectedIndex.value = 0;
+      select(0);
       modeItems.value = Array.isArray(c.children) ? c.children : [];
       refresh();
       inputRef.value?.focus();
     }
     function popTo(depth) {
+      const state = trailState.value[depth] || { query: "", selectedId: null };
       const next = trail.value.slice(0, Math.max(0, depth));
+      trailState.value = trailState.value.slice(0, Math.max(0, depth));
       trail.value = next;
-      query.value = "";
-      selectedIndex.value = 0;
       const parent = next[next.length - 1];
       modeItems.value = parent && Array.isArray(parent.children) ? parent.children : [];
+      query.value = state.query;
+      select(0);
       refresh();
+      void nextTick(() => {
+        const index = state.selectedId ? flat.value.findIndex((c) => c.id === state.selectedId) : -1;
+        select(index >= 0 ? index : 0);
+      });
       inputRef.value?.focus();
     }
     function back() {
@@ -232,12 +242,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (term.length < TYPO_MIN) return false;
       return label.split(/[^\p{L}\p{N}]+/u).some((word) => withinOne(term, word) || word.length > term.length && withinOne(term, word.slice(0, term.length)));
     }
+    const QUERY_TOKEN = /(-?)(?:(in):)?(?:"([^"]*)"|(\S+))/giu;
+    function searchTerms(value) {
+      const out = { include: [], exclude: [], groups: [] };
+      QUERY_TOKEN.lastIndex = 0;
+      for (let match; match = QUERY_TOKEN.exec(value); ) {
+        const text2 = (match[3] ?? match[4] ?? "").trim().toLowerCase();
+        if (!text2) continue;
+        if (match[2] && !match[1]) out.groups.push(text2);
+        else if (match[1]) out.exclude.push(text2);
+        else out.include.push(text2);
+      }
+      return out;
+    }
+    function matches(c, term) {
+      return c.label.toLowerCase().includes(term) || (c.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(term)) || (c.description?.toLowerCase().includes(term) ?? false);
+    }
     function score(c, terms) {
       const label = c.label.toLowerCase();
       const keywords = (c.keywords ?? []).map((k) => k.toLowerCase());
       const description = c.description?.toLowerCase() ?? "";
-      let total = 0;
-      for (const term of terms) {
+      const group = c.group?.toLowerCase() ?? "";
+      if (terms.exclude.some((term) => matches(c, term)) || terms.groups.some((term) => !group.includes(term))) return 0;
+      let total = terms.include.length ? 0 : 1;
+      for (const term of terms.include) {
         let hit = (label.includes(term) ? 4 : 0) + (keywords.some((k) => k.includes(term)) ? 3 : 0) + (description.includes(term) ? 2 : 0);
         if (!hit && nearWord(term, label)) hit = 1;
         if (!hit) return 0;
@@ -248,15 +276,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function rank(items, terms) {
       return items.map((c) => ({ c, score: score(c, terms) })).filter((e) => e.score > 0).sort((a, b) => b.score - a.score || a.c.label.localeCompare(b.c.label)).map((e) => e.c);
     }
-    const typedTerms = computed(() => query.value.trim().toLowerCase().split(/\s+/).filter(Boolean));
     const local = computed(() => {
-      const terms = typedTerms.value;
-      if (!terms.length) return { items: source.value.filter((c) => !c.hidden), terms };
-      const items = rank(source.value, terms);
-      if (items.length || !props.layoutFallback) return { items, terms };
-      const swapped = terms.map(swapLayout);
-      const other = rank(source.value, swapped);
-      return other.length ? { items: other, terms: swapped } : { items, terms };
+      const terms = searchTerms(query.value);
+      const filtered = query.value.trim() ? source.value : source.value.filter((c) => !c.hidden);
+      if (!terms.include.length && !terms.exclude.length && !terms.groups.length) return { items: filtered, terms: [] };
+      const items = rank(filtered, terms);
+      if (items.length || !props.layoutFallback) return { items, terms: terms.include };
+      const swapped = {
+        include: terms.include.map(swapLayout),
+        exclude: terms.exclude.map(swapLayout),
+        groups: terms.groups.map(swapLayout)
+      };
+      const other = rank(filtered, swapped);
+      return other.length ? { items: other, terms: swapped.include } : { items, terms: terms.include };
     });
     const ranked = computed(() => local.value.items);
     const fetched = computed(() => {
@@ -362,16 +394,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return parts;
     }
     watch(query, () => {
-      selectedIndex.value = 0;
+      select(0);
       refresh();
     });
     watch([query, trail, () => props.open], () => {
       expanded.value = /* @__PURE__ */ new Set();
     });
     watch(
-      () => flat.value.length,
-      (len) => {
-        if (selectedIndex.value >= len) selectedIndex.value = Math.max(0, len - 1);
+      () => flat.value.map((c) => c.id).join("|"),
+      () => {
+        const index = selectedId.value ? flat.value.findIndex((c) => c.id === selectedId.value) : -1;
+        select(index >= 0 ? index : 0);
       }
     );
     watch([selectedIndex, () => flat.value.map((c) => c.id).join("|")], async () => {
@@ -384,13 +417,40 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       );
       el?.scrollIntoView({ block: "nearest" });
     }
+    const keyboardSelection = ref(false);
+    function select(index, keyboard = false) {
+      const len = flat.value.length;
+      selectedIndex.value = len ? Math.max(0, Math.min(index, len - 1)) : 0;
+      selectedId.value = flat.value[selectedIndex.value]?.id ?? null;
+      if (keyboard) keyboardSelection.value = true;
+    }
     function moveDown() {
       const len = flat.value.length;
-      if (len) selectedIndex.value = (selectedIndex.value + 1) % len;
+      if (len) select((selectedIndex.value + 1) % len, true);
     }
     function moveUp() {
       const len = flat.value.length;
-      if (len) selectedIndex.value = (selectedIndex.value - 1 + len) % len;
+      if (len) select((selectedIndex.value - 1 + len) % len, true);
+    }
+    function movePage(direction) {
+      select(selectedIndex.value + direction * 8, true);
+    }
+    function onPaletteKeydown(event) {
+      if (event.isComposing) return;
+      if (!["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp"].includes(event.key)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (event.key === "ArrowDown") moveDown();
+      else if (event.key === "ArrowUp") moveUp();
+      else if (event.key === "Home") select(0, true);
+      else if (event.key === "End") select(flat.value.length - 1, true);
+      else movePage(event.key === "PageDown" ? 1 : -1);
+    }
+    function onPointerMove() {
+      keyboardSelection.value = false;
+    }
+    function onPointerEnter(c) {
+      if (!keyboardSelection.value) select(flatIndexOf(c));
     }
     function runSelected(event) {
       const c = flat.value[selectedIndex.value];
@@ -429,7 +489,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("run", c.id, c);
       if (c.keepOpen) {
         query.value = "";
-        selectedIndex.value = 0;
+        select(0);
         inputRef.value?.focus();
         return;
       }
@@ -450,8 +510,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       async (o) => {
         cancel();
         query.value = "";
-        selectedIndex.value = 0;
+        select(0);
+        selectedId.value = null;
         trail.value = [];
+        trailState.value = [];
         modeItems.value = [];
         found.value = [];
         failed.value = false;
@@ -482,13 +544,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(DialogPortal), null, {
             default: withCtx(() => [
               createVNode(unref(DialogOverlay), {
-                class: normalizeClass([{ "lp-scrim--light": __props.glass }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
+                class: normalizeClass([{ "lp-scrim--light": unref(frosted) }, "lp-scrim fixed inset-0 z-(--z-overlay) data-[state=open]:animate-[fade-in_150ms_ease] data-[state=closed]:animate-[fade-out_130ms_ease]"])
               }, null, 8, ["class"]),
               createVNode(unref(DialogContent), {
-                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [__props.glass ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
+                class: normalizeClass(["lp-cmd-dialog fixed left-1/2 top-[12vh] z-(--z-modal) flex max-h-[76vh] -translate-x-1/2 flex-col overflow-hidden rounded-card border border-line shadow-panel outline-none data-[state=open]:animate-[pop-in_160ms_var(--ease-emphasized)] data-[state=closed]:animate-[pop-out_130ms_ease]", [unref(frosted) ? "lp-glass-overlay" : "bg-surface-raised", __props.previewPane && "lp-cmd-split"]]),
                 "data-pane": paneOpen.value ? "open" : void 0,
                 onOpenAutoFocus: _cache[2] || (_cache[2] = withModifiers(() => {
-                }, ["prevent"]))
+                }, ["prevent"])),
+                onKeydownCapture: onPaletteKeydown
               }, {
                 default: withCtx(() => [
                   createVNode(unref(DialogTitle), { class: "sr-only" }, {
@@ -549,8 +612,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       placeholder: mode.value?.childPlaceholder ?? __props.placeholder,
                       class: "h-12 min-w-0 flex-1 bg-transparent text-sm text-ink outline-none placeholder:text-muted",
                       onKeydown: [
-                        withKeys(withModifiers(moveDown, ["prevent"]), ["down"]),
-                        withKeys(withModifiers(moveUp, ["prevent"]), ["up"]),
                         withKeys(withModifiers(runSelected, ["prevent"]), ["enter"]),
                         withKeys(onBackspace, ["backspace"]),
                         withKeys(onEscape, ["esc"]),
@@ -561,7 +622,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _cache[6] || (_cache[6] = createElementVNode("kbd", { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" }, "esc", -1))
                   ]),
-                  createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", {
+                    class: "flex min-h-0 flex-1",
+                    onPointermove: onPointerMove
+                  }, [
                     createVNode(_sfc_main$2, {
                       ref_key: "scrollRef",
                       ref: scrollRef,
@@ -569,7 +633,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "content-class": "p-2"
                     }, {
                       default: withCtx(() => [
-                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
+                        flat.value.length === 0 && !failed.value ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(searching) ? text.value.searching : __props.emptyText), 1)) : createCommentVNode("", true),
                         createElementVNode("div", {
                           id: listId,
                           role: "listbox"
@@ -584,7 +648,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: 0,
                                 id: `${listId}-g${gi}`,
                                 class: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.08em] text-muted"
-                              }, toDisplayString(group.name), 9, _hoisted_7)) : createCommentVNode("", true),
+                              }, toDisplayString(group.name), 9, _hoisted_6)) : createCommentVNode("", true),
                               (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (c) => {
                                 return openBlock(), createBlock(resolveDynamicComponent(c.href ? "a" : "button"), {
                                   id: optionId(flatIndexOf(c)),
@@ -602,7 +666,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     flatIndexOf(c) === selectedIndex.value ? "bg-brand-soft text-brand" : unref(moreOf).has(c) ? "text-muted hover:bg-surface-soft/60" : "text-ink hover:bg-surface-soft/60"
                                   ]]),
                                   onClick: ($event) => onRowClick($event, c),
-                                  onPointerenter: ($event) => selectedIndex.value = flatIndexOf(c)
+                                  onPointerenter: ($event) => onPointerEnter(c)
                                 }, {
                                   default: withCtx(() => [
                                     c.icon ? (openBlock(), createBlock(_sfc_main$1, {
@@ -611,24 +675,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                       size: 16,
                                       class: normalizeClass(["shrink-0", { "mt-0.5": c.excerpt }])
                                     }, null, 8, ["name", "class"])) : createCommentVNode("", true),
-                                    createElementVNode("span", _hoisted_8, [
-                                      createElementVNode("span", _hoisted_9, [
+                                    createElementVNode("span", _hoisted_7, [
+                                      createElementVNode("span", _hoisted_8, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.label, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `l${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_10, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_9, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ]),
-                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                                      c.description ? (openBlock(), createElementBlock("span", _hoisted_10, [
                                         (openBlock(true), createElementBlock(Fragment, null, renderList(highlight(c.description, c.highlight), (p, pi) => {
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `d${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_11, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
@@ -643,14 +707,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                           return openBlock(), createElementBlock(Fragment, {
                                             key: `e${pi}`
                                           }, [
-                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_13, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                            p.hit ? (openBlock(), createElementBlock("mark", _hoisted_12, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                               createTextVNode(toDisplayString(p.text), 1)
                                             ], 64))
                                           ], 64);
                                         }), 128))
                                       ], 4)) : createCommentVNode("", true)
                                     ]),
-                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_14, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
+                                    c.shortcut ? (openBlock(), createElementBlock("kbd", _hoisted_13, toDisplayString(c.shortcut), 1)) : c.children ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 2,
                                       name: "lucide:chevron-right",
                                       size: 14,
@@ -660,7 +724,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   _: 2
                                 }, 1064, ["id", "href", "type", "aria-selected", "aria-disabled", "data-cmd-index", "disabled", "class", "onClick", "onPointerenter"]);
                               }), 128))
-                            ], 8, _hoisted_6);
+                            ], 8, _hoisted_5);
                           }), 128))
                         ]),
                         failed.value ? (openBlock(), createElementBlock("div", {
@@ -688,7 +752,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 512),
                     createVNode(Transition, { name: "lp-cmd-pane" }, {
                       default: withCtx(() => [
-                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_15, [
+                        paneOpen.value ? (openBlock(), createElementBlock("aside", _hoisted_14, [
                           createVNode(_sfc_main$2, {
                             ref_key: "previewRef",
                             ref: previewRef,
@@ -700,16 +764,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 key: active.value.id
                               }, [
                                 renderSlot(_ctx.$slots, "preview", { command: active.value }, () => [
-                                  createElementVNode("div", _hoisted_16, [
+                                  createElementVNode("div", _hoisted_15, [
                                     active.value.icon ? (openBlock(), createBlock(_sfc_main$1, {
                                       key: 0,
                                       name: active.value.icon,
                                       size: 16,
                                       class: "shrink-0 text-muted"
                                     }, null, 8, ["name"])) : createCommentVNode("", true),
-                                    createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
+                                    createElementVNode("h3", _hoisted_16, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_17, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
                                   (openBlock(true), createElementBlock(Fragment, null, renderList(paragraphs.value, (para, i) => {
                                     return openBlock(), createElementBlock("p", {
                                       key: i,
@@ -720,7 +784,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                         return openBlock(), createElementBlock(Fragment, {
                                           key: `p${pi}`
                                         }, [
-                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_19, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                          p.hit ? (openBlock(), createElementBlock("mark", _hoisted_18, toDisplayString(p.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                                             createTextVNode(toDisplayString(p.text), 1)
                                           ], 64))
                                         ], 64);
@@ -736,26 +800,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 3
                     })
-                  ]),
-                  createElementVNode("div", _hoisted_20, [
-                    createElementVNode("span", _hoisted_21, [
+                  ], 32),
+                  createElementVNode("div", _hoisted_19, [
+                    createElementVNode("span", _hoisted_20, [
                       _cache[7] || (_cache[7] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↑", -1)),
                       _cache[8] || (_cache[8] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↓", -1)),
                       createTextVNode(" " + toDisplayString(text.value.navigate), 1)
                     ]),
-                    createElementVNode("span", _hoisted_22, [
+                    createElementVNode("span", _hoisted_21, [
                       _cache[9] || (_cache[9] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "↵", -1)),
                       createTextVNode(" " + toDisplayString(text.value.select), 1)
                     ]),
-                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                    selectedActions.value.length ? (openBlock(), createElementBlock("span", _hoisted_22, [
                       _cache[10] || (_cache[10] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "tab", -1)),
                       createTextVNode(" " + toDisplayString(text.value.actions), 1)
                     ])) : createCommentVNode("", true),
-                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                    trail.value.length ? (openBlock(), createElementBlock("span", _hoisted_23, [
                       _cache[11] || (_cache[11] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "⌫", -1)),
                       createTextVNode(" " + toDisplayString(text.value.back), 1)
                     ])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_25, [
+                    createElementVNode("span", _hoisted_24, [
                       _cache[12] || (_cache[12] = createElementVNode("kbd", { class: "rounded border border-line px-1 text-[10px]" }, "esc", -1)),
                       createTextVNode(" " + toDisplayString(text.value.close), 1)
                     ])
@@ -772,7 +836,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27071a60"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bcd1140"]]);
 export {
   LpCommandPalette as default
 };

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

@@ -28,7 +28,7 @@ type __VLS_Props = {
      */
     loading?: boolean;
     loadingLabel?: string;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare var __VLS_16: {};
@@ -44,6 +44,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
+    glass: boolean;
     confirmLabel: string;
     cancelLabel: string;
     loadingLabel: string;

package/dist/components/LpConfirmDialog.vue.js

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

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

@@ -66,7 +66,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -137,7 +138,8 @@ declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 }> & Readonly<{

package/dist/components/LpDrawer.vue.js

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

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

@@ -28,7 +28,8 @@ type __VLS_Props = {
     /**
      * Frosted glass instead of a solid panel: the page shows through,
      * blurred, under a lighter scrim (.lp-glass-overlay, .lp-scrim--light).
-     * A look, not a behaviour, so it is the app's call and off by default.
+     * A look, not a behaviour, so it is the app's call: unset follows
+     * `provideGlass`, and without one it is off.
      */
     glass?: boolean;
 };

package/dist/components/LpModal.vue.js

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

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

@@ -31,7 +31,7 @@ type __VLS_Props = {
      * column inside the body, and the rail is no longer in the body.
      */
     fillBody?: boolean;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare var __VLS_36: {}, __VLS_38: {}, __VLS_41: {};
@@ -50,6 +50,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    glass: boolean;
     mobileBreakpoint: Breakpoint;
     navWidth: string;
     navLabel: string;

package/dist/components/LpModalNav.vue.js

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

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

@@ -1,18 +1,12 @@
-export interface ShortcutEntry {
-    /** Rendered one <kbd> per "+"-separated key, so write it the way it reads. */
-    combo: string;
-    label: string;
-}
-export interface ShortcutGroup {
-    title: string;
-    entries: ShortcutEntry[];
-}
+import { ShortcutGroup } from '../composables/useHotkeys';
 type __VLS_Props = {
     open?: boolean;
-    groups: ShortcutGroup[];
+    groups?: ShortcutGroup[];
+    /** Also list the bindings mounted right now (`useHotkeys` with `help`). */
+    live?: boolean;
     title?: string;
     description?: string;
-    /** Frosted glass panel, passed to LpModal. Off by default. */
+    /** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
     glass?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -22,6 +16,9 @@ declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {
 }>, {
     title: string;
     open: boolean;
+    glass: boolean;
+    groups: ShortcutGroup[];
+    live: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;