@reticlehq/browser 2.13.1 → 3.1.0

package/dist/presenter/{overlay.d.ts → chrome/overlay.d.ts}

@@ -6,6 +6,5 @@ export interface OverlayHandle {
     update: (stats: OverlayStats) => void;
     destroy: () => void;
 }
-/** A tiny in-page status chip: connection + event count. Off by default. */
 export declare function installOverlay(): OverlayHandle;
 export {};

package/dist/presenter/{overlay.js → chrome/overlay.js}

@@ -12,7 +12,6 @@ const STYLE = [
     'pointer-events:none',
     'opacity:0.85',
 ].join(';');
-/** A tiny in-page status chip: connection + event count. Off by default. */
 export function installOverlay() {
     const el = document.createElement('div');
     el.setAttribute('data-reticle-overlay', '');

package/dist/presenter/chrome/presenter-brand.d.ts

@@ -0,0 +1,3 @@
+export declare const BRAND_NAME = "Reticle";
+export declare const MARK_SVG: string;
+export declare const FAB_TOGGLE_HTML: string;

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

@@ -1,26 +1,5 @@
-/**
- * The artwork constants are annotated `: string` deliberately.
- *
- * Without the annotation TypeScript infers a literal type, and every one of these SVG and HTML
- * strings is copied verbatim into the emitted `.d.ts` as its own type. That duplicated the artwork
- * into the published package twice over: this file's declarations alone were 16KB of a 900KB
- * budget, carrying type information nobody can use - no caller cares about the literal type of a
- * `<path d=...>`.
- */
-/**
- * Brand marks, inlined. The SDK is bundled into someone else's page: it cannot read
- * `assets/logo/*.svg` from disk at runtime and must never fetch from our own domain, so the mark
- * lives here as a string (same precedent as SEND_ICON in presenter-controls.ts).
- * Minified - editor metadata, clip paths, masks and sub-0.01 precision stripped - and painted
- * with `currentColor` so the mark tracks --reticle-fg instead of hardcoding the export's #FAFAFA.
- */
-/** Accessible name of the HUD. */
 export const BRAND_NAME = 'Reticle';
-/** The two glyph paths of the mark. */
 const MARK_PATHS = `<path d="M92.82 92.16C93.07 93.4 91.77 94.4 90.63 93.83C89.62 93.33 88.62 92.82 87.63 92.3C71.14 83.78 54.79 72.27 39.61 57.96C39.09 57.49 38.57 56.98 38.06 56.49C22.45 41.52 9.78 25.14 .33 8.52C0.29 8.45 .25 8.38 .2 8.31C-0.44 7.2 .51 5.84 1.79 6.05L24.07 9.71C43.06 12.83 60.63 11.75 75.55 6.53L93.95 .09C95.15-0.33 96.31 .78 95.93 1.98L90.1 20.49C85.37 35.48 84.9 52.97 88.69 71.73L92.83 92.16H92.82Z"/><path d="M58.72 89.23L6.15 92.8C5.24 92.86 4.48 92.13 4.51 91.22L6.56 30.39C6.61 28.91 8.51 28.36 9.35 29.57C16.23 39.43 24.98 52.35 33.01 61.26C41.05 70.17 50.6 78.72 59.62 86.56C60.65 87.45 60.08 89.13 58.72 89.23Z"/>`;
-/** Mark alone (shown in the FAB and compact toolbar). */
 export const MARK_SVG = `<svg class="reticle-mark" viewBox="0 0 96 94" fill="currentColor" aria-hidden="true">${MARK_PATHS}</svg>`;
-/** FAB-sized mark for the collapsed circular control. */
 const FAB_MARK_SVG = `<svg class="reticle-fab-mark" viewBox="0 0 96 94" fill="currentColor" aria-hidden="true">${MARK_PATHS}</svg>`;
-/** Collapsed FAB control - Reticle mark only. */
 export const FAB_TOGGLE_HTML = `<button type="button" class="reticle-fab" data-reticle-fab aria-label="Start ${BRAND_NAME}" aria-expanded="false">${FAB_MARK_SVG}<span class="reticle-fab-pulse" aria-hidden="true"></span><span data-reticle-mark-count class="reticle-fab-badge" hidden>0</span></button>`;

package/dist/presenter/chrome/presenter-effects.d.ts

@@ -0,0 +1,4 @@
+export declare function moveCursor(cursor: HTMLElement | undefined, x: number, y: number): void;
+export declare function ringAround(ring: HTMLElement | undefined, rect: DOMRect): void;
+export declare function spawnRipple(root: HTMLElement | undefined, x: number, y: number): void;
+export declare function pace(ms: number): Promise<void>;

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

@@ -1,17 +1,10 @@
-import { nativeSetTimeout } from '../timers/native-timers.js';
-/**
- * Synthetic-cursor + click effects - the visible "the agent is acting here" motion. Pure DOM helpers
- * extracted from presenter.ts so the controller stays under the size cap; each is a no-op when its
- * element is absent (the panel may not be mounted). Behavior is unchanged from the inlined methods.
- */
-/** Fly the synthetic cursor to a viewport point and show it. */
+import { nativeSetTimeout } from '../../timers/native/native-timers.js';
 export function moveCursor(cursor, x, y) {
     if (cursor === undefined)
         return;
     cursor.setAttribute('data-on', '1');
     cursor.style.transform = `translate(${String(x)}px, ${String(y)}px)`;
 }
-/** Briefly draw the green focus ring around an element's box, then fade it. */
 export function ringAround(ring, rect) {
     if (ring === undefined)
         return;
@@ -22,7 +15,6 @@ export function ringAround(ring, rect) {
     ring.setAttribute('data-on', '1');
     nativeSetTimeout(() => ring.setAttribute('data-on', '0'), 700);
 }
-/** Spawn a one-shot click ripple at a viewport point (self-removing). */
 export function spawnRipple(root, x, y) {
     if (root === undefined)
         return;
@@ -33,7 +25,6 @@ export function spawnRipple(root, x, y) {
     root.appendChild(r);
     nativeSetTimeout(() => r.remove(), 520);
 }
-/** Pace for the human so an action is watchable, not instant. */
 export function pace(ms) {
     return new Promise((res) => nativeSetTimeout(res, ms));
 }

package/dist/presenter/chrome/presenter-hud-chrome.d.ts

@@ -0,0 +1,7 @@
+export declare const HUD_SURFACE_CLASS = "reticle-hud-surface";
+export declare const HUD_SURFACE_FILL: string;
+export declare const HUD_SURFACE_PAINT: string;
+export declare const HUD_DROP_SHADOW: string;
+export declare const HUD_CHROME_CSS: string;
+export declare const HUD_LOG_WELL_CLASS = "reticle-hud-log-well";
+export declare const HUD_LOG_WELL_CSS: string;

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

@@ -1,6 +1,4 @@
-/** Shared polished-black surfaces used across HUD chrome panels. */
 export const HUD_SURFACE_CLASS = 'reticle-hud-surface';
-/** Layered near-black base — no embedded image assets. */
 export const HUD_SURFACE_FILL = `linear-gradient(165deg,#121218 0%,#09090c 42%,#000 100%)`;
 export const HUD_SURFACE_PAINT = `background:${HUD_SURFACE_FILL};box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 1px rgba(255,255,255,.09);`;
 export const HUD_DROP_SHADOW = '0 16px 40px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.08)';
@@ -18,15 +16,7 @@ export const HUD_CHROME_CSS = `
     linear-gradient(180deg,rgba(255,255,255,.035) 0%,transparent 36%,rgba(0,0,0,.12) 100%);
 }
 .${HUD_SURFACE_CLASS} > *{position:relative;z-index:2;}`;
-/** Inset well for the activity log — sits inside the chat card. */
 export const HUD_LOG_WELL_CLASS = 'reticle-hud-log-well';
-/**
- * The activity feed sits ON the panel, not in a black box cut out of it.
- *
- * The inset well was a second surface inside a surface - two borders, two backgrounds - and it made
- * the panel read as a container rather than as one card. It also grew and shrank with its content,
- * so the panel resized on every row; the height is fixed now and the feed scrolls inside it.
- */
 export const HUD_LOG_WELL_CSS = `
 .${HUD_LOG_WELL_CLASS}{
   /* A settled height, but still allowed to shrink: pinned with flex:none it pushed the composer

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

@@ -0,0 +1,17 @@
+import { PresenterMode } from '@reticlehq/core';
+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";
+export declare const LOG_CSS: string;
+export declare function scrollLogToLatest(container: HTMLElement): void;
+export declare function settleLogAtLatest(container: HTMLElement): void;
+export interface LogHandle {
+    result(r: LogResult): void;
+}
+export declare function clampLogMax(n: number | undefined): number;
+export declare function humanDuration(ms: number): string;
+export declare function formatElapsed(ms: number): string;
+export declare function appendLogRow(container: HTMLElement, kind: LogKind, text: string, ts: string, logMax: number): LogHandle;

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

@@ -1,33 +1,19 @@
 import { PresenterMode } from '@reticlehq/core';
-import { nativeSetTimeout } from '../timers/native-timers.js';
-import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon, } from './presenter-icons.js';
-// Activity-log UI for the presenter HUD: a persistent, timestamped, scrollable transcript of
-// every read/act/narration. All strings here are presenter-only UI (chips, glyphs, attrs) - they
-// never cross the browser↔bridge↔agent wire, so they stay as named consts (not protocol consts).
-// All nodes carry data-reticle-* attrs so they're excluded from snapshots (see dom-ignore.ts).
-/** Default cap on accumulated activity-log rows (bounds DOM). Presenter-local UI tunable. */
+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;
-/** Activity-log entry kinds (presenter-only UI; never a wire string). */
-export const LOG_KIND = {
-    READ: 'read',
-    ACT: 'act',
-    NARRATION: 'narration',
-    HUMAN: 'human',
-};
-/** Act-row outcome glyph keys (presenter-only UI). */
-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,
     act: PresenterIcon.POINTER,
 };
-/** HUD chip copy keyed by presenter mode (UI text, browser-local - not a wire string). */
 export const CHIP_LABEL = {
     [PresenterMode.IDLE]: '',
     [PresenterMode.READING]: 'READING',
     [PresenterMode.ACTING]: 'ACTING',
 };
-/** Map a log kind to the data-mode that styles its chip (narration/human show no chip). */
 const LOG_CHIP_MODE = {
     read: PresenterMode.READING,
     act: PresenterMode.ACTING,
@@ -38,21 +24,13 @@ const RESULT_GLYPH = { pass: '', fail: 'Fail' };
 const RESULT_CLASS = { pass: 'reticle-pass', fail: 'reticle-fail' };
 export const DATA_RETICLE_LOG = 'data-reticle-log';
 const DATA_RETICLE_LOG_ROW = 'data-reticle-log-row';
-/**
- * The attribute on ONE log line's timestamp. Deliberately not `data-reticle-log-ts`: that name is
- * the overlay-level SETTING (show timestamps y/n) and the overlay root carries it, so a bare
- * `[data-reticle-log-ts]{opacity:.85}` here matched the overlay itself and made the entire HUD -
- * chat panel included - 85% transparent, with the page legible straight through it.
- */
 export const LOG_TIME_ATTR = 'data-reticle-log-time';
 const DATA_KIND = 'data-kind';
 const LOG_TEXT_CLASS = 'reticle-log-text';
 const LOG_RES_CLASS = 'reticle-res';
 const LOG_CHIP_CLASS = 'reticle-chip';
 const LOG_EMPTY_HINT = 'Agent activity will appear here';
-/** How long to keep re-pinning the feed after the panel opens, while rows render their real size. */
 const LOG_SETTLE_MS = 160;
-/** CSS for the log feed (injected with the rest of the presenter stylesheet; vars inherit from the card). */
 export const LOG_CSS = `
 [data-reticle-log]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;
   display:flex;flex-direction:column;
@@ -92,24 +70,9 @@ export const LOG_CSS = `
   border-radius:16px 16px 4px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
 [data-reticle-log-row][data-kind="human"] .reticle-log-text{color:var(--reticle-fg);font-size:12px;line-height:1.45;}
 `;
-/**
- * Pin the feed to its newest row.
- *
- * Called on append AND when the chat is opened, because a hidden panel has no layout: rows added
- * while it was minimised could not scroll it, so opening it showed the OLDEST row and the latest
- * activity - the reason to open it - was somewhere below the fold.
- */
 export function scrollLogToLatest(container) {
     container.scrollTop = container.scrollHeight;
 }
-/**
- * Pin the feed to its newest row once the panel has actually laid out.
- *
- * A single frame is not enough on open: the rows carry `content-visibility:auto`, so their real
- * heights arrive after the first paint and `scrollHeight` keeps growing under a scroll that has
- * already happened - the feed landed a third of the way down instead of at the end. Two frames
- * plus one settle pass costs nothing and lands on the last row.
- */
 export function settleLogAtLatest(container) {
     scrollLogToLatest(container);
     requestAnimationFrame(() => {
@@ -118,17 +81,11 @@ export function settleLogAtLatest(container) {
     });
     nativeSetTimeout(() => scrollLogToLatest(container), LOG_SETTLE_MS);
 }
-/** Clamp a logMax option to a sane positive integer, falling back to the default. */
 export function clampLogMax(n) {
     if (n === undefined || !Number.isFinite(n) || n <= 0)
         return DEFAULT_LOG_MAX;
     return Math.floor(n);
 }
-/**
- * Pure, human-readable duration ("3s", "47s", "2m", "1h 4m") - no clock read, so it stays
- * deterministic in tests. Used for both the per-row timestamp (time since session start) and the
- * live "idle · {duration} since last action" heartbeat. Sub-second reads as "0s".
- */
 export function humanDuration(ms) {
     const s = Math.max(0, Math.floor(ms / 1000));
     if (s < 60)
@@ -139,19 +96,13 @@ export function humanDuration(ms) {
     const h = Math.floor(m / 60);
     return 0 === m % 60 ? `${h}h` : `${h}h ${m % 60}m`;
 }
-/** Per-row timestamp: time since the session's first row, human-readable (e.g. "2m", not "+132.4s"). */
 export function formatElapsed(ms) {
     return humanDuration(ms);
 }
-/**
- * Build a log row from text (already trimmed) + a +elapsed timestamp, append it to the container,
- * prune to logMax, auto-scroll to newest, and return a handle to stamp the outcome glyph later.
- * Uses createElement/textContent (never innerHTML) so arbitrary narration text can't inject markup.
- */
 export function appendLogRow(container, kind, text, ts, logMax) {
     const row = document.createElement('div');
     row.setAttribute(DATA_RETICLE_LOG_ROW, '');
-    row.setAttribute(DATA_KIND, kind); // styles the human row as an accent chat bubble
+    row.setAttribute(DATA_KIND, kind);
     const tsEl = document.createElement('span');
     tsEl.setAttribute(LOG_TIME_ATTR, '');
     tsEl.textContent = ts;

package/dist/presenter/chrome/presenter-report-copy.d.ts

@@ -0,0 +1,51 @@
+import { type ImpactScope, type ImpactSnapshot } from '@reticlehq/core';
+export declare const REPORT_LINKS: {
+    readonly DOCS: "https://docs.reticle.sh";
+    readonly SITE: "https://reticle.sh";
+    readonly GITHUB: "https://github.com/reticlehq/reticle";
+    readonly DISCORD: "https://discord.gg/BwAbzv9ZRz";
+};
+export declare const SHARE_VIA_HANDLE = "";
+export declare const REPORT_TEXT: {
+    readonly TITLE: "Impact";
+    readonly PROJECT: "This project";
+    readonly GLOBAL: "Everything on this machine";
+    readonly HERO_DEFECTS: "checks Reticle refused to pass";
+    readonly VERDICTS: "Verdicts";
+    readonly PASSED: "passed";
+    readonly FAILED: "failed";
+    readonly UNKNOWN: "unknown";
+    readonly UNKNOWN_HELP: "Reticle drove the app and could not tell what happened. Not a pass - shown, not hidden.";
+    readonly CALLS: "Tool calls";
+    readonly TOKENS: "Tokens returned";
+    readonly DRIVING: "Time driving";
+    readonly SESSIONS: "Sessions";
+    readonly STREAK: "day streak";
+    readonly LONGEST: "Longest run";
+    readonly SAVED_TOKENS: "Tokens saved";
+    readonly SAVED_MINUTES: "Time saved";
+    readonly ESTIMATE_TAG: "estimate";
+    readonly CHART: "Verdicts, last 30 days";
+    readonly DEFECTS: "What broke";
+    readonly DEFECTS_MORE: "Manage all of them on the dashboard — triage, assign, and push to GitHub";
+    readonly DEFECT_LINK_TITLE: "Open on the dashboard to triage or push to GitHub";
+    readonly LOCAL_ONLY: "This record stops at this machine.";
+    readonly LOCAL_ONLY_ACTION: "reticle login";
+    readonly LOCAL_ONLY_TAIL: "keeps it, and lets a team see it.";
+    readonly UNLINKED: "Signed in, but this repo is not linked.";
+    readonly UNLINKED_ACTION: "reticle link";
+    readonly UNLINKED_TAIL: "sends this record to your workspace.";
+    readonly DEFECTS_NONE: "Nothing has failed a declared consequence yet.";
+    readonly EMPTY: "Nothing recorded yet. Drive the app once and this fills in.";
+    readonly SHARE: "Share";
+    readonly COPY: "Copy";
+    readonly COPIED: "Copied";
+    readonly REFER: "Send to a friend";
+};
+export declare function compactNumber(n: number): string;
+export declare function compactDuration(ms: number): string;
+export declare function buildShareText(scope: ImpactScope, projectName?: string): string;
+export declare function buildXShareUrl(text: string): string;
+export declare function buildLinkedInShareUrl(): string;
+export declare function buildReferralText(): string;
+export declare function parseImpactSnapshot(value: unknown): ImpactSnapshot | undefined;

package/dist/presenter/chrome/presenter-report-copy.js

@@ -0,0 +1,95 @@
+import { ImpactSnapshotSchema } from '@reticlehq/core';
+export const REPORT_LINKS = {
+    DOCS: 'https://docs.reticle.sh',
+    SITE: 'https://reticle.sh',
+    GITHUB: 'https://github.com/reticlehq/reticle',
+    DISCORD: 'https://discord.gg/BwAbzv9ZRz',
+};
+export const SHARE_VIA_HANDLE = '';
+export const REPORT_TEXT = {
+    TITLE: 'Impact',
+    PROJECT: 'This project',
+    GLOBAL: 'Everything on this machine',
+    HERO_DEFECTS: 'checks Reticle refused to pass',
+    VERDICTS: 'Verdicts',
+    PASSED: 'passed',
+    FAILED: 'failed',
+    UNKNOWN: 'unknown',
+    UNKNOWN_HELP: 'Reticle drove the app and could not tell what happened. Not a pass - shown, not hidden.',
+    CALLS: 'Tool calls',
+    TOKENS: 'Tokens returned',
+    DRIVING: 'Time driving',
+    SESSIONS: 'Sessions',
+    STREAK: 'day streak',
+    LONGEST: 'Longest run',
+    SAVED_TOKENS: 'Tokens saved',
+    SAVED_MINUTES: 'Time saved',
+    ESTIMATE_TAG: 'estimate',
+    CHART: 'Verdicts, last 30 days',
+    DEFECTS: 'What broke',
+    DEFECTS_MORE: 'Manage all of them on the dashboard — triage, assign, and push to GitHub',
+    DEFECT_LINK_TITLE: 'Open on the dashboard to triage or push to GitHub',
+    LOCAL_ONLY: 'This record stops at this machine.',
+    LOCAL_ONLY_ACTION: 'reticle login',
+    LOCAL_ONLY_TAIL: 'keeps it, and lets a team see it.',
+    UNLINKED: 'Signed in, but this repo is not linked.',
+    UNLINKED_ACTION: 'reticle link',
+    UNLINKED_TAIL: 'sends this record to your workspace.',
+    DEFECTS_NONE: 'Nothing has failed a declared consequence yet.',
+    EMPTY: 'Nothing recorded yet. Drive the app once and this fills in.',
+    SHARE: 'Share',
+    COPY: 'Copy',
+    COPIED: 'Copied',
+    REFER: 'Send to a friend',
+};
+export function compactNumber(n) {
+    if (n < 1000)
+        return String(Math.round(n));
+    if (n < 1_000_000)
+        return `${trim(n / 1000)}k`;
+    return `${trim(n / 1_000_000)}M`;
+}
+function trim(n) {
+    return n >= 10 ? String(Math.round(n)) : String(Math.round(n * 10) / 10);
+}
+export function compactDuration(ms) {
+    const s = Math.floor(ms / 1000);
+    if (s < 60)
+        return `${String(s)}s`;
+    const m = Math.floor(s / 60);
+    if (m < 60)
+        return `${String(m)}m`;
+    const h = Math.floor(m / 60);
+    return 0 === m % 60 ? `${String(h)}h` : `${String(h)}h ${String(m % 60)}m`;
+}
+export function buildShareText(scope, projectName) {
+    const c = scope.counts;
+    const where = projectName !== undefined && projectName.length > 0 ? ` on ${projectName}` : '';
+    const lines = [
+        `My agent verified its own work ${String(c.verdicts)} times${where}.`,
+        `${String(c.failed)} checks it refused to pass before I looked at any of them.`,
+    ];
+    if (c.unknown > 0) {
+        lines.push(`${String(c.unknown)} came back "unknown" - it drove the app and could not tell. That is the number I watch.`);
+    }
+    if (scope.records.longestRunMs > 0) {
+        lines.push(`Longest unattended run: ${compactDuration(scope.records.longestRunMs)}.`);
+    }
+    return lines.join('\n');
+}
+export function buildXShareUrl(text) {
+    const params = new URLSearchParams({ text, url: REPORT_LINKS.SITE });
+    if (SHARE_VIA_HANDLE.length > 0)
+        params.set('via', SHARE_VIA_HANDLE);
+    return `https://twitter.com/intent/tweet?${params.toString()}`;
+}
+export function buildLinkedInShareUrl() {
+    return `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(REPORT_LINKS.SITE)}`;
+}
+export function buildReferralText() {
+    return `I have been verifying my agent's work from inside the running app with Reticle - it returns pass/fail with the file:line to fix. ${REPORT_LINKS.SITE}`;
+}
+export function parseImpactSnapshot(value) {
+    const parsed = ImpactSnapshotSchema.safeParse(value);
+    return parsed.success ? parsed.data : undefined;
+}

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.d.ts → chrome/presenter-tally.d.ts}

@@ -1,16 +1,11 @@
 import { type LogResult } from './presenter-log.js';
-/**
- * Paint the live verdict tally into a YouTube-style segmented pill (pass | fail).
- */
 export declare function renderTally(el: HTMLElement | undefined, runLog: {
     result?: LogResult;
 }[], prev: TallyCounts): TallyCounts;
-/** Running verdict counts the header tally shows - the testing score the human watches grow. */
 export interface TallyCounts {
     passes: number;
     fails: number;
 }
-/** Count pass/fail verdicts across the run log. Pure - no DOM, unit-testable. */
 export declare function countVerdicts(runLog: {
     result?: LogResult;
 }[]): TallyCounts;

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

@@ -1,8 +1,5 @@
 import { LOG_RESULT } from './presenter-log.js';
-import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon } from './presenter-icons.js';
-/**
- * Paint the live verdict tally into a YouTube-style segmented pill (pass | fail).
- */
+import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon } from '../icons/presenter-icons.js';
 export function renderTally(el, runLog, prev) {
     const next = countVerdicts(runLog);
     if (el === undefined)
@@ -48,7 +45,6 @@ export function renderTally(el, runLog, prev) {
     el.append(pass, sep, fail);
     return next;
 }
-/** Count pass/fail verdicts across the run log. Pure - no DOM, unit-testable. */
 export function countVerdicts(runLog) {
     let passes = 0;
     let fails = 0;

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

@@ -1,10 +1,3 @@
-// Present-tense verb for an action label in the presenter HUD (cursor status + act-log row).
-// Presenter-only UI copy - never a wire string. Shared by presenter.ts (cursor) and reticle.ts
-// (act-log row) so the two stay in lockstep.
-//
-// The CASES are wire values though, and they are core's ActionType. Spelled as free strings here,
-// a rename in core left this switch silently falling through to `default` - which returns the raw
-// action name, so the HUD degrades to "webmcp Save" instead of a verb and nothing fails.
 import { ActionType } from '@reticlehq/core';
 export function actionVerb(action) {
     switch (action) {

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

@@ -1,5 +1,3 @@
-/** Generated by scripts/embed-heroicons.mjs - do not edit by hand. */
-/** Heroicons outline - MIT, https://heroicons.com */
 declare const BODIES: {
     view: string;
     pointer: string;
@@ -20,15 +18,10 @@ declare const BODIES: {
     help: string;
     'caret-right': string;
     annotate: string;
+    sync: string;
 };
-/**
- * No `as const` on the values: it would inline every icon's path data into the emitted `.d.ts` as a
- * literal type, publishing the whole icon set twice for type information no caller can use. The KEYS
- * are still literal, which is the part `HeroIconBodyKey` needs.
- */
 export declare const HERO_ICON_BODIES: Record<keyof typeof BODIES, string>;
 export type HeroIconBodyKey = keyof typeof BODIES;
-/** Solid variants for toolbar toggles - shown when data-active="1". */
 declare const SOLID_BODIES: {
     chart: string;
     annotate: string;

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

@@ -1,5 +1,3 @@
-/** Generated by scripts/embed-heroicons.mjs - do not edit by hand. */
-/** Heroicons outline - MIT, https://heroicons.com */
 const BODIES = {
     view: '<g><path d="M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/><path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7s-8.268-2.943-9.542-7"/></g>',
     pointer: '<path d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225l.569-9.47l5.227 7.917l-3.286-.672ZM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59"/>',
@@ -20,14 +18,9 @@ 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"/>',
 };
-/**
- * No `as const` on the values: it would inline every icon's path data into the emitted `.d.ts` as a
- * literal type, publishing the whole icon set twice for type information no caller can use. The KEYS
- * are still literal, which is the part `HeroIconBodyKey` needs.
- */
 export const HERO_ICON_BODIES = BODIES;
-/** Solid variants for toolbar toggles - shown when data-active="1". */
 const SOLID_BODIES = {
     chart: '<path fill="currentColor" d="M2 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm6-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm6-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1z"/>',
     annotate: '<path fill="currentColor" fill-rule="evenodd" d="m5.433 13.916l1.262-3.154a4 4 0 0 1 .885-1.343L14.5 2.5a2.121 2.121 0 1 1 3 3l-6.92 6.919c-.383.383-.84.684-1.343.885l-3.154 1.262a.5.5 0 0 1-.65-.65ZM2.5 5.75c0-.69.56-1.25 1.25-1.25H10A.75.75 0 0 0 10 3H3.75A2.75 2.75 0 0 0 1 5.75v10.5A2.75 2.75 0 0 0 3.75 19h10.5A2.75 2.75 0 0 0 17 16.25V10a.75.75 0 0 0-1.5 0v6.25c0 .69-.56 1.25-1.25 1.25H3.75c-.69 0-1.25-.56-1.25-1.25V5.75Z" clip-rule="evenodd"/>',

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

@@ -1,5 +1,4 @@
 import { type HeroIconBodyKey, type HeroIconSolidBodyKey } from './presenter-heroicons-data.js';
-/** Presenter icon keys used by the HUD. */
 export declare const PresenterIcon: {
     readonly VIEW: "view";
     readonly POINTER: "pointer";
@@ -20,9 +19,9 @@ 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];
-/** Shared HUD icon sizes (px) - one knob for visual density. */
 export declare const PRESENTER_ICON_SIZE: {
     readonly CHIP: 11;
     readonly LOG: 11;
@@ -34,11 +33,7 @@ export declare const PRESENTER_ICON_SIZE: {
     readonly TOOLBAR: 18;
     readonly FAB: 22;
 };
-/** Create an inline Heroicons outline SVG (24px grid, currentColor stroke). */
 export declare function hiIcon(name: HeroIconBodyKey, sizePx?: number): HTMLSpanElement;
-/** Replace a parent's children with a Heroicon. */
 export declare function setHiIcon(parent: HTMLElement, name: HeroIconBodyKey, sizePx?: number): void;
-/** Inline SVG markup for static HUD templates - survives mount order and dep-cache staleness. */
 export declare function hiIconHtml(name: HeroIconBodyKey, sizePx?: number): string;
-/** Outline + solid pair for toolbar toggles - solid layer shows when the button is active. */
 export declare function hiToggleIconHtml(name: HeroIconSolidBodyKey, sizePx?: number): string;

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

@@ -1,5 +1,4 @@
 import { HERO_ICON_BODIES, HERO_ICON_SOLID_BODIES, } from './presenter-heroicons-data.js';
-/** Presenter icon keys used by the HUD. */
 export const PresenterIcon = {
     VIEW: 'view',
     POINTER: 'pointer',
@@ -20,8 +19,8 @@ export const PresenterIcon = {
     HELP: 'help',
     CARET_RIGHT: 'caret-right',
     ANNOTATE: 'annotate',
+    SYNC: 'sync',
 };
-/** Shared HUD icon sizes (px) - one knob for visual density. */
 export const PRESENTER_ICON_SIZE = {
     CHIP: 11,
     LOG: 11,
@@ -61,7 +60,6 @@ function buildSvg(name, sizePx) {
     svgCache.set(cacheKey, svg);
     return document.importNode(svg, true);
 }
-/** Create an inline Heroicons outline SVG (24px grid, currentColor stroke). */
 export function hiIcon(name, sizePx = 16) {
     const wrap = document.createElement('span');
     wrap.className = 'reticle-hi-icon';
@@ -71,11 +69,9 @@ export function hiIcon(name, sizePx = 16) {
     wrap.appendChild(buildSvg(name, sizePx));
     return wrap;
 }
-/** Replace a parent's children with a Heroicon. */
 export function setHiIcon(parent, name, sizePx = 16) {
     parent.replaceChildren(hiIcon(name, sizePx));
 }
-/** Inline SVG markup for static HUD templates - survives mount order and dep-cache staleness. */
 export function hiIconHtml(name, sizePx = 16) {
     const body = HERO_ICON_BODIES[name];
     if (body === undefined) {
@@ -83,7 +79,6 @@ export function hiIconHtml(name, sizePx = 16) {
     }
     return `<span class="reticle-hi-icon" aria-hidden="true" style="width:${String(sizePx)}px;height:${String(sizePx)}px"><svg xmlns="${SVG_NS}" viewBox="${HERO_VIEWBOX}" width="${String(sizePx)}" height="${String(sizePx)}" fill="none">${body}</svg></span>`;
 }
-/** Outline + solid pair for toolbar toggles - solid layer shows when the button is active. */
 export function hiToggleIconHtml(name, sizePx = 16) {
     const outline = HERO_ICON_BODIES[name];
     const solid = HERO_ICON_SOLID_BODIES[name];

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

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