@leavepulse/ui 0.44.0 → 0.45.0

package/dist/chunks/{useTheme-C8JHUlPM.js → useTheme-DJm1JSsY.js}

@@ -13,6 +13,45 @@ function detectBackdropFilter(root = document.documentElement) {
   root.toggleAttribute(NO_BACKDROP_ATTR, !usable);
   return usable;
 }
+const GLASS_BACKDROP_ATTR = "data-lp-glass-backdrop";
+let tracking = 0;
+let observer;
+function trackPanels() {
+  const panels = document.querySelectorAll(".lp-glass-overlay");
+  for (const panel of panels) {
+    const rect = panel.getBoundingClientRect();
+    const x = `${Math.round(rect.left)}px`;
+    const y = `${Math.round(rect.top)}px`;
+    if (panel.style.getPropertyValue("--lp-gx") !== x) panel.style.setProperty("--lp-gx", x);
+    if (panel.style.getPropertyValue("--lp-gy") !== y) panel.style.setProperty("--lp-gy", y);
+  }
+  tracking = panels.length ? requestAnimationFrame(trackPanels) : 0;
+}
+function startTracking() {
+  if (!tracking && document.querySelector(".lp-glass-overlay")) tracking = requestAnimationFrame(trackPanels);
+}
+function setGlassBackdrop(background, options = {}) {
+  if (typeof document === "undefined") return;
+  const root = options.root ?? document.documentElement;
+  if (!background) {
+    root.removeAttribute(GLASS_BACKDROP_ATTR);
+    root.style.removeProperty("--lp-glass-backdrop");
+    root.style.removeProperty("--lp-glass-backdrop-filter");
+    observer?.disconnect();
+    observer = void 0;
+    return;
+  }
+  root.setAttribute(GLASS_BACKDROP_ATTR, "");
+  root.style.setProperty("--lp-glass-backdrop", background);
+  if (options.filter) root.style.setProperty("--lp-glass-backdrop-filter", options.filter);
+  else root.style.removeProperty("--lp-glass-backdrop-filter");
+  if (!root.hasAttribute(NO_BACKDROP_ATTR) || typeof MutationObserver === "undefined") return;
+  if (!observer) {
+    observer = new MutationObserver(startTracking);
+    observer.observe(document.body, { childList: true, subtree: true });
+  }
+  startTracking();
+}
 const sharedShape = { radiusControl: 8, radiusCard: 14, radiusPill: 9999 };
 const sharedDensity = { spacingUnit: 4, controlSm: 32, controlMd: 38, controlLg: 44 };
 const interFont = {
@@ -20,7 +59,7 @@ const interFont = {
   mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
 };
 const dark = {
-  name: "Onyx",
+  name: "Dark",
   mode: "dark",
   colors: {
     surface: "#080b0d",
@@ -117,49 +156,6 @@ const lime = {
     mono: '"IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace'
   }
 };
-const glassSurface = {
-  borderWidth: "1px",
-  panelBlur: "10px",
-  panelSaturate: "120%",
-  panelOverlay: "linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.01))",
-  panelShadow: "0 20px 60px rgba(0, 0, 0, 0.35)",
-  panelInset: "inset 0 1px 0 rgba(255, 255, 255, 0.08)"
-};
-const leavepulse = {
-  name: "Dark",
-  mode: "dark",
-  colors: {
-    surface: "#020618",
-    surfaceRaised: "#0b1222",
-    surfaceSoft: "rgba(11, 18, 34, 0.7)",
-    ink: "#f3f6ff",
-    inkInverse: "#0b1222",
-    muted: "#94a3bf",
-    mutedStrong: "#cad5e2",
-    brand: "#00bcff",
-    brandHover: "#19c3ff",
-    brandSoft: "rgba(0, 188, 255, 0.2)",
-    action: "#44c2ad",
-    actionHover: "#56d3be",
-    actionSoft: "rgba(68, 194, 173, 0.14)",
-    accent: "#d36a2c",
-    accentHover: "#da824e",
-    accentSoft: "rgba(211, 106, 44, 0.14)",
-    danger: "#f87171",
-    dangerHover: "#fca5a5",
-    dangerSoft: "rgba(248, 113, 113, 0.14)",
-    line: "#1c2740",
-    lineStrong: "rgba(255, 255, 255, 0.15)",
-    ring: "rgba(0, 188, 255, 0.35)"
-  },
-  shape: { ...sharedShape, radiusControl: 12 },
-  density: { ...sharedDensity },
-  font: {
-    sans: '"Inter", "IBM Plex Sans", "Segoe UI", sans-serif',
-    mono: '"JetBrains Mono", "SF Mono", ui-monospace, monospace'
-  },
-  surface: glassSurface
-};
 const rose = {
   name: "Rose",
   mode: "dark",
@@ -284,7 +280,7 @@ const nord = {
   density: { ...sharedDensity },
   font: { ...interFont }
 };
-const presets = { dark, light, lime, leavepulse, rose, amber, violet, nord };
+const presets = { dark, light, lime, rose, amber, violet, nord };
 const COLOR_VARS = {
   surface: "--color-surface",
   surfaceRaised: "--color-surface-raised",
@@ -601,6 +597,7 @@ function useTheme() {
 }
 export {
   DEFAULT_SURFACE as D,
+  GLASS_BACKDROP_ATTR as G,
   NO_BACKDROP_ATTR as N,
   THEME_COOKIE as T,
   parseTheme as a,
@@ -612,12 +609,12 @@ export {
   dark as g,
   detectBackdropFilter as h,
   isBrokenBackdropEngine as i,
-  light as j,
-  lime as k,
-  leavepulse as l,
-  normalizeTheme as m,
+  lime as j,
+  normalizeTheme as k,
+  light as l,
+  prefersDarkScheme as m,
   nord as n,
-  prefersDarkScheme as o,
+  setGlassBackdrop as o,
   presets as p,
   themeFromCookie as q,
   rose as r,

package/dist/component-names.d.ts

@@ -1 +1 @@
-export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFileTree", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpUptimeBar"];
+export declare const COMPONENT_NAMES: readonly ["LayoutCanvas", "LpActionBar", "LpAddressInput", "LpAlert", "LpAppShell", "LpAutocomplete", "LpAvatar", "LpBadge", "LpBreadcrumbs", "LpButton", "LpCalendar", "LpCard", "LpChart", "LpCheckbox", "LpCodeBlock", "LpColorPicker", "LpCommandPalette", "LpConfirmDialog", "LpConfirmHost", "LpContextMenu", "LpDatePicker", "LpDateRangePicker", "LpDisclosure", "LpDivider", "LpDrawer", "LpDropdownMenu", "LpDropzone", "LpEmptyState", "LpFieldNotice", "LpFileTree", "LpFormField", "LpIcon", "LpImageEditor", "LpInfraNode", "LpInput", "LpLightbox", "LpLink", "LpLogViewer", "LpMapPicker", "LpMediaGallery", "LpModal", "LpModalNav", "LpNotificationBell", "LpNumberField", "LpNumberFlow", "LpOtpInput", "LpPagination", "LpPasswordInput", "LpPhoneInput", "LpPie", "LpPopover", "LpProgress", "LpRadio", "LpRadioGroup", "LpRangeCalendar", "LpRollingText", "LpScrollArea", "LpSection", "LpSegmented", "LpSelect", "LpServiceNode", "LpShift", "LpShortcutsDialog", "LpSidebar", "LpSkeleton", "LpSlider", "LpSparkline", "LpStat", "LpStepper", "LpSwitch", "LpTable", "LpTableOfContents", "LpTabs", "LpTagsInput", "LpTextarea", "LpThemeProvider", "LpThemeSwitcher", "LpTilt", "LpTimeField", "LpToaster", "LpTooltip", "LpTooltipProvider", "LpTopologyCanvas", "LpUptimeBar"];

package/dist/components/ContextMenuItems.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/ContextMenuItems-CrfeNPWT.js";
+import { _ as _sfc_main } from "../chunks/ContextMenuItems-BtKU7074.js";
 export {
   _sfc_main as default
 };

package/dist/components/LayoutCanvas.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LayoutCanvas-D-jPOAvg.js";
+import { _ as _sfc_main } from "../chunks/LayoutCanvas-BkaGXTjx.js";
 export {
   _sfc_main as default
 };

package/dist/components/LayoutNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LayoutNode-D8Xy9N-o.js";
+import { _ as _sfc_main } from "../chunks/LayoutNode-B3_9E1Xa.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpActionBar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpActionBar-BbwCF6l5.js";
+import { _ as _sfc_main } from "../chunks/LpActionBar-CnfFVIwC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAddressInput.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAddressInput-BrOqkZqg.js";
+import { _ as _sfc_main } from "../chunks/LpAddressInput-BwX8uo4_.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAlert.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAlert-DkOIjsbq.js";
+import { _ as _sfc_main } from "../chunks/LpAlert-B6ilrM7T.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAppShell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAppShell-BUKPcHco.js";
+import { _ as _sfc_main } from "../chunks/LpAppShell-C53_RaGF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAutocomplete-DxV3Y9h4.js";
+import { _ as _sfc_main } from "../chunks/LpAutocomplete-C8IgSMsi.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpAvatar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpAvatar-ClBbEYZN.js";
+import { _ as _sfc_main } from "../chunks/LpAvatar-C1XStdOo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpBreadcrumbs.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpBreadcrumbs-B8IJgFIc.js";
+import { _ as _sfc_main } from "../chunks/LpBreadcrumbs-CQJd73Gm.js";
 export {
   _sfc_main as default
 };

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

@@ -3,7 +3,7 @@ import { type LinkTarget } from "./link";
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    variant?: "ghost" | "action" | "muted" | "outline" | "solid" | "danger" | "light" | "soft" | undefined;
+    variant?: "ghost" | "action" | "muted" | "outline" | "danger" | "solid" | "light" | "soft" | undefined;
     size?: "md" | "sm" | "lg" | "xs" | undefined;
     block?: boolean;
     square?: boolean;
@@ -21,7 +21,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     type?: "button" | "submit" | "reset";
     disabled?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    variant?: "ghost" | "action" | "muted" | "outline" | "solid" | "danger" | "light" | "soft" | undefined;
+    variant?: "ghost" | "action" | "muted" | "outline" | "danger" | "solid" | "light" | "soft" | undefined;
     size?: "md" | "sm" | "lg" | "xs" | undefined;
     block?: boolean;
     square?: boolean;

package/dist/components/LpButton.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpButton-kqJBHIIb.js";
+import { _ as _sfc_main } from "../chunks/LpButton-CKSwC6Mu.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCalendar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCalendar-B7Ko5RdR.js";
+import { _ as _sfc_main } from "../chunks/LpCalendar-DrA2McTU.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpCard.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCard-CpRByR0q.js";
+import { _ as _sfc_main } from "../chunks/LpCard-C2IvucmX.js";
 export {
   _sfc_main as default
 };

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

@@ -1,11 +1,20 @@
 import { type ChartMarker, type ChartSeries, type ChartThreshold } from "./chart";
 import { type ContextMenuItemDef } from "./LpContextMenu.vue";
+import { type CsvOptions } from "./exportData";
 export interface ChartText {
     [key: string]: string;
     empty: string;
     rightAxis: string;
     /** Prefix of the keyboard readout, before the point's label. */
     point: string;
+    /** Header of the label column in a CSV export. */
+    xColumn: string;
+}
+export interface ChartExportOptions {
+    /** File name without extension. Defaults to the title. */
+    filename?: string;
+    /** Return the data without offering a download. */
+    download?: boolean;
 }
 /** What was under the pointer when a point was clicked or right-clicked. */
 export interface ChartPointEvent {
@@ -74,7 +83,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * caller supplies the items.
      */
     menuItems?: (point: ChartPointEvent) => ContextMenuItemDef[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {
+    exportCsv: (options?: ChartExportOptions & CsvOptions) => string;
+    exportPng: (options?: ChartExportOptions & {
+        scale?: number;
+        background?: string;
+    }) => Promise<Blob | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     pointClick: (payload: ChartPointEvent) => any;
     pointContextMenu: (payload: ChartPointEvent) => any;
 }, string, import("vue").PublicProps, Readonly<{

package/dist/components/LpChart.vue.js

@@ -5,10 +5,11 @@ import { prefersReducedMotion, easeTravel } from "../composables/easing.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useReveal } from "../composables/useReveal.js";
 import { normalise, pointCount, resolveLabels, extent, axisTicks, plotHeight, plotWidth, xAt, yAt, areaPath, linePath, barPath, markerIndex, chartSummary, niceScale, nearestIndex, formatTick } from "./chart.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-DQw5dGfG.js";
-import { _ as _sfc_main$2 } from "../chunks/LpIcon-CCnX5_2j.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-BqkAYa9X.js";
+import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
 import { _ as _sfc_main$3 } from "../chunks/LpShift-DXNsauQZ.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
+import { toCsv, downloadFile, fileStem, svgToPng, backgroundOf, resolveCssColor } from "./exportData.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
 import '../assets/LpChart-CzgCGaAA.css';const _hoisted_1 = {
   key: 0,
@@ -111,11 +112,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menuItems: {}
   },
   emits: ["pointClick", "pointContextMenu"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const strings = useLabels(
       "chart",
-      { empty: "No data", rightAxis: "Measured on the right axis", point: "Point" },
+      { empty: "No data", rightAxis: "Measured on the right axis", point: "Point", xColumn: "Label" },
       () => props.text
     );
     const emit = __emit;
@@ -658,6 +659,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const readout = computed(
       () => keyboard.value && active.value >= 0 ? `${labels.value[active.value] ?? `${strings.value.point} ${active.value + 1}`}: ${tooltipRows.value.map((r) => `${r.name} ${r.text}`).join(", ")}` : ""
     );
+    const svgEl = ref(null);
+    function exportCsv(options = {}) {
+      const rows = labels.value.map((label, i) => ({ label, i }));
+      const csv = toCsv(rows, [
+        { key: "label", label: strings.value.xColumn },
+        ...allSeries.value.map((s) => ({ key: s.id, label: s.name, value: (r) => s.values[r.i] }))
+      ], options);
+      if (options.download !== false) {
+        downloadFile(`${fileStem(options.filename ?? props.title, "chart")}.csv`, csv, "text/csv;charset=utf-8");
+      }
+      return csv;
+    }
+    async function exportPng(options = {}) {
+      const svg = svgEl.value;
+      if (!svg || typeof document === "undefined") return null;
+      const style = getComputedStyle(root.value ?? svg);
+      const font = style.fontFamily;
+      const ink = style.getPropertyValue("--color-ink").trim() || style.color;
+      const muted = style.getPropertyValue("--color-muted-strong").trim() || style.color;
+      const legend = props.showLegend && allSeries.value.length > 1 ? visible.value : [];
+      const blob = await svgToPng(svg, {
+        scale: options.scale,
+        padding: 16,
+        background: options.background ?? backgroundOf(root.value),
+        header: (ctx) => {
+          let y = 0;
+          if (props.title) {
+            ctx.font = `500 14px ${font}`;
+            ctx.fillStyle = ink;
+            ctx.textBaseline = "top";
+            ctx.fillText(props.title, 0, y);
+            y += 22;
+          }
+          if (legend.length) {
+            ctx.font = `12px ${font}`;
+            ctx.textBaseline = "middle";
+            let x = 0;
+            for (const s of legend) {
+              ctx.fillStyle = resolveCssColor(s.color, root.value ?? svg);
+              ctx.beginPath();
+              ctx.arc(x + 4, y + 8, 4, 0, Math.PI * 2);
+              ctx.fill();
+              ctx.fillStyle = muted;
+              ctx.fillText(s.name, x + 14, y + 8);
+              x += 14 + ctx.measureText(s.name).width + 16;
+            }
+            y += 24;
+          }
+          return y ? y + 8 : 0;
+        }
+      });
+      if (options.download !== false) downloadFile(`${fileStem(options.filename ?? props.title, "chart")}.png`, blob);
+      return blob;
+    }
+    __expose({ exportCsv, exportPng });
     const { class: rootClass, attrs: rest } = useMergedAttrs(
       "flex w-full flex-col gap-3"
     );
@@ -719,6 +775,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_11, toDisplayString(__props.emptyLabel ?? unref(strings).empty), 1)
               ])) : width.value > 0 ? (openBlock(), createElementBlock("svg", {
                 key: 1,
+                ref_key: "svgEl",
+                ref: svgEl,
                 width: width.value,
                 height: __props.height,
                 class: "overflow-visible touch-none select-none",
@@ -1038,7 +1096,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd77643a"]]);
+const LpChart = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1c25e280"]]);
 export {
   LpChart as default
 };

package/dist/components/LpCheckbox.vue.js

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

package/dist/components/LpCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpCodeBlock-DeHJPq7p.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-Bhf1qxhB.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-zz4VGkG4.js";
 export {
   _sfc_main as default
 };

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

@@ -129,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,7 +1,7 @@
-import { defineComponent, ref, useId, computed, shallowRef, useSlots, watch, 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 { 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";
@@ -10,7 +10,7 @@ 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-DCP5g2ik.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 = { class: "shrink-0 rounded border border-line px-1.5 py-0.5 text-[10px] text-muted" };
@@ -56,7 +56,7 @@ const _hoisted_19 = {
   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_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 = {
@@ -69,6 +69,7 @@ const _hoisted_24 = {
 };
 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({
@@ -83,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" },
@@ -165,6 +167,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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];
@@ -241,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;
@@ -295,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 () => {
@@ -435,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;
       }
@@ -730,7 +781,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                     }, null, 8, ["name"])) : createCommentVNode("", true),
                                     createElementVNode("h3", _hoisted_17, toDisplayString(active.value.label), 1)
                                   ]),
-                                  active.value.description ? (openBlock(), createElementBlock("p", _hoisted_18, toDisplayString(active.value.description), 1)) : createCommentVNode("", true),
+                                  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,
@@ -793,7 +844,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7fa6825e"]]);
+const LpCommandPalette = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2da506c1"]]);
 export {
   LpCommandPalette as default
 };

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpConfirmHost-CDm0Wtpv.js";
+import { _ as _sfc_main } from "../chunks/LpConfirmHost-CbywMpMP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpContextMenu-DQw5dGfG.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-BqkAYa9X.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpDatePicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpDatePicker-Drirx1AK.js";
+import { _ as _sfc_main } from "../chunks/LpDatePicker-DuusgT69.js";
 export {
   _sfc_main as default
 };