@leavepulse/ui 0.96.1 → 0.96.3

package/dist/chunks/{LpAppShell-DcAq93Yl.js → LpAppShell-CDIvTOCl.js}

@@ -14,7 +14,7 @@ import { _ as _sfc_main$4 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$8 } from "./LpPageScrollbar-BniFeL2U.js";
 import { _ as _sfc_main$7 } from "./LpScrollArea-B_1KZOSS.js";
 import { _ as _sfc_main$5 } from "./LpShift-ta3RpuH8.js";
-import { _ as _sfc_main$1 } from "./LpSidebar-DWMO2PBQ.js";
+import { _ as _sfc_main$1 } from "./LpSidebar-CCJAE3gl.js";
 import { mergeClass, useMergedAttrs } from "../composables/useMergedClass.js";
 import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 const _hoisted_1 = ["href"];

package/dist/chunks/{LpColorPicker-DuuaWRsT.js → LpColorPicker-SVXbvc7r.js}

@@ -10,7 +10,7 @@ import { DEFAULT_SWATCHES, formatColor, opaqueCss, parseColor, rgbToHsv, isLight
 import { useClipboard } from "../composables/useClipboard.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
-import { _ as _sfc_main$2 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$2 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { usePortalTarget, useOutsideGuard } from "../composables/useView.js";

package/dist/chunks/{LpContextMenu-DEFirphS.js → LpContextMenu-BAlrTKQy.js}

@@ -20,8 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     titleImage: {},
     noHint: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const enabled = computed(() => props.always || props.items.length > 0);
     const hinted = computed(() => enabled.value && !props.noHint);
     const PANEL = `${POPOVER_PANEL} ${PANEL_FIT} z-(--z-popover) min-w-48 p-1 outline-none`;
@@ -45,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function opened(open) {
       if (open && !synthetic) hints.use(HINT_SIGNALS.contextMenu);
       synthetic = false;
+      emit("update:open", open);
     }
     const counted = /* @__PURE__ */ new WeakSet();
     function leftClick(event) {

package/dist/chunks/{LpFileTree-CLpVoqzu.js → LpFileTree-D0PDEQfB.js}

@@ -5,7 +5,7 @@ import { isElement } from "../composables/realm.js";
 import { withLoadedChildren, computeStats, formatSize, isFilterEmpty, filterTree, sortNodes, flattenVisible, rowWindow, renameProblem, nodeTrail, subtreeIds, rangeIds, topmostIds, canDrop, ancestorIds } from "../components/fileTree.js";
 import { _ as _sfc_main$4 } from "./LpBreadcrumbs-CF-qfujt.js";
 import { _ as _sfc_main$2 } from "./LpEmptyState-DLOm07KH.js";
-import { _ as _sfc_main$6 } from "./LpFileTreeNode-DkjdwSni.js";
+import { _ as _sfc_main$6 } from "./LpFileTreeNode-Cv01lHgt.js";
 import { _ as _sfc_main$3 } from "./LpInput-BOI2XFq_.js";
 import { _ as _sfc_main$5 } from "./LpScrollArea-B_1KZOSS.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";

package/dist/chunks/{LpFileTreeNode-DkjdwSni.js → LpFileTreeNode-Cv01lHgt.js}

@@ -3,7 +3,7 @@ import { sortNodes, formatSize, formatModified, renameSelectionEnd, fileIcon } f
 import { _ as _sfc_main$5 } from "./LpBadge-D_TB_Iuv.js";
 import { _ as _sfc_main$4 } from "./LpCheckbox-BnQcOHbs.js";
 import { _ as _sfc_main$6 } from "./LpCollapse-DrAw5DBZ.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$2 } from "./LpLoader-2tO499NO.js";
 import { staggerDelay } from "../components/reveal.js";

package/dist/chunks/{LpHintLayer-BG4cgJNr.js → LpHintLayer-rD3BTMfK.js}

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createBlock, Teleport, unref, createElementBlock, Fragment, renderList, normalizeStyle, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, computed, ref, shallowRef, watch, onMounted, onBeforeUnmount, openBlock, createBlock, Teleport, unref, createElementBlock, Fragment, renderList, withModifiers, normalizeStyle, createElementVNode, createVNode, withCtx, createCommentVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
 import { PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent } from "reka-ui";
 import { hints } from "../composables/useHints.js";
 import { useLabels } from "../composables/useLpConfig.js";
@@ -92,13 +92,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock("button", {
             key: spot.id,
             type: "button",
-            class: "fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1",
+            class: "pointer-events-auto fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1",
             style: normalizeStyle({ left: `${spot.x}px`, top: `${spot.y}px` }),
             "aria-label": `${unref(labels).badge}: ${__props.notes[spot.id]?.title ?? ""}`,
+            onPointerdown: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
             onPointerenter: ($event) => reveal(spot.id),
             onFocus: ($event) => reveal(spot.id),
             onClick: ($event) => reveal(spot.id)
-          }, [..._cache[1] || (_cache[1] = [
+          }, [..._cache[3] || (_cache[3] = [
             createElementVNode("span", { class: "relative flex size-2" }, [
               createElementVNode("span", { class: "absolute inline-flex size-full animate-ping rounded-full bg-brand opacity-60 motion-reduce:animate-none" }),
               createElementVNode("span", { class: "relative inline-flex size-2 rounded-full bg-brand ring-2 ring-surface" })
@@ -107,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }), 128)),
         createVNode(unref(PopoverRoot), {
           open: !!openId.value,
-          "onUpdate:open": _cache[0] || (_cache[0] = (value) => !value && (openId.value = null))
+          "onUpdate:open": _cache[2] || (_cache[2] = (value) => !value && (openId.value = null))
         }, {
           default: withCtx(() => [
             anchor.value ? (openBlock(), createBlock(unref(PopoverAnchor), {
@@ -117,6 +119,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(PopoverPortal), { to: unref(portalTo) }, {
               default: withCtx(() => [
                 createVNode(unref(PopoverContent), {
+                  onPointerdown: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"])),
                   onInteractOutside: unref(guardOutside),
                   onEscapeKeyDown: unref(guardOutside),
                   side: "bottom",

package/dist/chunks/{LpHints-DuisuI5J.js → LpHints-lGLsGxOx.js}

@@ -3,8 +3,8 @@ import { provideHintSystem } from "../composables/useHintSystem.js";
 import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$3 } from "./LpActionBar-DuwBawji.js";
-import { _ as _sfc_main$2 } from "./LpHintLayer-BG4cgJNr.js";
-import { _ as _sfc_main$1 } from "./LpTour-iZNl_vdy.js";
+import { _ as _sfc_main$2 } from "./LpHintLayer-rD3BTMfK.js";
+import { _ as _sfc_main$1 } from "./LpTour-DUzpkD8W.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpHints",
   props: {

package/dist/chunks/{LpLightbox-WjDnPgu_.js → LpLightbox-rimKYT6F.js}

@@ -11,7 +11,7 @@ import { isVideoItem, fileNameOf } from "../components/lightbox.js";
 import { _ as _sfc_main$2 } from "./LpCopyButton-v0OyJuA9.js";
 import { _ as _sfc_main$1 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpLoader-2tO499NO.js";
-import { _ as _sfc_main$3 } from "./LpVideoPlayer-B624umtt.js";
+import { _ as _sfc_main$3 } from "./LpVideoPlayer-D0dyg8ZY.js";
 import { _ as _sfc_main$6 } from "./VideoThumb-BfDkIXqE.js";
 import { useModalLayer } from "../components/modalDepth.js";
 import { inTextField } from "../composables/textEntry.js";

package/dist/chunks/{LpLogViewer-Gftt0yf5.js → LpLogViewer-NpfkEfIo.js}

@@ -5,7 +5,7 @@ import { prefersReducedMotion, durationToken, tokenEase } from "../composables/e
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
 import { _ as _sfc_main$7 } from "./LpBadge-D_TB_Iuv.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$4 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$5 } from "./LpLoader-2tO499NO.js";

package/dist/chunks/{LpMediaGallery-D0KmXz0l.js → LpMediaGallery-Cw5PR7W1.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, watch, computed, openBlock, createElementBlock, r
 import { isVideoItem } from "../components/lightbox.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$4 } from "./LpLightbox-WjDnPgu_.js";
+import { _ as _sfc_main$4 } from "./LpLightbox-rimKYT6F.js";
 import { _ as _sfc_main$2 } from "./VideoThumb-BfDkIXqE.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];

package/dist/chunks/{LpModalNav-Dr5uDX-e.js → LpModalNav-Bp8voRgM.js}

@@ -5,7 +5,7 @@ import { _ as _sfc_main$2 } from "./LpButton-78PtrlBs.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import { MODAL_MAX_HEIGHT } from "../components/modalDepth.js";
 import { _ as _sfc_main$1 } from "./LpModal-COMHrBKL.js";
-import { _ as _sfc_main$4 } from "./LpSidebar-DWMO2PBQ.js";
+import { _ as _sfc_main$4 } from "./LpSidebar-CCJAE3gl.js";
 const _hoisted_1 = { class: "flex items-center gap-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LpModalNav",

package/dist/chunks/{LpNotificationBell-MyueilyI.js → LpNotificationBell-CFOv3OXI.js}

@@ -2,9 +2,9 @@ import { defineComponent, useModel, computed, getCurrentInstance, openBlock, cre
 import { useLabels } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$6 } from "./LpBadge-D_TB_Iuv.js";
 import { _ as _sfc_main$4 } from "./LpButton-78PtrlBs.js";
-import { _ as _sfc_main$3 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$3 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$5 } from "./LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$2 } from "./LpNotificationFeed-Cuxbh_Mn.js";
+import { _ as _sfc_main$2 } from "./LpNotificationFeed-BFB0waIF.js";
 import { _ as _sfc_main$1 } from "./LpPopover-w2rr4x7n.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";
 import { NOTIFICATION_LABELS } from "../components/notifications.js";

package/dist/chunks/{LpNotificationFeed-Cuxbh_Mn.js → LpNotificationFeed-BFB0waIF.js}

@@ -4,7 +4,7 @@ import { useNow } from "../composables/useNow.js";
 import { isHTMLElement } from "../composables/realm.js";
 import { _ as _sfc_main$8 } from "./LpAvatar-CfLBqlY1.js";
 import { _ as _sfc_main$a } from "./LpButton-78PtrlBs.js";
-import { _ as _sfc_main$7 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$7 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$5 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$9 } from "./LpRelativeTime-BgCkXxBc.js";

package/dist/chunks/{LpPaletteTheme-I7SSv_pE.js → LpPaletteTheme-BBjf1HmS.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-D_rh_sLP.js";
+import { _ as _sfc_main$4 } from "./LpThemeStudio-B42nwbD8.js";
 import { _ as _sfc_main$2 } from "./LpThemeProvider-XK6ZeWAE.js";
 import { _ as _sfc_main$1 } from "./LpButton-78PtrlBs.js";
 import { _ as _sfc_main$3 } from "./LpInput-BOI2XFq_.js";

package/dist/chunks/{LpPie-CbSw86lM.js → LpPie-p1Kksd3z.js}

@@ -7,7 +7,7 @@ import { useReveal } from "../composables/useReveal.js";
 import { useTween, lerp, mixColor } from "../composables/useTween.js";
 import { resolveSlices, arcPath, calloutLabels, formatTick } from "../components/chart.js";
 import { _ as _sfc_main$9 } from "./LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$3 } from "./LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$6 } from "./LpNumberFlow-Vqj0tP7B.js";
 import { _ as _sfc_main$7 } from "./LpRollingText-B54Pje7P.js";

package/dist/chunks/{LpSidebar-DWMO2PBQ.js → LpSidebar-CCJAE3gl.js}

@@ -8,7 +8,7 @@ import { _ as _sfc_main$5 } from "./LpDrawer-BHlqi62K.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpInput-BOI2XFq_.js";
 import { _ as _sfc_main$1 } from "./LpTooltip-CzIfznts.js";
-import { _ as _sfc_main$4 } from "./LpSidebarNav-C1glQiiz.js";
+import { _ as _sfc_main$4 } from "./LpSidebarNav-BlWY8s7e.js";
 const _hoisted_1 = ["data-compact", "aria-label"];
 const _hoisted_2 = {
   key: 0,

package/dist/chunks/{LpSidebarNav-C1glQiiz.js → LpSidebarNav-BlWY8s7e.js}

@@ -10,7 +10,7 @@ import '../assets/MenuShortcut-Cyub0frr.css';import '../assets/LpKeys-5ijsXX-M.c
 /* empty css                      */
 import { _ as _sfc_main$2 } from "./LpScrollArea-B_1KZOSS.js";
 import { _ as _sfc_main$1 } from "./LpSkeleton-leTl53V9.js";
-import { _ as _sfc_main$3 } from "./LpSidebarRow-D9WaZsrT.js";
+import { _ as _sfc_main$3 } from "./LpSidebarRow-DV_56zxo.js";
 import { waiting } from "../components/sidebar.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 const _hoisted_1 = {

package/dist/chunks/{LpSidebarRow-D9WaZsrT.js → LpSidebarRow-DV_56zxo.js}

@@ -5,7 +5,7 @@ import { useLocale } from "../composables/useLocale.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useLinkComponent } from "../composables/useLpConfig.js";
 import { _ as _sfc_main$2 } from "./LpBadge-D_TB_Iuv.js";
-import { _ as _sfc_main$4 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$4 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$1 } from "./LpHoverCard-DYguY2AP.js";
 import { _ as _sfc_main$3 } from "./LpIcon-CxHFPwKt.js";
 import LpKeys from "../components/LpKeys.vue.js";

package/dist/chunks/{LpThemeStudio-D_rh_sLP.js → LpThemeStudio-B42nwbD8.js}

@@ -4,7 +4,7 @@ import { useLabels } from "../composables/useLpConfig.js";
 import { useThemeStudio, STUDIO_BRANDS, STUDIO_SYSTEM } from "../theme/studio.js";
 import { _ as _sfc_main$1 } from "./LpButton-78PtrlBs.js";
 import { _ as _sfc_main$7 } from "./LpCodeBlock-BGQTuAtS.js";
-import { _ as _sfc_main$4 } from "./LpColorPicker-DuuaWRsT.js";
+import { _ as _sfc_main$4 } from "./LpColorPicker-SVXbvc7r.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$5 } from "./LpSegmented-Dws26WdN.js";
 import { _ as _sfc_main$6 } from "./LpDisclosure-D4JZ-o8K.js";

package/dist/chunks/{LpThemeSwitcher-CnA7Yp00.js → LpThemeSwitcher-CnkIH76z.js}

@@ -7,11 +7,11 @@ import { presets } from "../theme/presets.js";
 import { useThemeStudio, STUDIO_SYSTEM } from "../theme/studio.js";
 import { useTheme } from "../theme/useTheme.js";
 import { POPOVER_PANEL, PANEL_FIT } from "../components/dropdown.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$4 } from "./LpRollingText-B54Pje7P.js";
 import { _ as _sfc_main$3 } from "./LpShift-ta3RpuH8.js";
-import { _ as _sfc_main$5 } from "./LpThemeStudio-D_rh_sLP.js";
+import { _ as _sfc_main$5 } from "./LpThemeStudio-B42nwbD8.js";
 const _hoisted_1 = ["aria-label", "title"];
 const _hoisted_2 = {
   key: 1,

package/dist/chunks/{LpTour-iZNl_vdy.js → LpTour-DUzpkD8W.js}

@@ -149,6 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       clearTimeout(glide);
       glide = window.setTimeout(() => gliding.value = false, durationToken("duration-medium", void 0, doc()) + 40);
     }
+    let shownRaw = void 0;
     function measure() {
       viewport.value = { width: win().innerWidth, height: win().innerHeight };
       const el = target.value;
@@ -156,7 +157,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         box.value = null;
         return;
       }
-      if (!el.isConnected) return;
+      if (!el.isConnected) {
+        const again = resolve(shownRaw);
+        glideTo(again && again.getClientRects().length ? again : null);
+        return;
+      }
       const r = el.getBoundingClientRect();
       const prev = box.value;
       if (!prev || prev.x !== r.x || prev.y !== r.y || prev.width !== r.width || prev.height !== r.height) {
@@ -193,6 +198,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       const el = current.enter || sampled.value ? await waitFor(raw, mine) : resolve(raw);
       if (mine !== token) return;
+      shownRaw = raw;
       if (!el || !el.getClientRects().length) return skip();
       await settled(el);
       if (mine !== token) return;

package/dist/chunks/{LpVideoPlayer-B624umtt.js → LpVideoPlayer-D0dyg8ZY.js}

@@ -8,7 +8,7 @@ import { useToast } from "../composables/useToast.js";
 import { useVideoMedia } from "../composables/useVideoMedia.js";
 import { useView, provideView } from "../composables/useView.js";
 import { _ as _sfc_main$4 } from "./LpButton-78PtrlBs.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$7 } from "./LpDropdownMenu-CdCe7D2d.js";
 import { _ as _sfc_main$2 } from "./LpIcon-CxHFPwKt.js";
 import { _ as _sfc_main$3 } from "./LpLoader-2tO499NO.js";

package/dist/components/LpAppShell.vue.js

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

package/dist/components/LpChart.vue.js

@@ -16,7 +16,7 @@ import { _ as _sfc_main$8 } from "../chunks/ChartRangeSelector-HO0sMMz6.js";
 import { clampRange, chartView, sourceOf, slotOf, ZOOM_STEP, zoomRange } from "./chartWindow.js";
 import { PANEL_SURFACE } from "./dropdown.js";
 import { _ as _sfc_main$2 } from "../chunks/LegendSwatch-BhRjrtzv.js";
-import { _ as _sfc_main$3 } from "../chunks/LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$3 } from "../chunks/LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$6 } from "../chunks/LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$7 } from "../chunks/LpShift-ta3RpuH8.js";
 import { _ as _sfc_main$5 } from "../chunks/LpSkeleton-leTl53V9.js";

package/dist/components/LpColorPicker.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpColorPicker-DuuaWRsT.js";
+import { _ as _sfc_main } from "../chunks/LpColorPicker-SVXbvc7r.js";
 export {
   _sfc_main as default
 };

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

@@ -59,7 +59,11 @@ declare var __VLS_20: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
     palette: PaletteControlOptions;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/LpContextMenu.vue.js

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

package/dist/components/LpFileTree.vue.js

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

package/dist/components/LpFileTreeNode.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpFileTreeNode-DkjdwSni.js";
+import { _ as _sfc_main } from "../chunks/LpFileTreeNode-Cv01lHgt.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpHintLayer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHintLayer-BG4cgJNr.js";
+import { _ as _sfc_main } from "../chunks/LpHintLayer-rD3BTMfK.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpHints.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpHints-DuisuI5J.js";
+import { _ as _sfc_main } from "../chunks/LpHints-lGLsGxOx.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLightbox.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpLightbox-WjDnPgu_.js";
+import { _ as _sfc_main } from "../chunks/LpLightbox-rimKYT6F.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpLogViewer.vue.js

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

package/dist/components/LpMediaGallery.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpMediaGallery-D0KmXz0l.js";
+import { _ as _sfc_main } from "../chunks/LpMediaGallery-Cw5PR7W1.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpModalNav.vue.js

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

package/dist/components/LpNotificationBell.vue.js

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

package/dist/components/LpNotificationFeed.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpNotificationFeed-Cuxbh_Mn.js";
+import { _ as _sfc_main } from "../chunks/LpNotificationFeed-BFB0waIF.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPaletteTheme.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPaletteTheme-I7SSv_pE.js";
+import { _ as _sfc_main } from "../chunks/LpPaletteTheme-BBjf1HmS.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpPie.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpPie-CbSw86lM.js";
+import { _ as _sfc_main } from "../chunks/LpPie-p1Kksd3z.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpSidebar.vue.js

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

package/dist/components/LpSidebarNav.vue.js

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

package/dist/components/LpSidebarRow.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpSidebarRow-D9WaZsrT.js";
+import { _ as _sfc_main } from "../chunks/LpSidebarRow-DV_56zxo.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTable.vue.js

@@ -3,7 +3,7 @@ import { usePaletteScope, suppressPaletteDiscovery, usePaletteCommands } from ".
 import { menuPaletteCommands } from "./commandPalette.js";
 import { _ as _sfc_main$1 } from "../chunks/LpDataList-zkZsRJQ8.js";
 import { _ as _sfc_main$d } from "../chunks/LpCheckbox-BnQcOHbs.js";
-import { _ as _sfc_main$c } from "../chunks/LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$c } from "../chunks/LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$g } from "../chunks/LpEditable-CtulE7dP.js";
 import { _ as _sfc_main$f } from "../chunks/LpEmptyState-DLOm07KH.js";
 import { _ as _sfc_main$8 } from "../chunks/LpBadge-D_TB_Iuv.js";

package/dist/components/LpTabs.vue.js

@@ -6,7 +6,7 @@ import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "reka-ui";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
 import { usePillTransition } from "../composables/usePillTransition.js";
 import { useStepHistory } from "../composables/useOverlayHistory.js";
-import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$2 } from "../chunks/LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$4 } from "../chunks/LpSkeleton-leTl53V9.js";
 import { _ as _sfc_main$3 } from "../chunks/LpTabFace-0ZdqEZMe.js";
 import { _ as _sfc_main$1 } from "../chunks/LpScrollStrip-D4tsOfAQ.js";

package/dist/components/LpThemeStudio.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeStudio-D_rh_sLP.js";
+import { _ as _sfc_main } from "../chunks/LpThemeStudio-B42nwbD8.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpThemeSwitcher.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-CnA7Yp00.js";
+import { _ as _sfc_main } from "../chunks/LpThemeSwitcher-CnkIH76z.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpTour.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpTour-iZNl_vdy.js";
+import { _ as _sfc_main } from "../chunks/LpTour-DUzpkD8W.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpVideoPlayer.vue.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../chunks/LpVideoPlayer-B624umtt.js";
+import { _ as _sfc_main } from "../chunks/LpVideoPlayer-D0dyg8ZY.js";
 export {
   _sfc_main as default
 };

package/dist/components/LpVideoTrim.vue.js

@@ -9,7 +9,7 @@ import { usePrefersReducedMotion } from "../composables/useReducedMotion.js";
 import { useVideoMedia } from "../composables/useVideoMedia.js";
 import { _ as _sfc_main$3 } from "../chunks/LpButton-78PtrlBs.js";
 import { _ as _sfc_main$2 } from "../chunks/LpIcon-CxHFPwKt.js";
-import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main$1 } from "../chunks/LpContextMenu-BAlrTKQy.js";
 import { _ as _sfc_main$6 } from "../chunks/LpInput-BOI2XFq_.js";
 import { _ as _sfc_main$4 } from "../chunks/SteadyText-CwH-kduj.js";
 import VideoFlash from "./VideoFlash.vue.js";

package/dist/components/menuWhen.js

@@ -1,5 +1,5 @@
 import { defineComponent, h } from "vue";
-import { _ as _sfc_main } from "../chunks/LpContextMenu-DEFirphS.js";
+import { _ as _sfc_main } from "../chunks/LpContextMenu-BAlrTKQy.js";
 const MenuWhen = defineComponent({
   name: "MenuWhen",
   inheritAttrs: false,

package/dist/composables/scroll.d.ts

@@ -12,7 +12,12 @@ export declare function scrollParent(el: Element | null | undefined, { axis, sel
  */
 export declare function atScrollEnd(el: Element | null | undefined, slack?: number): boolean;
 export interface ScrollToElementOptions {
-    /** `nearest` scrolls only when the element is out of view. */
+    /**
+     * `nearest` scrolls only when the element is out of view. An element taller
+     * than the scroller is brought in by its start whatever the block: centring
+     * or meeting its far edge would show its middle or end, and a list that
+     * loads more at its end would start loading.
+     */
     block?: "nearest" | "center" | "start";
     behavior?: ScrollBehavior;
     /** Room kept between the element and the scroller's edge. */

package/dist/composables/scroll.js

@@ -35,8 +35,10 @@ function scrollToElement(el, { block = "nearest", behavior = "auto", margin = 0,
   const lo = x ? inner.left - outer.left : inner.top - outer.top;
   const hi = x ? inner.right - outer.right : inner.bottom - outer.bottom;
   const at = lo + from;
+  const fits = size + 2 * margin <= view;
   let target = from;
   if (block === "start") target = at - margin;
+  else if (!fits) target = lo < margin || lo > view - margin || block === "center" ? at - margin : from;
   else if (block === "center") target = at - (view - size) / 2;
   else if (lo < margin) target = at - margin;
   else if (hi > -margin) target = at - view + size + margin;

package/dist/index.js

@@ -4,7 +4,7 @@ import { _ as _3 } from "./chunks/LpMapPicker-DACiiuSY.js";
 import { OSM_TILES, createNominatimProvider, emptyAddress, formatAddress, project, tileUrl, unproject } from "./components/address.js";
 import { _ as _4 } from "./chunks/LpActionBar-DuwBawji.js";
 import { _ as _5 } from "./chunks/LpAlert-CdzeGn72.js";
-import { _ as _6 } from "./chunks/LpAppShell-DcAq93Yl.js";
+import { _ as _6 } from "./chunks/LpAppShell-CDIvTOCl.js";
 import { _ as _7 } from "./chunks/LpAutocomplete-C79ZI9mX.js";
 import { _ as _8 } from "./chunks/LpAvatar-CfLBqlY1.js";
 import { _ as _9 } from "./chunks/LpBadge-D_TB_Iuv.js";
@@ -21,7 +21,7 @@ import { createLinkedView, linkChart, linkLog, linkPipeline, linkTable, linkTopo
 import { _ as _14 } from "./chunks/LpCheckbox-BnQcOHbs.js";
 import { _ as _15 } from "./chunks/LpCodeBlock-BGQTuAtS.js";
 import { tokenizeLines } from "./components/codeHighlight.js";
-import { _ as _16 } from "./chunks/LpColorPicker-DuuaWRsT.js";
+import { _ as _16 } from "./chunks/LpColorPicker-SVXbvc7r.js";
 import { DEFAULT_SWATCHES, clampHsv, formatColor, hsvToHsl, hsvToRgb, isLight, normalizeHue, opaqueCss, parseColor, parseHex, rgbToHex, rgbToHsv } from "./components/color.js";
 import { default as default3 } from "./components/LpCommandPalette.vue.js";
 import { applyQueryFilters, highlightParts, parseCommandQuery, parsePaletteQuery, rankCommandItems, searchCommandItems, swapCommandLayout } from "./components/commandSearch.js";
@@ -36,7 +36,7 @@ import { comboKeys, comboSteps } from "./components/keys.js";
 import { _ as _18 } from "./chunks/LpConfirmDialog-CvC-Uxk5.js";
 import { _ as _19 } from "./chunks/LpConfirmHost-BAuEU5wp.js";
 import { confirm, useConfirm } from "./components/confirm.js";
-import { _ as _20 } from "./chunks/LpContextMenu-DEFirphS.js";
+import { _ as _20 } from "./chunks/LpContextMenu-BAlrTKQy.js";
 import { _ as _21 } from "./chunks/LpDatePicker-DawYC7Pg.js";
 import { _ as _22 } from "./chunks/LpDateRangePicker-DNTj2SDa.js";
 import { _ as _23 } from "./chunks/LpRangeCalendar-9BvaLZji.js";
@@ -47,7 +47,7 @@ import { _ as _26 } from "./chunks/LpDrawer-BHlqi62K.js";
 import { _ as _27 } from "./chunks/LpDropdownMenu-CdCe7D2d.js";
 import { default as default9 } from "./components/LpDropzone.vue.js";
 import { _ as _28 } from "./chunks/LpEmptyState-DLOm07KH.js";
-import { _ as _29 } from "./chunks/LpFileTree-CLpVoqzu.js";
+import { _ as _29 } from "./chunks/LpFileTree-D0PDEQfB.js";
 import { ancestorIds, checkStateOf, checkedCount, computeStats, fileIcon, formatModified, formatSize, sortNodes, subtreeIds, subtreeSize } from "./components/fileTree.js";
 import { _ as _30 } from "./chunks/LpFieldNotice-DUPo1Yii.js";
 import { _ as _31 } from "./chunks/LpFormField-mIq_9UWb.js";
@@ -56,25 +56,25 @@ import { i, b, a, c } from "./chunks/icons-C8ccRCKw.js";
 import { default as default10 } from "./components/LpImageEditor.vue.js";
 import { _ as _33 } from "./chunks/LpInfraNode-CFSOir_N.js";
 import { _ as _34 } from "./chunks/LpInput-BOI2XFq_.js";
-import { _ as _35 } from "./chunks/LpLightbox-WjDnPgu_.js";
+import { _ as _35 } from "./chunks/LpLightbox-rimKYT6F.js";
 import { fileNameOf, isVideoItem } from "./components/lightbox.js";
 import { _ as _36 } from "./chunks/LpLink-Krkjhe_y.js";
-import { _ as _37 } from "./chunks/LpLogViewer-Gftt0yf5.js";
+import { _ as _37 } from "./chunks/LpLogViewer-NpfkEfIo.js";
 import { _ as _38 } from "./chunks/LpLogInspector-DPZWN5Ev.js";
 import { compilePattern, findIds, messageShape, structuredPayload, timeMs } from "./components/logTools.js";
 import { countLevels, matchPositions, matchesTerm, ringWindow, stepMatch } from "./components/logSearch.js";
-import { _ as _39 } from "./chunks/LpMediaGallery-D0KmXz0l.js";
+import { _ as _39 } from "./chunks/LpMediaGallery-Cw5PR7W1.js";
 import { _ as _40 } from "./chunks/LpModal-COMHrBKL.js";
-import { _ as _41 } from "./chunks/LpModalNav-Dr5uDX-e.js";
-import { _ as _42 } from "./chunks/LpNotificationBell-MyueilyI.js";
-import { _ as _43 } from "./chunks/LpNotificationFeed-Cuxbh_Mn.js";
+import { _ as _41 } from "./chunks/LpModalNav-Bp8voRgM.js";
+import { _ as _42 } from "./chunks/LpNotificationBell-CFOv3OXI.js";
+import { _ as _43 } from "./chunks/LpNotificationFeed-BFB0waIF.js";
 import { _ as _44 } from "./chunks/LpNumberField-BtVJ0pT4.js";
 import { _ as _45 } from "./chunks/LpTimeField-BHM_MEPZ.js";
 import { _ as _46 } from "./chunks/LpNumberFlow-Vqj0tP7B.js";
 import { _ as _47 } from "./chunks/LpOtpInput-DTX1w62e.js";
 import { _ as _48 } from "./chunks/LpPagination-DGLntZJN.js";
 import { _ as _49 } from "./chunks/LpPasswordInput-DMTpYcvq.js";
-import { _ as _50 } from "./chunks/LpPie-CbSw86lM.js";
+import { _ as _50 } from "./chunks/LpPie-p1Kksd3z.js";
 import { _ as _51 } from "./chunks/LpPhoneInput-VtPE_Ipa.js";
 import { filterCountries, flagEmoji, loadCountries, matchCountryByValue } from "./components/countries.js";
 import { _ as _52 } from "./chunks/LpPopover-w2rr4x7n.js";
@@ -94,7 +94,7 @@ import { _ as _64 } from "./chunks/LpShift-ta3RpuH8.js";
 import { _ as _65 } from "./chunks/LpSwap-qCOwgde2.js";
 import { _ as _66 } from "./chunks/LpHintExample-YzCXiSUp.js";
 import { default as default11 } from "./components/LpShortcutsDialog.vue.js";
-import { _ as _67 } from "./chunks/LpSidebar-DWMO2PBQ.js";
+import { _ as _67 } from "./chunks/LpSidebar-CCJAE3gl.js";
 import { _ as _68 } from "./chunks/LpContextSwitcher-COw6GHPW.js";
 import { _ as _69 } from "./chunks/LpSkeleton-leTl53V9.js";
 import { _ as _70 } from "./chunks/LpSlider-Cdfz-6mn.js";
@@ -104,7 +104,7 @@ import { formatClipTime, isNativeLoop, planLoop, seamProgress, seamReached } fro
 import { default as default12 } from "./components/LpVideoTrim.vue.js";
 import { _ as _73 } from "./chunks/LpVideoCompress-Cg0g2-S0.js";
 import { bitrateForHeight, canTranscodeVideo, estimateTranscodedBytes, probeVideo, transcodeVideo, transcodedName } from "./composables/videoTranscode.js";
-import { _ as _74 } from "./chunks/LpVideoPlayer-B624umtt.js";
+import { _ as _74 } from "./chunks/LpVideoPlayer-D0dyg8ZY.js";
 import { useVideoMedia } from "./composables/useVideoMedia.js";
 import { dragEnd, normalizeRange as normalizeRange2, parseClipTime, setEnd } from "./components/videoTrim.js";
 import { _ as _75 } from "./chunks/LpSparkline-11ryFdPX.js";
@@ -123,14 +123,14 @@ import { _ as _80 } from "./chunks/LpBottomNav-SMIiebhK.js";
 import { _ as _81 } from "./chunks/LpTagsInput-CJCyr2p3.js";
 import { addTags, splitTags } from "./components/tags.js";
 import { _ as _82 } from "./chunks/LpTextarea-B0U99u5R.js";
-import { _ as _83 } from "./chunks/LpThemeSwitcher-CnA7Yp00.js";
+import { _ as _83 } from "./chunks/LpThemeSwitcher-CnkIH76z.js";
 import { _ as _84 } from "./chunks/LpTilt-B7KHX1zH.js";
 import { _ as _85 } from "./chunks/LpToaster-CGHXxCie.js";
 import { _ as _86 } from "./chunks/LpTooltip-CzIfznts.js";
-import { _ as _87 } from "./chunks/LpTour-iZNl_vdy.js";
+import { _ as _87 } from "./chunks/LpTour-DUzpkD8W.js";
 import { holeOf, openContextMenu, panelsAround } from "./components/tour.js";
-import { _ as _88 } from "./chunks/LpHintLayer-BG4cgJNr.js";
-import { _ as _89 } from "./chunks/LpHints-DuisuI5J.js";
+import { _ as _88 } from "./chunks/LpHintLayer-rD3BTMfK.js";
+import { _ as _89 } from "./chunks/LpHints-lGLsGxOx.js";
 import { HINT_SIGNALS, contextMenuTip, createHintSystem, dropzoneTip, hintKey, hintSummary, hotkeyTip, localHintStorage, noteDropzone, noteHotkeyTarget, paletteTip, provideHintSystem, runningHintSystem, useHintSystem } from "./composables/useHintSystem.js";
 import { _ as _90 } from "./chunks/LpTooltipProvider-CftjV7Xc.js";
 import { _ as _91 } from "./chunks/LpTopologyCanvas-DKn0Xcz4.js";
@@ -193,7 +193,7 @@ import { useScrollStrip } from "./composables/useScrollStrip.js";
 import { useToast } from "./composables/useToast.js";
 import { _ as _96 } from "./chunks/LpThemeProvider-XK6ZeWAE.js";
 import { _ as _97 } from "./chunks/LpFrame-Bv5Fphte.js";
-import { _ as _98 } from "./chunks/LpThemeStudio-D_rh_sLP.js";
+import { _ as _98 } from "./chunks/LpThemeStudio-B42nwbD8.js";
 import { _ as _99 } from "./chunks/LpThemeStudioSection-B7bt8Iyg.js";
 import { isInternalHref, resolveLink } from "./components/link.js";
 import { _ as _100 } from "./chunks/LpRepeater-BRuVEF2M.js";
@@ -252,7 +252,7 @@ import { _ as _129 } from "./chunks/LpCommandScope-DRUvHiX7.js";
 import { createPaletteRegistry, mergePaletteCommands, usePaletteCommands, vPalette } from "./composables/usePaletteCommands.js";
 import { commandShortcuts, commandToHotkey, commandToMenuItem, commandToPalette, useCommands } from "./composables/useCommands.js";
 import { usePaletteTheme } from "./theme/palette.js";
-import { _ as _130 } from "./chunks/LpPaletteTheme-I7SSv_pE.js";
+import { _ as _130 } from "./chunks/LpPaletteTheme-BBjf1HmS.js";
 const uk = {
   actionBar: { dismiss: "Закрити" },
   activityLine: { busy: "Завантаження" },

package/package.json

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

package/src/components/LpContextMenu.vue

@@ -75,6 +75,10 @@ const props = withDefaults(defineProps<{
   noHint?: boolean
 }>(), { palette: undefined })
 
+// Whether the menu is open, for a caller that has to react to it: a hover
+// card on the same element closes while its menu is up.
+const emit = defineEmits<{ "update:open": [open: boolean] }>()
+
 // With no items the trigger is disabled, so the element keeps the browser's
 // native context menu. Lets callers wrap unconditionally and pass [] to opt out
 // per element. `always` overrides this so a late-populated menu is ready on the
@@ -128,6 +132,7 @@ function keepContextMenu(event: Event) {
 function opened(open: boolean) {
   if (open && !synthetic) hints.use(HINT_SIGNALS.contextMenu)
   synthetic = false
+  emit("update:open", open)
 }
 
 /*

package/src/components/LpHintLayer.vue

@@ -126,9 +126,10 @@ const guardOutside = useOutsideGuard()
       v-for="spot in spots"
       :key="spot.id"
       type="button"
-      class="fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1"
+      class="pointer-events-auto fixed z-(--z-popover) -translate-x-1/2 -translate-y-1/2 rounded-full p-1"
       :style="{ left: `${spot.x}px`, top: `${spot.y}px` }"
       :aria-label="`${labels.badge}: ${notes[spot.id]?.title ?? ''}`"
+      @pointerdown.stop
       @pointerenter="reveal(spot.id)"
       @focus="reveal(spot.id)"
       @click="reveal(spot.id)"
@@ -142,6 +143,7 @@ const guardOutside = useOutsideGuard()
       <PopoverAnchor v-if="anchor" :reference="anchor" />
       <PopoverPortal :to="portalTo">
         <PopoverContent
+          @pointerdown.stop
           @interact-outside="guardOutside"
           @escape-key-down="guardOutside"
           side="bottom"

package/src/components/LpTour.vue

@@ -256,6 +256,11 @@ function glideTo(el: Element | null) {
   glide = window.setTimeout(() => (gliding.value = false), durationToken("duration-medium", undefined, doc()) + 40)
 }
 
+// What the shown step points at, kept to find it again: a list that re-renders
+// replaces the element, and a card anchored to the old one would hang over
+// nothing (or nowhere) with the page dimmed under it.
+let shownRaw: TourStep["target"] = undefined
+
 function measure() {
   viewport.value = { width: win().innerWidth, height: win().innerHeight }
   const el = target.value
@@ -263,7 +268,11 @@ function measure() {
     box.value = null
     return
   }
-  if (!el.isConnected) return
+  if (!el.isConnected) {
+    const again = resolve(shownRaw)
+    glideTo(again && again.getClientRects().length ? again : null)
+    return
+  }
   const r = el.getBoundingClientRect()
   const prev = box.value
   if (!prev || prev.x !== r.x || prev.y !== r.y || prev.width !== r.width || prev.height !== r.height) {
@@ -302,6 +311,7 @@ async function show(): Promise<void> {
   }
   const el = current.enter || sampled.value ? await waitFor(raw, mine) : resolve(raw)
   if (mine !== token) return
+  shownRaw = raw
   if (!el || !el.getClientRects().length) return skip()
   await settled(el)
   if (mine !== token) return

package/src/composables/scroll.ts

@@ -40,7 +40,12 @@ export function atScrollEnd(el: Element | null | undefined, slack = 2): boolean
 }
 
 export interface ScrollToElementOptions {
-  /** `nearest` scrolls only when the element is out of view. */
+  /**
+   * `nearest` scrolls only when the element is out of view. An element taller
+   * than the scroller is brought in by its start whatever the block: centring
+   * or meeting its far edge would show its middle or end, and a list that
+   * loads more at its end would start loading.
+   */
   block?: "nearest" | "center" | "start"
   behavior?: ScrollBehavior
   /** Room kept between the element and the scroller's edge. */
@@ -76,8 +81,10 @@ export function scrollToElement(
   const lo = x ? inner.left - outer.left : inner.top - outer.top
   const hi = x ? inner.right - outer.right : inner.bottom - outer.bottom
   const at = lo + from
+  const fits = size + 2 * margin <= view
   let target = from
   if (block === "start") target = at - margin
+  else if (!fits) target = lo < margin || lo > view - margin || block === "center" ? at - margin : from
   else if (block === "center") target = at - (view - size) / 2
   else if (lo < margin) target = at - margin
   else if (hi > -margin) target = at - view + size + margin