@leavepulse/ui 0.71.0 → 0.71.2

package/dist/assets/{LpCommandPalette-DgPZX0us.css → LpCommandPalette-Rtbg669l.css}

@@ -5,34 +5,34 @@
  * pane from its right edge as it grows. Animating the columns themselves made
  * every line of the list and the pane re-wrap on every frame.
  */
-.lp-cmd-dialog[data-v-e9366efe] {
+.lp-cmd-dialog[data-v-8d42f8db] {
   --lp-cmd-list: min(92vw, 40rem);
   --lp-cmd-pane: max(0px, min(26rem, 96vw - var(--lp-cmd-list)));
   width: var(--lp-cmd-list);
 }
-.lp-cmd-split[data-v-e9366efe] {
+.lp-cmd-split[data-v-8d42f8db] {
   transition:
     width 300ms var(--ease-emphasized, ease),
     min-height 300ms var(--ease-emphasized, ease);
 }
 @media (min-width: 768px) {
-.lp-cmd-split .lp-cmd-list[data-v-e9366efe] {
+.lp-cmd-split .lp-cmd-list[data-v-8d42f8db] {
     flex: 0 0 auto;
     /* the dialog's 1px border on each side */
     width: calc(var(--lp-cmd-list) - 2px);
 }
-.lp-cmd-dialog[data-pane="open"][data-v-e9366efe] {
+.lp-cmd-dialog[data-pane="open"][data-v-8d42f8db] {
     width: calc(var(--lp-cmd-list) + var(--lp-cmd-pane));
     min-height: min(76vh, 36rem);
 }
 }
-.lp-cmd-pane[data-v-e9366efe] {
+.lp-cmd-pane[data-v-8d42f8db] {
   width: var(--lp-cmd-pane);
 }
-.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-e9366efe] {
+.lp-cmd-dialog[data-editing] .lp-cmd-pane[data-v-8d42f8db] {
   width: 100%;
 }
-.lp-cmd-dialog[data-editing][data-v-e9366efe] {
+.lp-cmd-dialog[data-editing][data-v-8d42f8db] {
   width: var(--lp-cmd-list);
   min-height: 0;
 }
@@ -40,43 +40,43 @@
  * The pane rides in from the right edge while the dialog opens up to it, and
  * leaves the same way, for as long as the dialog takes to close over it.
  */
-.lp-cmd-pane-enter-active[data-v-e9366efe],
-.lp-cmd-pane-leave-active[data-v-e9366efe] {
+.lp-cmd-pane-enter-active[data-v-8d42f8db],
+.lp-cmd-pane-leave-active[data-v-8d42f8db] {
   transition:
     transform 300ms var(--ease-emphasized, ease),
     opacity 300ms ease;
 }
-.lp-cmd-pane-enter-from[data-v-e9366efe],
-.lp-cmd-pane-leave-to[data-v-e9366efe] {
+.lp-cmd-pane-enter-from[data-v-8d42f8db],
+.lp-cmd-pane-leave-to[data-v-8d42f8db] {
   opacity: 0;
   transform: translateX(40%);
 }
-.lp-cmd-para[data-v-e9366efe] {
+.lp-cmd-para[data-v-8d42f8db] {
   --rise: 4px;
   animation: rise-in 260ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-split[data-v-e9366efe],
-  .lp-cmd-pane-enter-active[data-v-e9366efe],
-  .lp-cmd-pane-leave-active[data-v-e9366efe] {
+.lp-cmd-split[data-v-8d42f8db],
+  .lp-cmd-pane-enter-active[data-v-8d42f8db],
+  .lp-cmd-pane-leave-active[data-v-8d42f8db] {
     transition: none;
 }
-.lp-cmd-para[data-v-e9366efe] {
+.lp-cmd-para[data-v-8d42f8db] {
     animation: none;
 }
 }
-.lp-cmd-excerpt[data-v-e9366efe] {
+.lp-cmd-excerpt[data-v-8d42f8db] {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 /* Each result eases in; honours reduced motion. */
-.lp-cmd-item[data-v-e9366efe] {
+.lp-cmd-item[data-v-8d42f8db] {
   --rise: 3px;
   animation: rise-in 140ms ease-out both;
 }
 @media (prefers-reduced-motion: reduce) {
-.lp-cmd-item[data-v-e9366efe] {
+.lp-cmd-item[data-v-8d42f8db] {
     animation: none;
 }
 }

package/dist/assets/{LpNumberFlow-rZkwQwlU.css → LpNumberFlow-Chp9pEDe.css}

@@ -80,6 +80,14 @@
 
 /* Faded, so a held-open column reads as an empty wheel rather than a zero the
    number actually has. */
+/*
+ * A space separator (ru, fr, …) takes a whole column in a monospaced or
+ * tabular face, so "7 271" read as "7  271". It is drawn as the narrow gap
+ * the locale means.
+ */
+.lp-nf__cell--gap {
+  width: 0.25em;
+}
 .lp-nf__cell--pad {
   opacity: 0.18;
   transition: opacity var(--duration-fast, 160ms) linear;

package/dist/assets/LpTabs-DT0XPTc2.css

@@ -0,0 +1,18 @@
+
+.lp-tab-badge-enter-active[data-v-848e78d1],
+.lp-tab-badge-leave-active[data-v-848e78d1] {
+  transition:
+    opacity var(--duration-fast) var(--ease-emphasized),
+    transform var(--duration-fast) var(--ease-emphasized);
+}
+.lp-tab-badge-enter-from[data-v-848e78d1],
+.lp-tab-badge-leave-to[data-v-848e78d1] {
+  opacity: 0;
+  transform: scale(0.6);
+}
+@media (prefers-reduced-motion: reduce) {
+.lp-tab-badge-enter-active[data-v-848e78d1],
+  .lp-tab-badge-leave-active[data-v-848e78d1] {
+    transition: none;
+}
+}

package/dist/chunks/{LpAddressInput-CD0bzrt-.js → LpAddressInput-Bu6ws3Fp.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$1 } from "./LpFormField-gRASfyj2.js";
 import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$5 } from "./LpInput-2H-5ILOB.js";
 import { _ as _sfc_main$7 } from "./LpModal-CpH0bNo7.js";
-import { _ as _sfc_main$6 } from "./LpSelect-DYX2-u5A.js";
+import { _ as _sfc_main$6 } from "./LpSelect-D3pRJfRY.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpAppShell-1RmBp6xQ.js → LpAppShell-C5YW5pI7.js}

@@ -4,7 +4,7 @@ import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-D44peKq2.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-Bk7b-K4l.js";
 import { useMergedAttrs, mergeClass } from "../composables/useMergedClass.js";
 const _hoisted_1 = ["href"];
 const _hoisted_2 = { class: "flex min-w-0 flex-1 flex-col" };

package/dist/chunks/{LpCodeDisplay-BK2FHbtM.js → LpCodeDisplay-C9pIMF2R.js}

@@ -4,7 +4,7 @@ import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
 import { _ as _sfc_main$6 } from "./LpCheckbox-BoOuLnGB.js";
 import { _ as _sfc_main$3 } from "./LpCopyButton-Dmq7DmFw.js";
-import { _ as _sfc_main$5 } from "./LpCountdown-DTdMF8DL.js";
+import { _ as _sfc_main$5 } from "./LpCountdown-CXrEK0ev.js";
 import { _ as _sfc_main$4 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$1 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./RevealToggle-BVFM_FAU.js";

package/dist/chunks/{LpCommandScope-ubtWDMa0.js → LpCommandScope-BlKcgBnK.js}

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, renderSlot } from "vue";
 import { usePaletteScope, createPaletteRegistry, providePaletteScope, usePaletteCommands, bindPaletteScopeElement } from "../composables/usePaletteCommands.js";
-import { u as usePaletteTheme } from "./palette-BiY7yQZL.js";
+import { u as usePaletteTheme } from "./palette-Cvxl_1tM.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpCommandScope",
   props: {

package/dist/chunks/{LpCountdown-DTdMF8DL.js → LpCountdown-CXrEK0ev.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, watch, openBlock, createElementBlock, m
 import { useLabels } from "../composables/useLpConfig.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useNow } from "../composables/useNow.js";
-import { _ as _sfc_main$1 } from "./LpProgress-BX33EKkN.js";
+import { _ as _sfc_main$1 } from "./LpProgress-WNaH4emv.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$2 } from "./LpShift-DXNsauQZ.js";
 import { DEFAULT_UNIT_LABELS, toEpoch, ceilToSecond, timeParts, resolveFormat, padPart, formatTime, DEFAULT_MILESTONES, crossedMilestone, msToNextSecond } from "../components/timeSpan.js";

package/dist/chunks/{LpGauge-BdjPGnqw.js → LpGauge-DFdt33x8.js}

@@ -3,7 +3,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { _ as _sfc_main$2 } from "./LpRollingText-DiL717LK.js";
 import { capacityThresholds, toneAt, GAUGE_SWEEP, arcPath, meterFraction, polar } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";

package/dist/chunks/{LpModalNav-BH4ANQGJ.js → LpModalNav-Cuna8c_3.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-BQDAFXBd.js";
 import { _ as _sfc_main$3 } from "./LpIcon-DkP-9mzK.js";
 import { _ as _sfc_main$1 } from "./LpModal-CpH0bNo7.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-D44peKq2.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-Bk7b-K4l.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNumberFlow-5khYxsfX.js → LpNumberFlow-Dwb9MV1A.js}

@@ -3,7 +3,7 @@ import { prefersReducedMotion, easeOut } from "../composables/easing.js";
 import { useLocale } from "../composables/useLocale.js";
 import { decimalMark, compactNumber } from "../components/format.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import '../assets/LpNumberFlow-rZkwQwlU.css';const _hoisted_1 = { class: "sr-only" };
+import '../assets/LpNumberFlow-Chp9pEDe.css';const _hoisted_1 = { class: "sr-only" };
 const _hoisted_2 = {
   key: 0,
   "aria-hidden": "true"
@@ -104,13 +104,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(target, travel);
     onBeforeUnmount(stop);
     const locale = useLocale(() => props.locale);
-    const fractionMark = computed(() => props.grouped && !props.format && !props.compact ? decimalMark(locale.value) : ".");
+    const fractionMark = computed(() => (props.grouped || props.compact) && !props.format ? decimalMark(locale.value) : ".");
     const formatted = computed(() => formatAt(round(displayed.value), !settled.value));
     function formatAt(v, padded) {
       if (props.format) return props.format(v);
       if (!Number.isFinite(v)) return String(v);
       if (props.compact) {
-        return compactNumber(v, { plainDecimals: 0, fixed: true });
+        return compactNumber(v, { plainDecimals: 0, fixed: true, locale: locale.value, words: true });
       }
       const pad = padded ? Math.max(1, padTo.value) : 1;
       if (props.grouped)
@@ -153,7 +153,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const digit = isDigit(char) ? char.charCodeAt(0) - 48 : null;
         const isPad = leading && digit === 0 && i < intEnd - 1;
         if (digit !== null && digit !== 0) leading = false;
-        return { key: keys[i], digit, char, isPad };
+        const isGap = digit === null && /\s/.test(char) && isDigit(chars[i - 1] ?? "") && isDigit(chars[i + 1] ?? "");
+        return { key: keys[i], digit, char, isPad, isGap };
       });
     });
     const DIGITS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
@@ -180,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(cells.value, (cell) => {
                 return openBlock(), createElementBlock("span", {
                   key: cell.key,
-                  class: normalizeClass(["lp-nf__cell", cell.isPad ? "lp-nf__cell--pad" : ""])
+                  class: normalizeClass(["lp-nf__cell", { "lp-nf__cell--pad": cell.isPad, "lp-nf__cell--gap": cell.isGap }])
                 }, [
                   cell.digit !== null ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createElementVNode("span", {

package/dist/chunks/{LpPaletteTheme-CqWNRwHE.js → LpPaletteTheme-DkikZ362.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
 import { useLabels } from "../composables/useLpConfig.js";
 import { suppressPaletteDiscovery } from "../composables/usePaletteCommands.js";
-import { _ as _sfc_main$4 } from "./LpThemeStudio-B2nPaG-h.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-IupHqP0x.js";
 import { _ as _sfc_main$2 } from "./LpThemeProvider-DcbfOxsU.js";
 import { _ as _sfc_main$1 } from "./LpButton-BQDAFXBd.js";
 import { _ as _sfc_main$3 } from "./LpInput-2H-5ILOB.js";
@@ -11,7 +11,8 @@ const _hoisted_3 = { class: "text-sm font-semibold" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpPaletteTheme",
   props: {
-    studio: {}
+    studio: {},
+    hide: {}
   },
   setup(__props) {
     const props = __props;
@@ -93,8 +94,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 8, ["theme"]),
         createVNode(_sfc_main$4, {
           studio: draft,
+          hide: __props.hide,
           labels: { reset: unref(text).revert }
-        }, null, 8, ["labels"])
+        }, null, 8, ["hide", "labels"])
       ]);
     };
   }

package/dist/chunks/{LpPie-DdFSTbGE.js → LpPie-C1uIUFxu.js}

@@ -6,7 +6,7 @@ import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
 import { _ as _sfc_main$4 } from "./LpContextMenu-DXpFJjlO.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-CKFTtQgJ.js";
-import { _ as _sfc_main$6 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$6 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$8 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";

package/dist/chunks/{LpProgress-BX33EKkN.js → LpProgress-WNaH4emv.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, w
 import { ProgressRoot, ProgressIndicator } from "reka-ui";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { meterFraction, toneAt, capacityThresholds, METER_HEADER, METER_TRACK } from "../components/meter.js";
 import { toneLook } from "../components/tone.js";
 const _hoisted_1 = ["width", "height"];

package/dist/chunks/{LpQuota-DqNv1yjs.js → LpQuota-Cz9PvklM.js}

@@ -4,7 +4,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useRevealedValue } from "../composables/useRevealedValue.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$1 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$1 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { _ as _sfc_main$3 } from "./LpRollingText-DiL717LK.js";
 import { METER_HEADER, METER_TRACK } from "../components/meter.js";
 import { quotaState, quotaSegments, formatAmount } from "../components/quota.js";

package/dist/chunks/{LpSelect-DYX2-u5A.js → LpSelect-D3pRJfRY.js}

@@ -71,9 +71,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const SIZE_HEIGHT = {
-      sm: "h-(--size-control-sm)",
-      md: "h-(--size-control-md)",
-      lg: "h-(--size-control-lg)"
+      sm: "h-(--size-control-sm) text-xs",
+      md: "h-(--size-control-md) text-sm",
+      lg: "h-(--size-control-lg) text-sm"
     };
     const anchorHeight = computed(() => SIZE_HEIGHT[props.size]);
     const field = useFieldControl(() => ({
@@ -279,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onFocusout: unref(onFocusOut),
             class: normalizeClass([
               anchorHeight.value,
-              "group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-sm text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2",
+              "group flex w-full items-center gap-2 rounded-control border bg-surface-soft px-3 text-ink transition-colors duration-[var(--duration-fast)] focus-within:ring-2",
               unref(field).disabled && "cursor-not-allowed opacity-55",
               unref(field).invalid ? "border-danger focus-within:border-danger focus-within:ring-danger-soft" : "border-line focus-within:border-brand focus-within:ring-ring"
             ])

package/dist/chunks/{LpSidebar-D44peKq2.js → LpSidebar-Bk7b-K4l.js}

@@ -3,7 +3,7 @@ import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpDrawer-u4rxnuR-.js";
 import { _ as _sfc_main$1 } from "./LpInput-2H-5ILOB.js";
-import { _ as _sfc_main$2 } from "./LpSidebarNav--VwkXO_a.js";
+import { _ as _sfc_main$2 } from "./LpSidebarNav-BR2AW3KT.js";
 const _hoisted_1 = ["aria-label"];
 const _hoisted_2 = {
   key: 2,

package/dist/chunks/{LpSidebarNav--VwkXO_a.js → LpSidebarNav-BR2AW3KT.js}

@@ -1,6 +1,7 @@
 import { defineComponent, computed, ref, openBlock, createBlock, mergeProps, unref, withCtx, createElementBlock, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, createVNode, normalizeClass, createTextVNode, resolveDynamicComponent, renderSlot } from "vue";
 import { Motion } from "motion-v";
 import { CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from "reka-ui";
+import { useLocale } from "../composables/useLocale.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { _ as _sfc_main$4 } from "./LpBadge-C8fKEmTF.js";
 import { _ as _sfc_main$5 } from "./LpContextMenu-DXpFJjlO.js";
@@ -39,6 +40,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const locale = useLocale();
+    function badgeText(badge) {
+      return typeof badge === "number" ? badge.toLocaleString(locale.value) : badge;
+    }
     function sectionKey(section) {
       return section.key ?? section.title ?? "";
     }
@@ -181,7 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   class: "relative z-10 shrink-0"
                                 }, {
                                   default: withCtx(() => [
-                                    createTextVNode(toDisplayString(item.badge), 1)
+                                    createTextVNode(toDisplayString(badgeText(item.badge)), 1)
                                   ]),
                                   _: 2
                                 }, 1032, ["tone"])) : createCommentVNode("", true)

package/dist/chunks/{LpStat-DIsQfbeD.js → LpStat-Dzn6WFzi.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, createElementVNode, createBlock, createCommentVNode, createVNode, Transition, normalizeProps, guardReactiveProps, withCtx, toDisplayString, Fragment, createTextVNode, normalizeClass, renderSlot } from "vue";
 import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
-import { _ as _sfc_main$4 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$4 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$1 } from "./LpStatus-BQU1TUsv.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
@@ -8,8 +8,8 @@ import { TONES } from "../components/tone.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _hoisted_2 = { class: "text-[11px] font-semibold uppercase tracking-[0.08em] text-muted" };
 const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { class: "flex items-baseline gap-2" };
-const _hoisted_5 = { class: "font-mono text-3xl font-medium tracking-tight text-ink" };
+const _hoisted_4 = { class: "flex flex-wrap items-baseline gap-x-2" };
+const _hoisted_5 = { class: "whitespace-nowrap font-mono text-3xl font-medium tracking-tight text-ink" };
 const _hoisted_6 = { key: "loading" };
 const _hoisted_7 = { key: "value" };
 const _hoisted_8 = {
@@ -141,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_sfc_main$3, { class: "inline-block h-[0.9em] w-10 align-middle" })
           ])) : showDelta.value ? (openBlock(), createElementBlock("span", {
             key: 1,
-            class: normalizeClass(["inline-flex items-center gap-0.5 text-sm font-medium tabular-nums", trendColor.value])
+            class: normalizeClass(["inline-flex items-center gap-0.5 whitespace-nowrap text-sm font-medium tabular-nums", trendColor.value])
           }, [
             createVNode(_sfc_main$2, {
               name: trendIcon.value,

package/dist/chunks/{LpThemeStudio-B2nPaG-h.js → LpThemeStudio-IupHqP0x.js}

@@ -1,5 +1,5 @@
 import { shallowRef, computed, ref, watch, watchEffect, defineComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, createBlock, withCtx, createVNode, createTextVNode, createCommentVNode, renderSlot, normalizeClass, normalizeStyle, Fragment, renderList } from "vue";
-import { u as usePaletteTheme } from "./palette-BiY7yQZL.js";
+import { u as usePaletteTheme } from "./palette-Cvxl_1tM.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { parseColor, rgbToHex } from "../components/color.js";
@@ -250,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return r ? { x: r.left + r.width / 2, y: r.top + r.height / 2 } : void 0;
     }
     const tuneTo = (key, value) => studio.tune({ [key]: value });
-    usePaletteTheme(() => studio ?? void 0);
+    usePaletteTheme(() => studio ?? void 0, { hide: props.hide });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [

package/dist/chunks/{LpThemeSwitcher-C0A5sg_E.js → LpThemeSwitcher-DarPHuX8.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, useId, computed, onMounted, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { u as usePaletteTheme } from "./palette-BiY7yQZL.js";
+import { u as usePaletteTheme } from "./palette-Cvxl_1tM.js";
 import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 import { u as useTheme, p as presets } from "./useTheme-BOV_-AiY.js";
-import { u as useThemeStudio, S as STUDIO_SYSTEM, _ as _sfc_main$5 } from "./LpThemeStudio-B2nPaG-h.js";
+import { u as useThemeStudio, S as STUDIO_SYSTEM, _ as _sfc_main$5 } from "./LpThemeStudio-IupHqP0x.js";
 import { POPOVER_PANEL } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpContextMenu-DXpFJjlO.js";
 import { _ as _sfc_main$2 } from "./LpIcon-DkP-9mzK.js";
@@ -125,6 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!pair) return;
       if (tuner) {
         tuner.pickTheme(STUDIO_SYSTEM);
+        emit("update:modelValue", STUDIO_SYSTEM);
         emit("change", tuner.theme.value);
         return;
       }
@@ -169,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const triggerLabel = computed(
       () => props["aria-label"] ?? text.value.trigger.replace("{name}", labelName.value)
     );
-    usePaletteTheme(() => tuner ?? void 0);
+    usePaletteTheme(() => tuner ?? void 0, { hide: props.studioHide });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(PopoverRoot), {
         open: studioOpen.value,

package/dist/chunks/{LpTopologyCanvas-B0wEvAoq.js → LpTopologyCanvas-Cq-MiJwo.js}

@@ -1,4 +1,4 @@
-import { defineComponent, h, markRaw, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, renderSlot } from "vue";
+import { defineComponent, h, markRaw, computed, watch, ref, openBlock, createBlock, unref, withCtx, createVNode, createCommentVNode, normalizeClass, createElementVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, renderSlot } from "vue";
 import { Background } from "@vue-flow/background";
 import { Controls } from "@vue-flow/controls";
 import { MarkerType, useVueFlow, VueFlow, SelectionMode, Panel } from "@vue-flow/core";
@@ -7,14 +7,15 @@ import { _ as _sfc_main$3 } from "./LpInfraNode-yTh4-5qa.js";
 import { _ as _sfc_main$1 } from "./LpLaneNode-HtnQf2FF.js";
 import { _ as _sfc_main$2 } from "./LpServiceNode-D8uJ8sGk.js";
 import { _ as _sfc_main$4 } from "./LpWaypointEdge-D8yHlQiw.js";
-const _hoisted_1 = { class: "flex flex-col gap-1.5 rounded-card border border-line bg-surface-overlay/90 px-3 py-2 text-[11px] backdrop-blur" };
-const _hoisted_2 = {
+const _hoisted_1 = {
   width: "22",
   height: "6",
   class: "shrink-0",
   "aria-hidden": "true"
 };
-const _hoisted_3 = ["stroke", "stroke-width", "stroke-dasharray"];
+const _hoisted_2 = ["stroke", "stroke-width", "stroke-dasharray"];
+const MINIMAP_HEIGHT = 165;
+const FRAME = 24;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpTopologyCanvas",
   props: {
@@ -141,7 +142,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onMoveEnd,
       getSelectedNodes,
       fitView,
-      setViewport
+      setViewport,
+      onNodesInitialized
     } = useVueFlow();
     onNodeClick(({ node }) => emit("node-select", node.id));
     onNodeDoubleClick(({ node }) => emit("node-activate", node.id));
@@ -188,10 +190,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     onPaneClick(() => emit("pane-click"));
     onConnect((conn) => emit("connect", conn));
+    const legendBox = ref(null);
+    function framePadding() {
+      const wide = typeof window === "undefined" || window.matchMedia("(min-width: 640px)").matches;
+      const legendHeight = wide && props.legend ? (legendBox.value?.offsetHeight ?? 0) + 15 : 0;
+      const legendTop = props.legendPosition.startsWith("top");
+      const bottom = Math.max(legendTop ? 0 : legendHeight, wide && props.minimap ? MINIMAP_HEIGHT : 0);
+      return {
+        top: `${FRAME + (legendTop ? legendHeight : 0)}px`,
+        bottom: `${FRAME + bottom}px`,
+        left: `${FRAME}px`,
+        right: `${FRAME}px`
+      };
+    }
+    function fitFramed(params = {}) {
+      return fitView({ padding: framePadding(), ...params });
+    }
+    let fitted = false;
+    onNodesInitialized(() => {
+      if (fitted) return;
+      fitted = true;
+      void fitFramed();
+    });
     async function applyViewport(v) {
       await setViewport({ x: v.x, y: v.y, zoom: v.zoom });
     }
-    __expose({ fitView, setViewport: applyViewport });
+    __expose({ fitView: fitFramed, setViewport: applyViewport });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(VueFlow), {
         nodes: flowNodes.value,
@@ -207,7 +231,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "default-viewport": { zoom: 0.9 },
         "min-zoom": 0.3,
         "max-zoom": 2,
-        "fit-view-on-init": "",
         class: "lp-topology"
       }, {
         default: withCtx(() => [
@@ -224,20 +247,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "node-color": "var(--color-surface-soft)",
             "mask-color": "rgba(0,0,0,0.55)"
           })) : createCommentVNode("", true),
-          __props.controls ? (openBlock(), createBlock(unref(Controls), { key: 1 })) : createCommentVNode("", true),
+          __props.controls ? (openBlock(), createBlock(unref(Controls), {
+            key: 1,
+            "fit-view-params": { padding: framePadding() }
+          }, null, 8, ["fit-view-params"])) : createCommentVNode("", true),
           __props.legend ? (openBlock(), createBlock(unref(Panel), {
             key: 2,
             position: __props.legendPosition,
             class: normalizeClass([legendOffset.value, "max-sm:hidden"])
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_1, [
+              createElementVNode("div", {
+                ref_key: "legendBox",
+                ref: legendBox,
+                class: "flex flex-col gap-1.5 rounded-card border border-line bg-surface-overlay/90 px-3 py-2 text-[11px] backdrop-blur"
+              }, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(legendItems.value, (l) => {
                   return openBlock(), createElementBlock("div", {
                     key: l.label,
                     class: "flex items-center gap-2 text-muted"
                   }, [
-                    (openBlock(), createElementBlock("svg", _hoisted_2, [
+                    (openBlock(), createElementBlock("svg", _hoisted_1, [
                       createElementVNode("line", {
                         x1: "0",
                         y1: "3",
@@ -247,13 +277,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "stroke-width": l.width,
                         "stroke-dasharray": l.dash,
                         "stroke-linecap": "round"
-                      }, null, 8, _hoisted_3)
+                      }, null, 8, _hoisted_2)
                     ])),
                     createTextVNode(" " + toDisplayString(l.label), 1)
                   ]);
                 }), 128)),
                 renderSlot(_ctx.$slots, "legend-extra")
-              ])
+              ], 512)
             ]),
             _: 3
           }, 8, ["position", "class"])) : createCommentVNode("", true)

package/dist/chunks/{LpUptimeBar-DRadGq4Y.js → LpUptimeBar-BbhVTPnL.js}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode, createVNode, withCtx, createBlock, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
-import { _ as _sfc_main$6 } from "./LpNumberFlow-5khYxsfX.js";
+import { _ as _sfc_main$6 } from "./LpNumberFlow-Dwb9MV1A.js";
 import { _ as _sfc_main$5 } from "./LpRollingText-DiL717LK.js";
 import { _ as _sfc_main$4 } from "./LpShift-DXNsauQZ.js";
 import { _ as _sfc_main$2 } from "./LpSkeleton-BB6XIV-w.js";

package/dist/chunks/{palette-BiY7yQZL.js → palette-Cvxl_1tM.js}

@@ -9,7 +9,7 @@ function usePaletteTheme(studio, options = {}) {
     const current = toValue(studio);
     return current && "preview" in current && typeof current.preview === "function" ? current : void 0;
   };
-  const preview = defineComponent({ setup: () => () => currentStudio() ? h(Editor, { studio: currentStudio() }) : null });
+  const preview = defineComponent({ setup: () => () => currentStudio() ? h(Editor, { studio: currentStudio(), hide: options.hide }) : null });
   usePaletteCommands(() => {
     const current = currentStudio();
     if (!current) return [];

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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