@reticlehq/browser 3.6.0 → 3.7.0

package/dist/presenter/presenter.js

@@ -1,11 +1,13 @@
 import { ActionType, HudCorner, HudVisibility, HumanControlKind, ReticleCommand, PresenterMode, SessionState, isPresenterTone, isSessionState, } from '@reticlehq/core';
 import { refs } from '../dom/addressing/refs.js';
-import { unreachableStripText } from '../transport/unreachable-message.js';
+import { UNREACHABLE_HEADLINE, unreachableMessage } from '../transport/unreachable-message.js';
 import { actionVerb } from './chrome/presenter-verbs.js';
 import { nativeSetTimeout, nativeClearTimeout, nativeNow } from '../timers/native/native-timers.js';
-import { LOG_KIND, CHIP_LABEL, DATA_RETICLE_LOG, clampLogMax, formatElapsed, humanDuration, appendLogRow, clearLogRows, trimLogRows, } from './chrome/presenter-log.js';
+import { LOG_KIND, CHIP_LABEL, LOG_ACTOR, DATA_RETICLE_LOG, clampLogMax, formatElapsed, humanDuration, appendLogRow, clearLogRows, trimLogRows, } from './chrome/presenter-log.js';
 import { PRESENTER_CSS } from './presenter-styles.js';
 import { HudShell } from './presenter-shell.js';
+import { HARNESS_LOG_ATTR, harnessGateIn } from './presenter-harness-row.js';
+import { platformDetails } from './presenter-account.js';
 import { parseImpactSnapshot } from './chrome/presenter-report-copy.js';
 import { scheduleSyncDockLayout } from './presenter-dock-layout.js';
 import { applyHudPosition, clampHudPosition, hudLayoutBox, resetHudDockPosition, } from './presenter-hud-position.js';
@@ -15,12 +17,12 @@ import { moveCursor, ringAround, spawnRipple, pace } from './chrome/presenter-ef
 import { GlowController } from './presenter-glow.js';
 import { PresenterIcon, PRESENTER_ICON_SIZE, hiIcon } from './icons/presenter-icons.js';
 import { renderTally } from './chrome/presenter-tally.js';
-import { CONTROLS_BANNER_HTML, CONTROLS_FLOWS_HTML, CONTROLS_MARKS_HTML, CONTROLS_FOOT_HTML, CONTROLS_STATUS_HTML, ENDED_FADE_MS, ControlPanel, } from './presenter-controls.js';
-import { statusTheme, blockerHtml, getPresenterSettings, OutputDetail, syncPageBlocker, } from './presenter-settings.js';
+import { CONTROLS_BANNER_HTML, CONTROLS_MARKS_HTML, CONTROLS_FOOT_HTML, CONTROLS_STATUS_HTML, ENDED_FADE_MS, ControlPanel, } from './presenter-controls.js';
+import { statusTheme, blockerHtml, getPresenterSettings, OutputDetail, syncPageBlocker, paintSdkVersion, } from './presenter-settings.js';
 import { Annotator } from '../review/annotator.js';
 import { shouldAutoOpenChat } from './presenter-shell.js';
 import { installHudTelemetry } from './hud-telemetry.js';
-import { PLAN_HTML, PlanBoard, parsePlanView } from './presenter-plan.js';
+import { PlanBoard, parsePlanView } from './presenter-plan.js';
 import { claimLog, readRememberedLog, rememberLog, } from './chrome/log-memory.js';
 const COPIED_FLASH_MS = 1600;
 export { GlowPhase } from './presenter-config.js';
@@ -46,6 +48,7 @@ export class Presenter {
     #borderMode;
     #glowCtl;
     #lastActionText = '';
+    #lastActor;
     #heartbeatTimer;
     #idleEndMs;
     #sessionId;
@@ -55,6 +58,9 @@ export class Presenter {
     #sessionActive = false;
     #logMax;
     #log;
+    #harnessLog;
+    #harnessRunId;
+    #harnessSteps;
     #plan = new PlanBoard();
     #remembered = [];
     #logBaseMs;
@@ -100,6 +106,12 @@ export class Presenter {
             onSyncNow: () => this.#onControl?.({ kind: HumanControlKind.SYNC }),
             onSignIn: () => this.#onControl?.({ kind: HumanControlKind.SIGNIN }),
             onHarness: (enabled) => this.#onControl?.({ kind: HumanControlKind.HARNESS, text: enabled ? 'on' : 'off' }),
+            onHarnessRun: (persona) => this.#onControl?.({
+                kind: HumanControlKind.HARNESS_RUN,
+                ...(persona === undefined ? {} : { text: persona }),
+            }),
+            onHarnessStop: () => this.#onControl?.({ kind: HumanControlKind.HARNESS_STOP }),
+            onHarnessLink: () => this.#onControl?.({ kind: HumanControlKind.HARNESS_LINK }),
             settings: {
                 onBeforeOpen: () => {
                     if (this.#shell.isCollapsed())
@@ -111,6 +123,7 @@ export class Presenter {
                 onHarness: (enabled) => this.#onControl?.({ kind: HumanControlKind.HARNESS, text: enabled ? 'on' : 'off' }),
             },
         });
+        this.#shell.setProjectId(options.projectId);
     }
     setControlHandler(handler) {
         this.#onControl = handler;
@@ -127,6 +140,10 @@ export class Presenter {
     refilterFlows() {
         this.#panel.refilterFlows();
     }
+    showSdkVersion(version) {
+        if (this.#root !== undefined)
+            paintSdkVersion(this.#root, version);
+    }
     handlePush(command) {
         const a = command.args;
         if (command.name === ReticleCommand.FLOWS)
@@ -143,8 +160,11 @@ export class Presenter {
             const snapshot = parseImpactSnapshot(a['snapshot']);
             if (snapshot !== undefined) {
                 this.#shell.report.setSnapshot(snapshot);
-                this.#shell.paintOffer(snapshot.harnessOffer, snapshot.notices);
-                this.#shell.paintHarness(snapshot.harnessConfig);
+                this.#shell.paintNotices(snapshot.notices);
+                this.#shell.paintHarness(snapshot.harnessConfig, harnessGateIn(snapshot.instrumentation, snapshot.harnessConfig));
+                this.#shell.paintHarnessDrive(snapshot.harnessDrive);
+                this.#paintHarnessRun(snapshot.harnessDrive);
+                this.#shell.paintAgent(snapshot.agent);
                 this.#shell.paintImpact(snapshot.project.counts.verdicts);
                 const owner = true === snapshot.account?.signedIn ? snapshot.account.email : undefined;
                 if (claimLog(owner))
@@ -154,6 +174,7 @@ export class Presenter {
                     dashboardUrl: snapshot.dashboardUrl,
                     verdicts: snapshot.project.counts.verdicts,
                     defects: snapshot.project.counts.failed,
+                    ...platformDetails(snapshot.harnessConfig, snapshot.sync),
                 });
             }
             return;
@@ -186,7 +207,7 @@ export class Presenter {
       <div data-reticle-glow></div>
       <div data-reticle-cursor></div>
       <div data-reticle-ring></div>
-      ${HudShell.dockHtml(actStrip, PLAN_HTML, DATA_RETICLE_LOG, CONTROLS_MARKS_HTML + CONTROLS_FLOWS_HTML, CONTROLS_FOOT_HTML)}`;
+      ${HudShell.dockHtml(actStrip, '', DATA_RETICLE_LOG, CONTROLS_MARKS_HTML, CONTROLS_FOOT_HTML)}`;
         document.body.appendChild(root);
         this.#root = root;
         this.#glow = root.querySelector('[data-reticle-glow]') ?? undefined;
@@ -200,6 +221,7 @@ export class Presenter {
         this.#chatPillTime =
             root.querySelector('[data-reticle-chat-pill-time]') ?? undefined;
         this.#log = root.querySelector(`[${DATA_RETICLE_LOG}]`) ?? undefined;
+        this.#harnessLog = root.querySelector(`[${HARNESS_LOG_ATTR}]`) ?? undefined;
         this.#chip = root.querySelector('[data-reticle-chip]') ?? undefined;
         this.#tally = root.querySelector('[data-reticle-tally]') ?? undefined;
         this.#shell.mount(root);
@@ -215,13 +237,14 @@ export class Presenter {
         this.#renderTally();
     }
     #restoreLog() {
-        const log = this.#log;
-        if (log === undefined || 0 < this.#remembered.length)
+        if (this.#log === undefined || 0 < this.#remembered.length)
             return;
         for (const row of readRememberedLog().slice(-this.#logMax)) {
-            const handle = appendLogRow(log, row.kind, row.text, row.ts, this.#logMax, row.actor);
-            if (row.result !== undefined)
-                handle.result(row.result);
+            for (const log of this.#logsFor(row.actor, true === row.summary)) {
+                const handle = appendLogRow(log, row.kind, row.text, row.ts, this.#logMax, row.actor);
+                if (row.result !== undefined)
+                    handle.result(row.result);
+            }
             this.#logBaseMs = this.#now() - row.at;
             this.#runLog.push({
                 at: row.at,
@@ -295,6 +318,7 @@ export class Presenter {
         this.#sessionActive = false;
         this.#logBaseMs = undefined;
         this.#log = undefined;
+        this.#harnessLog = undefined;
         this.#remembered = [];
         rememberLog([]);
         this.#root?.remove();
@@ -327,8 +351,9 @@ export class Presenter {
         const dock = this.#root?.querySelector('[data-reticle-dock]');
         dock?.setAttribute(DATA_ON, GLOW_ON);
         this.#hud?.setAttribute(DATA_ON, GLOW_ON);
-        this.#lastActionText = unreachableStripText(url, attempts);
+        this.#lastActionText = UNREACHABLE_HEADLINE;
         this.#paintActStrip(this.#lastActionText, true);
+        this.#actLine?.setAttribute('title', unreachableMessage(url, attempts));
         if (shouldAutoOpenChat(getPresenterSettings().autoOpenChat))
             this.#shell.openChat();
     }
@@ -406,9 +431,25 @@ export class Presenter {
         this.#lastActionText = text;
         this.#paintActStrip(text, false);
     }
-    #paintActStrip(text, idle) {
-        if (this.#actLine !== undefined)
+    #paintHarnessRun(drive) {
+        if (drive !== undefined && drive.runId !== this.#harnessRunId) {
+            this.#harnessRunId = drive.runId;
+            if (this.#harnessLog !== undefined)
+                clearLogRows(this.#harnessLog);
+        }
+        const was = this.#harnessSteps;
+        this.#harnessSteps = drive?.steps;
+        if (drive !== undefined)
+            this.#paintActStrip(this.#lastActionText, false);
+        else if (was !== undefined)
+            this.#paintActStrip(ACT_STRIP.READY, true);
+    }
+    #paintActStrip(raw, idle) {
+        const text = this.#harnessSteps === undefined ? raw : ACT_STRIP.harnessTesting(this.#harnessSteps);
+        if (this.#actLine !== undefined) {
             this.#actLine.textContent = text;
+            this.#actLine.removeAttribute('title');
+        }
         const liveness = idle ? 'idle' : 'active';
         if (this.#actStrip !== undefined)
             this.#actStrip.setAttribute('data-liveness', liveness);
@@ -444,6 +485,12 @@ export class Presenter {
             return;
         if ('' === this.#lastActionText)
             return;
+        if (this.#harnessSteps !== undefined)
+            return;
+        if (LOG_ACTOR.HARNESS === this.#lastActor) {
+            this.#paintActStrip(ACT_STRIP.READY, true);
+            return;
+        }
         const since = ACT_STRIP.SINCE_LAST;
         this.#paintActStrip(`${ACT_STRIP.PLANNING_PREFIX}${humanDuration(idleMs)}${since}`, true);
         if (this.#chatPillTime !== undefined)
@@ -526,6 +573,8 @@ export class Presenter {
         this.#tallied = { passes: 0, fails: 0 };
         if (this.#log !== undefined)
             clearLogRows(this.#log);
+        if (this.#harnessLog !== undefined)
+            clearLogRows(this.#harnessLog);
         this.#renderTally();
     }
     #applyHideUntilRestart() {
@@ -542,9 +591,17 @@ export class Presenter {
         }
         this.#syncAnnotator();
     }
-    log(kind, text, result, actor) {
+    #logsFor(actor, summary) {
+        const agent = this.#log;
+        const harness = this.#harnessLog;
+        if (LOG_ACTOR.HARNESS !== actor || harness === undefined)
+            return agent === undefined ? [] : [agent];
+        return summary && agent !== undefined ? [agent, harness] : [harness];
+    }
+    log(kind, text, result, actor, summary = false) {
         const ms = this.#now();
         this.#glowCtl.markActivity(ms);
+        this.#lastActor = actor;
         if (this.#log === undefined)
             return undefined;
         const trimmed = text.trim();
@@ -558,7 +615,8 @@ export class Presenter {
         while (this.#runLog.length > this.#logMax)
             this.#runLog.shift();
         const ts = formatElapsed(ms - this.#logBaseMs);
-        const handle = appendLogRow(this.#log, kind, trimmed, ts, this.#logMax, actor);
+        const handles = this.#logsFor(actor, summary).map((log) => appendLogRow(log, kind, trimmed, ts, this.#logMax, actor));
+        const handle = { result: (r) => handles.forEach((h) => h.result(r)) };
         if (result !== undefined)
             handle.result(result);
         const kept = {
@@ -567,6 +625,7 @@ export class Presenter {
             ts,
             at: ms - this.#logBaseMs,
             ...(actor === undefined ? {} : { actor }),
+            ...(summary ? { summary: true } : {}),
             ...(result === undefined ? {} : { result }),
         };
         this.#remembered.push(kept);
@@ -593,14 +652,16 @@ export class Presenter {
         }
         this.#tallied = renderTally(this.#tally, this.#runLog, this.#tallied);
     }
-    narrate(text, level = 'info') {
+    narrate(text, level = 'info', actor = LOG_ACTOR.AGENT, summary = false) {
         const line = 'info' === level ? text : `[${level}] ${text}`;
-        return this.log(LOG_KIND.NARRATION, line);
+        return this.log(LOG_KIND.NARRATION, line, undefined, actor, summary);
     }
     #pruneLog() {
         if (this.#log === undefined)
             return;
         trimLogRows(this.#log, this.#logMax);
+        if (this.#harnessLog !== undefined)
+            trimLogRows(this.#harnessLog, this.#logMax);
     }
     setThrottled(throttled) {
         this.#root?.setAttribute(THROTTLED_ATTR, throttled ? '1' : '0');

package/dist/registry/declared-platform.js

@@ -25,11 +25,13 @@ export const SERVED_COMMANDS = [
     ReticleCommand.PRESENTER,
     ReticleCommand.IMPACT,
     ReticleCommand.CAPTURE,
+    ReticleCommand.RENDER,
     ReticleCommand.NAVIGATE,
     ReticleCommand.REFRESH,
     ReticleCommand.FLOWS,
     ReticleCommand.FLOW_PROGRESS,
     ReticleCommand.PLAN,
+    ReticleCommand.MARKERS,
 ];
 export function declaredCommands() {
     return [...SERVED_COMMANDS];