@leavepulse/ui 0.76.0 → 0.77.0

package/README.md

@@ -113,7 +113,10 @@ provideOverlayHistory(true, { router })
   `update:open` true while the overlay is still mounted.
 - `history` on a single overlay wins over the app-wide mode: `false` keeps an
   overlay out of history, for one the app already opens from its route query
-  (it would otherwise take two entries for one dialog).
+  (it would otherwise take two entries for one dialog). An overlay the app
+  writes into the query with `router.replace` needs nothing: when it closes,
+  the address the app left is kept, and the overlay does not open again from
+  the entry under it.
 - A real navigation (a link, `router.push` to another path) closes the open
   overlays, and the entries they leave under the new page are skipped, so Back
   from it lands on the page in one press. A push that keeps the path (a query

package/dist/chunks/{LpAddressInput-De_LTYM7.js → LpAddressInput-sYMvYzcY.js}

@@ -7,7 +7,7 @@ import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$1 } from "./LpFormField-Ch69Jd-X.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$7 } from "./LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$7 } from "./LpModal-CoGhLTyH.js";
 import { _ as _sfc_main$6 } from "./LpSelect-Cxq4yBGd.js";
 import { useFieldControl } from "../composables/useField.js";
 import { useLabels } from "../composables/useLpConfig.js";

package/dist/chunks/{LpAppShell-Cpy_t1U_.js → LpAppShell-Dgejipzz.js}

@@ -5,9 +5,9 @@ import { _ as _sfc_main$7 } from "./LpBottomNav-CbNQQPuL.js";
 import { _ as _sfc_main$2 } from "./LpContextSwitcher-Dwh6dyID.js";
 import { _ as _sfc_main$3 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$6 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$6 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$5 } from "./LpShift-CCq7dofl.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-D6zO8vLm.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-DzE1783C.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/{LpConfirmDialog-CphJR6Q9.js → LpConfirmDialog-DlD45Bi_.js}

@@ -2,7 +2,7 @@ import { defineComponent, computed, ref, watch, openBlock, createBlock, createSl
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$1 } from "./LpModal-CoGhLTyH.js";
 const _hoisted_1 = { class: "inline-flex items-center gap-2.5" };
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpConfirmHost-QSJ0zl63.js → LpConfirmHost-BIWjBLmI.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, ref, watch, openBlock, createBlock, createCommentVNode } from "vue";
 import { confirmQueue, settleConfirm } from "../components/confirm.js";
-import { _ as _sfc_main$1 } from "./LpConfirmDialog-CphJR6Q9.js";
+import { _ as _sfc_main$1 } from "./LpConfirmDialog-DlD45Bi_.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpConfirmHost",
   props: {

package/dist/chunks/{LpDrawer-DQZixOqJ.js → LpDrawer-CrG8t_KP.js}

@@ -8,7 +8,7 @@ import { useOverlayHistory } from "../composables/useOverlayHistory.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { useModalLayer, anyModalOpen } from "../components/modalDepth.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = { class: "text-base font-semibold text-ink" };

package/dist/chunks/{LpFileTree-zIFEgo3I.js → LpFileTree-CooHinsC.js}

@@ -3,7 +3,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { computeStats, formatSize, sortNodes, subtreeIds, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-EQHiRYhG.js";
 import { _ as _sfc_main$4 } from "./LpFileTreeNode-cT6BIWvz.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";

package/dist/chunks/{LpLogViewer-D25jM2_I.js → LpLogViewer-ngqkns4m.js}

@@ -9,7 +9,7 @@ import { _ as _sfc_main$4 } from "./LpEmptyState-EQHiRYhG.js";
 import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$5 } from "./LpLoader-DVwkOmt9.js";
 import { _ as _sfc_main$1 } from "./LpInput-Tw-yxT4I.js";
-import { _ as _sfc_main$3 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-MyEnVB_5.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";

package/dist/chunks/{LpModal-C0tGg_D_.js → LpModal-CoGhLTyH.js}

@@ -8,7 +8,7 @@ import { useShift } from "../composables/useShift.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { CLOSE_ICON } from "../components/dropdown.js";
 import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";
 const _hoisted_1 = {
   key: 0,

package/dist/chunks/{LpModalNav-iDDtT9c1.js → LpModalNav-BGvs2y5Q.js}

@@ -3,8 +3,8 @@ import { useGlass } from "../composables/useGlass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpButton-CFb44IjC.js";
 import { _ as _sfc_main$3 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$1 } from "./LpModal-C0tGg_D_.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-D6zO8vLm.js";
+import { _ as _sfc_main$1 } from "./LpModal-CoGhLTyH.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-DzE1783C.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-3244LUVc.js → LpNotificationBell-B0034Lk-.js}

@@ -9,7 +9,7 @@ import { _ as _sfc_main$7 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$1 } from "./LpPopover-DmZ3wUtP.js";
 import { _ as _sfc_main$8 } from "./LpRelativeTime-DwgCb5-8.js";
 import { _ as _sfc_main$b } from "./LpRollingText-B54Pje7P.js";
-import { _ as _sfc_main$5 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$5 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$3 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$2 } from "./LpShift-CCq7dofl.js";
 import { toneLook } from "../components/tone.js";

package/dist/chunks/{LpScrollArea-Hz3-JWUG.js → LpScrollArea-MyEnVB_5.js}

@@ -8,6 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     fade: { type: Boolean, default: true },
     instant: { type: Boolean, default: false },
+    floating: { type: Boolean, default: false },
     contentClass: {},
     barInsetTop: {}
   },
@@ -119,33 +120,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "vertical",
             "force-mount": "",
-            class: normalizeClass(["group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px", barFade]),
+            class: normalizeClass(["group z-1 flex touch-none select-none justify-end pl-2.5", [barFade, __props.floating ? "w-4 py-1 pr-1" : "w-3.5 py-px pr-px"]]),
             style: normalizeStyle(__props.barInsetTop ? { marginTop: __props.barInsetTop } : void 0),
             onPointerdownCapture: _cache[0] || (_cache[0] = ($event) => onTrackPointerDown($event, "y"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: "relative min-w-1 rounded-l-pill bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand",
+                class: normalizeClass(["relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-l-pill"]),
                 onPointerdown: onThumbPointerDown
-              })
+              }, null, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["style"]),
+          }, 8, ["class", "style"]),
           createVNode(unref(ScrollAreaScrollbar), {
             orientation: "horizontal",
-            class: normalizeClass(["group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5", barFade]),
+            class: normalizeClass(["group z-1 flex flex-col touch-none select-none justify-end pt-2.5", [barFade, __props.floating ? "h-4 px-1 pb-1" : "h-3.5 px-px pb-px"]]),
             onPointerdownCapture: _cache[1] || (_cache[1] = ($event) => onTrackPointerDown($event, "x"))
           }, {
             default: withCtx(() => [
               createVNode(unref(ScrollAreaThumb), {
                 "data-lp-thumb": "",
-                class: "relative min-h-1 rounded-t-pill bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand",
+                class: normalizeClass(["relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand", __props.floating ? "rounded-pill" : "rounded-t-pill"]),
                 onPointerdown: onThumbPointerDown
-              })
+              }, null, 8, ["class"])
             ]),
             _: 1
-          }),
+          }, 8, ["class"]),
           createVNode(unref(ScrollAreaViewport), {
             ref_key: "viewportRef",
             ref: viewportRef,

package/dist/chunks/{LpSidebar-D6zO8vLm.js → LpSidebar-DzE1783C.js}

@@ -2,11 +2,11 @@ import { defineComponent, computed, ref, useId, openBlock, createElementBlock, F
 import { useHotkeys, parseCombo } from "../composables/useHotkeys.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$5 } from "./LpDrawer-DQZixOqJ.js";
+import { _ as _sfc_main$5 } from "./LpDrawer-CrG8t_KP.js";
 import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$3 } from "./LpInput-Tw-yxT4I.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-BcBvIx4z.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-Bky8chrv.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-DE3PhXVP.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-Bky8chrv.js → LpSidebarNav-DE3PhXVP.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$4 } from "./LpIcon--5WSb3jJ.js";
 import "../composables/useHotkeys.js";
 import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-C5VMcBOW.css';/* empty css                */
 /* empty css                      */
-import { _ as _sfc_main$2 } from "./LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$2 } from "./LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$3 } from "./LpSidebarRow-BRYhNDSo.js";
 import { waiting } from "../components/sidebar.js";

package/dist/components/LpAddressInput.vue.js

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

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpCommandPalette.vue.js

@@ -7,7 +7,7 @@ import { _ as _sfc_main$6 } from "../chunks/PalettePreviewBoundary-B0Hhu3Yw.js";
 import { _ as _sfc_main$5 } from "../chunks/LpAvatar-Cg6Az3wz.js";
 import { _ as _sfc_main$1 } from "../chunks/LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$2 } from "../chunks/LpLoader-DVwkOmt9.js";
-import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$4 } from "../chunks/LpScrollArea-MyEnVB_5.js";
 import MenuShortcut from "./MenuShortcut.vue.js";
 import { staggerDelay } from "./reveal.js";
 import { usePersisted } from "../composables/usePersisted.js";

package/dist/components/LpConfirmDialog.vue.js

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

package/dist/components/LpConfirmHost.vue.js

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

package/dist/components/LpDrawer.vue.js

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

package/dist/components/LpFileTree.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTree-zIFEgo3I.js";
+import { _ as _sfc_main } from "../chunks/LpFileTree-CooHinsC.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLogViewer-D25jM2_I.js";
+import { _ as _sfc_main } from "../chunks/LpLogViewer-ngqkns4m.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModal.vue.js

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

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationBell-3244LUVc.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationBell-B0034Lk-.js";
 export {
   _sfc_main as default
 };

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

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     fade?: boolean;
     instant?: boolean;
+    floating?: boolean;
     contentClass?: string;
     barInsetTop?: string;
 };
@@ -17,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     fade: boolean;
     instant: boolean;
+    floating: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/LpScrollArea.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main } from "../chunks/LpScrollArea-MyEnVB_5.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpShortcutsDialog.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, createVNode } from "vue";
 import LpKeys from "./LpKeys.vue.js";
-import { _ as _sfc_main$1 } from "../chunks/LpModal-C0tGg_D_.js";
+import { _ as _sfc_main$1 } from "../chunks/LpModal-CoGhLTyH.js";
 import { mergeShortcutGroups, activeShortcuts, useHotkeys } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/components/LpSidebar.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebar-D6zO8vLm.js";
+import { _ as _sfc_main } from "../chunks/LpSidebar-DzE1783C.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebarNav.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarNav-Bky8chrv.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarNav-DE3PhXVP.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -10,7 +10,7 @@ import { _ as _sfc_main$3 } from "../chunks/LpIcon--5WSb3jJ.js";
 import { _ as _sfc_main$c } from "../chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _sfc_main$e } from "../chunks/LpPagination-BIIiYHXR.js";
 import { _ as _sfc_main$a } from "../chunks/LpPopover-DmZ3wUtP.js";
-import { _ as _sfc_main$7 } from "../chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _sfc_main$7 } from "../chunks/LpScrollArea-MyEnVB_5.js";
 import { _ as _sfc_main$6 } from "../chunks/LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$4 } from "../chunks/LpShift-CCq7dofl.js";
 import { _ as _sfc_main$b } from "../chunks/LpTableFilter-CiVBpaq0.js";

package/dist/composables/overlayHistory.js

@@ -11,6 +11,7 @@ const fresh = {
   closed: /* @__PURE__ */ new Map(),
   dead: /* @__PURE__ */ new Map(),
   silent: 0,
+  keep: null,
   waiting: [],
   href: "",
   serial: 0,
@@ -75,6 +76,9 @@ function handlePop(event) {
   s.href = location.href;
   if (s.silent > 0) {
     s.silent--;
+    const keep = s.silent === 0 ? s.keep : null;
+    if (s.silent === 0) s.keep = null;
+    if (keep && keep.href !== location.href) restore(keep, event);
     if (before === location.href) event.stopImmediatePropagation();
     flushWaiting();
     return;
@@ -121,6 +125,14 @@ function handlePop(event) {
     leavePage();
   }
 }
+function restore(keep, event) {
+  const mark = markOf(event.state);
+  const base = keep.state && typeof keep.state === "object" ? { ...keep.state } : {};
+  delete base[KEY];
+  own(() => history.replaceState(mark ? { ...base, [KEY]: mark } : base, "", keep.href));
+  s.href = location.href;
+  event.stopImmediatePropagation();
+}
 const DEAD_LIMIT = 200;
 function bury(item) {
   s.dead.set(item.token, item);
@@ -217,6 +229,7 @@ function dropEntry(entry) {
   const positioned = onTop();
   const removed = s.live.splice(at);
   if (positioned) {
+    s.keep = { href: location.href, state: history.state };
     silentGo(-removed.length);
     return;
   }

package/dist/index.js

@@ -1,10 +1,10 @@
 import { _ } from "./chunks/LayoutCanvas-CNOAUk7D.js";
-import { _ as _2 } from "./chunks/LpAddressInput-De_LTYM7.js";
+import { _ as _2 } from "./chunks/LpAddressInput-sYMvYzcY.js";
 import { _ as _3 } from "./chunks/LpMapPicker-DRGgh89B.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-BP1ld7-S.js";
 import { _ as _5 } from "./chunks/LpAlert-n5XPAZfv.js";
-import { _ as _6 } from "./chunks/LpAppShell-Cpy_t1U_.js";
+import { _ as _6 } from "./chunks/LpAppShell-Dgejipzz.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-DOu7FN5P.js";
 import { _ as _8 } from "./chunks/LpAvatar-Cg6Az3wz.js";
 import { _ as _9 } from "./chunks/LpBadge-wUYLN4U9.js";
@@ -30,8 +30,8 @@ import { default as default6 } from "./components/LpPaletteStats.vue.js";
 import { default as default7 } from "./components/LpPaletteSwatches.vue.js";
 import { default as default8 } from "./components/LpKeys.vue.js";
 import { comboKeys, comboSteps } from "./components/keys.js";
-import { _ as _18 } from "./chunks/LpConfirmDialog-CphJR6Q9.js";
-import { _ as _19 } from "./chunks/LpConfirmHost-QSJ0zl63.js";
+import { _ as _18 } from "./chunks/LpConfirmDialog-DlD45Bi_.js";
+import { _ as _19 } from "./chunks/LpConfirmHost-BIWjBLmI.js";
 import { confirm, useConfirm } from "./components/confirm.js";
 import { _ as _20 } from "./chunks/LpContextMenu-rx2tCjwk.js";
 import { _ as _21 } from "./chunks/LpDatePicker-CA0QTfBC.js";
@@ -40,11 +40,11 @@ import { _ as _23 } from "./chunks/LpRangeCalendar-CYYUYqJ7.js";
 import { clampRange, dayAllowed, defaultDatePresets, defaultRangePresets, formatRange, normalizeRange, sameRange } from "./components/dateRange.js";
 import { _ as _24 } from "./chunks/LpDisclosure-Cpa7Hc5T.js";
 import { _ as _25 } from "./chunks/LpDivider-CUX46KR0.js";
-import { _ as _26 } from "./chunks/LpDrawer-DQZixOqJ.js";
+import { _ as _26 } from "./chunks/LpDrawer-CrG8t_KP.js";
 import { _ as _27 } from "./chunks/LpDropdownMenu-Dl7Z4ZhS.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
 import { _ as _28 } from "./chunks/LpEmptyState-EQHiRYhG.js";
-import { _ as _29 } from "./chunks/LpFileTree-zIFEgo3I.js";
+import { _ as _29 } from "./chunks/LpFileTree-CooHinsC.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _30 } from "./chunks/LpFieldNotice-CzQ2_5rQ.js";
 import { _ as _31 } from "./chunks/LpFormField-Ch69Jd-X.js";
@@ -56,12 +56,12 @@ import { _ as _34 } from "./chunks/LpInput-Tw-yxT4I.js";
 import { _ as _35 } from "./chunks/LpLightbox-B95yu22B.js";
 import { fileNameOf } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-D25jM2_I.js";
+import { _ as _37 } from "./chunks/LpLogViewer-ngqkns4m.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
 import { _ as _38 } from "./chunks/LpMediaGallery-Bkram-MO.js";
-import { _ as _39 } from "./chunks/LpModal-C0tGg_D_.js";
-import { _ as _40 } from "./chunks/LpModalNav-iDDtT9c1.js";
-import { _ as _41 } from "./chunks/LpNotificationBell-3244LUVc.js";
+import { _ as _39 } from "./chunks/LpModal-CoGhLTyH.js";
+import { _ as _40 } from "./chunks/LpModalNav-BGvs2y5Q.js";
+import { _ as _41 } from "./chunks/LpNotificationBell-B0034Lk-.js";
 import { _ as _42 } from "./chunks/LpNumberField-e0IBkWU1.js";
 import { _ as _43 } from "./chunks/LpTimeField-BawSVsmt.js";
 import { _ as _44 } from "./chunks/LpNumberFlow-Vqj0tP7B.js";
@@ -76,7 +76,7 @@ import { _ as _51 } from "./chunks/LpProgress-Yr6ONG5t.js";
 import { _ as _52 } from "./chunks/LpRadio-CWA5Eb3M.js";
 import { _ as _53 } from "./chunks/LpRadioGroup-ggaPL92T.js";
 import { _ as _54 } from "./chunks/LpRollingText-B54Pje7P.js";
-import { _ as _55 } from "./chunks/LpScrollArea-Hz3-JWUG.js";
+import { _ as _55 } from "./chunks/LpScrollArea-MyEnVB_5.js";
 import { _ as _56 } from "./chunks/LpSegmented-CeACsMMA.js";
 import { _ as _57 } from "./chunks/LpSection-DFK_uoJE.js";
 import { _ as _58 } from "./chunks/LpSelect-Cxq4yBGd.js";
@@ -86,7 +86,7 @@ import { _ as _60 } from "./chunks/LpShift-CCq7dofl.js";
 import { _ as _61 } from "./chunks/LpSwap-C96c0LWh.js";
 import { _ as _62 } from "./chunks/LpHintExample-9Py0wc-L.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _63 } from "./chunks/LpSidebar-D6zO8vLm.js";
+import { _ as _63 } from "./chunks/LpSidebar-DzE1783C.js";
 import { _ as _64 } from "./chunks/LpContextSwitcher-Dwh6dyID.js";
 import { _ as _65 } from "./chunks/LpSkeleton-BB6XIV-w.js";
 import { _ as _66 } from "./chunks/LpSlider-DxYoCJJO.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leavepulse/ui",
-  "version": "0.76.0",
+  "version": "0.77.0",
   "type": "module",
   "description": "LeavePulse token-driven Vue component kit.",
   "repository": {

package/src/components/LpScrollArea.vue

@@ -23,6 +23,10 @@ import { prefersReducedMotion } from "../composables/easing"
 // `contentClass` styles the scrollable CONTENT container (the viewport's inner
 // wrapper) — put list layout here (display:grid / gap / padding), not on the
 // component root, since items live inside reka's viewport.
+// `floating` is for a region that sits inside a card or a panel rather than
+// against a wall: the bar keeps a gap from the edge and its thumb is rounded at
+// both ends. Flush to a wall, a half-rounded thumb reads as part of the frame;
+// in the middle of a card the same thumb looks sliced off.
 // `barInsetTop` (any CSS length) pulls the vertical scrollbar down by that much,
 // so it doesn't run under a sticky header pinned at the top of the viewport.
 // Wheel and keyboard scrolling ease by default. `instant` opts back out, and
@@ -35,10 +39,11 @@ const props = withDefaults(
   defineProps<{
     fade?: boolean
     instant?: boolean
+    floating?: boolean
     contentClass?: string
     barInsetTop?: string
   }>(),
-  { fade: true, instant: false },
+  { fade: true, instant: false, floating: false },
 )
 
 // Re-emit the native scroll event of the underlying viewport so consumers that
@@ -251,8 +256,8 @@ function onThumbPointerDown() {
     <ScrollAreaScrollbar
       orientation="vertical"
       force-mount
-      class="group z-1 flex w-3.5 touch-none select-none justify-end py-px pl-2.5 pr-px"
-      :class="barFade"
+      class="group z-1 flex touch-none select-none justify-end pl-2.5"
+      :class="[barFade, floating ? 'w-4 py-1 pr-1' : 'w-3.5 py-px pr-px']"
       :style="barInsetTop ? { marginTop: barInsetTop } : undefined"
       @pointerdown.capture="onTrackPointerDown($event, 'y')"
     >
@@ -264,20 +269,22 @@ function onThumbPointerDown() {
            the positioning reka owns. -->
       <ScrollAreaThumb
         data-lp-thumb
-        class="relative min-w-1 rounded-l-pill bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand"
+        class="relative min-w-1 bg-brand/40 before:absolute before:inset-y-0 before:right-0 before:-left-2.5 before:content-[''] transition-[min-width,background-color] duration-[var(--duration-fast)] group-hover:min-w-1.5 group-hover:bg-brand"
+        :class="floating ? 'rounded-pill' : 'rounded-l-pill'"
         @pointerdown="onThumbPointerDown"
       />
     </ScrollAreaScrollbar>
 
     <ScrollAreaScrollbar
       orientation="horizontal"
-      class="group z-1 flex h-3.5 flex-col touch-none select-none justify-end px-px pb-px pt-2.5"
-      :class="barFade"
+      class="group z-1 flex flex-col touch-none select-none justify-end pt-2.5"
+      :class="[barFade, floating ? 'h-4 px-1 pb-1' : 'h-3.5 px-px pb-px']"
       @pointerdown.capture="onTrackPointerDown($event, 'x')"
     >
       <ScrollAreaThumb
         data-lp-thumb
-        class="relative min-h-1 rounded-t-pill bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand"
+        class="relative min-h-1 bg-brand/40 before:absolute before:inset-x-0 before:bottom-0 before:-top-2.5 before:content-[''] transition-[min-height,background-color] duration-[var(--duration-fast)] group-hover:min-h-1.5 group-hover:bg-brand"
+        :class="floating ? 'rounded-pill' : 'rounded-t-pill'"
         @pointerdown="onThumbPointerDown"
       />
     </ScrollAreaScrollbar>

package/src/composables/overlayHistory.ts

@@ -31,6 +31,11 @@
  *    entries keep working once Back returns past it.
  *  - Someone else's `replaceState` on a kit entry keeps the kit's key, so a
  *    router saving its scroll position does not orphan the entry.
+ *  - An app that keeps an overlay in its query through `replace` rewrites the
+ *    address of the kit's entry when the overlay closes, and the entry under it
+ *    still holds the old one. Taking the entry out lands there, so the address
+ *    the app left is put back on it and the step never reaches the router:
+ *    handed over, it would navigate to the old query and open the overlay again.
  */
 
 const KEY = "__lpOverlay"
@@ -79,6 +84,8 @@ interface EngineState {
   dead: Map<string, Tracked>
   /** Pops the kit started itself and swallows on arrival. */
   silent: number
+  /** What the page showed before the kit took entries out, to be kept where the step lands. */
+  keep: { href: string; state: unknown } | null
   waiting: Array<() => void>
   href: string
   serial: number
@@ -98,6 +105,7 @@ const fresh: EngineState = {
   closed: new Map(),
   dead: new Map(),
   silent: 0,
+  keep: null,
   waiting: [],
   href: "",
   serial: 0,
@@ -174,6 +182,9 @@ function handlePop(event: PopStateEvent) {
   s.href = location.href
   if (s.silent > 0) {
     s.silent--
+    const keep = s.silent === 0 ? s.keep : null
+    if (s.silent === 0) s.keep = null
+    if (keep && keep.href !== location.href) restore(keep, event)
     if (before === location.href) event.stopImmediatePropagation()
     flushWaiting()
     return
@@ -229,6 +240,16 @@ function handlePop(event: PopStateEvent) {
   }
 }
 
+/* The address the app left on the entry the kit took out, put back where the step landed. */
+function restore(keep: { href: string; state: unknown }, event: PopStateEvent) {
+  const mark = markOf(event.state)
+  const base = keep.state && typeof keep.state === "object" ? { ...(keep.state as Record<string, unknown>) } : {}
+  delete base[KEY]
+  own(() => history.replaceState(mark ? { ...base, [KEY]: mark } : base, "", keep.href))
+  s.href = location.href
+  event.stopImmediatePropagation()
+}
+
 /* Buried entries are kept by token; the oldest go first, history this deep is never walked back. */
 const DEAD_LIMIT = 200
 function bury(item: Tracked) {
@@ -364,6 +385,7 @@ export function dropEntry(entry: HistoryEntry): void {
   const positioned = onTop()
   const removed = s.live.splice(at)
   if (positioned) {
+    s.keep = { href: location.href, state: history.state }
     silentGo(-removed.length)
     return
   }