@reticlehq/browser 2.0.0

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

@@ -0,0 +1,43 @@
+import { PresenterMode } from '@reticlehq/core';
+/** Activity-log entry kinds (presenter-only UI; never a wire string). */
+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];
+/** Prefix for a human-authored activity row ("🧑 you: <text>"). Presenter-only UI. */
+export declare const HUMAN_ROW_PREFIX = "\uD83E\uDDD1 you: ";
+/** Act-row outcome glyph keys (presenter-only UI). */
+export declare const LOG_RESULT: {
+    readonly PASS: "pass";
+    readonly FAIL: "fail";
+};
+export type LogResult = (typeof LOG_RESULT)[keyof typeof LOG_RESULT];
+/** HUD chip copy keyed by presenter mode (UI text, browser-local — not a wire string). */
+export declare const CHIP_LABEL: Record<PresenterMode, string>;
+export declare const DATA_RETICLE_LOG = "data-reticle-log";
+/** CSS for the log feed (injected with the rest of the presenter stylesheet; vars inherit from the card). */
+export declare const LOG_CSS = "\n[data-reticle-log]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;\n  gap:7px;padding:12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;}\n[data-reticle-log]::-webkit-scrollbar{width:9px;}\n[data-reticle-log]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-log]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box;}\n[data-reticle-log-row]{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.45;\n  animation:reticle-row-in .26s cubic-bezier(.16,1,.3,1);}\n@keyframes reticle-row-in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}\n[data-reticle-log-ts]{flex:none;color:var(--reticle-faint);font-size:10px;font-variant-numeric:tabular-nums;padding-top:1px;}\n[data-reticle-log] .reticle-log-text{flex:1;min-width:0;color:#d6dae4;overflow-wrap:anywhere;word-break:break-word;}\n[data-reticle-log] .reticle-res{flex:none;font-weight:700;}\n[data-reticle-log-row][data-kind=\"human\"]{align-self:flex-end;max-width:88%;\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);border-radius:13px 13px 4px 13px;padding:6px 11px;}\n[data-reticle-log-row][data-kind=\"human\"] [data-reticle-log-ts]{display:none;}\n[data-reticle-log-row][data-kind=\"human\"] .reticle-log-text{color:var(--reticle-fg);}\n";
+/** Handle returned from logRow/Presenter.log so the caller can stamp the outcome glyph later. */
+export interface LogHandle {
+    result(r: LogResult): void;
+}
+/** Clamp a logMax option to a sane positive integer, falling back to the default. */
+export declare function clampLogMax(n: number | undefined): number;
+/**
+ * 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 declare function humanDuration(ms: number): string;
+/** Per-row timestamp: time since the session's first row, human-readable (e.g. "2m", not "+132.4s"). */
+export declare function formatElapsed(ms: number): string;
+/**
+ * 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 declare function appendLogRow(container: HTMLElement, kind: LogKind, text: string, ts: string, logMax: number): LogHandle;
+//# sourceMappingURL=presenter-log.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-log.d.ts","sourceRoot":"","sources":["../../src/presenter/presenter-log.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAShD,yEAAyE;AACzE,eAAO,MAAM,QAAQ;;;;;CAKX,CAAC;AACX,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAE/D,sFAAsF;AACtF,eAAO,MAAM,gBAAgB,uBAAa,CAAC;AAC3C,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;CAA0C,CAAC;AAClE,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAGrE,0FAA0F;AAC1F,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAIpD,CAAC;AAWF,eAAO,MAAM,gBAAgB,qBAAqB,CAAC;AAQnD,6GAA6G;AAC7G,eAAO,MAAM,OAAO,y9CAgBnB,CAAC;AAEF,iGAAiG;AACjG,MAAM,WAAW,SAAS;IACxB,MAAM,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,qFAAqF;AACrF,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGzD;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAOhD;AAED,wGAAwG;AACxG,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEhD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,GACb,SAAS,CAgCX"}

package/dist/presenter/presenter-log.js

@@ -0,0 +1,118 @@
+import { PresenterMode } from '@reticlehq/core';
+// 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. */
+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',
+};
+/** Prefix for a human-authored activity row ("🧑 you: <text>"). Presenter-only UI. */
+export const HUMAN_ROW_PREFIX = '🧑 you: ';
+/** Act-row outcome glyph keys (presenter-only UI). */
+export const LOG_RESULT = { PASS: 'pass', FAIL: 'fail' };
+const LOG_CHIP = { read: 'READ', act: 'ACT', narration: '', human: '' };
+/** 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,
+    narration: PresenterMode.IDLE,
+    human: PresenterMode.IDLE,
+};
+const RESULT_GLYPH = { pass: '✓', 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';
+const DATA_RETICLE_LOG_TS = 'data-reticle-log-ts';
+const DATA_KIND = 'data-kind';
+const LOG_TEXT_CLASS = 'reticle-log-text';
+const LOG_RES_CLASS = 'reticle-res';
+const LOG_CHIP_CLASS = 'reticle-chip';
+/** 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;display:flex;flex-direction:column;
+  gap:7px;padding:12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;}
+[data-reticle-log]::-webkit-scrollbar{width:9px;}
+[data-reticle-log]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}
+[data-reticle-log]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box;}
+[data-reticle-log-row]{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.45;
+  animation:reticle-row-in .26s cubic-bezier(.16,1,.3,1);}
+@keyframes reticle-row-in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
+[data-reticle-log-ts]{flex:none;color:var(--reticle-faint);font-size:10px;font-variant-numeric:tabular-nums;padding-top:1px;}
+[data-reticle-log] .reticle-log-text{flex:1;min-width:0;color:#d6dae4;overflow-wrap:anywhere;word-break:break-word;}
+[data-reticle-log] .reticle-res{flex:none;font-weight:700;}
+[data-reticle-log-row][data-kind="human"]{align-self:flex-end;max-width:88%;
+  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);border-radius:13px 13px 4px 13px;padding:6px 11px;}
+[data-reticle-log-row][data-kind="human"] [data-reticle-log-ts]{display:none;}
+[data-reticle-log-row][data-kind="human"] .reticle-log-text{color:var(--reticle-fg);}
+`;
+/** 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)
+        return `${s}s`;
+    const m = Math.floor(s / 60);
+    if (m < 60)
+        return s % 60 === 0 ? `${m}m` : `${m}m ${s % 60}s`;
+    const h = Math.floor(m / 60);
+    return m % 60 === 0 ? `${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
+    const tsEl = document.createElement('span');
+    tsEl.setAttribute(DATA_RETICLE_LOG_TS, '');
+    tsEl.textContent = ts;
+    const chip = document.createElement('span');
+    chip.className = LOG_CHIP_CLASS;
+    chip.setAttribute('data-mode', LOG_CHIP_MODE[kind]);
+    chip.textContent = LOG_CHIP[kind];
+    const textEl = document.createElement('span');
+    textEl.className = LOG_TEXT_CLASS;
+    textEl.textContent = text;
+    const resEl = document.createElement('span');
+    resEl.className = LOG_RES_CLASS;
+    row.append(tsEl, chip, textEl, resEl);
+    container.appendChild(row);
+    while (container.childElementCount > logMax)
+        container.firstElementChild?.remove();
+    container.scrollTop = container.scrollHeight;
+    return {
+        result: (r) => {
+            resEl.textContent = ` ${RESULT_GLYPH[r]}`;
+            resEl.className = `${LOG_RES_CLASS} ${RESULT_CLASS[r]}`;
+        },
+    };
+}
+//# sourceMappingURL=presenter-log.js.map

package/dist/presenter/presenter-log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-log.js","sourceRoot":"","sources":["../../src/presenter/presenter-log.ts"],"names":[],"mappings":"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"}

package/dist/presenter/presenter-run-state.d.ts

@@ -0,0 +1,48 @@
+import { SessionState } from '@reticlehq/core';
+import { type LogKind, type LogResult } from './presenter-log.js';
+import { type Capabilities } from '../registry/capabilities.js';
+/** The in-page run-state export (Copy/Export buttons). The full event ring-buffer is server-side. */
+export interface PresenterRunState {
+    session: string;
+    url: string;
+    state: SessionState;
+    startedMs: number;
+    durationMs: number;
+    counts: {
+        reads: number;
+        acts: number;
+        narrations: number;
+        human: number;
+        passes: number;
+        fails: number;
+    };
+    capabilities: Capabilities;
+    log: {
+        at: number;
+        kind: LogKind;
+        text: string;
+        result?: LogResult;
+    }[];
+}
+/** Everything the controller hands the builder — the live fields a run state is computed from. */
+interface RunStateInput {
+    sessionId: string;
+    state: SessionState;
+    startMs: number | undefined;
+    endMs: number | undefined;
+    now: number;
+    runLog: {
+        at: number;
+        kind: LogKind;
+        text: string;
+        result?: LogResult;
+    }[];
+}
+/**
+ * Compute the exported run-state from the controller's live fields: per-kind + pass/fail counts over
+ * the activity log, the session duration, and the current capability surface. Extracted from
+ * presenter.ts so the controller stays under the size cap; the counting is the same as before.
+ */
+export declare function buildRunState(input: RunStateInput): PresenterRunState;
+export {};
+//# sourceMappingURL=presenter-run-state.d.ts.map

package/dist/presenter/presenter-run-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-run-state.d.ts","sourceRoot":"","sources":["../../src/presenter/presenter-run-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAwB,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAmB,KAAK,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAEjF,qGAAqG;AACrG,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,YAAY,EAAE,YAAY,CAAC;IAC3B,GAAG,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;CACxE;AAED,kGAAkG;AAClG,UAAU,aAAa;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,YAAY,CAAC;IACpB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;CAC3E;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,iBAAiB,CAqBrE"}

package/dist/presenter/presenter-run-state.js

@@ -0,0 +1,37 @@
+import { SessionState } from '@reticlehq/core';
+import { LOG_KIND, LOG_RESULT } from './presenter-log.js';
+import { getCapabilities } from '../registry/capabilities.js';
+/**
+ * Compute the exported run-state from the controller's live fields: per-kind + pass/fail counts over
+ * the activity log, the session duration, and the current capability surface. Extracted from
+ * presenter.ts so the controller stays under the size cap; the counting is the same as before.
+ */
+export function buildRunState(input) {
+    const start = input.startMs ?? input.now;
+    const counts = { reads: 0, acts: 0, narrations: 0, human: 0, passes: 0, fails: 0 };
+    for (const e of input.runLog) {
+        if (e.kind === LOG_KIND.READ)
+            counts.reads += 1;
+        else if (e.kind === LOG_KIND.ACT)
+            counts.acts += 1;
+        else if (e.kind === LOG_KIND.NARRATION)
+            counts.narrations += 1;
+        else if (e.kind === LOG_KIND.HUMAN)
+            counts.human += 1;
+        if (e.result === LOG_RESULT.PASS)
+            counts.passes += 1;
+        else if (e.result === LOG_RESULT.FAIL)
+            counts.fails += 1;
+    }
+    return {
+        session: input.sessionId,
+        url: typeof location === 'undefined' ? '' : location.href,
+        state: input.state,
+        startedMs: start,
+        durationMs: Math.max(0, (input.endMs ?? input.now) - start),
+        counts,
+        capabilities: getCapabilities(),
+        log: input.runLog.map((e) => ({ ...e })),
+    };
+}
+//# sourceMappingURL=presenter-run-state.js.map

package/dist/presenter/presenter-run-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-run-state.js","sourceRoot":"","sources":["../../src/presenter/presenter-run-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAgC,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAqB,MAAM,6BAA6B,CAAC;AA+BjF;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,KAAoB;IAChD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,CAAC;IACzC,MAAM,MAAM,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IACnF,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI;YAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;aAC3C,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,GAAG;YAAE,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC;aAC9C,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS;YAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC;aAC1D,IAAI,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK;YAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;QACtD,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,IAAI;YAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;aAChD,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,IAAI;YAAE,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,GAAG,EAAE,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI;QACzD,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC3D,MAAM;QACN,YAAY,EAAE,eAAe,EAAE;QAC/B,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;KACzC,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * All presenter overlay CSS — the glow border, synthetic cursor/ring/ripple, and the glassy HUD.
+ * Split out of presenter.ts so that file stays a cohesive controller under the size cap; this is
+ * pure style data (no behavior). LOG_CSS + CONTROLS_CSS are composed in at the end as before.
+ */
+export declare const PRESENTER_CSS = "\n@import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500&family=Inter:wght@400;450;500;600&display=swap\");\n[data-reticle-glow]{position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;\n  transition:opacity .25s ease;box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 28px 6px rgba(99,102,241,.45);}\n[data-reticle-glow][data-on=\"1\"]{opacity:1;animation:reticle-pulse 1.6s ease-in-out infinite;}\n[data-reticle-glow][data-on=\"1\"][data-busy=\"1\"]{animation:reticle-shimmer 1.1s ease-in-out infinite;}\n@keyframes reticle-pulse{0%,100%{box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 22px 4px rgba(99,102,241,.35)}\n  50%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 40px 10px rgba(99,102,241,.6)}}\n@keyframes reticle-shimmer{0%,100%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 34px 8px rgba(99,102,241,.55)}\n  50%{box-shadow:inset 0 0 0 3px rgba(140,142,255,1),inset 0 0 48px 12px rgba(99,102,241,.7)}}\n[data-reticle-cursor]{position:fixed;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;\n  border:2px solid #6366f1;border-radius:50%;background:rgba(99,102,241,.25);pointer-events:none;\n  z-index:2147483646;opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;}\n[data-reticle-cursor][data-on=\"1\"]{opacity:1;}\n[data-reticle-cursor]::after{content:\"\";position:absolute;inset:7px;border-radius:50%;background:#6366f1;}\n[data-reticle-ripple]{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;\n  background:rgba(99,102,241,.5);pointer-events:none;z-index:2147483645;animation:reticle-ripple .5s ease-out forwards;}\n@keyframes reticle-ripple{from{transform:scale(.4);opacity:.8}to{transform:scale(5);opacity:0}}\n[data-reticle-ring]{position:fixed;pointer-events:none;z-index:2147483644;border:2px solid #22c55e;border-radius:8px;\n  box-shadow:0 0 0 3px rgba(34,197,94,.25);opacity:0;transition:opacity .15s ease;}\n[data-reticle-ring][data-on=\"1\"]{opacity:1;}\n[data-reticle-hud]{\n  --reticle-accent:#7c83ff;--reticle-accent-soft:rgba(124,131,255,.16);\n  --reticle-bg:rgba(13,15,22,.80);--reticle-bg2:rgba(19,22,32,.74);\n  --reticle-fg:#e9ebf2;--reticle-muted:#9aa0b2;--reticle-faint:#6a7186;\n  --reticle-line:rgba(255,255,255,.09);--reticle-line2:rgba(255,255,255,.05);\n  --reticle-read:#54d2e6;--reticle-ok:#3dd7a6;--reticle-bad:#ff7a7a;\n  --reticle-font:\"Inter\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  --reticle-serif:\"IBM Plex Serif\",Georgia,\"Times New Roman\",serif;\n  position:fixed;left:50%;right:auto;bottom:20px;box-sizing:border-box;\n  width:384px;height:468px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);\n  display:flex;flex-direction:column;overflow:hidden;text-align:left;z-index:2147483647;pointer-events:none;\n  font-family:var(--reticle-font);font-size:13px;line-height:1.5;color:var(--reticle-fg);-webkit-font-smoothing:antialiased;\n  background:linear-gradient(180deg,var(--reticle-bg),var(--reticle-bg2));\n  -webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);\n  border:1px solid var(--reticle-line);border-radius:20px;\n  box-shadow:0 28px 70px -18px rgba(0,0,0,.66),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),0 0 54px -22px var(--reticle-accent);\n  opacity:0;transform:translateX(-50%) translateY(14px) scale(.985);\n  transition:opacity .3s ease,transform .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),border-radius .42s ease,box-shadow .35s ease;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-hud]{--reticle-accent:#f6b44c;--reticle-accent-soft:rgba(246,180,76,.16);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud]{--reticle-accent:#3dd7a6;--reticle-accent-soft:rgba(61,215,166,.14);}\n[data-reticle-hud]::before{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:radial-gradient(130% 90% at 50% 0%,var(--reticle-accent-soft),transparent 60%);}\n[data-reticle-hud]>*{position:relative;}\n[data-reticle-hud][data-on=\"1\"]{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}\n/* Click-through: the glassy panel itself never blocks the app \u2014 only its interactive controls\n   capture clicks (buttons / inputs), so a human can click straight through the HUD to the page.\n   The log auto-scrolls, so it stays click-through too (drag-scroll is traded for click-through). */\n[data-reticle-hud] button,[data-reticle-hud] input,[data-reticle-hud] textarea,\n[data-reticle-hud] select,[data-reticle-hud] [contenteditable]{pointer-events:auto;}\n/* When minimised to a pill, the whole bar is the (single) click target to restore. */\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud][data-on=\"1\"]{pointer-events:auto;}\n[data-reticle-hud] .reticle-hud-head{display:flex;align-items:center;gap:8px;flex:none;\n  padding:12px 12px 12px 15px;border-bottom:1px solid var(--reticle-line2);}\n[data-reticle-hud] .reticle-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--reticle-accent);\n  animation:reticle-breathe 2.6s ease-in-out infinite;}\n@keyframes reticle-breathe{0%,100%{box-shadow:0 0 0 0 var(--reticle-accent),0 0 7px 1px var(--reticle-accent);opacity:.85}\n  50%{box-shadow:0 0 0 4px var(--reticle-accent-soft),0 0 15px 3px var(--reticle-accent);opacity:1}}\n[data-reticle-hud] .reticle-brand{font-family:var(--reticle-serif);font-weight:500;font-size:15px;letter-spacing:.01em;color:var(--reticle-fg);}\n[data-reticle-hud] .reticle-head-sp{flex:1;}\n[data-reticle-hud] .reticle-live{display:none;flex:1;min-width:0;color:var(--reticle-muted);font-size:12.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] .reticle-maxhint{display:none;flex:none;color:var(--reticle-faint);font-size:13px;line-height:1;}\n[data-reticle-hud] .reticle-act-strip{flex:none;padding:7px 15px;border-bottom:1px solid var(--reticle-line2);background:rgba(0,0,0,.14);}\n[data-reticle-hud] .reticle-act{display:block;color:var(--reticle-muted);font-size:11.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] [data-reticle-min-btn]{flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-size:15px;line-height:1;transition:background .15s,color .15s,transform .1s;}\n[data-reticle-hud] [data-reticle-min-btn]:hover{color:var(--reticle-fg);background:rgba(255,255,255,.08);}\n[data-reticle-hud] [data-reticle-min-btn]:active{transform:scale(.94);}\n[data-reticle-hud] .reticle-pass{color:var(--reticle-ok);}[data-reticle-hud] .reticle-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;\n  font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;}\n[data-reticle-hud] .reticle-tally[hidden]{display:none;}\n[data-reticle-hud] .reticle-tally .reticle-t-pass{color:var(--reticle-ok);}\n[data-reticle-hud] .reticle-tally .reticle-t-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally [data-z=\"1\"]{opacity:.4;}\n@keyframes reticle-tally-pop{0%{transform:scale(1)}38%{transform:scale(1.3)}100%{transform:scale(1)}}\n[data-reticle-hud] .reticle-tally [data-bump=\"1\"]{display:inline-block;animation:reticle-tally-pop .36s cubic-bezier(.16,1,.3,1);}\n[data-reticle-hud] .reticle-chip{display:none;flex:none;font-size:9px;font-weight:600;letter-spacing:.08em;\n  padding:2px 7px;border-radius:6px;vertical-align:middle;}\n[data-reticle-hud] .reticle-chip[data-mode=\"reading\"]{display:inline-block;color:var(--reticle-read);\n  background:rgba(84,210,230,.12);border:1px solid rgba(84,210,230,.32);}\n[data-reticle-hud] .reticle-chip[data-mode=\"acting\"]{display:inline-block;color:var(--reticle-accent);\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);}\n[data-reticle-hud] .reticle-chip[data-mode=\"idle\"]{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud]{height:50px;border-radius:25px;cursor:pointer;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-hud-head{border-bottom:none;height:50px;padding:0 12px 0 16px;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-brand,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-chip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-head-sp,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-min-btn],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-ctl,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-badge,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-act-strip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-log],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-foot],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-banner{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-live{display:block;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-maxhint{display:inline-flex;}\n[data-reticle-mode=\"reading\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(34,211,238,.9),inset 0 0 28px 6px rgba(34,211,238,.4);}\n[data-reticle-mode=\"reading\"] [data-reticle-ring]{border-color:#22d3ee;\n  box-shadow:0 0 0 3px rgba(34,211,238,.25);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(251,191,36,.9),inset 0 0 28px 6px rgba(251,191,36,.45);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-hud]{--reticle-accent:#fbbf24;--reticle-accent-soft:rgba(251,191,36,.16);}\n\n[data-reticle-log]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;\n  gap:7px;padding:12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;}\n[data-reticle-log]::-webkit-scrollbar{width:9px;}\n[data-reticle-log]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-log]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box;}\n[data-reticle-log-row]{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.45;\n  animation:reticle-row-in .26s cubic-bezier(.16,1,.3,1);}\n@keyframes reticle-row-in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}\n[data-reticle-log-ts]{flex:none;color:var(--reticle-faint);font-size:10px;font-variant-numeric:tabular-nums;padding-top:1px;}\n[data-reticle-log] .reticle-log-text{flex:1;min-width:0;color:#d6dae4;overflow-wrap:anywhere;word-break:break-word;}\n[data-reticle-log] .reticle-res{flex:none;font-weight:700;}\n[data-reticle-log-row][data-kind=\"human\"]{align-self:flex-end;max-width:88%;\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);border-radius:13px 13px 4px 13px;padding:6px 11px;}\n[data-reticle-log-row][data-kind=\"human\"] [data-reticle-log-ts]{display:none;}\n[data-reticle-log-row][data-kind=\"human\"] .reticle-log-text{color:var(--reticle-fg);}\n\n\n[data-reticle-hud] .reticle-ctl{pointer-events:auto;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;\n  height:26px;padding:0 11px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-family:var(--reticle-font);font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1;\n  transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-ctl:hover{color:var(--reticle-fg);background:rgba(255,255,255,.09);}\n[data-reticle-hud] .reticle-ctl:active{transform:scale(.95);}\n[data-reticle-hud] .reticle-ctl:disabled{opacity:.35;cursor:default;}\n[data-reticle-hud] [data-reticle-end]{color:#ff9aa2;border-color:rgba(255,107,107,.22);}\n[data-reticle-hud] [data-reticle-end]:hover{color:#ff7a7a;border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.1);}\n[data-reticle-hud] .reticle-badge{display:none;align-items:center;flex:none;font-weight:600;letter-spacing:.1em;font-size:9px;\n  color:var(--reticle-accent);border:1px solid var(--reticle-accent);background:var(--reticle-accent-soft);padding:2px 8px;border-radius:999px;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-badge]{display:inline-flex;}\n[data-reticle-hud] [data-reticle-foot]{flex:none;padding:10px 12px 12px;border-top:1px solid var(--reticle-line2);background:rgba(0,0,0,.16);}\n[data-reticle-hud] .reticle-composer{display:flex;align-items:flex-end;gap:6px;background:rgba(255,255,255,.05);\n  border:1px solid var(--reticle-line);border-radius:14px;padding:5px 6px 5px 14px;transition:border-color .15s,box-shadow .15s;}\n[data-reticle-hud] .reticle-composer:focus-within{border-color:var(--reticle-accent);box-shadow:0 0 0 3px var(--reticle-accent-soft);}\n[data-reticle-hud] .reticle-msg{flex:1;min-width:0;pointer-events:auto;background:transparent;border:none;outline:none;resize:none;\n  color:var(--reticle-fg);font-family:var(--reticle-font);font-size:13px;line-height:18px;height:18px;min-height:18px;max-height:96px;\n  padding:5px 0;overflow-y:auto;}\n[data-reticle-hud] .reticle-msg::placeholder{color:var(--reticle-faint);}\n[data-reticle-hud] .reticle-msg:disabled{opacity:.5;}\n[data-reticle-hud] .reticle-send{flex:none;width:30px;height:30px;padding:0;border-radius:10px;border:none;cursor:pointer;pointer-events:auto;\n  background:var(--reticle-accent);color:#0b0d14;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;}\n[data-reticle-hud] .reticle-send svg{display:block;}\n[data-reticle-hud] .reticle-send:hover{filter:brightness(1.12);}\n[data-reticle-hud] .reticle-send:active{transform:scale(.9);}\n[data-reticle-hud] .reticle-send:disabled{opacity:.4;cursor:default;}\n[data-reticle-hud] .reticle-banner{display:none;flex:none;padding:8px 15px;color:var(--reticle-accent);\n  font-size:11.5px;font-weight:500;border-bottom:1px solid var(--reticle-line2);background:var(--reticle-accent-soft);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-banner]{display:block;}\n/* Export row: hidden during a live session; revealed when ended so the run can be copied/saved. */\n[data-reticle-hud] .reticle-export{display:none;align-items:center;gap:8px;margin-top:9px;}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud] .reticle-export{display:flex;}\n[data-reticle-hud] .reticle-export-msg{color:var(--reticle-ok);font-size:11px;opacity:0;transition:opacity .15s;}\n[data-reticle-hud] .reticle-export-msg[data-show=\"1\"]{opacity:1;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 3px rgba(246,180,76,.9),inset 0 0 30px 6px rgba(246,180,76,.4);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(61,215,166,.55);}\n/* Handoff tones tell the human the agent's mode at a glance. waiting = calm teal \"your turn\" (no\n   alarm); ask = amber \"answer me\" with a pulse; warn = amber \"agent crashed\" with a pulse. Each leads\n   the banner with an icon and overrides the calm ended-green accent. */\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-hud]{--reticle-accent:#38bdf8;--reticle-accent-soft:rgba(56,189,248,.16);}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]{font-weight:600;color:#7dd3fc;}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]::before{content:\"\\270B  \";}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(56,189,248,.5);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-hud],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-hud]{--reticle-accent:#fb923c;--reticle-accent-soft:rgba(251,146,60,.18);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]{font-weight:600;color:#fdba74;}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner]::before{content:\"\\2753  \";}\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]::before{content:\"\\26A0\\FE0F  \";}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-glow][data-on=\"1\"],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-glow][data-on=\"1\"]{animation:reticle-warn-pulse 1.5s ease-in-out infinite;\n  box-shadow:inset 0 0 0 2px rgba(251,146,60,.7);}\n@keyframes reticle-warn-pulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(251,146,60,.32);}\n  50%{box-shadow:inset 0 0 0 3px rgba(251,146,60,.85),inset 0 0 26px 5px rgba(251,146,60,.34);}}\n/* Replay-a-flow row: the human re-runs a saved flow with no agent. Hidden until flows are pushed.\n   Bounded + self-scrolling: it sits between the flex:1 log and the flex:none composer, so without a\n   height cap a long flow list would squeeze the log to nothing and push the message input past the\n   panel's overflow:hidden clip. flex:none + max-height + overflow-y keep the log and input always\n   visible; extra flow chips scroll inside this section instead of growing the panel. */\n[data-reticle-hud] .reticle-flows{display:none;flex:none;flex-wrap:wrap;align-content:flex-start;gap:6px;\n  padding:9px 12px;border-top:1px solid var(--reticle-line2);max-height:88px;overflow-y:auto;overscroll-behavior:contain;}\n[data-reticle-hud] .reticle-flows[data-has=\"1\"]{display:flex;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar{width:9px;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-hud] .reticle-flows-cap{flex:0 0 100%;margin-bottom:1px;color:var(--reticle-faint);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;}\n[data-reticle-hud] .reticle-flow{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;\n  border-radius:7px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);color:var(--reticle-muted);\n  font-family:var(--reticle-font);font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-flow:hover{color:var(--reticle-fg);background:var(--reticle-accent-soft);border-color:var(--reticle-accent);}\n[data-reticle-hud] .reticle-flow:active{transform:scale(.95);}\n";
+//# sourceMappingURL=presenter-styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-styles.d.ts","sourceRoot":"","sources":["../../src/presenter/presenter-styles.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,aAAa,4ylBA6GV,CAAC"}

package/dist/presenter/presenter-styles.js

@@ -0,0 +1,118 @@
+import { LOG_CSS } from './presenter-log.js';
+import { CONTROLS_CSS } from './presenter-controls.js';
+/**
+ * All presenter overlay CSS — the glow border, synthetic cursor/ring/ripple, and the glassy HUD.
+ * Split out of presenter.ts so that file stays a cohesive controller under the size cap; this is
+ * pure style data (no behavior). LOG_CSS + CONTROLS_CSS are composed in at the end as before.
+ */
+export const PRESENTER_CSS = `
+@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;500&family=Inter:wght@400;450;500;600&display=swap");
+[data-reticle-glow]{position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;
+  transition:opacity .25s ease;box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 28px 6px rgba(99,102,241,.45);}
+[data-reticle-glow][data-on="1"]{opacity:1;animation:reticle-pulse 1.6s ease-in-out infinite;}
+[data-reticle-glow][data-on="1"][data-busy="1"]{animation:reticle-shimmer 1.1s ease-in-out infinite;}
+@keyframes reticle-pulse{0%,100%{box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 22px 4px rgba(99,102,241,.35)}
+  50%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 40px 10px rgba(99,102,241,.6)}}
+@keyframes reticle-shimmer{0%,100%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 34px 8px rgba(99,102,241,.55)}
+  50%{box-shadow:inset 0 0 0 3px rgba(140,142,255,1),inset 0 0 48px 12px rgba(99,102,241,.7)}}
+[data-reticle-cursor]{position:fixed;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;
+  border:2px solid #6366f1;border-radius:50%;background:rgba(99,102,241,.25);pointer-events:none;
+  z-index:2147483646;opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;}
+[data-reticle-cursor][data-on="1"]{opacity:1;}
+[data-reticle-cursor]::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#6366f1;}
+[data-reticle-ripple]{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
+  background:rgba(99,102,241,.5);pointer-events:none;z-index:2147483645;animation:reticle-ripple .5s ease-out forwards;}
+@keyframes reticle-ripple{from{transform:scale(.4);opacity:.8}to{transform:scale(5);opacity:0}}
+[data-reticle-ring]{position:fixed;pointer-events:none;z-index:2147483644;border:2px solid #22c55e;border-radius:8px;
+  box-shadow:0 0 0 3px rgba(34,197,94,.25);opacity:0;transition:opacity .15s ease;}
+[data-reticle-ring][data-on="1"]{opacity:1;}
+[data-reticle-hud]{
+  --reticle-accent:#7c83ff;--reticle-accent-soft:rgba(124,131,255,.16);
+  --reticle-bg:rgba(13,15,22,.80);--reticle-bg2:rgba(19,22,32,.74);
+  --reticle-fg:#e9ebf2;--reticle-muted:#9aa0b2;--reticle-faint:#6a7186;
+  --reticle-line:rgba(255,255,255,.09);--reticle-line2:rgba(255,255,255,.05);
+  --reticle-read:#54d2e6;--reticle-ok:#3dd7a6;--reticle-bad:#ff7a7a;
+  --reticle-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
+  --reticle-serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;
+  position:fixed;left:50%;right:auto;bottom:20px;box-sizing:border-box;
+  width:384px;height:468px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);
+  display:flex;flex-direction:column;overflow:hidden;text-align:left;z-index:2147483647;pointer-events:none;
+  font-family:var(--reticle-font);font-size:13px;line-height:1.5;color:var(--reticle-fg);-webkit-font-smoothing:antialiased;
+  background:linear-gradient(180deg,var(--reticle-bg),var(--reticle-bg2));
+  -webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);
+  border:1px solid var(--reticle-line);border-radius:20px;
+  box-shadow:0 28px 70px -18px rgba(0,0,0,.66),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),0 0 54px -22px var(--reticle-accent);
+  opacity:0;transform:translateX(-50%) translateY(14px) scale(.985);
+  transition:opacity .3s ease,transform .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),border-radius .42s ease,box-shadow .35s ease;}
+[data-reticle-overlay][data-reticle-state="paused"] [data-reticle-hud]{--reticle-accent:#f6b44c;--reticle-accent-soft:rgba(246,180,76,.16);}
+[data-reticle-overlay][data-reticle-state="ended"] [data-reticle-hud]{--reticle-accent:#3dd7a6;--reticle-accent-soft:rgba(61,215,166,.14);}
+[data-reticle-hud]::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
+  background:radial-gradient(130% 90% at 50% 0%,var(--reticle-accent-soft),transparent 60%);}
+[data-reticle-hud]>*{position:relative;}
+[data-reticle-hud][data-on="1"]{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}
+/* Click-through: the glassy panel itself never blocks the app — only its interactive controls
+   capture clicks (buttons / inputs), so a human can click straight through the HUD to the page.
+   The log auto-scrolls, so it stays click-through too (drag-scroll is traded for click-through). */
+[data-reticle-hud] button,[data-reticle-hud] input,[data-reticle-hud] textarea,
+[data-reticle-hud] select,[data-reticle-hud] [contenteditable]{pointer-events:auto;}
+/* When minimised to a pill, the whole bar is the (single) click target to restore. */
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud][data-on="1"]{pointer-events:auto;}
+[data-reticle-hud] .reticle-hud-head{display:flex;align-items:center;gap:8px;flex:none;
+  padding:12px 12px 12px 15px;border-bottom:1px solid var(--reticle-line2);}
+[data-reticle-hud] .reticle-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--reticle-accent);
+  animation:reticle-breathe 2.6s ease-in-out infinite;}
+@keyframes reticle-breathe{0%,100%{box-shadow:0 0 0 0 var(--reticle-accent),0 0 7px 1px var(--reticle-accent);opacity:.85}
+  50%{box-shadow:0 0 0 4px var(--reticle-accent-soft),0 0 15px 3px var(--reticle-accent);opacity:1}}
+[data-reticle-hud] .reticle-brand{font-family:var(--reticle-serif);font-weight:500;font-size:15px;letter-spacing:.01em;color:var(--reticle-fg);}
+[data-reticle-hud] .reticle-head-sp{flex:1;}
+[data-reticle-hud] .reticle-live{display:none;flex:1;min-width:0;color:var(--reticle-muted);font-size:12.5px;
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+[data-reticle-hud] .reticle-maxhint{display:none;flex:none;color:var(--reticle-faint);font-size:13px;line-height:1;}
+[data-reticle-hud] .reticle-act-strip{flex:none;padding:7px 15px;border-bottom:1px solid var(--reticle-line2);background:rgba(0,0,0,.14);}
+[data-reticle-hud] .reticle-act{display:block;color:var(--reticle-muted);font-size:11.5px;
+  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+[data-reticle-hud] [data-reticle-min-btn]{flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
+  width:26px;height:26px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);
+  color:var(--reticle-muted);font-size:15px;line-height:1;transition:background .15s,color .15s,transform .1s;}
+[data-reticle-hud] [data-reticle-min-btn]:hover{color:var(--reticle-fg);background:rgba(255,255,255,.08);}
+[data-reticle-hud] [data-reticle-min-btn]:active{transform:scale(.94);}
+[data-reticle-hud] .reticle-pass{color:var(--reticle-ok);}[data-reticle-hud] .reticle-fail{color:var(--reticle-bad);}
+[data-reticle-hud] .reticle-tally{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;
+  font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;}
+[data-reticle-hud] .reticle-tally[hidden]{display:none;}
+[data-reticle-hud] .reticle-tally .reticle-t-pass{color:var(--reticle-ok);}
+[data-reticle-hud] .reticle-tally .reticle-t-fail{color:var(--reticle-bad);}
+[data-reticle-hud] .reticle-tally [data-z="1"]{opacity:.4;}
+@keyframes reticle-tally-pop{0%{transform:scale(1)}38%{transform:scale(1.3)}100%{transform:scale(1)}}
+[data-reticle-hud] .reticle-tally [data-bump="1"]{display:inline-block;animation:reticle-tally-pop .36s cubic-bezier(.16,1,.3,1);}
+[data-reticle-hud] .reticle-chip{display:none;flex:none;font-size:9px;font-weight:600;letter-spacing:.08em;
+  padding:2px 7px;border-radius:6px;vertical-align:middle;}
+[data-reticle-hud] .reticle-chip[data-mode="reading"]{display:inline-block;color:var(--reticle-read);
+  background:rgba(84,210,230,.12);border:1px solid rgba(84,210,230,.32);}
+[data-reticle-hud] .reticle-chip[data-mode="acting"]{display:inline-block;color:var(--reticle-accent);
+  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);}
+[data-reticle-hud] .reticle-chip[data-mode="idle"]{display:none;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud]{height:50px;border-radius:25px;cursor:pointer;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-hud-head{border-bottom:none;height:50px;padding:0 12px 0 16px;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-brand,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-chip,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-head-sp,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-min-btn],
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-ctl,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-badge,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-act-strip,
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-log],
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-foot],
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-banner{display:none;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-live{display:block;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-maxhint{display:inline-flex;}
+[data-reticle-mode="reading"] [data-reticle-glow][data-on="1"]{
+  box-shadow:inset 0 0 0 3px rgba(34,211,238,.9),inset 0 0 28px 6px rgba(34,211,238,.4);}
+[data-reticle-mode="reading"] [data-reticle-ring]{border-color:#22d3ee;
+  box-shadow:0 0 0 3px rgba(34,211,238,.25);}
+[data-reticle-overlay][data-reticle-throttled="1"] [data-reticle-glow][data-on="1"]{
+  box-shadow:inset 0 0 0 3px rgba(251,191,36,.9),inset 0 0 28px 6px rgba(251,191,36,.45);}
+[data-reticle-overlay][data-reticle-throttled="1"] [data-reticle-hud]{--reticle-accent:#fbbf24;--reticle-accent-soft:rgba(251,191,36,.16);}
+${LOG_CSS}
+${CONTROLS_CSS}`;
+//# sourceMappingURL=presenter-styles.js.map

package/dist/presenter/presenter-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-styles.js","sourceRoot":"","sources":["../../src/presenter/presenter-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4G3B,OAAO;EACP,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import { type LogResult } from './presenter-log.js';
+/** 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;
+/**
+ * Paint the live verdict tally (✓N ✗M) into the header element from the run log. Hidden until the
+ * first verdict lands; the side that just GREW gets a one-shot pop so the human FEELS the green (or
+ * red) arrive — the score they watch climb as the agent verifies. Returns the new counts so the
+ * caller tracks what grew for the next paint. Split out of presenter.ts to keep the controller lean.
+ */
+export declare function renderTally(el: HTMLElement | undefined, runLog: {
+    result?: LogResult;
+}[], prev: TallyCounts): TallyCounts;
+//# sourceMappingURL=presenter-tally.d.ts.map

package/dist/presenter/presenter-tally.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-tally.d.ts","sourceRoot":"","sources":["../../src/presenter/presenter-tally.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEhE,gGAAgG;AAChG,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,MAAM,EAAE;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,EAAE,GAAG,WAAW,CAQ3E;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CACzB,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE;IAAE,MAAM,CAAC,EAAE,SAAS,CAAA;CAAE,EAAE,EAChC,IAAI,EAAE,WAAW,GAChB,WAAW,CAgBb"}

package/dist/presenter/presenter-tally.js

@@ -0,0 +1,38 @@
+import { LOG_RESULT } from './presenter-log.js';
+/** Count pass/fail verdicts across the run log. Pure — no DOM, unit-testable. */
+export function countVerdicts(runLog) {
+    let passes = 0;
+    let fails = 0;
+    for (const e of runLog) {
+        if (e.result === LOG_RESULT.PASS)
+            passes += 1;
+        else if (e.result === LOG_RESULT.FAIL)
+            fails += 1;
+    }
+    return { passes, fails };
+}
+/**
+ * Paint the live verdict tally (✓N ✗M) into the header element from the run log. Hidden until the
+ * first verdict lands; the side that just GREW gets a one-shot pop so the human FEELS the green (or
+ * red) arrive — the score they watch climb as the agent verifies. Returns the new counts so the
+ * caller tracks what grew for the next paint. Split out of presenter.ts to keep the controller lean.
+ */
+export function renderTally(el, runLog, prev) {
+    const next = countVerdicts(runLog);
+    if (el === undefined)
+        return next;
+    if (next.passes === 0 && next.fails === 0) {
+        el.setAttribute('hidden', '');
+        return next;
+    }
+    const bumpPass = next.passes > prev.passes ? ' data-bump="1"' : '';
+    const bumpFail = next.fails > prev.fails ? ' data-bump="1"' : '';
+    const dimP = next.passes === 0 ? ' data-z="1"' : '';
+    const dimF = next.fails === 0 ? ' data-z="1"' : '';
+    el.removeAttribute('hidden');
+    el.innerHTML =
+        `<span class="reticle-t-pass"${dimP}${bumpPass}>✓ ${String(next.passes)}</span>` +
+            `<span class="reticle-t-fail"${dimF}${bumpFail}>✗ ${String(next.fails)}</span>`;
+    return next;
+}
+//# sourceMappingURL=presenter-tally.js.map

package/dist/presenter/presenter-tally.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-tally.js","sourceRoot":"","sources":["../../src/presenter/presenter-tally.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,oBAAoB,CAAC;AAQhE,iFAAiF;AACjF,MAAM,UAAU,aAAa,CAAC,MAAgC;IAC5D,IAAI,MAAM,GAAG,CAAC,CAAC;IACf,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,IAAI;YAAE,MAAM,IAAI,CAAC,CAAC;aACzC,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,IAAI;YAAE,KAAK,IAAI,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AAC3B,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,WAAW,CACzB,EAA2B,EAC3B,MAAgC,EAChC,IAAiB;IAEjB,MAAM,IAAI,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAClC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;QAC1C,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACpD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,EAAE,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC7B,EAAE,CAAC,SAAS;QACV,+BAA+B,IAAI,GAAG,QAAQ,MAAM,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS;YAChF,+BAA+B,IAAI,GAAG,QAAQ,MAAM,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAClF,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function actionVerb(action: string): string;
+//# sourceMappingURL=presenter-verbs.d.ts.map

package/dist/presenter/presenter-verbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-verbs.d.ts","sourceRoot":"","sources":["../../src/presenter/presenter-verbs.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAwBjD"}

package/dist/presenter/presenter-verbs.js

@@ -0,0 +1,29 @@
+// 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.
+export function actionVerb(action) {
+    switch (action) {
+        case 'click':
+        case 'dblclick':
+            return 'Clicking';
+        case 'fill':
+        case 'type':
+            return 'Typing into';
+        case 'hover':
+            return 'Hovering';
+        case 'select':
+            return 'Selecting';
+        case 'submit':
+            return 'Submitting';
+        case 'check':
+        case 'uncheck':
+            return 'Toggling';
+        case 'upload':
+            return 'Uploading to';
+        case 'drag':
+            return 'Dragging';
+        default:
+            return action;
+    }
+}
+//# sourceMappingURL=presenter-verbs.js.map

package/dist/presenter/presenter-verbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presenter-verbs.js","sourceRoot":"","sources":["../../src/presenter/presenter-verbs.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,+FAA+F;AAC/F,6CAA6C;AAC7C,MAAM,UAAU,UAAU,CAAC,MAAc;IACvC,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,OAAO,CAAC;QACb,KAAK,UAAU;YACb,OAAO,UAAU,CAAC;QACpB,KAAK,MAAM,CAAC;QACZ,KAAK,MAAM;YACT,OAAO,aAAa,CAAC;QACvB,KAAK,OAAO;YACV,OAAO,UAAU,CAAC;QACpB,KAAK,QAAQ;YACX,OAAO,WAAW,CAAC;QACrB,KAAK,QAAQ;YACX,OAAO,YAAY,CAAC;QACtB,KAAK,OAAO,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,UAAU,CAAC;QACpB,KAAK,QAAQ;YACX,OAAO,cAAc,CAAC;QACxB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC;QACpB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC"}