@reticlehq/browser 2.10.0 → 2.12.0

package/dist/presenter/presenter-config.js

@@ -91,7 +91,6 @@ export const SETTINGS_PLACEMENT_ATTR = 'data-reticle-settings-placement';
 /** Horizontal alignment of dock-anchored panels (start = left, end = right). */
 export const DOCK_ALIGN_ATTR = 'data-reticle-dock-align';
 export const Placement = { ABOVE: 'above', BELOW: 'below' };
-export const DockAlign = { START: 'start', END: 'end' };
 /** Show/hide annotation markers. */
 export const MARKERS_BTN_ATTR = 'data-reticle-markers-btn';
 /** Clear every annotation on the page. */
@@ -139,8 +138,6 @@ export const LOG_TIMESTAMPS_ATTR = 'data-reticle-log-ts';
 /** When 1, the chat panel uses a narrower width. */
 /** When 1, HUD motion is reduced for accessibility. */
 export const REDUCE_MOTION_ATTR = 'data-reticle-reduce-motion';
-/** Presenter settings card version label (browser package). */
-export const PRESENTER_UI_VERSION = '2.7.0';
 /** Docs opened from the settings footer. */
 export const MCP_DOCS_URL = 'https://github.com/reticlehq/reticle/blob/main/docs/getting-started.md';
 /** HUD has been dragged off the default dock - positioned with explicit left/top. */

package/dist/presenter/presenter-controls.d.ts

@@ -1,5 +1,4 @@
 import { HumanControlKind, PresenterTone, SessionState } from '@reticlehq/core';
-export declare const PAUSED_BADGE_LABEL = "PAUSED";
 /** Border fade-out delay after a session ends (native timer; presenter-only tunable). */
 export declare const ENDED_FADE_MS = 4000;
 /** Payload the panel hands to its host when the human drives a control. */
@@ -12,8 +11,6 @@ export type ControlHandler = (intent: ControlIntent) => void;
 export declare const CONTROLS_CSS: string;
 /** Icon toolbar: pause, chat, markers, end, clear - copy/export appear after a run ends. */
 export declare const CONTROLS_TOOLBAR_HTML: string;
-/** @deprecated Legacy head markup - replaced by CONTROLS_TOOLBAR_HTML in the morphing shell. */
-export declare const CONTROLS_HEAD_HTML: string;
 /** Banner markup (between head and log, hidden unless ended). */
 export declare const CONTROLS_BANNER_HTML = "<div data-reticle-banner class=\"reticle-banner\">Session ended</div>";
 /** Replay-a-flow row (between log and footer); buttons are filled in by setFlows once flows arrive. */

package/dist/presenter/presenter-controls.js

@@ -26,7 +26,6 @@ const INPUT_PLACEHOLDER = 'Tell the agent something…';
 /** Accessible name for the composer (a placeholder is not an accessible name). */
 const INPUT_ARIA_LABEL = 'Message to the agent';
 const PAUSED_BADGE_TEXT = 'PAUSED';
-export const PAUSED_BADGE_LABEL = PAUSED_BADGE_TEXT;
 const ENDED_BANNER_TEXT = 'Session ended';
 const COPY_LABEL = 'Copy run';
 const EXPORT_LABEL = 'Export';
@@ -177,8 +176,6 @@ export const CONTROLS_TOOLBAR_HTML = [
     `<button type="button" data-reticle-export class="reticle-tb-btn reticle-tb-btn--export" title="${EXPORT_LABEL}" aria-label="${EXPORT_LABEL}" hidden>${hiIconHtml(PresenterIcon.DOWNLOAD, TB)}</button>`,
     '<span data-reticle-export-msg class="reticle-export-msg" aria-live="polite"></span>',
 ].join('');
-/** @deprecated Legacy head markup - replaced by CONTROLS_TOOLBAR_HTML in the morphing shell. */
-export const CONTROLS_HEAD_HTML = CONTROLS_TOOLBAR_HTML;
 /** Banner markup (between head and log, hidden unless ended). */
 export const CONTROLS_BANNER_HTML = `<div data-reticle-banner class="reticle-banner">${ENDED_BANNER_TEXT}</div>`;
 /** Replay-a-flow row (between log and footer); buttons are filled in by setFlows once flows arrive. */
@@ -223,6 +220,14 @@ export class ControlPanel {
     /** The full replayable-flow list from the last push; re-filtered per page on route change. */
     #flowItems = [];
     #workspaceTeardown;
+    /**
+     * One signal for every listener this controller registers.
+     *
+     * All eight are anonymous closures over `this`, so there was no reference to hand
+     * `removeEventListener` and teardown removed none of them — each kept the controller reachable
+     * for as long as its element lived, and a second mount stacked another set on top.
+     */
+    #listeners;
     #host;
     constructor(host) {
         this.#host = host;
@@ -232,6 +237,8 @@ export class ControlPanel {
     }
     /** Query control refs out of the mounted root and bind the DOM listeners, then paint active. */
     mount(root, glow) {
+        this.#listeners = new AbortController();
+        const { signal } = this.#listeners;
         this.#root = root;
         this.#glow = glow;
         this.#refs = queryControlRefs(root);
@@ -239,17 +246,17 @@ export class ControlPanel {
         if (pauseBtn !== undefined) {
             paintPauseBtn(pauseBtn, this.#state === SessionState.PAUSED);
         }
-        this.#refs.pauseBtn?.addEventListener('click', () => this.#onPauseToggle());
-        this.#refs.endBtn?.addEventListener('click', () => this.#onEnd());
-        this.#refs.sendBtn?.addEventListener('click', () => this.#onSend());
+        this.#refs.pauseBtn?.addEventListener('click', () => this.#onPauseToggle(), { signal });
+        this.#refs.endBtn?.addEventListener('click', () => this.#onEnd(), { signal });
+        this.#refs.sendBtn?.addEventListener('click', () => this.#onSend(), { signal });
         this.#refs.input?.addEventListener('keydown', (e) => {
             // Enter sends; Shift+Enter inserts a newline (falls through to the textarea's default).
             if (e instanceof KeyboardEvent && 'Enter' === e.key && !e.shiftKey) {
                 e.preventDefault();
                 this.#onSend();
             }
-        });
-        this.#refs.input?.addEventListener('input', () => this.#autosize());
+        }, { signal });
+        this.#refs.input?.addEventListener('input', () => this.#autosize(), { signal });
         // Replay-a-flow: one ▶ click re-runs a saved flow (no agent). Delegated so it covers all chips.
         this.#refs.flows?.addEventListener('click', (e) => {
             const target = e.target;
@@ -259,9 +266,9 @@ export class ControlPanel {
             if (name !== null && name !== undefined && name.length > 0) {
                 this.#host.emit(HumanControlKind.REPLAY, name);
             }
-        });
-        this.#refs.copyBtn?.addEventListener('click', () => this.#onCopy());
-        this.#refs.exportBtn?.addEventListener('click', () => this.#onExport());
+        }, { signal });
+        this.#refs.copyBtn?.addEventListener('click', () => this.#onCopy(), { signal });
+        this.#refs.exportBtn?.addEventListener('click', () => this.#onExport(), { signal });
         this.#workspaceTeardown = mountWorkspaceSelector(root);
         this.setState(SessionState.ACTIVE);
     }
@@ -297,6 +304,9 @@ export class ControlPanel {
     }
     /** Clear any pending ended-fade timer (called from Presenter.destroy). */
     teardown() {
+        // All eight registrations, in one call that cannot drift from mount().
+        this.#listeners?.abort();
+        this.#listeners = undefined;
         this.#workspaceTeardown?.();
         this.#workspaceTeardown = undefined;
         if (this.#fadeTimer !== undefined)

package/dist/presenter/presenter-drag.js

@@ -68,8 +68,12 @@ export function installHudPositionGuards(hud, overlay) {
     const scheduleRelayout = () => {
         scheduleSyncDockLayout(hud, overlay);
     };
+    // One signal for all three listeners here. The observers below are NOT covered — neither
+    // ResizeObserver nor MutationObserver accepts one — so they keep their explicit disconnects.
+    const listeners = new AbortController();
+    const { signal } = listeners;
     const onResize = () => scheduleRelayout();
-    window.addEventListener('resize', onResize);
+    window.addEventListener('resize', onResize, { signal });
     let resizeObserver;
     if (typeof ResizeObserver !== 'undefined') {
         resizeObserver = new ResizeObserver(() => scheduleRelayout());
@@ -81,12 +85,10 @@ export function installHudPositionGuards(hud, overlay) {
         attributeFilter: [MIN_ATTR, CHAT_ATTR, SETTINGS_ATTR],
     });
     const onVisualViewportResize = () => scheduleRelayout();
-    window.visualViewport?.addEventListener('resize', onVisualViewportResize);
-    window.visualViewport?.addEventListener('scroll', onVisualViewportResize);
+    window.visualViewport?.addEventListener('resize', onVisualViewportResize, { signal });
+    window.visualViewport?.addEventListener('scroll', onVisualViewportResize, { signal });
     return () => {
-        window.removeEventListener('resize', onResize);
-        window.visualViewport?.removeEventListener('resize', onVisualViewportResize);
-        window.visualViewport?.removeEventListener('scroll', onVisualViewportResize);
+        listeners.abort();
         resizeObserver?.disconnect();
         minObserver.disconnect();
     };
@@ -171,15 +173,16 @@ export function installHudDrag(hud, head, callbacks = {}) {
         releaseCapture(e.pointerId);
         finishDrag();
     };
-    head.addEventListener('pointerdown', onPointerDown);
-    head.addEventListener('pointermove', onPointerMove);
-    head.addEventListener('pointerup', onPointerUp);
-    head.addEventListener('pointercancel', onPointerCancel);
+    // All four pointer phases share one signal: they are added together and must come off
+    // together, and a partial removal would leave a half-live drag.
+    const listeners = new AbortController();
+    const { signal } = listeners;
+    head.addEventListener('pointerdown', onPointerDown, { signal });
+    head.addEventListener('pointermove', onPointerMove, { signal });
+    head.addEventListener('pointerup', onPointerUp, { signal });
+    head.addEventListener('pointercancel', onPointerCancel, { signal });
     return () => {
-        head.removeEventListener('pointerdown', onPointerDown);
-        head.removeEventListener('pointermove', onPointerMove);
-        head.removeEventListener('pointerup', onPointerUp);
-        head.removeEventListener('pointercancel', onPointerCancel);
+        listeners.abort();
         if (dragging)
             releaseCapture(activePointerId ?? 0);
         finishDrag();

package/dist/presenter/presenter-settings.js

@@ -70,7 +70,15 @@ const DEFAULT_SETTINGS = {
     blockPageInteractions: true,
     showTally: false,
     showTimestamps: true,
-    autoOpenChat: false,
+    // ON by default: the chat IS the HUD's content, and shipping it off meant the default experience
+    // was a bare toolbar until somebody found the toggle. `expand()` has always opened the chat for
+    // the same reason; this is the other half — session start, with no click at all.
+    //
+    // Safe to default because `openChat()` expands a collapsed HUD, and session start is the one
+    // moment where that is what you want. A user who prefers the bare toolbar turns this off and it
+    // stays off: a stored `false` is honoured over the default, which is pinned in
+    // presenter-chat-default.test.ts so the product cannot change somebody's answer behind their back.
+    autoOpenChat: true,
     reduceMotion: false,
 };
 let activeSettings = loadPresenterSettings();
@@ -169,7 +177,7 @@ export function settingsPanelHtml() {
     const hideHelp = 'Hide the Reticle HUD until you reload the page';
     const tallyHelp = 'Show the pass/fail score pill in the toolbar';
     const timestampsHelp = 'Show relative timestamps on each activity-log row';
-    const autoChatHelp = 'Open the agent chat by itself when a session starts and when you expand the HUD. Off leaves the toolbar bare until you ask for the chat.';
+    const autoChatHelp = 'On by default. Opens the agent chat by itself when a session starts and when you expand the HUD. Off leaves the toolbar bare until you ask for the chat.';
     const motionHelp = 'Reduce HUD animations for accessibility';
     const glowHelp = 'Glow the page edges in the status colour while a session is live. Off keeps the HUD signals and leaves your app alone.';
     return `<div ${SETTINGS_PANEL_ATTR} class="reticle-settings ${HUD_SURFACE_CLASS}" role="dialog" aria-label="Reticle settings" aria-hidden="true">

package/dist/presenter/presenter-shell.d.ts

@@ -44,5 +44,3 @@ export declare class HudShell {
     /** Pulse the FAB when new activity arrives while collapsed. */
     pulseFab(active: boolean): void;
 }
-/** Whether the dock has been dragged off the default bottom-right position. */
-export declare function isDockDragged(dock: HTMLElement): boolean;

package/dist/presenter/presenter-shell.js

@@ -1,5 +1,5 @@
 import { PresenterReport, reportPanelHtml } from './presenter-report.js';
-import { CHAT_MIN_ATTR, CHAT_PILL_ATTR, REPORT_ATTR, REPORT_BTN_ATTR, ANNOTATE_BTN_ATTR, CHAT_ATTR, CHAT_TOGGLE_ATTR, CHAT_PANEL_ATTR, DOCK_ATTR, FAB_ATTR, MIN_ATTR, HUD_DRAGGED_ATTR, SETTINGS_ATTR, SETTINGS_BTN_ATTR, } from './presenter-config.js';
+import { CHAT_MIN_ATTR, CHAT_PILL_ATTR, REPORT_ATTR, REPORT_BTN_ATTR, ANNOTATE_BTN_ATTR, CHAT_ATTR, CHAT_TOGGLE_ATTR, CHAT_PANEL_ATTR, DOCK_ATTR, FAB_ATTR, MIN_ATTR, SETTINGS_ATTR, SETTINGS_BTN_ATTR, } from './presenter-config.js';
 import { BRAND_NAME, FAB_TOGGLE_HTML, MARK_SVG } from './presenter-brand.js';
 import { settleLogAtLatest } from './presenter-log.js';
 import { installHudDragHandles, installHudPositionGuards } from './presenter-drag.js';
@@ -48,6 +48,15 @@ export class HudShell {
      */
     #annotateOn = false;
     #toggleSync;
+    /**
+     * One signal for every listener this shell registers, so teardown cannot drift from mount.
+     *
+     * The click handlers below are anonymous closures over `this`: there is no reference to hand to
+     * `removeEventListener`, so before this they were never removed at all. Mounting twice onto the
+     * same root therefore stacked a second set, and every handler kept the shell reachable for as
+     * long as its element lived.
+     */
+    #listeners;
     #report = new PresenterReport({
         onBeforeOpen: () => {
             // One panel at a time in the slot above the toolbar. The chat, the settings and the report
@@ -155,6 +164,8 @@ export class HudShell {
         this.#annotateBtn?.setAttribute('data-active', on ? '1' : '0');
     }
     mount(root) {
+        this.#listeners = new AbortController();
+        const { signal } = this.#listeners;
         this.#root = root;
         this.#dock = root.querySelector(`[${DOCK_ATTR}]`) ?? undefined;
         const fabEl = root.querySelector(`[${FAB_ATTR}]`);
@@ -170,19 +181,19 @@ export class HudShell {
             e.stopPropagation();
             this.setAnnotateOn(!this.#annotateOn);
             this.#callbacks.onAnnotateToggle?.(this.#annotateOn);
-        });
+        }, { signal });
         const pillEl = root.querySelector(`[${CHAT_PILL_ATTR}]`);
         pillEl?.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             this.showChat();
-        });
+        }, { signal });
         const chatMinEl = root.querySelector(`[${CHAT_MIN_ATTR}]`);
         chatMinEl?.addEventListener('click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             this.closeChat();
-        });
+        }, { signal });
         const collapseEl = root.querySelector('[data-reticle-min-btn]');
         this.#collapseBtn = collapseEl instanceof HTMLButtonElement ? collapseEl : undefined;
         root.setAttribute(MIN_ATTR, '1');
@@ -204,7 +215,7 @@ export class HudShell {
             e.preventDefault();
             e.stopPropagation();
             this.#report.toggle();
-        });
+        }, { signal });
         this.#fab?.addEventListener('click', (e) => {
             e.stopPropagation();
             if (this.#suppressFabClick) {
@@ -212,15 +223,15 @@ export class HudShell {
                 return;
             }
             this.expand();
-        });
+        }, { signal });
         this.#collapseBtn?.addEventListener('click', (e) => {
             e.stopPropagation();
             this.collapse();
-        });
+        }, { signal });
         this.#chatToggle?.addEventListener('click', (e) => {
             e.stopPropagation();
             this.toggleChat();
-        });
+        }, { signal });
         const toolbarDrag = root.querySelector(`.${DRAG_HANDLE_CLASS}`);
         const dragHandles = [this.#fab, toolbarDrag].filter((el) => el instanceof HTMLElement);
         if (this.#dock !== undefined && dragHandles.length > 0) {
@@ -235,12 +246,19 @@ export class HudShell {
             });
             this.#layoutTeardown = installHudPositionGuards(this.#dock, root);
         }
-        document.addEventListener('pointerdown', this.#onDocPointerDown);
-        document.addEventListener('keydown', this.#onKeyDown);
+        document.addEventListener('pointerdown', this.#onDocPointerDown, { signal });
+        document.addEventListener('keydown', this.#onKeyDown, { signal });
     }
     teardown() {
-        document.removeEventListener('pointerdown', this.#onDocPointerDown);
-        document.removeEventListener('keydown', this.#onKeyDown);
+        // One call for all nine registrations. It cannot fall out of step with mount() the way a list
+        // of removeEventListener calls can, which is the whole point.
+        this.#listeners?.abort();
+        this.#listeners = undefined;
+        // NOT covered by the signal: a MutationObserver takes no `signal` option. This disconnect was
+        // missing entirely, so the observer kept `root` — and through it the shell — alive after
+        // teardown, and a re-mount left the previous one still firing.
+        this.#toggleSync?.disconnect();
+        this.#toggleSync = undefined;
         this.#dragTeardown?.();
         this.#dragTeardown = undefined;
         this.#layoutTeardown?.();
@@ -402,7 +420,3 @@ export class HudShell {
         }
     };
 }
-/** Whether the dock has been dragged off the default bottom-right position. */
-export function isDockDragged(dock) {
-    return '1' === dock.getAttribute(HUD_DRAGGED_ATTR);
-}

package/dist/reticle.d.ts

@@ -55,6 +55,8 @@ export declare function buildEvent(args: {
     sessionId: string;
     data: Record<string, unknown>;
     ref?: string | undefined;
+    documentId?: string | undefined;
+    editEpoch?: number | undefined;
 }): ReticleEvent;
 /**
  * The browser-side orchestrator. Wires observers -> events -> bridge, and bridge
@@ -79,5 +81,15 @@ export declare class Reticle {
     describe(input: CapabilitiesInput): void;
     /** Live-control: end the session programmatically from the host app (drives the panel to ended). */
     endSession(): void;
+    /**
+     * Hand the SDK the page's hot-update channel, so a stale ref can say the code changed underneath it.
+     *
+     * `unknown` on purpose: the only caller that has one is the build integration, the shape it passes
+     * is Vite's `import.meta.hot`, and the SDK must not depend on Vite — it ships to Next, Electron,
+     * Tauri and plain pages. Anything that is not a subscribable channel is ignored, which is the
+     * normal case: with no channel the epoch stays at `NO_EDITS_OBSERVED`, meaning "no edits OBSERVED",
+     * never "no edits happened".
+     */
+    observeHotUpdates(hot: unknown): void;
     disconnect(): void;
 }

package/dist/reticle.js

@@ -1,5 +1,6 @@
-import { EventType, RETICLE_DEFAULT_PORT, RETICLE_PROTOCOL_VERSION, RETICLE_URL_PARAM, bridgeWsUrl, ReticleCommand, MessageKind, SESSION_AUTO, SessionState, TRANSPORT_LIMITS, buildRedactionPolicy, isLoopbackHostname, isLocalPage, setActiveRedactionPolicy, wireRedactionKeys, RETICLE_ROOT_GLOBAL, RETICLE_SDK_VERSION_GLOBAL, CONTRACT_FINGERPRINT, } from '@reticlehq/core';
+import { EventType, RETICLE_DEFAULT_PORT, RETICLE_PROTOCOL_VERSION, RETICLE_URL_PARAM, bridgeWsUrl, ReticleCommand, MessageKind, SESSION_AUTO, SessionState, TRANSPORT_LIMITS, buildRedactionPolicy, isLoopbackHostname, isLocalPage, setActiveRedactionPolicy, wireRedactionKeys, RETICLE_ROOT_GLOBAL, RETICLE_SDK_VERSION_GLOBAL, CONTRACT_FINGERPRINT, newDocumentId, NO_EDITS_OBSERVED, } from '@reticlehq/core';
 import { rememberSessionLabel } from './session-continuity.js';
+import { editEpoch } from './edit-epoch.js';
 import { createCommandRegistry, RELOAD_CACHE_BUST_PARAM, } from './commands/commands.js';
 import { Transport } from './transport/transport.js';
 import { unreachableMessage } from './transport/unreachable-message.js';
@@ -128,6 +129,15 @@ export function buildEvent(args) {
         type: args.type,
         sessionId: args.sessionId,
         ref: args.ref,
+        // Which document this was observed under, so the server can refuse evidence minted before a
+        // navigation replaced the page. Stamped HERE because it is the one place every event passes
+        // through: an observer added later would otherwise emit unstamped events, which read as
+        // "current" by design and would reintroduce the defect silently for one event type.
+        documentId: args.documentId,
+        // Which round of source edits this was observed under. Stamped HERE for exactly the reason
+        // documentId is, and omitted while nothing has hot-updated: absence already reads as "current"
+        // downstream, so `NO_EDITS_OBSERVED` on the wire would be bytes spent saying "unknown".
+        editEpoch: NO_EDITS_OBSERVED === args.editEpoch ? undefined : args.editEpoch,
         data: args.data,
     };
 }
@@ -141,6 +151,13 @@ export class Reticle {
     #teardowns = [];
     #connected = false;
     #session = 'default';
+    /**
+     * Minted once, here, because this class is constructed once per document: a full navigation tears
+     * down the JavaScript context and builds a new one, so the id dies with the document it names. An
+     * SPA route change does not reconstruct it, which is correct — same context, same in-flight
+     * requests, same evidence.
+     */
+    #documentId = newDocumentId(Math.random);
     #start = 0;
     #overlay;
     #presenter;
@@ -321,6 +338,18 @@ export class Reticle {
     endSession() {
         this.#presenter?.setState(SessionState.ENDED);
     }
+    /**
+     * Hand the SDK the page's hot-update channel, so a stale ref can say the code changed underneath it.
+     *
+     * `unknown` on purpose: the only caller that has one is the build integration, the shape it passes
+     * is Vite's `import.meta.hot`, and the SDK must not depend on Vite — it ships to Next, Electron,
+     * Tauri and plain pages. Anything that is not a subscribable channel is ignored, which is the
+     * normal case: with no channel the epoch stays at `NO_EDITS_OBSERVED`, meaning "no edits OBSERVED",
+     * never "no edits happened".
+     */
+    observeHotUpdates(hot) {
+        editEpoch.observe(hot);
+    }
     disconnect() {
         if (!this.#connected)
             return;
@@ -347,6 +376,8 @@ export class Reticle {
             t: Math.round(performance.now() - this.#start),
             type,
             sessionId: this.#session,
+            documentId: this.#documentId,
+            editEpoch: editEpoch.current,
             data,
             ref,
         });

package/dist/transport/unreachable-message.js

@@ -5,12 +5,13 @@
  * than a template inlined in a warn call. The rule it exists to hold: report what this page observed
  * and what it could not determine, never a cause. See unreachable-message.test.ts.
  */
+import { UNREACHABLE_NOTICE_PREFIX } from '@reticlehq/core';
 /**
  * The page tried, failed, and cannot see why. Names the address and the attempt count, refuses to
  * diagnose the daemon, and lists the checks in the order that actually resolves the ambiguity.
  */
 export function unreachableMessage(url, attempts) {
-    return (`[Reticle] this page could not open a websocket to ${url}. ${String(attempts)} attempts, all ` +
+    return (`${UNREACHABLE_NOTICE_PREFIX}${url}. ${String(attempts)} attempts, all ` +
         `failed. That is everything the page can see: from inside the browser it cannot tell a daemon ` +
         `that is not there from one it is not allowed to reach, so this is not evidence about the ` +
         `daemon. What answers it: run \`npx @reticlehq/server status\` to see whether one is listening ` +

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reticlehq/browser",
-  "version": "2.10.0",
+  "version": "2.12.0",
   "description": "Reticle browser SDK — installs observers, builds semantic snapshots, executes actions, talks to the bridge.",
   "type": "module",
   "main": "./dist/index.js",
@@ -13,21 +13,18 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@testing-library/dom": "^10.4.1",
-    "@reticlehq/core": "2.10.0"
+    "@reticlehq/core": "2.12.0"
   },
   "devDependencies": {
     "@iconify-json/heroicons-outline": "^1.2.1",
     "@iconify-json/heroicons-solid": "^1.2.1",
     "@tanstack/query-core": "^5.101.4",
-    "@types/jsdom": "^30.0.0",
     "jotai": "^2.20.2",
     "jsdom": "^30.0.1",
     "mobx": "^7.0.0",
     "pinia": "^4.0.3",
     "react": "^19.2.8",
     "recoil": "^0.7.7",
-    "sharp": "^0.35.3",
     "svelte": "^5.56.8",
     "valtio": "^2.3.2",
     "vue": "^3.5.41",

package/dist/dom/blind-spots.d.ts

@@ -1,13 +0,0 @@
-/**
- * Blind-spot detection, the detectable half). Cross-origin iframes are a real observation gap — the
- * SDK cannot see inside them (same-origin policy). We COUNT them so a result can say "coverage: partial —
- * 2 cross-origin frames unobserved" instead of implying it saw the whole page. Closed shadow roots are a
- * blind spot too, but undetectable by design (element.shadowRoot === null), so they are not counted here.
- */
-/** Pure: how many frames are cross-origin, given each frame's same-origin flag + whether it has a src. */
-export declare function classifyCrossOriginFrames(frames: ReadonlyArray<{
-    sameOrigin: boolean;
-    hasSrc: boolean;
-}>): number;
-/** Probe the live document: count iframes whose document is unreachable (cross-origin). */
-export declare function countCrossOriginFrames(): number;

package/dist/dom/blind-spots.js

@@ -1,29 +0,0 @@
-/**
- * Blind-spot detection, the detectable half). Cross-origin iframes are a real observation gap — the
- * SDK cannot see inside them (same-origin policy). We COUNT them so a result can say "coverage: partial —
- * 2 cross-origin frames unobserved" instead of implying it saw the whole page. Closed shadow roots are a
- * blind spot too, but undetectable by design (element.shadowRoot === null), so they are not counted here.
- */
-/** Pure: how many frames are cross-origin, given each frame's same-origin flag + whether it has a src. */
-export function classifyCrossOriginFrames(frames) {
-    return frames.filter((f) => f.hasSrc && !f.sameOrigin).length;
-}
-/** Probe the live document: count iframes whose document is unreachable (cross-origin). */
-export function countCrossOriginFrames() {
-    if ('undefined' === typeof document)
-        return 0;
-    const frames = [];
-    for (const frame of document.querySelectorAll('iframe')) {
-        const hasSrc = frame.getAttribute('src') !== null && frame.getAttribute('src') !== '';
-        let sameOrigin;
-        try {
-            // Reaching contentDocument throws (or yields null) for a cross-origin frame.
-            sameOrigin = frame.contentDocument !== null;
-        }
-        catch {
-            sameOrigin = false;
-        }
-        frames.push({ sameOrigin, hasSrc });
-    }
-    return classifyCrossOriginFrames(frames);
-}