@leavepulse/ui 0.77.2 → 0.78.0

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

@@ -1,19 +1,25 @@
-import { defineComponent, useModel, watch, computed, ref, shallowRef, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, mergeProps, unref, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, normalizeClass, createTextVNode, normalizeStyle, createBlock, resolveDynamicComponent, TransitionGroup, mergeModels } from "vue";
+import { defineComponent, useModel, ref, watch, computed, shallowRef, onMounted, onBeforeUnmount, nextTick, openBlock, createElementBlock, mergeProps, unref, createVNode, Transition, withCtx, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, normalizeClass, createTextVNode, normalizeStyle, createBlock, resolveDynamicComponent, TransitionGroup, mergeModels } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { usePersisted } from "../composables/usePersisted.js";
 import { prefersReducedMotion, durationToken, tokenEase } from "../composables/easing.js";
 import { useClipboard } from "../composables/useClipboard.js";
 import { useHotkeys } from "../composables/useHotkeys.js";
-import { _ as _sfc_main$7 } from "./LpBadge-wUYLN4U9.js";
-import { _ as _sfc_main$6 } from "./LpContextMenu-rx2tCjwk.js";
-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-MyEnVB_5.js";
+import { _ as _sfc_main$7 } from "./LpBadge-D5QQdDQ_.js";
+import { _ as _sfc_main$6 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$4 } from "./LpEmptyState-DurPF001.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$5 } from "./LpLoader-Bf1yZwaU.js";
+import { _ as _sfc_main$1 } from "./LpInput-DL6HEJdi.js";
+import { _ as _sfc_main$3 } from "./LpScrollArea-ay4Xo_hg.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
+import { inTextField } from "../composables/textEntry.js";
+import { nodeWindow, isElement } from "../composables/realm.js";
 import { ringWindow, matchPositions, countLevels, stepMatch } from "../components/logSearch.js";
+import { downloadFile } from "../components/exportData.js";
+import { _ as _sfc_main$8 } from "./LpLogInspector-6cNnXqp4.js";
+import { compilePattern, inTimeRange, patternPositions, groupRepeats, rowSpan, exportLines, nearestByTime, termRanges, messageParts, findIds } from "../components/logTools.js";
 import { TONES, toneLook } from "../components/tone.js";
 import '../assets/LpLogViewer-BDNW6P52.css';const _hoisted_1 = {
   key: 0,
@@ -34,32 +40,39 @@ const _hoisted_6 = ["aria-label", "disabled"];
 const _hoisted_7 = ["aria-label"];
 const _hoisted_8 = ["aria-pressed", "onClick"];
 const _hoisted_9 = { class: "font-normal tabular-nums text-muted" };
-const _hoisted_10 = {
+const _hoisted_10 = ["aria-label", "aria-pressed"];
+const _hoisted_11 = ["aria-label", "aria-pressed"];
+const _hoisted_12 = ["aria-label"];
+const _hoisted_13 = ["aria-label"];
+const _hoisted_14 = ["aria-label"];
+const _hoisted_15 = ["aria-pressed", "onClick"];
+const _hoisted_16 = {
   key: 0,
   class: "flex items-center justify-center gap-2 py-2 text-muted"
 };
-const _hoisted_11 = {
+const _hoisted_17 = {
   class: "text-[11px]",
   "aria-hidden": "true"
 };
-const _hoisted_12 = ["data-log-row", "aria-current"];
-const _hoisted_13 = {
+const _hoisted_18 = ["data-log-row", "aria-current", "data-selected"];
+const _hoisted_19 = {
   key: 0,
   class: "mr-3 w-10 shrink-0 select-none text-right tabular-nums text-muted/70"
 };
-const _hoisted_14 = {
+const _hoisted_20 = {
   key: 1,
   class: "mr-3 shrink-0 tabular-nums text-muted"
 };
-const _hoisted_15 = {
+const _hoisted_21 = {
   key: 3,
   class: "mr-2 shrink-0 text-muted-strong"
 };
-const _hoisted_16 = {
-  key: 0,
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = {
+  key: 1,
   class: "rounded-xs bg-accent/30 text-ink"
 };
-const _hoisted_17 = {
+const _hoisted_24 = {
   key: 0,
   class: "absolute inset-x-0 bottom-3 flex justify-center"
 };
@@ -88,19 +101,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxLines: {},
     toolbar: { type: Boolean },
     persist: {},
+    tools: { type: Boolean },
+    timeRange: {},
+    group: { type: Boolean },
+    linkIds: { type: Boolean },
+    selectable: { type: Boolean },
+    inspector: { type: Boolean },
+    fileName: {},
     labels: {}
   }, {
     "search": { default: "" },
     "searchModifiers": {},
     "levels": { default: () => [] },
-    "levelsModifiers": {}
+    "levelsModifiers": {},
+    "regex": { type: Boolean, ...{ default: false } },
+    "regexModifiers": {},
+    "sources": { default: () => [] },
+    "sourcesModifiers": {},
+    "selection": { default: null },
+    "selectionModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["filter", "reach-top"], ["update:search", "update:levels"]),
+  emits: /* @__PURE__ */ mergeModels(["filter", "reach-top", "select", "id-click"], ["update:search", "update:levels", "update:regex", "update:sources", "update:selection"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const query = useModel(__props, "search");
     const levels = useModel(__props, "levels");
+    const regex = useModel(__props, "regex");
+    const sources = useModel(__props, "sources");
+    const selection = useModel(__props, "selection");
+    const grouped = ref(!!props.group);
+    watch(() => props.group, (on) => grouped.value = !!on);
     const storedLevels = usePersisted(
       () => props.persist && `lp-log-viewer:${props.persist}:levels`,
       null,
@@ -132,7 +163,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         nextMatch: "Next match",
         matchCount: "{current} / {total}",
         noMatches: "No matches",
-        levels: "Levels"
+        levels: "Levels",
+        regex: "Regular expression",
+        invalidPattern: "Invalid pattern",
+        sources: "Sources",
+        groupRepeats: "Group repeats",
+        download: "Download",
+        copySelection: "Copy selection"
       },
       () => props.labels
     );
@@ -213,7 +250,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function freeze() {
       if (!hovered.value && !focusWithin()) return false;
       if (frozen.value) return true;
-      frozenLines.value = props.maxLines ? props.lines.slice(-props.maxLines) : props.lines;
+      frozenLines.value = props.maxLines ? props.lines.slice(-props.maxLines) : props.lines.slice();
       frozen.value = true;
       return true;
     }
@@ -224,7 +261,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hovered = ref(false);
     function focusWithin() {
       const el = root.value;
-      return !!el && el.contains(document.activeElement);
+      return !!el && el.contains(el.ownerDocument.activeElement);
     }
     const lookedAt = () => hovered.value || focusWithin();
     useHotkeys(() => [
@@ -234,21 +271,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onKeyup(event) {
       if (event.key === "Control" || event.key === "Meta") thaw();
     }
+    let keyWindows = [];
     onMounted(() => {
-      window.addEventListener("keyup", onKeyup);
-      window.addEventListener("blur", thaw);
+      keyWindows = [.../* @__PURE__ */ new Set([window, root.value ? nodeWindow(root.value) : window])];
+      for (const win of keyWindows) {
+        win.addEventListener("keyup", onKeyup);
+        win.addEventListener("blur", thaw);
+      }
     });
     onBeforeUnmount(() => {
-      window.removeEventListener("keyup", onKeyup);
-      window.removeEventListener("blur", thaw);
+      for (const win of keyWindows) {
+        win.removeEventListener("keyup", onKeyup);
+        win.removeEventListener("blur", thaw);
+      }
     });
     const parsedLines = computed(
       () => props.parse ? sourceLines.value.map(parseLine) : sourceLines.value
     );
+    const compiled = computed(() => regex.value && term.value ? compilePattern(term.value) : null);
+    const pattern = computed(() => compiled.value?.pattern ?? null);
+    const patternFailed = computed(() => !!compiled.value?.error);
     const visibleLines = computed(() => {
       const needle = props.filterMatches ? term.value.toLowerCase() : "";
+      const wantedSources = sources.value.length ? new Set(sources.value) : null;
+      const inRegex = regex.value && !!needle;
       const shown = levels.value.length ? new Set(levels.value) : null;
-      const filtered = parsedLines.value.map((line, n) => ({ line, n })).filter(({ line }) => !shown || shown.has(line.level ?? "info")).filter(({ line }) => !needle || matchPositions([line], needle).length > 0);
+      const filtered = parsedLines.value.map((line, n) => ({ line, n })).filter(({ line }) => !shown || shown.has(line.level ?? "info")).filter(({ line }) => !wantedSources || line.source !== void 0 && wantedSources.has(line.source)).filter(({ line }) => inTimeRange(line.time, props.timeRange)).filter(({ line }) => inRegex || !needle || matchPositions([line], needle).length > 0);
+      if (inRegex) {
+        const found = pattern.value ? patternPositions(filtered.map((row) => row.line), pattern.value) : [];
+        const kept = found.map((i) => filtered[i]);
+        return grouped.value ? groupRepeats(kept) : kept.map((row) => ({ ...row, count: 1 }));
+      }
+      if (grouped.value) return groupRepeats(filtered);
       if (!props.compact) return filtered.map((row) => ({ ...row, count: 1 }));
       const folded = [];
       for (const row of filtered) {
@@ -276,10 +330,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const LEVEL_ORDER = ["trace", "debug", "info", "success", "warn", "error", "fatal"];
     const levelCounts = computed(() => countLevels(parsedLines.value, "info"));
     const presentLevels = computed(() => LEVEL_ORDER.filter((l) => levelCounts.value.has(l)));
+    const presentSources = computed(() => [...new Set(parsedLines.value.flatMap((l) => l.source ? [l.source] : []))].sort());
+    function toggleSource(source) {
+      sources.value = sources.value.includes(source) ? sources.value.filter((s) => s !== source) : [...sources.value, source];
+    }
     function toggleLevel(level) {
       levels.value = levels.value.includes(level) ? levels.value.filter((l) => l !== level) : [...levels.value, level];
     }
-    const matches = computed(() => matchPositions(visibleLines.value.map((r) => r.line), term.value));
+    const matches = computed(() => {
+      const rows = visibleLines.value.map((r) => r.line);
+      if (!regex.value) return matchPositions(rows, term.value);
+      return pattern.value ? patternPositions(rows, pattern.value) : [];
+    });
     const current = ref(-1);
     const currentRow = computed(() => {
       const pos = matches.value[current.value];
@@ -293,6 +355,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const matchLabel = computed(() => {
       if (!term.value) return "";
+      if (patternFailed.value) return text.value.invalidPattern;
       const total = matches.value.length;
       if (!total) return text.value.noMatches;
       return text.value.matchCount.replace("{current}", current.value >= 0 ? String(current.value + 1) : "–").replace("{total}", String(total));
@@ -332,10 +395,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { key: "f3", allowInInput: true, when: searching, handler: () => step(1) },
       { key: "f3", shift: true, allowInInput: true, when: searching, handler: () => step(-1) }
     ]);
+    let selectAnchor = null;
+    function onRowClick(event) {
+      if (!props.selectable || !isElement(event.target)) return;
+      if (nodeWindow(event.target).getSelection()?.isCollapsed === false) return;
+      if (event.target.closest("button")) return;
+      const el = event.target.closest("[data-log-row]");
+      const n = el ? Number(el.dataset.logRow) : Number.NaN;
+      const line = parsedLines.value[n];
+      if (!line) return;
+      const range = event.shiftKey && selectAnchor !== null;
+      if (!range) selectAnchor = n;
+      selection.value = range ? rowSpan(selectAnchor, n) : [n, n];
+      emit("select", { line, index: n });
+    }
+    const isSelected = (n) => !!selection.value && n >= selection.value[0] && n <= selection.value[1];
+    const selectedLine = computed(() => selection.value ? parsedLines.value[selection.value[0]] : void 0);
+    function chosenLines() {
+      const span = selection.value;
+      const rows = visibleLines.value.filter((row) => !span || row.n >= span[0] && row.n <= span[1]);
+      return rows.map((row) => row.line);
+    }
+    function copySelection() {
+      return copy(exportLines(chosenLines(), "text", lineText));
+    }
+    function downloadSelection(format = "text") {
+      const extension = format === "ndjson" ? "ndjson" : "log";
+      downloadFile(`${props.fileName ?? "logs"}.${extension}`, exportLines(chosenLines(), format, lineText), void 0, root.value?.ownerDocument);
+    }
+    function jumpToTime(time) {
+      const position = nearestByTime(visibleLines.value.map((row) => row.line), time);
+      if (position < 0) return false;
+      const { n } = visibleLines.value[position];
+      selection.value = [n, n];
+      pinned.value = false;
+      nextTick(() => revealMatch(position));
+      return true;
+    }
     __expose({
       next: () => step(1),
       previous: () => step(-1),
-      focusSearch: () => searchEl.value?.focus()
+      focusSearch: () => searchEl.value?.focus(),
+      jumpToTime,
+      copySelection,
+      downloadSelection
     });
     const filteredEmpty = computed(
       () => props.lines.length > 0 && visibleLines.value.length === 0
@@ -401,6 +504,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return [...items, ...extra];
     }
     function splitHighlight(message) {
+      if (props.linkIds || regex.value) {
+        const hits = regex.value ? pattern.value?.ranges(message) ?? [] : termRanges(message, term.value);
+        return messageParts(message, hits, props.linkIds ? findIds(message) : []);
+      }
       if (!term.value) return [{ text: message, hit: false }];
       const parts = [];
       const lower = message.toLowerCase();
@@ -526,7 +633,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const ease = tokenEase("ease-emphasized");
       const started = performance.now();
       const step2 = (now) => {
-        const t = Math.min(1, Math.max(0, (now - started) / ms));
+        const t = clamp((now - started) / ms, 0, 1);
         el.scrollTop = from + (end() - from) * ease(t);
         glide = t < 1 ? requestAnimationFrame(step2) : 0;
       };
@@ -547,23 +654,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const UPWARD_KEYS = /* @__PURE__ */ new Set(["ArrowUp", "PageUp", "Home"]);
     function onKeydown(event) {
-      const field = event.target instanceof HTMLElement && event.target.closest("input, textarea, [contenteditable]");
-      if (!field && UPWARD_KEYS.has(event.key)) leaveTail();
+      if (!inTextField(event.target) && UPWARD_KEYS.has(event.key)) leaveTail();
     }
+    let holdWindow = null;
     function release() {
       holding = false;
-      window.removeEventListener("pointerup", release);
-      window.removeEventListener("pointercancel", release);
-      window.removeEventListener("touchend", release);
+      holdWindow?.removeEventListener("pointerup", release);
+      holdWindow?.removeEventListener("pointercancel", release);
+      holdWindow?.removeEventListener("touchend", release);
+      holdWindow = null;
     }
     function hold(event) {
       const area = viewport()?.parentElement;
-      if (!area || !(event.target instanceof Node) || !area.contains(event.target)) return;
+      if (!area || !isElement(event.target) || !area.contains(event.target)) return;
       stopGlide();
+      release();
       holding = true;
-      window.addEventListener("pointerup", release);
-      window.addEventListener("pointercancel", release);
-      window.addEventListener("touchend", release);
+      holdWindow = nodeWindow(area);
+      holdWindow.addEventListener("pointerup", release);
+      holdWindow.addEventListener("pointercancel", release);
+      holdWindow.addEventListener("touchend", release);
     }
     function scrollToBottom() {
       current.value = -1;
@@ -646,8 +756,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         tabindex: "-1",
         class: unref(rootClass)
       }, unref(rest), {
-        onPointerenter: _cache[3] || (_cache[3] = ($event) => hovered.value = true),
-        onPointerleave: _cache[4] || (_cache[4] = ($event) => hovered.value = false),
+        onPointerenter: _cache[6] || (_cache[6] = ($event) => hovered.value = true),
+        onPointerleave: _cache[7] || (_cache[7] = ($event) => hovered.value = false),
         onWheelPassive: onWheel,
         onTouchstartPassive: hold,
         onPointerdown: hold,
@@ -733,7 +843,66 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createElementVNode("span", _hoisted_9, toDisplayString(levelCounts.value.get(level)), 1)
               ], 10, _hoisted_8);
             }), 128))
-          ], 8, _hoisted_7)) : createCommentVNode("", true)
+          ], 8, _hoisted_7)) : createCommentVNode("", true),
+          __props.tools ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["rounded-xs px-1.5 py-0.5 font-mono text-[11px] outline-none focus-visible:ring-2 focus-visible:ring-ring", regex.value ? "bg-surface-soft text-ink" : "text-muted hover:text-ink"]),
+              "aria-label": unref(text).regex,
+              "aria-pressed": regex.value,
+              onClick: _cache[3] || (_cache[3] = ($event) => regex.value = !regex.value)
+            }, ".*", 10, _hoisted_10),
+            createElementVNode("button", {
+              type: "button",
+              class: normalizeClass(["rounded-xs p-1 outline-none focus-visible:ring-2 focus-visible:ring-ring", grouped.value ? "bg-surface-soft text-ink" : "text-muted hover:text-ink"]),
+              "aria-label": unref(text).groupRepeats,
+              "aria-pressed": grouped.value,
+              onClick: _cache[4] || (_cache[4] = ($event) => grouped.value = !grouped.value)
+            }, [
+              createVNode(_sfc_main$2, {
+                name: "lucide:layers",
+                size: 14
+              })
+            ], 10, _hoisted_11),
+            createElementVNode("button", {
+              type: "button",
+              class: "rounded-xs p-1 text-muted outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              "aria-label": unref(text).copySelection,
+              onClick: copySelection
+            }, [
+              createVNode(_sfc_main$2, {
+                name: "lucide:copy",
+                size: 14
+              })
+            ], 8, _hoisted_12),
+            createElementVNode("button", {
+              type: "button",
+              class: "rounded-xs p-1 text-muted outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+              "aria-label": unref(text).download,
+              onClick: _cache[5] || (_cache[5] = ($event) => downloadSelection())
+            }, [
+              createVNode(_sfc_main$2, {
+                name: "lucide:download",
+                size: 14
+              })
+            ], 8, _hoisted_13),
+            presentSources.value.length > 1 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              role: "group",
+              "aria-label": unref(text).sources,
+              class: "flex flex-wrap items-center gap-1"
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(presentSources.value, (source) => {
+                return openBlock(), createElementBlock("button", {
+                  key: source,
+                  type: "button",
+                  class: normalizeClass(["rounded-pill border px-2 py-0.5 text-[10px] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-ring", sources.value.includes(source) ? "border-line-strong bg-surface-soft text-ink" : "border-line text-muted hover:text-ink"]),
+                  "aria-pressed": sources.value.includes(source),
+                  onClick: ($event) => toggleSource(source)
+                }, toDisplayString(source), 11, _hoisted_15);
+              }), 128))
+            ], 8, _hoisted_14)) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$3, {
           ref_key: "scrollRef",
@@ -752,14 +921,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               description: filteredEmpty.value && term.value ? `“${term.value}”` : void 0,
               class: "h-full justify-center px-4"
             }, null, 8, ["icon", "title", "description"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              __props.loadingOlder ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              __props.loadingOlder ? (openBlock(), createElementBlock("div", _hoisted_16, [
                 createVNode(_sfc_main$5, {
                   size: "inline",
                   delay: 0,
                   labels: { loading: unref(text).loadingOlder },
                   class: "text-[14px]"
                 }, null, 8, ["labels"]),
-                createElementVNode("span", _hoisted_11, toDisplayString(unref(text).loadingOlder), 1)
+                createElementVNode("span", _hoisted_17, toDisplayString(unref(text).loadingOlder), 1)
               ])) : createCommentVNode("", true),
               createVNode(_sfc_main$6, {
                 items: menuItems.value,
@@ -768,6 +937,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(virtualise.value ? "ol" : TransitionGroup), mergeProps(virtualise.value ? {} : transitionProps, {
                     class: "py-1",
+                    onClick: onRowClick,
                     onContextmenu: onRowContext,
                     onPointerdown: onRowPointerDown
                   }), {
@@ -781,30 +951,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         return openBlock(), createElementBlock("li", {
                           key: lineKey(n),
                           "data-log-row": n,
-                          class: normalizeClass(["group relative flex items-start gap-0 px-0 leading-5 transition-colors hover:bg-surface-soft/60", [metaFor(line.level).sel, n === currentRow.value ? "bg-accent/15" : "", isFresh(n) ? "lp-log-row-fresh" : ""]]),
-                          "aria-current": n === currentRow.value ? "true" : void 0
+                          class: normalizeClass(["group relative flex items-start gap-0 px-0 leading-5 transition-colors hover:bg-surface-soft/60", [metaFor(line.level).sel, n === currentRow.value ? "bg-accent/15" : "", isFresh(n) ? "lp-log-row-fresh" : "", isSelected(n) ? "bg-brand/15" : ""]]),
+                          "aria-current": n === currentRow.value ? "true" : void 0,
+                          "data-selected": isSelected(n) ? "" : void 0
                         }, [
                           createElementVNode("span", {
                             class: normalizeClass(["absolute inset-y-0 left-0 w-0.5", metaFor(line.level).rail]),
                             "aria-hidden": "true"
                           }, null, 2),
-                          _cache[5] || (_cache[5] = createElementVNode("span", {
+                          _cache[8] || (_cache[8] = createElementVNode("span", {
                             class: "mr-2 w-0.5 shrink-0",
                             "aria-hidden": "true"
                           }, null, -1)),
-                          __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(n + lineOffset.value + 1), 1)) : createCommentVNode("", true),
-                          __props.showTime ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(fmtTime(line.time)), 1)) : createCommentVNode("", true),
+                          __props.lineNumbers ? (openBlock(), createElementBlock("span", _hoisted_19, toDisplayString(n + lineOffset.value + 1), 1)) : createCommentVNode("", true),
+                          __props.showTime ? (openBlock(), createElementBlock("span", _hoisted_20, toDisplayString(fmtTime(line.time)), 1)) : createCommentVNode("", true),
                           __props.showLevel ? (openBlock(), createElementBlock("span", {
                             key: 2,
                             class: normalizeClass(["mr-3 w-12 shrink-0 text-[10px] font-semibold uppercase tracking-[0.06em]", metaFor(line.level).chip])
                           }, toDisplayString(line.level ?? "info"), 3)) : createCommentVNode("", true),
-                          line.source ? (openBlock(), createElementBlock("span", _hoisted_15, "[" + toDisplayString(line.source) + "]", 1)) : createCommentVNode("", true),
+                          line.source ? (openBlock(), createElementBlock("span", _hoisted_21, "[" + toDisplayString(line.source) + "]", 1)) : createCommentVNode("", true),
                           createElementVNode("span", {
                             class: normalizeClass(["min-w-0 pr-3", [metaFor(line.level).text, __props.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre"]])
                           }, [
                             (openBlock(true), createElementBlock(Fragment, null, renderList(splitHighlight(virtualise.value ? line.message.replace(/\r?\n/g, " ↵ ") : line.message), (part, p) => {
                               return openBlock(), createElementBlock(Fragment, { key: p }, [
-                                part.hit ? (openBlock(), createElementBlock("mark", _hoisted_16, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                                part.id ? (openBlock(), createElementBlock("button", {
+                                  key: 0,
+                                  type: "button",
+                                  class: "rounded-xs text-brand underline outline-none hover:text-ink focus-visible:ring-2 focus-visible:ring-ring",
+                                  onClick: ($event) => emit("id-click", { kind: part.id.kind, value: part.id.value, line })
+                                }, toDisplayString(part.text), 9, _hoisted_22)) : part.hit ? (openBlock(), createElementBlock("mark", _hoisted_23, toDisplayString(part.text), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
                                   createTextVNode(toDisplayString(part.text), 1)
                                 ], 64))
                               ], 64);
@@ -829,7 +1005,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               _: 2
                             }, 1024)
                           ], 2)
-                        ], 10, _hoisted_12);
+                        ], 10, _hoisted_18);
                       }), 128)),
                       virtualise.value && padBottom.value > 0 ? (openBlock(), createElementBlock("li", {
                         key: "pad-bottom",
@@ -846,6 +1022,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["content-class", "style"]),
+        __props.inspector && selectedLine.value ? (openBlock(), createBlock(_sfc_main$8, {
+          key: 1,
+          message: selectedLine.value.message,
+          class: "max-h-64 overflow-auto border-t border-line p-3"
+        }, null, 8, ["message"])) : createCommentVNode("", true),
         createVNode(Transition, {
           "enter-active-class": "transition duration-[var(--duration-medium)] ease-[var(--ease-emphasized)]",
           "enter-from-class": "translate-y-3 scale-90 opacity-0",
@@ -853,7 +1034,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "leave-to-class": "translate-y-3 scale-90 opacity-0"
         }, {
           default: withCtx(() => [
-            showJump.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            showJump.value ? (openBlock(), createElementBlock("div", _hoisted_24, [
               createElementVNode("button", {
                 type: "button",
                 class: "group flex items-center gap-1.5 rounded-pill border border-line bg-surface-overlay px-3 py-1 text-xs font-medium text-ink shadow-[var(--shadow-panel)] backdrop-blur outline-none transition-colors hover:bg-surface-soft focus-visible:ring-2 focus-visible:ring-ring",

package/dist/chunks/{LpMapPicker-DRGgh89B.js → LpMapPicker-D5_YLLBC.js}

@@ -1,8 +1,9 @@
 import { defineComponent, computed, ref, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, createElementVNode, normalizeClass, Fragment, renderList, normalizeStyle, createVNode, createCommentVNode, createBlock, toDisplayString } from "vue";
+import { clamp } from "../composables/clamp.js";
 import { prefersReducedMotion } from "../composables/easing.js";
 import { OSM_TILES, project, tileUrl, unproject } from "../components/address.js";
-import { _ as _sfc_main$1 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$2 } from "./LpLoader-DVwkOmt9.js";
+import { _ as _sfc_main$1 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$2 } from "./LpLoader-Bf1yZwaU.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
 import { useResizeObserver } from "../composables/useResizeObserver.js";
@@ -68,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let zoomTimer;
     let pruneTimer;
     function clampZoom(value) {
-      return Math.round(Math.min(maxZoom.value, Math.max(minZoom.value, value)));
+      return Math.round(clamp(value, minZoom.value, maxZoom.value));
     }
     const origin = computed(() => {
       const point = project(mapCenter.value.lat, mapCenter.value.lon, level.value, tileSize.value);

package/dist/chunks/{LpMasonry--k0571qG.js → LpMasonry-DPYekFxs.js}

@@ -1,4 +1,5 @@
 import { defineComponent, computed, ref, reactive, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, mergeProps, unref, createVNode, TransitionGroup, withCtx, Fragment, renderList, normalizeStyle, normalizeClass, createElementVNode, renderSlot } from "vue";
+import { nodeWindow, isHTMLElement } from "../composables/realm.js";
 import { prefersReducedMotion, easingToken } from "../composables/easing.js";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useReveal } from "../composables/useReveal.js";
@@ -41,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function setItem(key, el) {
       const previous = elements.get(key);
-      if (el instanceof HTMLElement) {
+      if (isHTMLElement(el)) {
         if (previous === el) return;
         if (previous) observer?.unobserve(previous);
         elements.set(key, el);
@@ -55,11 +56,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     onMounted(() => {
-      if (typeof ResizeObserver === "undefined") {
+      const Observer = root.value ? nodeWindow(root.value).ResizeObserver : void 0;
+      if (!Observer) {
         width.value = root.value?.clientWidth ?? 0;
         return;
       }
-      observer = new ResizeObserver((entries) => {
+      observer = new Observer((entries) => {
         for (const entry of entries) {
           if (entry.target === root.value) {
             width.value = entry.contentRect.width;
@@ -126,8 +128,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => ready.value && revealed.value,
       (go) => {
-        if (!go || !props.entrance || prefersReducedMotion()) return;
-        const easing = easingToken("ease-emphasized");
+        const box = root.value;
+        if (!go || !box || !props.entrance || prefersReducedMotion(nodeWindow(box))) return;
+        const easing = easingToken("ease-emphasized", void 0, box);
         keys.value.forEach((key, index) => {
           const el = elements.get(key);
           el?.firstElementChild?.animate?.(

package/dist/chunks/{LpMediaGallery-Bkram-MO.js → LpMediaGallery-Df-tiWeq.js}

@@ -1,9 +1,9 @@
 import { defineComponent, ref, watch, computed, openBlock, createElementBlock, renderSlot, mergeProps, unref, Fragment, renderList, createBlock, withCtx, createElementVNode, normalizeClass, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { useMergedAttrs } from "../composables/useMergedClass.js";
 import { useLabels } from "../composables/useLpConfig.js";
-import { _ as _sfc_main$1 } from "./LpContextMenu-rx2tCjwk.js";
-import { _ as _sfc_main$2 } from "./LpIcon--5WSb3jJ.js";
-import { _ as _sfc_main$3 } from "./LpLightbox-B95yu22B.js";
+import { _ as _sfc_main$1 } from "./LpContextMenu--eMGIql6.js";
+import { _ as _sfc_main$2 } from "./LpIcon-C6JpQ5td.js";
+import { _ as _sfc_main$3 } from "./LpLightbox-xvpQ64MM.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = ["aria-label"];
 const _hoisted_3 = ["aria-label", "onClick"];