@reticlehq/browser 2.14.0 → 3.2.0

package/dist/dom/query.js

@@ -1,12 +1,12 @@
 import { DATA_RETICLE_SOURCE_ATTR, ElementState, QueryBy, REDACTED_VALUE, TRANSPORT_LIMITS, } from '@reticlehq/core';
-import { isFrame, isHtmlElement, isInput, isSelect, isTextArea } from './realm.js';
+import { isElement, isFrame, isHtmlElement, isInput, isSelect, isTextArea } from './realm.js';
 import { capturedRootOf } from './shadow-registry.js';
 import { getAccessibleName, getRole, describe, getStates, isInViewport, isVisible, } from './a11y.js';
 import { isIgnored, isReticleOverlay } from './dom-ignore.js';
 import { isSensitiveKey } from '../security/serialization.js';
 import { declaredTestids } from '../registry/capabilities.js';
-import { identifyComponent } from '../registry/adapters.js';
-import { refs } from './refs.js';
+import { identifyComponent } from '../registry/stores/adapters.js';
+import { refs } from './addressing/refs.js';
 const TESTID_ATTR = 'data-testid';
 const SOURCE_ATTR = DATA_RETICLE_SOURCE_ATTR;
 const MAX_PRESENT_TESTIDS = 12;
@@ -27,20 +27,35 @@ function fuzzyVisibleText(actual, expected) {
 function exactVisibleText(actual, expected) {
     return normaliseVisibleText(actual) === normaliseVisibleText(expected);
 }
+const NON_RENDERED_TAGS = ['script', 'style', 'template', 'noscript'];
+function isNonRendered(el) {
+    return NON_RENDERED_TAGS.includes(el.tagName.toLowerCase());
+}
 function directText(el) {
     if (isInput(el)) {
         const type = el.type.toLowerCase();
         if ('submit' === type || 'button' === type || 'reset' === type)
             return el.value;
     }
-    const tag = el.tagName.toLowerCase();
-    if ('script' === tag || 'style' === tag)
+    if (isNonRendered(el))
         return '';
     return Array.from(el.childNodes)
         .filter((node) => Node.TEXT_NODE === node.nodeType)
         .map((node) => node.textContent ?? '')
         .join('');
 }
+function visibleTextOf(el, memo) {
+    if (isNonRendered(el) || isIgnored(el) || !isVisible(el, memo))
+        return '';
+    let text = '';
+    for (const node of Array.from(el.childNodes)) {
+        if (Node.TEXT_NODE === node.nodeType)
+            text += node.textContent ?? '';
+        else if (isElement(node))
+            text += visibleTextOf(node, memo);
+    }
+    return text;
+}
 function semanticNameTarget(el) {
     if (isInput(el) || isTextArea(el) || isSelect(el))
         return true;
@@ -205,7 +220,8 @@ function findCandidates(query) {
     if (true === query.self) {
         if (query.scope === undefined)
             return { candidates: [], scopeMissing };
-        if (query.text !== undefined && !fuzzyVisibleText(container.textContent ?? '', query.text)) {
+        if (query.text !== undefined &&
+            !fuzzyVisibleText(visibleTextOf(container, new Map()), query.text)) {
             return { candidates: [], scopeMissing };
         }
         return { candidates: isIgnored(container) ? [] : [container], scopeMissing };
@@ -342,10 +358,11 @@ function buildPresentRegions(query) {
 function splitTextOwner(container, wanted) {
     let best;
     let bestDepth = -1;
+    const memo = new Map();
     for (const el of elementsUnder(container)) {
         if (isIgnored(el))
             continue;
-        if (!fuzzyVisibleText(el.textContent ?? '', wanted))
+        if (!fuzzyVisibleText(visibleTextOf(el, memo), wanted))
             continue;
         let depth = 0;
         for (let parent = el.parentElement; parent !== null; parent = parent.parentElement)

package/dist/dom/snapshot.js

@@ -2,7 +2,7 @@ import { ElementState, SnapshotMode } from '@reticlehq/core';
 import { capturedRootOf } from './shadow-registry.js';
 import { isFrame } from './realm.js';
 import { getAccessibleName, getRole, getStates, getValue, isVisible } from './a11y.js';
-import { refs } from './refs.js';
+import { refs } from './addressing/refs.js';
 import { isIgnored, isReticleOverlay } from './dom-ignore.js';
 const INTERACTIVE = new Set([
     'button',

package/dist/edit-epoch.d.ts

@@ -1,4 +1,4 @@
-import { type RefRegistry } from './dom/refs.js';
+import { type RefRegistry } from './dom/addressing/refs.js';
 export declare class EditEpoch {
     #private;
     constructor(registry: RefRegistry);

package/dist/edit-epoch.js

@@ -1,5 +1,5 @@
 import { NO_EDITS_OBSERVED } from '@reticlehq/core';
-import { echoRef, refs } from './dom/refs.js';
+import { echoRef, refs } from './dom/addressing/refs.js';
 const HOT_UPDATE_APPLIED = 'vite:afterUpdate';
 const MAX_NAMED_FILES = 3;
 const STALE_REF_REFUSAL = 'no longer resolves to an element';

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-import { Reticle } from './reticle.js';
-export declare const reticle: Reticle;
+export { reticle } from './reticle-singleton.js';
 export { Reticle } from './reticle.js';
 export type { ReticleConnectOptions } from './reticle.js';
 export { SESSION_AUTO } from '@reticlehq/core';
 export { setIgnoreSelectors } from './dom/dom-ignore.js';
-export { registerAdapter, identifyComponent, readComponentState, elementHasHoverHandlers, adapterNames, } from './registry/adapters.js';
-export type { ReticleAdapter, ComponentInfo, ComponentSource } from './registry/adapters.js';
+export { registerAdapter, identifyComponent, readComponentState, elementHasHoverHandlers, adapterNames, } from './registry/stores/adapters.js';
+export type { ReticleAdapter, ComponentInfo, ComponentSource } from './registry/stores/adapters.js';
 export { registerStore, unregisterStore, storeNames, readStores, readStoresWithTruncation, sourceOwner, markAdapterSource, } from './registry/stores.js';
 export type { StoreGetter, StoreLike, StoreSubscribe } from './registry/stores.js';
 export { tanstackQueryStore, jotaiStore, xstateStore, valtioStore, mobxStore, recoilStore, svelteStore, piniaStore, pushStore, } from './registry/store-adapters.js';
@@ -23,6 +22,6 @@ export type { ChartReport, ChartFinding, CanvasChartData } from './dom/chart.js'
 export { matchQuery, runQuery } from './dom/query.js';
 export { executeAction, executeSequence } from './actions/actions.js';
 export { describe, getRole, getAccessibleName, getStates, isVisible } from './dom/a11y.js';
-export { refs, RefRegistry } from './dom/refs.js';
+export { refs, RefRegistry } from './dom/addressing/refs.js';
 export { Annotator, installAnnotator, type AnnotatorDeps } from './review/annotator.js';
 export { resolveMarkAnchor, type MarkAnchor } from './review/mark-anchor.js';

package/dist/index.js

@@ -1,10 +1,8 @@
-import { Reticle } from './reticle.js';
-const globalStore = globalThis;
-export const reticle = (globalStore.__reticleInstance ??= new Reticle());
+export { reticle } from './reticle-singleton.js';
 export { Reticle } from './reticle.js';
 export { SESSION_AUTO } from '@reticlehq/core';
 export { setIgnoreSelectors } from './dom/dom-ignore.js';
-export { registerAdapter, identifyComponent, readComponentState, elementHasHoverHandlers, adapterNames, } from './registry/adapters.js';
+export { registerAdapter, identifyComponent, readComponentState, elementHasHoverHandlers, adapterNames, } from './registry/stores/adapters.js';
 export { registerStore, unregisterStore, storeNames, readStores, readStoresWithTruncation, sourceOwner, markAdapterSource, } from './registry/stores.js';
 export { tanstackQueryStore, jotaiStore, xstateStore, valtioStore, mobxStore, recoilStore, svelteStore, piniaStore, pushStore, } from './registry/store-adapters.js';
 export { registerCapabilities, getCapabilities, hasCapabilities, setCapabilitiesListener, } from './registry/capabilities.js';
@@ -16,6 +14,6 @@ export { inspectChart, canvasChartData } from './dom/chart.js';
 export { matchQuery, runQuery } from './dom/query.js';
 export { executeAction, executeSequence } from './actions/actions.js';
 export { describe, getRole, getAccessibleName, getStates, isVisible } from './dom/a11y.js';
-export { refs, RefRegistry } from './dom/refs.js';
+export { refs, RefRegistry } from './dom/addressing/refs.js';
 export { Annotator, installAnnotator } from './review/annotator.js';
 export { resolveMarkAnchor } from './review/mark-anchor.js';

package/dist/observers/animation.js

@@ -1,5 +1,5 @@
 import { EventType } from '@reticlehq/core';
-import { refs } from '../dom/refs.js';
+import { refs } from '../dom/addressing/refs.js';
 import { isReticleOverlay } from '../dom/dom-ignore.js';
 export function installAnimation(emit) {
     const ac = new AbortController();

package/dist/observers/blind-spots.js

@@ -2,7 +2,7 @@ import { EventType, BlindSpotKind } from '@reticlehq/core';
 import { countUnmountedRows } from '../dom/virtualized.js';
 import { isCaptured } from '../dom/shadow-registry.js';
 import { sameOriginFrameBodies } from './frames.js';
-import { nativeClearTimeout, nativeSetTimeout } from '../timers/native-timers.js';
+import { nativeClearTimeout, nativeSetTimeout } from '../timers/native/native-timers.js';
 export function countClosedShadowRoots() {
     let count = 0;
     for (const el of document.querySelectorAll('*')) {

package/dist/observers/departure.js

@@ -35,15 +35,23 @@ export function installDeparture(emit) {
                 return;
             const href = anchor.getAttribute('href') ?? '';
             const here = document.location.href;
-            if (!isDeparture(href, anchor.hasAttribute('download'), here))
+            const download = anchor.hasAttribute('download');
+            if (!isDeparture(href, download, here))
                 return;
-            seq += 1;
-            emit(EventType.NET_PENDING, {
-                id: `nav-${String(seq)}`,
-                method: 'GET',
-                url: new URL(href, here).toString(),
-                initiator: NetInitiator.NAVIGATION,
-                ...(anchor.hasAttribute('download') ? { download: true } : {}),
+            const url = new URL(href, here).toString();
+            queueMicrotask(() => {
+                observeSafely(() => {
+                    if (event.defaultPrevented)
+                        return;
+                    seq += 1;
+                    emit(EventType.NET_PENDING, {
+                        id: `nav-${String(seq)}`,
+                        method: 'GET',
+                        url,
+                        initiator: NetInitiator.NAVIGATION,
+                        ...(download ? { download: true } : {}),
+                    });
+                });
             });
         });
     };

package/dist/observers/dialogs.js

@@ -1,6 +1,6 @@
 import { EventType } from '@reticlehq/core';
 import { observeSafely } from './types.js';
-import { isSyntheticInput } from '../actions/synthetic-input.js';
+import { isSyntheticInput } from '../actions/synthetic/synthetic-input.js';
 const DECLINED = { alert: undefined, confirm: false, prompt: null };
 const KINDS = ['alert', 'confirm', 'prompt'];
 export function installDialogs(emit) {

package/dist/observers/dom.js

@@ -1,6 +1,6 @@
 import { EventType, TruncationChannel } from '@reticlehq/core';
 import { getAccessibleName, getRole, isVisible } from '../dom/a11y.js';
-import { refs } from '../dom/refs.js';
+import { refs } from '../dom/addressing/refs.js';
 function regionKeyOf(target) {
     const el = isElement(target) ? target : null;
     if (null === el)
@@ -39,6 +39,26 @@ const MAX_PER_BATCH = 40;
 function isMeaningful(role, name) {
     return role !== 'generic' || name.length > 0;
 }
+const MOUNT_SCAN_LIMIT = 40;
+function describeMount(node) {
+    const role = getRole(node);
+    const name = getAccessibleName(node);
+    if (isMeaningful(role, name))
+        return { role, name, el: node };
+    let scanned = 0;
+    for (const child of node.querySelectorAll('*')) {
+        if (scanned >= MOUNT_SCAN_LIMIT)
+            return undefined;
+        scanned += 1;
+        if (isReticleOverlay(child))
+            continue;
+        const childRole = getRole(child);
+        const childName = getAccessibleName(child);
+        if (isMeaningful(childRole, childName))
+            return { role: childRole, name: childName, el: child };
+    }
+    return undefined;
+}
 const TEXT_NODE = 3;
 function textOf(nodes) {
     let out = '';
@@ -112,12 +132,12 @@ export function installDom(emit) {
                 }
                 if (isReticleOverlay(node))
                     continue;
-                const role = getRole(node);
-                const name = getAccessibleName(node);
-                if (!isMeaningful(role, name))
+                const mounted = describeMount(node);
+                if (mounted === undefined)
                     continue;
+                const { role, name } = mounted;
                 added += 1;
-                const ref = refs.refFor(node);
+                const ref = refs.refFor(mounted.el);
                 emit(EventType.DOM_ADDED, { role, name, region: regionKeyOf(record.target) }, ref);
                 if (DIALOG_ROLES.has(role) ||
                     LIVE_ROLES.has(role) ||
@@ -135,10 +155,10 @@ export function installDom(emit) {
                 }
                 if (isReticleOverlay(node))
                     continue;
-                const role = getRole(node);
-                const name = getAccessibleName(node);
-                if (!isMeaningful(role, name))
+                const gone = describeMount(node);
+                if (gone === undefined)
                     continue;
+                const { role, name } = gone;
                 removed += 1;
                 emit(EventType.DOM_REMOVED, { role, name, region: regionKeyOf(record.target) });
             }

package/dist/observers/download.js

@@ -1,6 +1,6 @@
 import { EventType } from '@reticlehq/core';
 import { captureMethod } from '../patching/capture-method.js';
-import { projectBody } from './network-body.js';
+import { projectBody } from './net-detail/network-body.js';
 import { observeSafely, observeValue } from './types.js';
 const TEXTUAL = /text\/|json|csv|xml|ndjson|javascript/i;
 const PREVIEW_CHARS = 2000;

package/dist/observers/health.js

@@ -1,5 +1,5 @@
 import { BrowserBrand, EventType, HealthReason, RETICLE_IPC_GLOBAL, SESSION_HEALTH, } from '@reticlehq/core';
-import { nativeSetInterval } from '../timers/native-timers.js';
+import { nativeSetInterval } from '../timers/native/native-timers.js';
 function detectRuntime() {
     const w = window;
     if (w['__TAURI_INTERNALS__'] !== undefined || w['__TAURI__'] !== undefined)

package/dist/observers/{network-body.js → net-detail/network-body.js}

@@ -1,6 +1,6 @@
 import { REDACTED_VALUE } from '@reticlehq/core';
-import { isSensitiveKey, safeStringify, scrubKnownSecrets } from '../security/serialization.js';
-import { nativeClearTimeout, nativeSetTimeout } from '../timers/native-timers.js';
+import { isSensitiveKey, safeStringify, scrubKnownSecrets } from '../../security/serialization.js';
+import { nativeClearTimeout, nativeSetTimeout } from '../../timers/native/native-timers.js';
 const CAPTURABLE_CONTENT = /application\/json|text\/|application\/xml|x-www-form-urlencoded|graphql/i;
 const STREAMING_CONTENT = /event-stream|x-ndjson|application\/stream/i;
 const ENDLESS_BY_DESIGN = /event-stream/i;

package/dist/observers/network-stream.js

@@ -1,6 +1,6 @@
 import { EventType, StreamDirection, StreamTransport } from '@reticlehq/core';
-import { isStreamingBody } from './network-body.js';
-import { nativeClearTimeout, nativeSetTimeout } from '../timers/native-timers.js';
+import { isStreamingBody } from './net-detail/network-body.js';
+import { nativeClearTimeout, nativeSetTimeout } from '../timers/native/native-timers.js';
 const STREAM_WATCH_MS = 10_000;
 export function watchStreamedBody(emit, res, id, url, contentType, contentLength) {
     if (!isStreamingBody(contentType, contentLength))

package/dist/observers/network.d.ts

@@ -1,5 +1,5 @@
 import { type Emit, type Teardown } from './types.js';
-import { redactUrl, netUrlFields } from './network-redact.js';
+import { redactUrl, netUrlFields } from './net-detail/network-redact.js';
 export { redactUrl, netUrlFields };
 type NetResponseReinterpreter = (url: string, header: (name: string) => string | null) => Record<string, unknown> | undefined;
 interface NetworkOptions {

package/dist/observers/network.js

@@ -1,8 +1,8 @@
-import { BlindSpotKind, EventType, RETICLE_WS_PATH, StreamTransport, StreamDirection, } from '@reticlehq/core';
+import { BlindSpotKind, EventType, REQUEST_SHAPE_FIELD, REQUEST_SHAPE_NONE, RETICLE_WS_PATH, StreamTransport, StreamDirection, fnv1a, } from '@reticlehq/core';
 import { captureMethod } from '../patching/capture-method.js';
 import { observeSafely, observeValue } from './types.js';
-import { isCapturableType, projectBody, projectErrorBody, shouldCaptureErrorBody, withBodyDeadline, } from './network-body.js';
-import { redactUrl, netUrlFields } from './network-redact.js';
+import { isCapturableType, projectBody, projectErrorBody, shouldCaptureErrorBody, withBodyDeadline, } from './net-detail/network-body.js';
+import { redactUrl, netUrlFields } from './net-detail/network-redact.js';
 import { watchStreamedBody } from './network-stream.js';
 import { requireCapturedMethod } from '../util/captured-method.js';
 export { redactUrl, netUrlFields };
@@ -31,26 +31,66 @@ function frameFields(data, captureBodies) {
     }
     return out;
 }
+const ShapeToken = { NULL: '0', STRING: 's', NUMBER: 'n', BOOLEAN: 'b', OTHER: '?' };
+function shapeOf(value) {
+    if (null === value)
+        return ShapeToken.NULL;
+    if (Array.isArray(value))
+        return `[${value.map(shapeOf).join(',')}]`;
+    if ('object' === typeof value) {
+        const fields = value;
+        return `{${Object.keys(fields)
+            .sort()
+            .map((key) => `${key}:${shapeOf(fields[key])}`)
+            .join(',')}}`;
+    }
+    if ('string' === typeof value)
+        return ShapeToken.STRING;
+    if ('number' === typeof value)
+        return ShapeToken.NUMBER;
+    if ('boolean' === typeof value)
+        return ShapeToken.BOOLEAN;
+    return ShapeToken.OTHER;
+}
+function fingerprintBody(shape, length) {
+    return fnv1a(`${shape}#${String(length)}`);
+}
+function jsonShape(text) {
+    try {
+        return shapeOf(JSON.parse(text));
+    }
+    catch {
+        return ShapeToken.OTHER;
+    }
+}
 function projectRequestBody(body, captureBodies) {
-    if (!captureBodies)
-        return {};
     let text;
     let contentType = 'application/json';
+    let shape = REQUEST_SHAPE_NONE;
     if ('string' === typeof body) {
         text = body;
+        if (text.length > 0)
+            shape = fingerprintBody(jsonShape(text), text.length);
     }
     else if (typeof URLSearchParams !== 'undefined' && body instanceof URLSearchParams) {
         text = body.toString();
         contentType = 'application/x-www-form-urlencoded';
+        if (text.length > 0) {
+            const fields = Object.fromEntries(new URLSearchParams(text));
+            shape = fingerprintBody(shapeOf(fields), text.length);
+        }
     }
     else if (body !== undefined && body !== null) {
-        const shape = body.constructor?.name ?? typeof body;
-        return { requestBodyType: shape };
+        const kind = body.constructor?.name ?? typeof body;
+        return captureBodies ? { requestBodyType: kind } : {};
     }
-    if (text === undefined || 0 === text.length)
-        return {};
+    const fields = { [REQUEST_SHAPE_FIELD]: shape };
+    if (!captureBodies || text === undefined || 0 === text.length)
+        return fields;
     const { body: out, truncated } = projectBody(text, contentType);
-    return truncated ? { requestBody: out, requestBodyTruncated: true } : { requestBody: out };
+    return truncated
+        ? { ...fields, requestBody: out, requestBodyTruncated: true }
+        : { ...fields, requestBody: out };
 }
 function statusIsOk(status) {
     return status >= 200 && status < 400;
@@ -428,6 +468,7 @@ export function installNetwork(emit, opts = {}) {
                     durationMs: 0,
                     initiator: 'beacon',
                     ...(initiatorStack === undefined ? {} : { initiatorStack }),
+                    ...projectRequestBody(data, false),
                 });
             });
             return sent;

package/dist/observers/scroll.js

@@ -1,6 +1,6 @@
 import { EventType, ScrollDirection } from '@reticlehq/core';
-import { refs } from '../dom/refs.js';
-import { nativeSetTimeout, nativeClearTimeout } from '../timers/native-timers.js';
+import { refs } from '../dom/addressing/refs.js';
+import { nativeSetTimeout, nativeClearTimeout } from '../timers/native/native-timers.js';
 const THROTTLE_MS = 100;
 const REVEAL_SELECTOR = '[data-reticle-reveal], [data-reveal], section';
 export function installScroll(emit) {

package/dist/presenter/chrome/layers.d.ts

@@ -0,0 +1,2 @@
+export declare const Z_OVERLAY = 2147483600;
+export declare const Z_TOUR: number;

package/dist/presenter/chrome/layers.js

@@ -0,0 +1,2 @@
+export const Z_OVERLAY = 2147483600;
+export const Z_TOUR = Z_OVERLAY + 30;

package/dist/presenter/chrome/log-kinds.d.ts

@@ -0,0 +1,12 @@
+export declare const LOG_KIND: {
+    readonly READ: "read";
+    readonly ACT: "act";
+    readonly NARRATION: "narration";
+    readonly HUMAN: "human";
+};
+export type LogKind = (typeof LOG_KIND)[keyof typeof LOG_KIND];
+export declare const LOG_RESULT: {
+    readonly PASS: "pass";
+    readonly FAIL: "fail";
+};
+export type LogResult = (typeof LOG_RESULT)[keyof typeof LOG_RESULT];

package/dist/presenter/chrome/log-kinds.js

@@ -0,0 +1,7 @@
+export const LOG_KIND = {
+    READ: 'read',
+    ACT: 'act',
+    NARRATION: 'narration',
+    HUMAN: 'human',
+};
+export const LOG_RESULT = { PASS: 'pass', FAIL: 'fail' };

package/dist/presenter/{presenter-effects.js → chrome/presenter-effects.js}

@@ -1,4 +1,4 @@
-import { nativeSetTimeout } from '../timers/native-timers.js';
+import { nativeSetTimeout } from '../../timers/native/native-timers.js';
 export function moveCursor(cursor, x, y) {
     if (cursor === undefined)
         return;

package/dist/presenter/{presenter-log.d.ts → chrome/presenter-log.d.ts}

@@ -1,16 +1,7 @@
 import { PresenterMode } from '@reticlehq/core';
-export declare const LOG_KIND: {
-    readonly READ: "read";
-    readonly ACT: "act";
-    readonly NARRATION: "narration";
-    readonly HUMAN: "human";
-};
-export type LogKind = (typeof LOG_KIND)[keyof typeof LOG_KIND];
-export declare const LOG_RESULT: {
-    readonly PASS: "pass";
-    readonly FAIL: "fail";
-};
-export type LogResult = (typeof LOG_RESULT)[keyof typeof LOG_RESULT];
+import { LOG_KIND, LOG_RESULT, type LogKind, type LogResult } from './log-kinds.js';
+export { LOG_KIND, LOG_RESULT };
+export type { LogKind, LogResult };
 export declare const CHIP_LABEL: Record<PresenterMode, string>;
 export declare const DATA_RETICLE_LOG = "data-reticle-log";
 export declare const LOG_TIME_ATTR = "data-reticle-log-time";

package/dist/presenter/{presenter-log.js → chrome/presenter-log.js}

@@ -1,14 +1,9 @@
 import { PresenterMode } from '@reticlehq/core';
-import { nativeSetTimeout } from '../timers/native-timers.js';
-import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon, } from './presenter-icons.js';
+import { LOG_KIND, LOG_RESULT } from './log-kinds.js';
+import { nativeSetTimeout } from '../../timers/native/native-timers.js';
+import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon, } from '../icons/presenter-icons.js';
 const DEFAULT_LOG_MAX = 50;
-export const LOG_KIND = {
-    READ: 'read',
-    ACT: 'act',
-    NARRATION: 'narration',
-    HUMAN: 'human',
-};
-export const LOG_RESULT = { PASS: 'pass', FAIL: 'fail' };
+export { LOG_KIND, LOG_RESULT };
 const LOG_CHIP = { read: 'READ', act: 'ACT', narration: '', human: '' };
 const LOG_CHIP_ICON = {
     read: PresenterIcon.VIEW,

package/dist/presenter/chrome/presenter-safe-html.d.ts

@@ -0,0 +1,2 @@
+export declare function esc(value: string): string;
+export declare function isSafeDashboardUrl(raw: string): boolean;

package/dist/presenter/chrome/presenter-safe-html.js

@@ -0,0 +1,16 @@
+export function esc(value) {
+    return value
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+export function isSafeDashboardUrl(raw) {
+    try {
+        const scheme = new URL(raw).protocol;
+        return 'https:' === scheme || 'http:' === scheme;
+    }
+    catch {
+        return false;
+    }
+}

package/dist/presenter/{presenter-tally.js → chrome/presenter-tally.js}

@@ -1,5 +1,5 @@
 import { LOG_RESULT } from './presenter-log.js';
-import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon } from './presenter-icons.js';
+import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon } from '../icons/presenter-icons.js';
 export function renderTally(el, runLog, prev) {
     const next = countVerdicts(runLog);
     if (el === undefined)

package/dist/presenter/{presenter-heroicons-data.d.ts → icons/presenter-heroicons-data.d.ts}

@@ -18,6 +18,7 @@ declare const BODIES: {
     help: string;
     'caret-right': string;
     annotate: string;
+    sync: string;
 };
 export declare const HERO_ICON_BODIES: Record<keyof typeof BODIES, string>;
 export type HeroIconBodyKey = keyof typeof BODIES;

package/dist/presenter/{presenter-heroicons-data.js → icons/presenter-heroicons-data.js}

@@ -18,6 +18,7 @@ const BODIES = {
     help: '<path d="M8.228 9c.549-1.165 2.03-2 3.772-2c2.21 0 4 1.343 4 3c0 1.4-1.278 2.575-3.006 2.907c-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/>',
     'caret-right': '<path d="m9 5l7 7l-7 7"/>',
     annotate: '<path d="m16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"/>',
+    sync: '<path d="M4.5 12c0-1.232.046-2.453.138-3.662a4.006 4.006 0 0 1 3.7-3.7a48.678 48.678 0 0 1 7.324 0a4.006 4.006 0 0 1 3.7 3.7c.017.22.032.441.046.662M4.5 12l-3-3m3 3l3-3m12 3c0 1.232-.046 2.453-.138 3.662a4.006 4.006 0 0 1-3.7 3.7a48.657 48.657 0 0 1-7.324 0a4.006 4.006 0 0 1-3.7-3.7c-.017-.22-.032-.441-.046-.662M19.5 12l-3 3m3-3l3 3"/>',
 };
 export const HERO_ICON_BODIES = BODIES;
 const SOLID_BODIES = {

package/dist/presenter/{presenter-icons.d.ts → icons/presenter-icons.d.ts}

@@ -19,6 +19,7 @@ export declare const PresenterIcon: {
     readonly HELP: "help";
     readonly CARET_RIGHT: "caret-right";
     readonly ANNOTATE: "annotate";
+    readonly SYNC: "sync";
 };
 export type PresenterIconName = (typeof PresenterIcon)[keyof typeof PresenterIcon];
 export declare const PRESENTER_ICON_SIZE: {

package/dist/presenter/{presenter-icons.js → icons/presenter-icons.js}

@@ -19,6 +19,7 @@ export const PresenterIcon = {
     HELP: 'help',
     CARET_RIGHT: 'caret-right',
     ANNOTATE: 'annotate',
+    SYNC: 'sync',
 };
 export const PRESENTER_ICON_SIZE = {
     CHIP: 11,

package/dist/presenter/presenter-account-styles.d.ts

@@ -0,0 +1 @@
+export declare const ACCOUNT_CSS: string;