@reticlehq/browser 3.7.0 → 3.8.1

package/dist/presenter/presenter-chat-views.js

@@ -5,7 +5,7 @@ import { ANNOTATE_BTN_ATTR, CHAT_TOGGLE_ATTR, CLEAR_MARKS_ATTR, MARKERS_BTN_ATTR
 import { hiIconHtml, hiToggleIconHtml, PRESENTER_ICON_SIZE, PresenterIcon, } from './icons/presenter-icons.js';
 import { HUD_GLASS_PAINT } from './chrome/presenter-hud-chrome.js';
 import { LAST_ACTOR_ATTR, LOG_ACTOR } from './chrome/presenter-log.js';
-import { HARNESS_COPY_PROMPT_ATTR, HARNESS_LINK_ATTR, HARNESS_LOG_ATTR, HARNESS_OPEN_ATTR, HARNESS_ROW_TEXT, HARNESS_SWITCH_ON_ATTR, HARNESS_TOGGLE_ATTR, creditsShort, harnessFootHtml, harnessRowHtml, HARNESS_ROW_CSS, } from './presenter-harness-row.js';
+import { HARNESS_LINK_ATTR, HARNESS_LOG_ATTR, HARNESS_OPEN_ATTR, HARNESS_ROW_TEXT, HARNESS_SWITCH_ON_ATTR, HARNESS_TOGGLE_ATTR, creditsShort, harnessFootHtml, harnessRowHtml, HARNESS_ROW_CSS, } from './presenter-harness-row.js';
 import { esc, isSafeDashboardUrl } from './chrome/presenter-safe-html.js';
 import { morphHtml } from './chrome/presenter-morph.js';
 import { IMPACT_SEEN_KEY_PREFIX, ReticleStorageKey } from '../storage-keys.js';
@@ -20,9 +20,19 @@ const HARNESS_SETUP_HASH = '#model';
 const HARNESS_PLAN_PATH = '/settings?group=billing';
 const HARNESS_STARTING_MS = 20_000;
 export function platformBase(config, account) {
-    const base = [config?.platformUrl, account.host].find((url) => url !== undefined && isSafeDashboardUrl(url));
+    const base = [consoleOrigin(config?.planUrl), config?.platformUrl, account.host].find((url) => url !== undefined && isSafeDashboardUrl(url));
     return esc((base ?? DEFAULT_PLATFORM_URL).replace(/\/+$/, ''));
 }
+function consoleOrigin(planUrl) {
+    if (planUrl === undefined || !isSafeDashboardUrl(planUrl))
+        return undefined;
+    try {
+        return new URL(planUrl).origin;
+    }
+    catch {
+        return undefined;
+    }
+}
 function isHistoricalAnnotation(item) {
     if ('object' !== typeof item || null === item)
         return false;
@@ -216,7 +226,6 @@ export class ChatViews {
     #history = readHistory();
     #account;
     #harness;
-    #gate;
     #verdicts = 0;
     #impactOpen = false;
     #onImpact;
@@ -230,9 +239,13 @@ export class ChatViews {
     #harnessHtml = '';
     #harnessPageHtml = '';
     #linking = false;
+    #linkTimer;
     #agent = new AgentLinkView();
     #startedAs;
+    #last;
     #starting;
+    #lastSeq;
+    #pressedAfter;
     constructor(onImpact, onOpenChat, drive) {
         this.#onImpact = onImpact;
         this.#onOpenChat = onOpenChat;
@@ -275,6 +288,13 @@ export class ChatViews {
                 if (linkButton.disabled)
                     return;
                 this.#linking = true;
+                if (this.#linkTimer !== undefined)
+                    clearTimeout(this.#linkTimer);
+                this.#linkTimer = setTimeout(() => {
+                    this.#linkTimer = undefined;
+                    this.#linking = false;
+                    this.#paintHarness();
+                }, HARNESS_STARTING_MS);
                 this.#drive?.link();
                 this.#paintHarness();
                 return;
@@ -284,6 +304,7 @@ export class ChatViews {
                 if (run.disabled)
                     return;
                 this.#startedAs = this.#personaPick;
+                this.#pressedAfter = this.#lastSeq;
                 this.#markStarting(true);
                 this.#drive?.run(personaText(this.#personaPick, this.#customPersona));
                 return;
@@ -292,15 +313,6 @@ export class ChatViews {
                 this.#drive?.stop();
                 return;
             }
-            const copy = target.closest(`[${HARNESS_COPY_PROMPT_ATTR}]`);
-            if (null !== copy) {
-                const prompt = this.#gate?.prompt;
-                if (prompt !== undefined)
-                    void navigator.clipboard
-                        ?.writeText(prompt)
-                        .then(() => (copy.textContent = HARNESS_ROW_TEXT.COPIED))
-                        .catch(() => undefined);
-            }
         };
         root
             .querySelector('[data-reticle-harness-spot]')
@@ -441,11 +453,21 @@ export class ChatViews {
             nav.hidden = true !== account?.signedIn;
         this.#paintHarness();
     }
-    paintDrive(drive) {
+    paintDrive(drive, last) {
         this.#driving = drive;
-        if (drive !== undefined)
+        const runUrl = last?.runUrl !== undefined && isSafeDashboardUrl(last.runUrl) ? esc(last.runUrl) : undefined;
+        this.#last =
+            last === undefined
+                ? undefined
+                : {
+                    ...(runUrl === undefined ? {} : { runUrl }),
+                    ...(last.said === undefined ? {} : { said: last.said }),
+                };
+        this.#lastSeq = last?.seq;
+        const answered = last?.seq !== undefined && last.seq !== this.#pressedAfter && this.#starting !== undefined;
+        if (drive !== undefined || answered)
             this.#markStarting(false);
-        else if (this.#starting === undefined)
+        if (drive === undefined && this.#starting === undefined)
             this.#startedAs = undefined;
         this.#paintHarness();
     }
@@ -463,11 +485,14 @@ export class ChatViews {
         if (on)
             this.#paintHarness();
     }
-    paintHarness(config, gate) {
-        if (config !== undefined)
+    paintHarness(config) {
+        if (config !== undefined) {
             this.#linking = false;
+            if (this.#linkTimer !== undefined)
+                clearTimeout(this.#linkTimer);
+            this.#linkTimer = undefined;
+        }
         this.#harness = config;
-        this.#gate = gate;
         this.#paintHarness();
     }
     paintImpact(verdicts) {
@@ -522,15 +547,17 @@ export class ChatViews {
         const state = {
             account,
             config,
-            gate: this.#gate,
             drive: this.#driving,
             canDrive: this.#drive !== undefined,
             pick: this.#personaPick,
             startedAs: this.#startedAs,
             setupUrl: `${base}${HARNESS_SETUP_PATH}${project}${HARNESS_SETUP_HASH}`,
-            planUrl: `${base}${HARNESS_PLAN_PATH}`,
+            planUrl: config?.planUrl !== undefined && isSafeDashboardUrl(config.planUrl)
+                ? esc(config.planUrl)
+                : `${base}${HARNESS_PLAN_PATH}`,
             linking: this.#linking,
             starting: this.#starting !== undefined && this.#driving === undefined,
+            ...(this.#last === undefined ? {} : { last: this.#last }),
         };
         const foot = harnessFootHtml(state);
         if (foot !== this.#harnessHtml) {

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

@@ -86,6 +86,7 @@ export declare const SETTINGS_CLOSE_ATTR = "data-reticle-settings-close";
 export declare const SETTING_KEY_ATTR = "data-reticle-setting";
 export declare const SETTINGS_STORAGE_KEY: "reticle-presenter-settings";
 export declare const MINIMISED_STORAGE_KEY: "reticle-presenter-minimised";
+export declare const OPEN_STORAGE_KEY: "reticle-presenter-open";
 export declare const AMBIENT_GLOW_ATTR = "data-reticle-ambient-glow";
 export declare const LIVENESS_ATTR = "data-reticle-live";
 export declare const BLOCK_ATTR = "data-reticle-block";

package/dist/presenter/presenter-config.js

@@ -64,6 +64,7 @@ export const SETTINGS_CLOSE_ATTR = 'data-reticle-settings-close';
 export const SETTING_KEY_ATTR = 'data-reticle-setting';
 export const SETTINGS_STORAGE_KEY = ReticleStorageKey.PRESENTER_SETTINGS;
 export const MINIMISED_STORAGE_KEY = ReticleStorageKey.PRESENTER_MINIMISED;
+export const OPEN_STORAGE_KEY = ReticleStorageKey.PRESENTER_OPEN;
 export const AMBIENT_GLOW_ATTR = 'data-reticle-ambient-glow';
 export const LIVENESS_ATTR = 'data-reticle-live';
 export const BLOCK_ATTR = 'data-reticle-block';

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

@@ -4,9 +4,10 @@ export declare const RAIL_SIGNIN_ATTR = "data-reticle-rail-signin";
 export declare const RAIL_PROMO_ATTR = "data-reticle-rail-promo";
 export declare const RAIL_TEXT: {
     readonly TITLE: "Sign in to try Reticle Harness";
-    readonly DETAIL: "Free Harness credits to start.";
+    readonly DETAIL: "Free credits to start.";
     readonly CTA: "Sign in";
 };
-export declare const RAIL_HTML: string;
+export declare const RAIL_SIGNIN_HTML: string;
+export declare const RAIL_HTML = "<div data-reticle-rail class=\"reticle-rail\" role=\"complementary\" aria-label=\"Reticle\">\n  <div data-reticle-rail-promo class=\"reticle-rail-promo\"></div>\n</div>";
 export declare function paintRail(root: HTMLElement, account: AccountState | undefined): void;
 export declare const FRAME_CSS: string;

package/dist/presenter/presenter-frame.js

@@ -9,24 +9,25 @@ const PAGE_PANEL_ATTR = 'data-reticle-page-panel';
 const OVERLAY = 'data-reticle-overlay';
 export const RAIL_TEXT = {
     TITLE: 'Sign in to try Reticle Harness',
-    DETAIL: 'Free Harness credits to start.',
+    DETAIL: 'Free credits to start.',
     CTA: 'Sign in',
 };
-export const RAIL_HTML = `<div ${RAIL_ATTR} class="reticle-rail" role="complementary" aria-label="Reticle">
-  <div ${RAIL_SIGNIN_ATTR} class="reticle-rail-signin" hidden>
+export const RAIL_SIGNIN_HTML = `<div ${RAIL_SIGNIN_ATTR} class="reticle-rail-signin" hidden>
     <span class="reticle-rail-copy"><strong>${RAIL_TEXT.TITLE}</strong><span>${RAIL_TEXT.DETAIL}</span></span>
     <button type="button" ${ACCOUNT_SIGNIN_ATTR} class="reticle-rail-cta" title="${ACCOUNT_TEXT.SIGNIN_TITLE}">${RAIL_TEXT.CTA}</button>
-  </div>
+  </div>`;
+export const RAIL_HTML = `<div ${RAIL_ATTR} class="reticle-rail" role="complementary" aria-label="Reticle">
   <div ${RAIL_PROMO_ATTR} class="reticle-rail-promo"></div>
 </div>`;
 export function paintRail(root, account) {
     const signin = root.querySelector(`[${RAIL_SIGNIN_ATTR}]`);
-    const promo = root.querySelector(`[${RAIL_PROMO_ATTR}]`);
+    const rail = root.querySelector(`[${RAIL_ATTR}]`);
     const signedOut = account !== undefined && !account.signedIn;
     if (signin !== null)
         signin.hidden = !signedOut;
-    if (promo !== null)
-        promo.hidden = signedOut;
+    if (rail !== null) {
+        rail.hidden = signedOut;
+    }
 }
 const PAGES = `:is([${CHAT_PANEL_ATTR}],[${PAGE_PANEL_ATTR}],[${REPORT_PANEL_ATTR}],[${SETTINGS_PANEL_ATTR}])`;
 const ANY_OPEN = `[${OVERLAY}][${MIN_ATTR}="0"]:is([${CHAT_ATTR}="1"],[${PAGE_OPEN_ATTR}],[${REPORT_ATTR}="1"],[${SETTINGS_ATTR}="1"])`;
@@ -158,18 +159,26 @@ ${BELOW} ${PAGES}{bottom:auto;top:calc(100% + 8px + var(--reticle-rail-h) + var(
   pointer-events:auto;}
 ${BELOW} [${RAIL_ATTR}]{bottom:auto;top:calc(100% + 8px);}
 ${ANY_OPEN} [${RAIL_ATTR}]{display:flex;}
+${ANY_OPEN} [${RAIL_ATTR}][hidden]{display:none;}
+/* No rail, no gap for it: the page sits straight above the toolbar. */
+[${DOCK_ATTR}]:has(> [${RAIL_ATTR}][hidden]){--reticle-rail-h:0px;--reticle-frame-gap:0px;}
 /* The capsule and the rail share a slot: the capsule is for "nothing open", the rail for "a page is". */
 ${ANY_OPEN} [${CHAT_PILL_ATTR}]{display:none !important;}
 [${RAIL_ATTR}] > [hidden]{display:none !important;}
-[${RAIL_ATTR}] .reticle-rail-signin,[${RAIL_ATTR}] .reticle-rail-promo{flex:1;min-width:0;}
-[${RAIL_ATTR}] .reticle-rail-signin{display:flex;align-items:center;gap:var(--reticle-hud-space-3);}
-[${RAIL_ATTR}] .reticle-rail-copy{display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.3;}
-[${RAIL_ATTR}] .reticle-rail-copy strong{font-size:var(--reticle-hud-size-sm);font-weight:600;}
-[${RAIL_ATTR}] .reticle-rail-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--reticle-hud-size-xs);color:var(--reticle-hud-text-muted);}
-[${RAIL_ATTR}] .reticle-rail-cta{flex:none;height:28px;padding:0 var(--reticle-hud-space-3);border:0;border-radius:var(--reticle-hud-radius-pill);
+[${RAIL_ATTR}] .reticle-rail-promo{flex:1;min-width:0;}
+/* The sign-in ask: one row in the Agent Log, above its footer. */
+[${RAIL_SIGNIN_ATTR}]{display:flex;flex:none;align-items:center;gap:var(--reticle-hud-space-3);
+  margin:0 var(--reticle-hud-space-3) var(--reticle-hud-space-2);padding:var(--reticle-hud-space-2) var(--reticle-hud-space-3);
+  border:1px solid color-mix(in srgb,var(--reticle-hud-brand) 30%,var(--reticle-hud-border));border-radius:var(--reticle-hud-radius-md);
+  background:linear-gradient(135deg,var(--reticle-hud-brand-soft),transparent 65%);}
+[${RAIL_SIGNIN_ATTR}][hidden]{display:none;}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-copy{display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.3;}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-copy strong{font-size:var(--reticle-hud-size-sm);font-weight:600;}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--reticle-hud-size-xs);color:var(--reticle-hud-text-muted);}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-cta{flex:none;height:28px;padding:0 var(--reticle-hud-space-3);border:0;border-radius:var(--reticle-hud-radius-pill);
   background:var(--reticle-hud-brand);color:#160b02;font:inherit;font-size:var(--reticle-hud-size-sm);font-weight:700;cursor:pointer;}
-[${RAIL_ATTR}] .reticle-rail-cta:hover{filter:brightness(1.08);}
-[${RAIL_ATTR}] .reticle-rail-cta:focus-visible{outline:2px solid var(--reticle-hud-text);outline-offset:2px;}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-cta:hover{filter:brightness(1.08);}
+[${RAIL_SIGNIN_ATTR}] .reticle-rail-cta:focus-visible{outline:2px solid var(--reticle-hud-text);outline-offset:2px;}
 /* The promo: one line of copy, its link, and dots. The carousel draws no frame of its own here. */
 [${RAIL_ATTR}] .reticle-carousel{margin:0;padding:0;border:0;background:none;}
 [${RAIL_ATTR}] .reticle-carousel-track{height:32px;overflow:hidden;}

package/dist/presenter/presenter-harness-row.d.ts

@@ -1,4 +1,4 @@
-import { type AccountState, type HarnessConfig, type HarnessDrive } from '@reticlehq/core';
+import { type AccountState, type HarnessConfig, type HarnessDrive, type LastDrive } from '@reticlehq/core';
 import { type Credits } from '@reticlehq/core/hud';
 export declare const HARNESS_ROW_TEXT: {
     readonly RUN: "Run Harness";
@@ -10,13 +10,10 @@ export declare const HARNESS_ROW_TEXT: {
     readonly LINK: "Link this project";
     readonly LINKING: "Linking…";
     readonly NOT_ENTITLED: "Harness is not on your plan";
-    readonly NO_CREDITS: "No Harness credits left";
+    readonly NO_CREDITS: "No credits left";
     readonly NO_PROVIDER: "No model provider set";
     readonly OFF: "Harness is off";
-    readonly canSwitchOn: (percent: number) => string;
     readonly TURN_ON: "Switch on";
-    readonly COPY_PROMPT: "Copy setup prompt";
-    readonly COPIED: "Copied";
     readonly SET_UP: "Set up ↗";
     readonly PLANS: "See plans ↗";
     readonly PLAN: "Plan ↗";
@@ -29,29 +26,20 @@ export declare const HARNESS_ROW_TEXT: {
     readonly FOOT_NO_CREDITS: "No credits";
     readonly FOOT_NOT_ENTITLED: "Not on your plan";
     readonly FOOT_NO_PROVIDER: "No model provider";
-    readonly footSetup: (percent: number) => string;
     readonly PAGE_TITLE: "Reticle Harness";
     readonly LOG_LABEL: "What the Harness did";
     readonly LOG_EMPTY: "Runs show here, step by step.";
     readonly PAGE_SUBTITLE: "Tests your app by itself";
+    readonly RESULT: "See the result ↗";
 };
 export declare const HARNESS_SWITCH_ON_ATTR = "data-reticle-harness-switch";
 export declare const HARNESS_LINK_ATTR = "data-reticle-harness-link";
 export declare const HARNESS_OPEN_ATTR = "data-reticle-harness-open";
 export declare const HARNESS_LOG_ATTR = "data-reticle-harness-log";
 export declare const HARNESS_TOGGLE_ATTR = "data-reticle-harness-toggle";
-export declare const HARNESS_COPY_PROMPT_ATTR = "data-reticle-harness-copy-prompt";
-export interface HarnessGateView {
-    percent: number;
-    unlocked: boolean;
-    reason?: string;
-    prompt?: string;
-}
-export declare function harnessGateIn(instrumentation: Readonly<Record<string, unknown>> | undefined, config?: HarnessConfig): HarnessGateView | undefined;
 export interface HarnessRowState {
     account: AccountState | undefined;
     config: HarnessConfig | undefined;
-    gate?: HarnessGateView | undefined;
     drive: HarnessDrive | undefined;
     canDrive: boolean;
     pick: string;
@@ -60,6 +48,7 @@ export interface HarnessRowState {
     planUrl: string;
     linking?: boolean;
     starting?: boolean;
+    last?: LastDrive;
 }
 export declare function creditsShort(credits: Credits | undefined): string;
 export declare function harnessFootHtml(s: HarnessRowState): string;

package/dist/presenter/presenter-harness-row.js

@@ -13,13 +13,10 @@ export const HARNESS_ROW_TEXT = {
     LINK: 'Link this project',
     LINKING: 'Linking…',
     NOT_ENTITLED: 'Harness is not on your plan',
-    NO_CREDITS: 'No Harness credits left',
+    NO_CREDITS: 'No credits left',
     NO_PROVIDER: 'No model provider set',
     OFF: 'Harness is off',
-    canSwitchOn: (percent) => `Setup score ${String(percent)}%. Harness is off.`,
     TURN_ON: 'Switch on',
-    COPY_PROMPT: 'Copy setup prompt',
-    COPIED: 'Copied',
     SET_UP: 'Set up ↗',
     PLANS: 'See plans ↗',
     PLAN: 'Plan ↗',
@@ -32,50 +29,17 @@ export const HARNESS_ROW_TEXT = {
     FOOT_NO_CREDITS: 'No credits',
     FOOT_NOT_ENTITLED: 'Not on your plan',
     FOOT_NO_PROVIDER: 'No model provider',
-    footSetup: (percent) => `Setup ${String(percent)}% · needs 80%`,
     PAGE_TITLE: 'Reticle Harness',
     LOG_LABEL: 'What the Harness did',
     LOG_EMPTY: 'Runs show here, step by step.',
     PAGE_SUBTITLE: 'Tests your app by itself',
+    RESULT: 'See the result ↗',
 };
 export const HARNESS_SWITCH_ON_ATTR = 'data-reticle-harness-switch';
 export const HARNESS_LINK_ATTR = 'data-reticle-harness-link';
 export const HARNESS_OPEN_ATTR = 'data-reticle-harness-open';
 export const HARNESS_LOG_ATTR = 'data-reticle-harness-log';
 export const HARNESS_TOGGLE_ATTR = 'data-reticle-harness-toggle';
-export const HARNESS_COPY_PROMPT_ATTR = 'data-reticle-harness-copy-prompt';
-export function harnessGateIn(instrumentation, config) {
-    const local = localGateIn(instrumentation);
-    const platform = config?.gate;
-    if (platform === undefined)
-        return local;
-    const prompt = platform.prompt ?? local?.prompt;
-    const reason = platform.unlocked ? undefined : (platform.reason ?? local?.reason);
-    return {
-        percent: platform.percent ?? local?.percent ?? 0,
-        unlocked: platform.unlocked,
-        ...(reason === undefined ? {} : { reason }),
-        ...(prompt === undefined ? {} : { prompt }),
-    };
-}
-function localGateIn(instrumentation) {
-    const raw = instrumentation?.['harnessGate'];
-    if ('object' !== typeof raw || null === raw)
-        return undefined;
-    const gate = raw;
-    const percent = gate['percent'];
-    const unlocked = gate['unlocked'];
-    if ('number' !== typeof percent || 'boolean' !== typeof unlocked)
-        return undefined;
-    const reason = gate['reason'];
-    const prompt = instrumentation?.['prompt'];
-    return {
-        percent: Math.round(percent),
-        unlocked,
-        ...('string' === typeof reason ? { reason } : {}),
-        ...('string' === typeof prompt ? { prompt } : {}),
-    };
-}
 const row = (inner) => `<div class="reticle-harness-row">${inner}</div>`;
 const wrapRow = (inner) => `<div class="reticle-harness-row reticle-harness-row-wrap">${inner}</div>`;
 const said = (text) => `<span class="reticle-harness-said">${text}</span>`;
@@ -99,9 +63,6 @@ function creditsUsedRow(credits, planUrl) {
 function footState(s) {
     if (true === s.starting)
         return HARNESS_ROW_TEXT.STARTING;
-    const gate = s.gate;
-    if (gate !== undefined && !gate.unlocked && gate.reason !== undefined)
-        return HARNESS_ROW_TEXT.footSetup(gate.percent);
     const config = s.config;
     if (config === undefined)
         return HARNESS_ROW_TEXT.FOOT_LINK;
@@ -120,8 +81,6 @@ function switchable(s) {
     const config = s.config;
     if (config === undefined)
         return false;
-    if (s.gate !== undefined && !s.gate.unlocked && s.gate.reason !== undefined)
-        return false;
     if (config.credits !== undefined && creditsSpent(config.credits))
         return false;
     return config.harnessEntitled && false !== config.providerReady;
@@ -146,11 +105,6 @@ export function harnessRowHtml(s) {
         return wrapRow(`${said(HARNESS_ROW_TEXT.SIGNED_OUT)}<button type="button" ${ACCOUNT_SIGNIN_ATTR} class="reticle-harness-link">${HARNESS_ROW_TEXT.SIGN_IN}</button>`);
     if (s.drive !== undefined && s.canDrive)
         return (runRow(said(HARNESS_ROW_TEXT.driving(s.startedAs === undefined ? undefined : personaLabel(s.startedAs), s.drive.steps)), STOP_BUTTON) + personaCustomHtml(s.pick, true));
-    const gate = s.gate;
-    if (gate !== undefined && !gate.unlocked && gate.reason !== undefined)
-        return wrapRow(`${said(esc(gate.reason))}${gate.prompt === undefined
-            ? ''
-            : `<button type="button" ${HARNESS_COPY_PROMPT_ATTR} class="reticle-harness-link">${HARNESS_ROW_TEXT.COPY_PROMPT}</button>`}`);
     const config = s.config;
     if (config === undefined)
         return wrapRow(`${said(HARNESS_ROW_TEXT.UNLINKED)}<button type="button" ${HARNESS_LINK_ATTR} class="reticle-harness-run"${true === s.linking ? ' disabled' : ''}>${true === s.linking ? HARNESS_ROW_TEXT.LINKING : HARNESS_ROW_TEXT.LINK}</button>`);
@@ -161,11 +115,18 @@ export function harnessRowHtml(s) {
     if (false === config.providerReady)
         return row(`${said(HARNESS_ROW_TEXT.NO_PROVIDER)}${link(s.setupUrl, HARNESS_ROW_TEXT.SET_UP)}`);
     if (!config.harnessEnabled)
-        return row(`${said(gate === undefined ? HARNESS_ROW_TEXT.OFF : HARNESS_ROW_TEXT.canSwitchOn(gate.percent))}<button type="button" ${HARNESS_SWITCH_ON_ATTR} class="reticle-harness-run">${HARNESS_ROW_TEXT.TURN_ON}</button>`);
+        return row(`${said(HARNESS_ROW_TEXT.OFF)}<button type="button" ${HARNESS_SWITCH_ON_ATTR} class="reticle-harness-run">${HARNESS_ROW_TEXT.TURN_ON}</button>`);
     if (!s.canDrive)
         return '';
     const starting = true === s.starting;
-    return (runRow(personaPickHtml(s.pick, starting), `<button type="button" data-reticle-harness-run class="reticle-harness-run"${starting ? ' disabled' : ''}>${starting ? HARNESS_ROW_TEXT.STARTING : HARNESS_ROW_TEXT.RUN}</button>`) + personaCustomHtml(s.pick, starting));
+    return (runRow(personaPickHtml(s.pick, starting), `<button type="button" data-reticle-harness-run class="reticle-harness-run"${starting ? ' disabled' : ''}>${starting ? HARNESS_ROW_TEXT.STARTING : HARNESS_ROW_TEXT.RUN}</button>`) +
+        personaCustomHtml(s.pick, starting) +
+        (starting ? '' : lastRowHtml(s.last)));
+}
+function lastRowHtml(last) {
+    if (last === undefined || (last.said === undefined && last.runUrl === undefined))
+        return '';
+    return wrapRow(`${last.said === undefined ? '' : said(esc(last.said))}${last.runUrl === undefined ? '' : link(last.runUrl, HARNESS_ROW_TEXT.RESULT)}`);
 }
 export const HARNESS_ROW_CSS = `
 [data-reticle-chat-panel] .reticle-harness-spot{flex:none;display:flex;flex-direction:column;gap:4px;}

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

@@ -56,23 +56,6 @@ export const REPORT_CSS = `
 [${REPORT_PANEL_ATTR}] .reticle-report-coverage{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:12px;padding:8px 10px;border:1px solid var(--reticle-hud-border);border-radius:var(--reticle-hud-radius-sm,8px);}
 [${REPORT_PANEL_ATTR}] .reticle-report-coverage-value{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--reticle-hud-text);}
 [${REPORT_PANEL_ATTR}] .reticle-report-coverage-levels{display:flex;flex-wrap:wrap;gap:4px 10px;width:100%;font-size:11px;color:var(--reticle-faint);font-variant-numeric:tabular-nums;}
-[${REPORT_PANEL_ATTR}] .reticle-report-instrumentation{margin-bottom:12px;padding:10px;border:1px solid var(--reticle-hud-border);border-radius:var(--reticle-hud-radius-md);}
-[${REPORT_PANEL_ATTR}] .reticle-report-instrumentation-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
-[${REPORT_PANEL_ATTR}] .reticle-report-instrumentation-head .reticle-report-section{margin-bottom:0;}
-[${REPORT_PANEL_ATTR}] .reticle-report-instrumentation-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--reticle-hud-text);}
-[${REPORT_PANEL_ATTR}] .reticle-report-caps{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0 0;padding:0;list-style:none;}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;min-width:0;font-size:11px;line-height:1.4;color:var(--reticle-muted);}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap-mark{flex:none;width:10px;text-align:center;}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap-name{flex:1;min-width:0;}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap[data-state="seen"] .reticle-report-cap-mark{color:#86efac;}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap[data-state="missing"]{grid-column:1/-1;color:var(--reticle-hud-text);}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap[data-state="missing"] .reticle-report-cap-mark{color:#fca5a5;}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap[data-state="unseen"]{color:var(--reticle-faint);}
-[${REPORT_PANEL_ATTR}] .reticle-report-cap-cost{flex-basis:100%;padding-left:16px;color:var(--reticle-faint);}
-[${REPORT_PANEL_ATTR}] .reticle-report-caps-note{display:block;margin-top:6px;color:var(--reticle-faint);font-size:11px;}
-[${REPORT_PANEL_ATTR}] .reticle-report-copy-prompt{display:block;width:100%;margin-top:10px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--reticle-hud-brand) 50%,transparent);
-  border-radius:var(--reticle-hud-radius-sm);background:var(--reticle-hud-brand-soft);color:var(--reticle-hud-brand);font:inherit;font-size:12px;font-weight:600;cursor:pointer;}
-[${REPORT_PANEL_ATTR}] .reticle-report-copy-prompt:hover{filter:brightness(1.15);}
 [${REPORT_PANEL_ATTR}] .reticle-report-verdict{
   flex:1;padding:5px 8px;border-radius:8px;font-size:11px;text-align:center;
   background:rgba(255,255,255,.05);color:var(--reticle-muted);}

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

@@ -1,7 +1,6 @@
 import { type AccountState, type ImpactScope, type ImpactSnapshot } from '@reticlehq/core';
 export declare function reportPanelHtml(): string;
-export declare function instrumentationHtml(instrumentation: Readonly<Record<string, unknown>> | undefined): string;
-export declare function reportBodyHtml(scope: ImpactScope, dashboardUrl?: string, account?: AccountState, projectName?: string, coverage?: Readonly<Record<string, number>>, sync?: Readonly<Record<string, unknown>>, instrumentation?: Readonly<Record<string, unknown>>): string;
+export declare function reportBodyHtml(scope: ImpactScope, dashboardUrl?: string, account?: AccountState, projectName?: string, coverage?: Readonly<Record<string, number>>, sync?: Readonly<Record<string, unknown>>): string;
 interface ReportHost {
     onBeforeOpen?: () => void;
     onSyncNow?: () => void;

package/dist/presenter/presenter-report.js

@@ -4,7 +4,7 @@ import { HUD_SURFACE_CLASS } from './chrome/presenter-hud-chrome.js';
 import { esc, isSafeDashboardUrl } from './chrome/presenter-safe-html.js';
 import { ACCOUNT_SIGNIN_ATTR, ACCOUNT_TEXT, SYNC_BTN_ATTR, accountControlHtml, syncButtonHtml, } from './presenter-account.js';
 import { REPORT_PANEL_ATTR, REPORT_ATTR, REPORT_CLOSE_ATTR } from './presenter-config.js';
-import { REPORT_LINKS, REPORT_TEXT, buildLinkedInShareUrl, buildReferralText, buildShareText, buildXShareUrl, compactDuration, compactNumber, COVERAGE_LEVELS, CAPABILITY_WORDS, } from './chrome/presenter-report-copy.js';
+import { REPORT_LINKS, REPORT_TEXT, buildLinkedInShareUrl, buildReferralText, buildShareText, buildXShareUrl, compactDuration, compactNumber, COVERAGE_LEVELS, } from './chrome/presenter-report-copy.js';
 const SCOPE_ATTR = 'data-reticle-report-scope';
 const SCOPE = { PROJECT: 'project', MACHINE: 'machine' };
 const SHARE_X_ATTR = 'data-reticle-share-x';
@@ -119,49 +119,6 @@ function syncStatusHtml(sync) {
         : '';
     return `<span class="reticle-sync-status" data-reticle-sync-status="${esc(String(status))}" title="${esc(said)}">${label}</span>${seeRun}`;
 }
-const capabilityWords = (name) => 'string' === typeof name ? esc(CAPABILITY_WORDS[name] ?? name) : undefined;
-function capabilityItem(state, name, cost = '') {
-    const mark = 'seen' === state ? '✓' : 'missing' === state ? '✕' : '○';
-    const why = '' === cost ? '' : `<span class="reticle-report-cap-cost">${cost}</span>`;
-    return `<li class="reticle-report-cap" data-state="${state}"><span class="reticle-report-cap-mark" aria-hidden="true">${mark}</span><span class="reticle-report-cap-name">${name}</span>${why}</li>`;
-}
-export function instrumentationHtml(instrumentation) {
-    if (instrumentation === undefined)
-        return '';
-    const covered = instrumentation['covered'];
-    const total = instrumentation['total'];
-    if ('number' !== typeof covered || 'number' !== typeof total)
-        return '';
-    const list = (key) => {
-        const value = instrumentation[key];
-        return Array.isArray(value) ? value : [];
-    };
-    const seen = list('seen').flatMap((n) => {
-        const name = capabilityWords(n);
-        return name === undefined ? [] : [capabilityItem('seen', name)];
-    });
-    const missing = list('missing').flatMap((m) => {
-        if ('object' !== typeof m || null === m)
-            return [];
-        const gap = m;
-        const name = capabilityWords(gap['capability']);
-        const cost = 'string' === typeof gap['cost'] ? esc(gap['cost']) : '';
-        return name === undefined ? [] : [capabilityItem('missing', name, cost)];
-    });
-    const unseen = list('notSeenYet').flatMap((n) => {
-        const name = capabilityWords(n);
-        return name === undefined ? [] : [capabilityItem('unseen', name)];
-    });
-    const items = [...missing, ...seen, ...unseen];
-    const caps = 0 === items.length
-        ? ''
-        : `<ul class="reticle-report-caps">${items.join('')}</ul>${0 === unseen.length ? '' : `<span class="reticle-report-caps-note">○ ${REPORT_TEXT.NOT_SEEN_YET}</span>`}`;
-    const copy = 'string' === typeof instrumentation['prompt']
-        ? `<button type="button" class="reticle-report-copy-prompt" ${COPY_PROMPT_ATTR}>${REPORT_TEXT.COPY_PROMPT}</button>`
-        : '';
-    return `<div class="reticle-report-instrumentation" title="${REPORT_TEXT.INSTRUMENTATION_HELP}"><div class="reticle-report-instrumentation-head"><span class="reticle-report-section">${REPORT_TEXT.INSTRUMENTATION}</span><span class="reticle-report-instrumentation-value">${REPORT_TEXT.covered(Math.round(covered), Math.round(total))}</span></div>${caps}${copy}</div>`;
-}
-const COPY_PROMPT_ATTR = 'data-reticle-copy-prompt';
 function coverageHtml(coverage) {
     if (coverage === undefined)
         return '';
@@ -175,7 +132,7 @@ function coverageHtml(coverage) {
         .join('');
     return `<div class="reticle-report-coverage" title="${REPORT_TEXT.COVERAGE_HELP}"><span class="reticle-report-section">${REPORT_TEXT.COVERAGE}</span><span class="reticle-report-coverage-value">${head}</span><div class="reticle-report-coverage-levels">${rows}</div></div>`;
 }
-export function reportBodyHtml(scope, dashboardUrl, account, projectName, coverage, sync, instrumentation) {
+export function reportBodyHtml(scope, dashboardUrl, account, projectName, coverage, sync) {
     const c = scope.counts;
     if (0 === c.calls)
         return `<p class="reticle-report-empty">${REPORT_TEXT.EMPTY}</p>`;
@@ -199,7 +156,7 @@ export function reportBodyHtml(scope, dashboardUrl, account, projectName, covera
         card(compactDuration(scope.savings.minutes.value * 60_000), REPORT_TEXT.SAVED_MINUTES, scope.savings.minutes.basis),
     ].join('');
     const identity = `<div class="reticle-report-identity">${accountControlHtml(account, { dashboardUrl, projectName, verdicts: c.verdicts, defects: c.failed })}${syncButtonHtml(dashboardUrl)}${syncStatusHtml(sync)}</div>`;
-    return `<div class="reticle-report-top">${streak}${identity}</div>${hero}${verdicts}${instrumentationHtml(instrumentation)}${coverageHtml(coverage)}<div class="reticle-report-grid">${cards}</div>${defects(scope, dashboardUrl)}${chart(scope)}${localOnly(scope, dashboardUrl, account)}`;
+    return `<div class="reticle-report-top">${streak}${identity}</div>${hero}${verdicts}${coverageHtml(coverage)}<div class="reticle-report-grid">${cards}</div>${defects(scope, dashboardUrl)}${chart(scope)}${localOnly(scope, dashboardUrl, account)}`;
 }
 function localOnly(scope, dashboardUrl, account) {
     if (dashboardUrl !== undefined)
@@ -271,13 +228,6 @@ export class PresenterReport {
                 void this.#copy(ACCOUNT_TEXT.SIGNIN_COMMAND, signin);
                 return;
             }
-            const copyPrompt = target.closest(`[${COPY_PROMPT_ATTR}]`);
-            const prompt = this.#snapshot?.instrumentation?.['prompt'];
-            if (copyPrompt !== null && 'string' === typeof prompt) {
-                e.stopPropagation();
-                void this.#copy(prompt, copyPrompt);
-                return;
-            }
             const sync = target.closest(`[${SYNC_BTN_ATTR}]`);
             if (sync !== null) {
                 e.stopPropagation();
@@ -340,7 +290,7 @@ export class PresenterReport {
         this.#body.innerHTML =
             scope === undefined
                 ? `<p class="reticle-report-empty">${REPORT_TEXT.EMPTY}</p>`
-                : reportBodyHtml(scope, this.#snapshot?.dashboardUrl, this.#snapshot?.account, this.#snapshot?.projectName, this.#global ? undefined : this.#snapshot?.coverage, this.#global ? undefined : this.#snapshot?.sync, this.#global ? undefined : this.#snapshot?.instrumentation);
+                : reportBodyHtml(scope, this.#snapshot?.dashboardUrl, this.#snapshot?.account, this.#snapshot?.projectName, this.#global ? undefined : this.#snapshot?.coverage, this.#global ? undefined : this.#snapshot?.sync);
     }
     #openShare(url) {
         window.open(url, '_blank', 'noopener,noreferrer');

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

@@ -1,4 +1,5 @@
 import { SessionState } from '@reticlehq/core';
+import { pageHref } from '../security/page-location.js';
 import { LOG_KIND, LOG_RESULT } from './chrome/presenter-log.js';
 import { getCapabilities } from '../registry/capabilities.js';
 export function buildRunState(input) {
@@ -20,7 +21,7 @@ export function buildRunState(input) {
     }
     return {
         session: input.sessionId,
-        url: 'undefined' === typeof location ? '' : location.href,
+        url: 'undefined' === typeof location ? '' : pageHref(),
         state: input.state,
         startedMs: start,
         durationMs: Math.max(0, (input.endMs ?? input.now) - start),

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

@@ -1,5 +1,4 @@
 import type { HarnessConfig } from '@reticlehq/core';
-import type { HarnessGateView } from './presenter-harness-row.js';
 import { SETTINGS_CSS } from './presenter-settings-styles.js';
 import { type Credits } from '@reticlehq/core/hud';
 import type { AccountState } from '@reticlehq/core';
@@ -45,7 +44,7 @@ export declare function loadPresenterSettings(): PresenterSettings;
 export declare const SETTINGS_ACCOUNT_ATTR = "data-reticle-settings-account";
 export declare const HARNESS_LOCKED_HELP = "The Harness is not available to this workspace right now: see Plan in your Reticle dashboard.";
 export declare function creditsLeft(credits: Credits | undefined): string;
-export declare function paintHarnessRow(root: ParentNode, config: HarnessConfig | undefined, gate?: HarnessGateView): void;
+export declare function paintHarnessRow(root: ParentNode, config: HarnessConfig | undefined): void;
 export declare function paintSettingsAccount(root: HTMLElement, account: AccountState | undefined, dashboardUrl: string | undefined, details?: AccountDetails): void;
 export declare function paintSdkVersion(root: ParentNode, version: string | undefined): void;
 export declare function settingsPanelHtml(): string;
@@ -63,7 +62,7 @@ export declare class PresenterSettingsPanel {
     constructor(host?: SettingsHost);
     contains(node: Node): boolean;
     mount(root: HTMLElement): void;
-    paintHarness(config: HarnessConfig | undefined, gate?: HarnessGateView): void;
+    paintHarness(config: HarnessConfig | undefined): void;
     teardown(): void;
     isOpen(): boolean;
     open(): void;