token-harness 0.1.26 → 0.1.27

package/token-harness.mjs

@@ -9862,7 +9862,7 @@ var TOOL_VERSION;
 var init_version2 = __esm({
   "apps/cli/dist/src/version.js"() {
     "use strict";
-    TOOL_VERSION = "0.1.26";
+    TOOL_VERSION = "0.1.27";
   }
 });
 
@@ -39125,8 +39125,8 @@ var init_guided_product_client = __esm({
   const count = value => new Intl.NumberFormat(undefined, { maximumFractionDigits: 1 }).format(value);
   const date = value => value ? new Date(value).toLocaleString() : 'not recorded';
   const VIEWS = {
-    dashboard: ['Overview', 'Your coding agents, optimization stack, health and measured results in one place.'],
-    results: ['Results', 'Measured evidence by optimizer, routing and coding app.'],
+    dashboard: ['Overview', 'Your setup, results and next steps.'],
+    results: ['Results', 'See what changed and the evidence behind it.'],
   };
   const TOOL_INFO = {
     rtk: {
@@ -39229,7 +39229,10 @@ var init_guided_product_client = __esm({
     $('view-title').textContent = VIEWS[view][0];
     $('view-description').textContent = VIEWS[view][1];
     if (view === 'results') loadActivity();
-    if (focus) $('tab-' + view).focus();
+    if (focus) {
+      $('tab-' + view).focus();
+      $('main').scrollIntoView({ block: 'start' });
+    }
   }
 
   function navigateButton(label, view, cls = 'secondary') {
@@ -39432,7 +39435,7 @@ var init_guided_product_client = __esm({
     const quality = current?.value?.quality;
     if (quality?.state === 'regressed') return { value: 'Regression detected', detail: 'Savings claims are blocked until quality is recovered.', cls: 'warn' };
     if (quality?.state === 'preserved') return { value: 'Preserved', detail: count(quality.pairs) + ' paired benchmark(s) support this result.', cls: 'good' };
-    return { value: 'Not measured yet', detail: 'Quality is never inferred from token savings alone.', cls: '' };
+    return { value: 'Not measured yet', detail: 'Quality needs paired benchmarks; output savings alone are not proof.', cls: '' };
   }
 
   function allowanceSummary() {
@@ -39444,7 +39447,7 @@ var init_guided_product_client = __esm({
     if (five?.state === 'measured' && five.savedPercent !== null) parts.push('5h ' + count(five.savedPercent) + '%');
     if (weekly?.state === 'measured' && weekly.savedPercent !== null) parts.push('7d ' + count(weekly.savedPercent) + '%');
     if (parts.length) return { value: parts.join(' · '), detail: 'Based only on authoritative paired allowance evidence.', cls: 'good' };
-    return { value: 'Not measured yet', detail: 'Plan savings appear only when before/after allowance evidence exists.', cls: '' };
+    return { value: 'Not measured yet', detail: 'Needs paired before/after allowance readings.', cls: '' };
   }
 
   function metricCard(title, value, detail, cls = '') {
@@ -39470,7 +39473,7 @@ var init_guided_product_client = __esm({
         label: 'Needs attention',
         cls: 'warn',
         title: 'Measured quality needs attention',
-        detail: 'A paired benchmark favored the baseline. Token Harness is not crediting the affected savings.',
+        detail: 'A paired benchmark favored the baseline. Affected savings are not credited.',
         action: 'results',
       };
     const routingAttention = agents.filter(agent => agent.promptRouting?.needsRepair ||
@@ -39480,7 +39483,8 @@ var init_guided_product_client = __esm({
         label: 'Routing action required',
         cls: 'warn',
         title: 'Automatic routing needs attention',
-        detail: routingAttention.map(agent => agent.name + ': ' + agent.promptRouting.detail).join(' '),
+        detail: routingAttention.map(agent => agent.name + ': ' + (agent.promptRouting.detail ||
+          (agent.promptRouting.enablement === 'untrusted' ? 'Trust the hook in /hooks, then submit a prompt.' : 'Review the hook status in the coding app.'))).join(' '),
         action: 'routing',
       };
     if (stack?.state === 'attention')
@@ -39495,8 +39499,8 @@ var init_guided_product_client = __esm({
       return {
         label: 'Setup available',
         cls: 'warn',
-        title: 'Your optimization stack has available setup options',
-        detail: 'Choose an optimizer and the coding apps to set it up for. Token Harness shows measured results separately from detected setup.',
+        title: 'Connect your optimization stack',
+        detail: 'Review the recommended optimizers for your coding apps.',
         action: 'configure',
       };
     const unavailable = baselineUnavailableAgents();
@@ -39505,7 +39509,7 @@ var init_guided_product_client = __esm({
         label: 'Setup unavailable',
         cls: '',
         title: 'No automatic optimizer setup is currently available',
-        detail: 'The installed providers do not currently expose a compatible managed connection for these coding agents. This is a capability limitation, not unfinished setup.',
+        detail: 'The installed optimizers do not offer a compatible managed connection for these apps.',
         action: 'none',
       };
     if (!(current?.savings?.rows || []).length)
@@ -39513,14 +39517,14 @@ var init_guided_product_client = __esm({
         label: 'Setup detected',
         cls: 'good',
         title: 'Recommended setup is complete',
-        detail: 'Setup has been detected. This does not prove an optimizer ran or recorded a result; check the Results page for evidence linked to each agent.',
+        detail: 'Use your coding apps normally. Results will show recorded activity; setup alone is not runtime proof.',
         action: 'results',
       };
     return {
       label: 'Ready',
       cls: 'good',
       title: 'Your setup has been checked',
-      detail: 'No setup action is required. The summary below shows which results Token Harness has actually recorded.',
+      detail: 'No setup action required. Open Results to inspect recorded changes.',
       action: 'results',
     };
   }
@@ -39543,9 +39547,12 @@ var init_guided_product_client = __esm({
     if (assessment.action === 'verify') {
       actions.append(actionButton('Re-check health', () => readOnlyOperation('verify')));
     } else if (assessment.action === 'routing') {
-      actions.append(actionButton('Review routing', () => $('coding-agents').scrollIntoView({ block: 'start', behavior: 'smooth' })));
+      actions.append(actionButton('Review routing', () => $('coding-agents').scrollIntoView({ block: 'start' })));
     } else if (assessment.action === 'results') {
-      actions.append(navigateButton('View detailed results', 'results'));
+      if (current?.value?.quality?.state === 'regressed')
+        actions.append(navigateButton('Review quality evidence', 'results', ''));
+    } else if (assessment.action === 'configure') {
+      actions.append(actionButton('Review recommended setup', () => reviewSetup()));
     }
     if (actions.children.length) main.append(actions);
     $('dashboard-status').append(main, pill(assessment.label, assessment.cls));
@@ -39555,10 +39562,9 @@ var init_guided_product_client = __esm({
     const quality = qualitySummary();
     $('dashboard-metrics').replaceChildren(
       reduction
-        ? metricCard('Measured output', reduction.impact.headline, reduction.provider + ' · ' + reduction.measurement, 'positive')
-        : metricCard('Measured output', 'No result yet', 'Missing measurements are not reported as zero savings.'),
+        ? metricCard('Recorded output', reduction.impact.headline, reduction.provider + ' · ' + reduction.measurement + ' · changed outputs only', 'positive')
+        : metricCard('Recorded output', 'No result yet', 'Use a connected app to start recording results.'),
       metricCard('5h / 7d allowance', allowance.value, allowance.detail, allowance.cls),
-      metricCard('API cost', 'Not measured yet', 'Requires billed-token evidence and a verified price basis.'),
       metricCard('Quality', quality.value, quality.detail, quality.cls),
     );
   }
@@ -39639,7 +39645,7 @@ var init_guided_product_client = __esm({
             ' can be set up from the Optimization stack below.'
           : baseline.state === 'unavailable'
             ? 'No managed baseline connection is currently available for this agent.'
-            : 'This card shows detected setup. It does not confirm that an optimizer ran or recorded results.';
+            : 'Optimizer setup detected. Recorded activity appears in Results.';
       card.append(head, node('p', detail));
       card.append(
         node(
@@ -40027,7 +40033,7 @@ var init_guided_product_client = __esm({
     const summaryText = node('div');
     summaryText.append(
       node('strong', ids.length + ' optimizer' + (ids.length === 1 ? '' : 's') + ' · ' + agents.length + ' coding agent' + (agents.length === 1 ? '' : 's')),
-      node('p', 'This matrix shows where setup was detected, not proof that an optimizer ran. Measured results are shown separately on the Results page.', 'caption'),
+      node('p', 'RTK + HarnessTrim are the recommended baseline. Other optimizers are optional.', 'caption'),
     );
     summary.append(summaryText);
     const baselineActionable = ['rtk', 'harnesstrim'].some(id =>
@@ -40063,7 +40069,7 @@ var init_guided_product_client = __esm({
         const target = setupTarget(agent.id, id);
         const state = connectionPresentation(target);
         const cell = node('div', undefined, 'connection-cell');
-        cell.append(pill(state.label, state.cls));
+        cell.append(node('span', agent.name, 'connection-app-label'), pill(state.label, state.cls));
         row.append(cell);
         actionable ||= target?.state === 'actionable';
       }
@@ -40082,7 +40088,7 @@ var init_guided_product_client = __esm({
       if (component?.managedByTokenHarness || component?.configured) {
         const remove = actionButton('Remove managed setup', () => {
           window.tokenHarnessReviewRemoval?.(id, info.name);
-        }, 'secondary');
+        }, 'text-button');
         remove.disabled = busy || typeof window.tokenHarnessReviewRemoval !== 'function';
         action.append(remove);
       }
@@ -40435,7 +40441,7 @@ var init_guided_product_client = __esm({
           'p',
           current?.stack?.state === 'attention'
             ? 'Something changed or could not be verified. Re-check the configured integrations for details.'
-            : 'Setup is already complete. Re-check only when troubleshooting or after external changes.',
+            : 'Re-check integrations after external changes or when troubleshooting.',
           'caption',
         ),
       );
@@ -40459,7 +40465,7 @@ var init_guided_product_client = __esm({
         'p',
         available.length
           ? available.map(component => (TOOL_INFO[component.providerId]?.name || component.providerId) + ' has an update ready.').join(' ')
-          : 'Checks Token Harness and installed optimizer versions. If an update is available, install it from the same dialog; restart this app after updating Token Harness.',
+          : 'Check available versions and review updates before installing.',
         'caption',
       ),
     );
@@ -40489,36 +40495,76 @@ var init_guided_product_client = __esm({
     renderMaintenance();
   }
 
-  function addEvidenceRow(body, type, name, scope, summary, amount, details) {
-    const row = node('tr');
+  function addEvidenceRow(body, type, name, scope, signals, amount, sections) {
+    const row = node('li', undefined, 'evidence-item');
     row.dataset.type = type;
     row.dataset.name = name.toLocaleLowerCase();
-    row.dataset.search = [type, name, scope, summary].join(' ').toLocaleLowerCase();
     row.dataset.amount = String(amount || 0);
-    const systemCell = node('th');
-    systemCell.scope = 'row';
-    systemCell.append(node('strong', name), node('span', type[0].toUpperCase() + type.slice(1), 'caption'));
-    row.append(systemCell, node('td', scope), node('td', summary));
-    const detailCell = node('td');
-    const disclosure = node('details');
-    disclosure.append(node('summary', 'Details'));
-    for (const detail of details) disclosure.append(node('p', detail, 'caption'));
-    detailCell.append(disclosure);
-    row.append(detailCell);
+    const disclosure = node('details', undefined, 'evidence-disclosure');
+    disclosure.dataset.key = type + ':' + name;
+    const summary = node('summary', undefined, 'evidence-summary');
+    const identity = node('span', undefined, 'evidence-identity');
+    const types = { optimizer: 'Optimizer', routing: 'Routing', harness: 'Coding app', candidate: 'Experiment' };
+    identity.append(node('span', types[type], 'evidence-kind'), node('strong', name), node('span', scope, 'caption'));
+    const results = node('span', undefined, 'evidence-signals');
+    for (const signal of signals) {
+      const result = node('span', undefined, 'evidence-signal ' + (signal.tone || ''));
+      result.append(node('strong', signal.value), node('span', signal.label, 'caption'));
+      results.append(result);
+    }
+    const cue = node('span', 'Details', 'evidence-cue');
+    const chevron = node('span', '›', 'evidence-chevron');
+    chevron.setAttribute('aria-hidden', 'true');
+    cue.append(chevron);
+    summary.append(identity, results, cue);
+    const detailBody = node('div', undefined, 'evidence-detail-body');
+    detailBody.append(...sections);
+    disclosure.append(summary, detailBody);
+    row.append(disclosure);
+    // Search includes provenance, so a class/unit or linked app can be found while collapsed.
+    row.dataset.search = [type, types[type], name, scope, row.textContent].join(' ').toLocaleLowerCase();
     body.append(row);
     return row;
   }
 
-  function optimizerEvidenceDetail(row) {
-    const unit = row.unit ? ' ' + row.unit : '';
-    const change = row.before !== null && row.before !== undefined && row.after !== null && row.after !== undefined
-      ? count(row.before) + ' → ' + count(row.after) + unit
-      : count(row.saved) + unit;
-    return [
-      row.impact?.detail || 'Recorded optimizer evidence.',
-      'Recorded change: ' + change,
-      count(row.operations) + ' operation(s)' + (row.agents?.length ? ' · ' + row.agents.join(', ') : ' · no harness attribution'),
-    ];
+  function evidenceSection(title, facts = [], note = '') {
+    const section = node('section', undefined, 'evidence-section');
+    section.append(node('h3', title));
+    if (facts.length) {
+      const list = node('dl', undefined, 'evidence-fact-grid');
+      for (const [label, value] of facts) {
+        const fact = node('div');
+        fact.append(node('dt', label), node('dd', value));
+        list.append(fact);
+      }
+      section.append(list);
+    }
+    if (note) section.append(node('p', note, 'caption'));
+    return section;
+  }
+
+  function optimizerSignal(row, includeProvider = false) {
+    const impact = row.impact;
+    const value = impact && impact.kind !== 'unavailable'
+      ? impact.headline
+      : count(Math.abs(row.saved)) + ' ' + row.unit + (row.saved < 0 ? ' added' : row.saved > 0 ? ' saved' : ' net change');
+    return {
+      value,
+      label: (includeProvider ? row.provider + ' · ' : '') + row.measurement + ' · ' + row.unit,
+      tone: impact?.kind === 'growth' ? 'warn' : impact?.kind === 'reduction' ? 'good' : '',
+    };
+  }
+
+  function optimizerEvidenceDetail(row, includeProvider = false) {
+    const volume = value => value === null || value === undefined ? 'Not recorded' : count(value) + ' ' + row.unit;
+    return evidenceSection((includeProvider ? row.provider + ' · ' : '') + row.measurement + ' · ' + row.unit, [
+      ['Before', volume(row.before)],
+      ['After', volume(row.after)],
+      [row.saved < 0 ? 'Added' : 'Saved', volume(Math.abs(row.saved))],
+      ['Changed outputs', count(row.operations)],
+      ['Recorded app', row.agents?.length ? row.agents.join(', ') : 'Not attributed'],
+    ], (row.impact?.detail || 'A comparable before/after pair is needed to report a percentage.') +
+      (!row.agents?.length ? ' These records do not identify which coding app ran the command.' : ''));
   }
 
   function routingDetails(agent) {
@@ -40532,16 +40578,18 @@ var init_guided_product_client = __esm({
     else if (routing.enablement === 'enabled' || (!routing.enablement && routing.state === 'managed')) lines.push('Configured; waiting for the first runtime callback after a prompt.');
     else if (routing.state === 'external') lines.push('Routing is managed elsewhere; Token Harness leaves it unchanged.');
     else lines.push('Automatic routing is not enabled for this coding app.');
-    if (Number.isFinite(routing.promptSubmissions)) lines.push('Prompt callbacks: ' + count(routing.promptSubmissions));
-    if (Number.isFinite(routing.subagentsStarted)) lines.push('Subagents started: ' + count(routing.subagentsStarted));
-    if (Number.isFinite(routing.subagentsStopped)) lines.push('Subagents stopped: ' + count(routing.subagentsStopped));
-    if (routing.reportedModels?.length) lines.push('Reported models: ' + routing.reportedModels.join(', '));
-    if (routing.lastObservedAt) lines.push('Last callback: ' + date(routing.lastObservedAt));
-    return lines;
+    const facts = [['Verification', tier === 'runtime-observed' ? 'Runtime callback observed' : tier === 'config-only' ? 'Configuration only' : 'Not verified']];
+    if (Number.isFinite(routing.promptSubmissions)) facts.push(['Prompt callbacks', count(routing.promptSubmissions)]);
+    if (Number.isFinite(routing.subagentsStarted)) facts.push(['Subagents started', count(routing.subagentsStarted)]);
+    if (Number.isFinite(routing.subagentsStopped)) facts.push(['Subagents stopped', count(routing.subagentsStopped)]);
+    if (routing.reportedModels?.length) facts.push(['Reported models', routing.reportedModels.join(', ')]);
+    if (routing.lastObservedAt) facts.push(['Last callback', date(routing.lastObservedAt)]);
+    return evidenceSection(agent.name + ' · routing activity', facts, lines[0]);
   }
 
   function renderEvidence() {
     const body = $('result-evidence');
+    const openKeys = new Set([...body.querySelectorAll('details[open]')].map(item => item.dataset.key));
     body.replaceChildren();
     const savings = current?.savings?.rows || [];
     for (const id of optimizerIds()) {
@@ -40549,58 +40597,69 @@ var init_guided_product_client = __esm({
       const component = managedComponent(id);
       const measured = savings.filter(row => row.providerId === id);
       const scope = component?.configuredHarnesses?.length
-        ? component.configuredHarnesses.map(agentName).join(', ')
+        ? 'Setup: ' + component.configuredHarnesses.map(agentName).join(', ')
         : 'No setup detected';
-      const summary = measured.length
-        ? measured.map(row => row.measurement + ' · ' + count(row.saved) + (row.unit ? ' ' + row.unit : '')).join(' · ')
-        : 'No measured evidence';
-      const details = measured.length
-        ? measured.flatMap(optimizerEvidenceDetail)
-        : [component?.configured ? 'Setup is detected, but no result was recorded for this period.' : 'No result was recorded for this optimizer in this period.'];
-      addEvidenceRow(body, 'optimizer', info.name, scope, summary, measured.length, details);
+      const signals = measured.length
+        ? measured.map(row => optimizerSignal(row))
+        : [{ value: 'No results yet', label: 'No output recorded for this period' }];
+      const sections = measured.map(row => optimizerEvidenceDetail(row));
+      if (!measured.length) {
+        const nextStep = evidenceSection('Start recording results', [], component?.configured
+          ? 'Use a connected coding app normally, then Refresh. Detected setup alone does not prove that the optimizer ran.'
+          : 'Review this optimizer in Overview to see available connections.');
+        nextStep.append(navigateButton('Open Overview', 'dashboard'));
+        sections.push(nextStep);
+      }
+      addEvidenceRow(body, 'optimizer', info.name, scope, signals, measured.length, sections);
     }
 
     const routing = current?.value?.routing;
     const routingAgents = activeAgents();
-    const routingDetailsList = routingAgents.flatMap(agent => [agent.name + ':', ...routingDetails(agent)]);
-    if (routing?.state === 'measured' || routing?.pairs > 0) {
-      routingDetailsList.push((routing.pairs ? count(routing.pairs) + ' quality-passed routed pair(s).' : ''));
-      if (routing.savedLocalTokens !== null && routing.savedLocalTokens !== undefined)
-        routingDetailsList.push(routing.savedLocalTokens >= 0
-          ? count(routing.savedLocalTokens) + ' local tokens saved · end-to-end local usage'
-          : count(Math.abs(routing.savedLocalTokens)) + ' local tokens added · end-to-end local usage');
-      if (routing.allowance5h?.savedPercent !== null && routing.allowance5h?.savedPercent !== undefined)
-        routingDetailsList.push('5h allowance change: ' + count(routing.allowance5h.savedPercent) + '%');
-      if (routing.allowance7d?.savedPercent !== null && routing.allowance7d?.savedPercent !== undefined)
-        routingDetailsList.push('7d allowance change: ' + count(routing.allowance7d.savedPercent) + '%');
-    }
-    const routingSummary = routing?.state === 'blocked-by-quality'
-      ? 'Not credited · quality gate'
-      : routing?.savedLocalTokens !== null && routing?.savedLocalTokens !== undefined
-        ? count(routing.savedLocalTokens) + ' local tokens · end-to-end paired evidence'
-        : routing?.state === 'measured' ? 'Allowance evidence measured' : 'Not measured yet';
-    addEvidenceRow(body, 'routing', 'Automatic prompt routing', routingAgents.map(agent => agent.name).join(', ') || 'No coding app detected', routingSummary, routing?.pairs || 0, routingDetailsList.length ? routingDetailsList : ['No routing measurement has been recorded.']);
+    const blocked = routing?.state === 'blocked-by-quality';
+    const routeSignals = [];
+    if (blocked) routeSignals.push({ value: 'Not credited', label: 'Quality gate did not pass', tone: 'warn' });
+    else {
+      if (routing?.savedLocalTokens !== null && routing?.savedLocalTokens !== undefined)
+        routeSignals.push({
+          value: count(Math.abs(routing.savedLocalTokens)) + (routing.savedLocalTokens < 0 ? ' tokens added' : ' tokens saved'),
+          label: 'Paired end-to-end local usage',
+          tone: routing.savedLocalTokens < 0 ? 'warn' : routing.savedLocalTokens > 0 ? 'good' : '',
+        });
+      for (const [key, label] of [['allowance5h', '5h allowance'], ['allowance7d', '7d allowance']]) {
+        const evidence = routing?.[key];
+        if (evidence?.state === 'measured' && evidence.savedPercent !== null && evidence.savedPercent !== undefined)
+          routeSignals.push({ value: count(evidence.savedPercent) + '%', label: label + ' saved · paired evidence', tone: evidence.savedPercent < 0 ? 'warn' : 'good' });
+      }
+      if (!routeSignals.length) routeSignals.push({ value: 'Not measured yet', label: 'Needs paired, quality-passed runs' });
+    }
+    const routingSections = [evidenceSection('Savings verification', [['Quality-passed pairs', count(routing?.pairs || 0)]],
+      blocked ? 'A quality regression blocks the savings claim.' : 'Callback activity proves the hook ran. Savings require paired runs with a passing quality gate.')];
+    for (const agent of routingAgents)
+      routingSections.push(routingDetails(agent));
+    addEvidenceRow(body, 'routing', 'Automatic prompt routing', routingAgents.map(agent => agent.name).join(', ') || 'No coding app detected', routeSignals, routing?.pairs || 0, routingSections);
 
     for (const agent of routingAgents) {
       const linked = savings.filter(row => row.harnesses?.includes(agent.id));
       const configured = configuredProviders().filter(component => component.configuredHarnesses?.includes(agent.id)).map(component => optimizerInfo(component.providerId).name);
-      const details = [
-        'Detected optimizer setup: ' + (configured.join(', ') || 'none'),
-        ...routingDetails(agent),
-        ...(linked.length ? linked.flatMap(optimizerEvidenceDetail) : ['No optimizer measurement is directly linked to this coding app.']),
-      ];
-      addEvidenceRow(body, 'harness', agent.name, agent.version ? 'v' + agent.version : 'Version unavailable', linked.length ? linked.map(row => row.provider + ': ' + row.measurement + ' · ' + count(row.saved) + (row.unit ? ' ' + row.unit : '')).join(' · ') : 'No linked measured evidence', linked.length, details);
+      const sections = [evidenceSection('App attribution', [['Detected setup', configured.join(', ') || 'None']],
+        linked.length ? 'These are the same optimizer records shown above, linked to this app. They are not additional savings.' : 'No optimizer record identifies this app for the selected period. Unattributed records stay under their optimizer.')];
+      sections.push(...linked.map(row => optimizerEvidenceDetail(row, true)));
+      addEvidenceRow(body, 'harness', agent.name, agent.version ? 'v' + agent.version : 'Version unavailable',
+        linked.length ? linked.map(row => optimizerSignal(row, true)) : [{ value: 'No linked results', label: 'No output attributed to this app' }], linked.length, sections);
     }
 
     for (const item of current?.value?.candidates || []) {
       if (!(item.pairs > 0)) continue;
       const candidate = (current?.optimizationCandidates || []).find(entry => entry.id === item.candidateId);
       const name = candidate?.name || item.candidateId;
-      addEvidenceRow(body, 'candidate', name, 'Experimental', count(item.pairs) + ' paired result(s)', item.pairs, [
-        count(item.optimizedBetter || 0) + ' optimized better · ' + count(item.baselineBetter || 0) + ' baseline better.',
-        'Evaluation evidence only; this does not automatically promote or activate the candidate.',
+      addEvidenceRow(body, 'candidate', name, 'Experimental', [{ value: count(item.pairs) + ' paired results', label: 'Evaluation evidence' }], item.pairs, [
+        evidenceSection('Paired evaluation', [
+          ['Optimized better', count(item.optimizedBetter || 0)],
+          ['Baseline better', count(item.baselineBetter || 0)],
+        ], 'Evaluation does not automatically promote or activate this optimizer.'),
       ]);
     }
+    for (const details of body.querySelectorAll('details')) details.open = openKeys.has(details.dataset.key);
     applyEvidenceFilters();
   }
 
@@ -40610,18 +40669,23 @@ var init_guided_product_client = __esm({
     const filter = $('evidence-filter').value.trim().toLocaleLowerCase();
     const type = $('evidence-type').value;
     const sort = $('evidence-sort').value;
-    const rows = [...body.querySelectorAll('tr')];
+    const rows = [...body.children].filter(row => row.dataset.type);
+    const sourceOrder = { optimizer: 0, routing: 1, harness: 2, candidate: 3 };
     rows.sort((a, b) => sort === 'evidence'
-      ? Number(b.dataset.amount) - Number(a.dataset.amount) || a.dataset.name.localeCompare(b.dataset.name)
+      ? Number(Number(b.dataset.amount) > 0) - Number(Number(a.dataset.amount) > 0)
+        || sourceOrder[a.dataset.type] - sourceOrder[b.dataset.type]
+        || Number(b.dataset.amount) - Number(a.dataset.amount) || a.dataset.name.localeCompare(b.dataset.name)
       : sort === 'type'
         ? a.dataset.type.localeCompare(b.dataset.type) || a.dataset.name.localeCompare(b.dataset.name)
         : a.dataset.name.localeCompare(b.dataset.name));
     for (const row of rows) {
-      const shown = (type === 'all' || row.dataset.type === type) && (!filter || row.dataset.search.includes(filter));
-      row.hidden = !shown;
+      row.hidden = !((type === 'all' || row.dataset.type === type) && (!filter || row.dataset.search.includes(filter)));
       body.append(row);
     }
-    $('evidence-empty').hidden = rows.some(row => !row.hidden);
+    const visible = rows.filter(row => !row.hidden).length;
+    $('evidence-count').textContent = visible + ' of ' + rows.length + ' sources';
+    $('evidence-empty').hidden = visible > 0;
+    $('evidence-reset').hidden = !filter && type === 'all';
   }
 
   function measurementHelp() {
@@ -40640,8 +40704,11 @@ var init_guided_product_client = __esm({
     const allowance = allowanceSummary();
     const quality = qualitySummary();
     const savings = current?.savings?.rows || [];
+    const reduction = bestReduction();
     $('result-summary').replaceChildren(
-      metricCard('Measured output', savings.length ? count(savings.length) + ' evidence record(s)' : 'No records yet', 'Exact, estimated and other measurement classes remain separate.'),
+      reduction
+        ? metricCard('Recorded output', reduction.impact.headline, reduction.provider + ' · ' + reduction.measurement + ' · changed outputs only', 'positive')
+        : metricCard('Recorded output', savings.length ? count(savings.length) + ' measurement groups' : 'No records yet', savings.length ? 'Open Evidence for each source and unit.' : 'Use a connected app, then Refresh.'),
       metricCard('5h / 7d allowance', allowance.value, allowance.detail, allowance.cls),
       metricCard('Quality', quality.value, quality.detail, quality.cls),
     );
@@ -40649,13 +40716,14 @@ var init_guided_product_client = __esm({
     const routeStatus = routed?.state === 'blocked-by-quality'
       ? 'Not credited'
       : routed?.savedLocalTokens !== null && routed?.savedLocalTokens !== undefined
-        ? count(routed.savedLocalTokens) + ' local tokens'
+        ? count(Math.abs(routed.savedLocalTokens)) + (routed.savedLocalTokens < 0 ? ' tokens added' : ' tokens saved')
         : routed?.state === 'measured' ? 'Allowance measured' : 'Not measured yet';
-    $('result-summary').append(metricCard('Automatic routing', routeStatus, routed?.pairs ? count(routed.pairs) + ' quality-passed pair(s). Allowance and local tokens are separate.' : 'Routing savings need paired, quality-gated evidence.', routed?.state === 'measured' ? 'positive' : ''));
+    $('result-summary').append(metricCard('Automatic routing', routeStatus, routed?.pairs ? count(routed.pairs) + ' quality-passed pairs · local usage' : 'Needs paired runs with a passing quality gate.', routed?.state === 'blocked-by-quality' || routed?.savedLocalTokens < 0 ? 'warn' : routed?.state === 'measured' ? 'positive' : ''));
     renderEvidence();
     $('results-period-note').textContent = current?.savings?.firstRecordedAt
-      ? 'Recorded from ' + date(current.savings.firstRecordedAt) + ' through ' + date(current.savings.lastRecordedAt)
-      : 'No recorded result dates for this period.';
+      ? 'All locally recorded projects · ' + new Date(current.savings.firstRecordedAt).toLocaleDateString() + ' – ' + new Date(current.savings.lastRecordedAt).toLocaleDateString()
+      : 'All locally recorded projects · no results for this period.';
+    if (current?.savings?.errors) $('results-period-note').textContent += ' · ' + count(current.savings.errors) + ' records could not be read';
   }
 
   function renderActivity() {
@@ -40791,7 +40859,7 @@ var init_guided_product_client = __esm({
       $('stale-state').textContent = '';
       render();
       await loadActivity();
-      setStatus('Checked at ' + new Date(current.generatedAt).toLocaleTimeString() + '. Full checks run again only when you choose Refresh.', false);
+      setStatus('Updated at ' + new Date(current.generatedAt).toLocaleTimeString(), false);
     } catch (error) {
       setError(error.name === 'TimeoutError' ? 'The check took too long. Existing results were kept; choose Refresh to try again.' : error.message);
       setStatus('Check needs attention.', false);
@@ -40838,11 +40906,28 @@ var init_guided_product_client = __esm({
   document.querySelectorAll('[data-view]').forEach(button => {
     button.addEventListener('click', () => selectView(button.dataset.view, true));
   });
+  document.querySelector('.view-tabs').addEventListener('keydown', event => {
+    const views = Object.keys(VIEWS);
+    const index = views.indexOf(selectedView);
+    const next = event.key === 'Home' ? 0 : event.key === 'End' ? views.length - 1
+      : event.key === 'ArrowRight' ? (index + 1) % views.length
+      : event.key === 'ArrowLeft' ? (index + views.length - 1) % views.length : null;
+    if (next === null) return;
+    event.preventDefault();
+    selectView(views[next], true);
+  });
+  $('overview-results').addEventListener('click', () => selectView('results', true));
   $('refresh').addEventListener('click', () => refresh(true));
   $('period').addEventListener('change', changePeriod);
   $('evidence-filter').addEventListener('input', applyEvidenceFilters);
   $('evidence-type').addEventListener('change', applyEvidenceFilters);
   $('evidence-sort').addEventListener('change', applyEvidenceFilters);
+  $('evidence-reset').addEventListener('click', () => {
+    $('evidence-filter').value = '';
+    $('evidence-type').value = 'all';
+    applyEvidenceFilters();
+    $('evidence-filter').focus();
+  });
   $('measurement-help').addEventListener('click', measurementHelp);
   $('theme').addEventListener('change', () => {
     const value = $('theme').value;
@@ -40873,26 +40958,208 @@ var init_guided_product_styles = __esm({
     GUIDE_PRODUCT_CSS = String.raw`
 [hidden]{display:none!important}
 .eyebrow{display:block;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:.35rem}
-.dashboard-status{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(145deg,var(--panel),var(--panel-soft));border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow);margin:1rem 0}.dashboard-status h2{margin:.15rem 0 .45rem;font-size:1.35rem}.dashboard-status p{color:var(--muted);margin:.25rem 0 1rem;max-width:720px}
-.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:.9rem;margin:1rem 0}.dashboard-columns>.panel h2{margin-top:0}.status-list{display:grid;gap:.15rem}.status-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.72rem 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}
-.checklist{display:grid;gap:.25rem}.check-row{display:grid;grid-template-columns:28px 1fr;gap:.5rem;padding:.55rem 0}.check-row p{margin:.15rem 0}.check-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:900}.check-icon.done{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 35%,var(--line));color:var(--good)}
-.setup-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:var(--radius);padding:1rem 1.15rem;margin:1rem 0}.setup-intro h2{margin:.1rem 0 .3rem}.setup-intro p{margin:.2rem 0;color:var(--muted)}
-.setup-step{margin:1.6rem 0}.step-heading{display:grid;grid-template-columns:34px 1fr;gap:.65rem;align-items:start;margin-bottom:.7rem}.step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;font-weight:900}.step-heading h2{margin:0}.step-heading p{margin:.2rem 0;color:var(--muted)}
-.connection-overview{display:grid;gap:.75rem}.connection-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.connection-summary p{margin:.15rem 0 0}.connection-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.connection-table{min-width:max(720px,100%)}.connection-row{display:grid;grid-template-columns:minmax(170px,1.25fr) repeat(var(--connection-columns),minmax(130px,1fr)) minmax(155px,.8fr);align-items:center;gap:.6rem;padding:.72rem .8rem;border-bottom:1px solid var(--line)}.connection-row:last-child{border-bottom:0}.connection-head{background:var(--panel-soft);color:var(--muted);font-size:.8rem}.connection-name{display:grid;gap:.12rem}.connection-cell,.connection-action{min-width:0}.connection-action{display:flex;justify-content:flex-end}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.candidate-comparison-toolbar{grid-column:1/-1;justify-content:flex-end;align-self:start}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.tool-card.experimental{border-style:dashed}.tool-card.compact{box-shadow:none}.tool-card>p{color:var(--muted);margin:.65rem 0}.tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.tool-head h3{margin:0}.tool-facts{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.65rem 0;margin:.65rem 0}.tool-facts span{color:var(--muted);font-size:.8rem}.tool-facts strong{font-size:.85rem}
-.connection-role{max-width:28ch}.setup-choice-list{display:grid;gap:.55rem;margin:.9rem 0}.setup-choice-list h3{margin:.25rem 0 0}.setup-choice{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer}.setup-choice:hover{border-color:var(--accent);background:var(--accent-soft)}.setup-choice input{inline-size:1.1rem;block-size:1.1rem;margin:.15rem 0 0;accent-color:var(--accent)}.setup-choice-copy{display:grid;gap:.2rem}.setup-choice-limitation{color:var(--muted)}
-.routing-feature{margin:.8rem 0;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.routing-feature .tool-head{align-items:center}.routing-feature p{margin:.55rem 0;color:var(--muted)}
-.managed-action-box{margin-top:.8rem;background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.85rem}.managed-action-box p{margin:.1rem 0 .65rem}
-.maintenance-list{display:grid;gap:.55rem}.maintenance-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem}.maintenance-row p{margin:.15rem 0}
-.explain-box{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.8rem;margin:.6rem 0}.explain-box p{margin:.25rem 0;color:var(--muted)}.explain-box.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}.explain-box.safe{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 30%,var(--line))}.operation-progress{margin:.75rem 0;padding:.8rem;border:1px solid var(--line);border-radius:12px}.operation-progress p{margin:.35rem 0 0}
-.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.choice-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:.8rem}.choice-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.choice-button .caption{font-weight:500}
-.result-signal{display:grid;gap:.2rem;border-top:1px solid var(--line);padding:.65rem 0}.result-signal strong{font-size:1rem}.results-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin:1rem 0}.results-header h2{margin:0}.results-header p{margin:.2rem 0;color:var(--muted)}
-.update-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;margin:.8rem 0;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--radius);background:var(--accent-soft)}.update-notice p{margin:.2rem 0 0;color:var(--muted)}
+.dashboard-status{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(145deg,var(--panel),var(--panel-soft));border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow);margin:1rem 0}
+.dashboard-status h2{margin:.15rem 0 .45rem;font-size:1.35rem}
+.dashboard-status p{color:var(--muted);margin:.25rem 0 1rem;max-width:720px}
+.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:.9rem;margin:1rem 0}
+.dashboard-columns>.panel h2{margin-top:0}
+.status-list{display:grid;gap:.15rem}
+.status-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.72rem 0;border-bottom:1px solid var(--line)}
+.status-row:last-child{border-bottom:0}
+.checklist{display:grid;gap:.25rem}
+.check-row{display:grid;grid-template-columns:28px 1fr;gap:.5rem;padding:.55rem 0}
+.check-row p{margin:.15rem 0}
+.check-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:900}
+.check-icon.done{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 35%,var(--line));color:var(--good)}
+.setup-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:var(--radius);padding:1rem 1.15rem;margin:1rem 0}
+.setup-intro h2{margin:.1rem 0 .3rem}
+.setup-intro p{margin:.2rem 0;color:var(--muted)}
+.setup-step{margin:1.6rem 0}
+.step-heading{display:grid;grid-template-columns:34px 1fr;gap:.65rem;align-items:start;margin-bottom:.7rem}
+.step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:#fff;font-weight:900}
+.step-heading h2{margin:0}
+.step-heading p{margin:.2rem 0;color:var(--muted)}
+.connection-overview{display:grid;gap:.75rem}
+.connection-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}
+.connection-summary p{margin:.15rem 0 0}
+.connection-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
+.connection-table{min-width:max(720px,100%)}
+.connection-row{display:grid;grid-template-columns:minmax(170px,1.25fr) repeat(var(--connection-columns),minmax(130px,1fr)) minmax(155px,.8fr);align-items:center;gap:.6rem;padding:.72rem .8rem;border-bottom:1px solid var(--line)}
+.connection-row:last-child{border-bottom:0}
+.connection-head{background:var(--panel-soft);color:var(--muted);font-size:.8rem}
+.connection-name{display:grid;gap:.12rem}
+.connection-cell,.connection-action{min-width:0}
+.connection-action{display:flex;justify-content:flex-end}
+.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
+.candidate-comparison-toolbar{grid-column:1/-1;justify-content:flex-end;align-self:start}
+.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
+.tool-card.experimental{border-style:dashed}
+.tool-card.compact{box-shadow:none}
+.tool-card>p{color:var(--muted);margin:.65rem 0}
+.tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
+.tool-head h3{margin:0}
+.tool-facts{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.65rem 0;margin:.65rem 0}
+.tool-facts span{color:var(--muted);font-size:.8rem}
+.tool-facts strong{font-size:.85rem}
+.connection-role{max-width:28ch}
+.setup-choice-list{display:grid;gap:.55rem;margin:.9rem 0}
+.setup-choice-list h3{margin:.25rem 0 0}
+.setup-choice{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer}
+.setup-choice:hover{border-color:var(--accent);background:var(--accent-soft)}
+.setup-choice input{inline-size:1.1rem;block-size:1.1rem;margin:.15rem 0 0;accent-color:var(--accent)}
+.setup-choice-copy{display:grid;gap:.2rem}
+.setup-choice-limitation{color:var(--muted)}
+.routing-feature{margin:.8rem 0;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}
+.routing-feature .tool-head{align-items:center}
+.routing-feature p{margin:.55rem 0;color:var(--muted)}
+.managed-action-box{margin-top:.8rem;background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.85rem}
+.managed-action-box p{margin:.1rem 0 .65rem}
+.maintenance-list{display:grid;gap:.55rem}
+.maintenance-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem}
+.maintenance-row p{margin:.15rem 0}
+.explain-box{background:var(--panel-soft);border:1px solid var(--line);border-radius:12px;padding:.8rem;margin:.6rem 0}
+.explain-box p{margin:.25rem 0;color:var(--muted)}
+.explain-box.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 35%,var(--line))}
+.explain-box.safe{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 30%,var(--line))}
+.operation-progress{margin:.75rem 0;padding:.8rem;border:1px solid var(--line);border-radius:12px}
+.operation-progress p{margin:.35rem 0 0}
+.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.8rem 0}
+.choice-button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:.25rem;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:.8rem}
+.choice-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}
+.choice-button .caption{font-weight:500}
+.result-signal{display:grid;gap:.2rem;border-top:1px solid var(--line);padding:.65rem 0}
+.result-signal strong{font-size:1rem}
+.results-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin:1rem 0}
+.results-header h2{margin:0}
+.results-header p{margin:.2rem 0;color:var(--muted)}
+.update-notice{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;margin:.8rem 0;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:var(--radius);background:var(--accent-soft)}
+.update-notice p{margin:.2rem 0 0;color:var(--muted)}
 .inline-actions a.secondary{display:inline-flex;align-items:center;padding:.68rem 1rem;border-radius:10px;text-decoration:none;font-weight:700}
-.evidence-panel{padding:0}.evidence-controls{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;padding:.8rem;border-bottom:1px solid var(--line)}.evidence-controls label{display:grid;gap:.25rem;color:var(--muted);font-size:.82rem}.evidence-controls input,.evidence-controls select{min-width:150px}.evidence-controls input{min-width:min(260px,70vw)}.evidence-table-scroll{overflow-x:auto}.evidence-table{width:100%;border-collapse:collapse;min-width:760px}.evidence-table th,.evidence-table td{padding:.75rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.evidence-table thead{background:var(--panel-soft);color:var(--muted);font-size:.8rem}.evidence-table tbody th{min-width:175px;font-weight:600}.evidence-table tbody th span{display:block;margin-top:.2rem}.evidence-table td:nth-child(2){min-width:150px}.evidence-table td:nth-child(3){min-width:240px}.evidence-table td:last-child{min-width:110px}.evidence-table details summary{cursor:pointer;color:var(--accent);font-weight:700}.evidence-table details p{margin:.45rem 0}.evidence-table tr[hidden]{display:none}.activity-scroll{max-height:24rem;overflow-y:auto;overscroll-behavior:contain}.activity-scroll .activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}
-#modal{width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto}#modal-content h3{margin:1rem 0 .4rem}#modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
-@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.setup-intro{grid-template-columns:1fr}}
-@media(max-width:640px){.dashboard-status{flex-direction:column}.choice-grid{grid-template-columns:1fr}.connection-summary{align-items:flex-start;flex-direction:column}.connection-action{justify-content:flex-start}.maintenance-row{align-items:flex-start;flex-direction:column}.results-header{align-items:flex-start;flex-direction:column}.update-notice{align-items:flex-start;flex-direction:column}.activity-scroll .activity-row{grid-template-columns:auto minmax(0,1fr)}.activity-scroll .activity-row time{grid-column:2}}
-@media(max-width:800px){.evidence-table{min-width:0}.evidence-table thead{display:none}.evidence-table tbody{display:block}.evidence-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.65rem;border-bottom:1px solid var(--line)}.evidence-table tbody th,.evidence-table td:nth-child(n){min-width:0;padding:.3rem;border:0;overflow-wrap:anywhere}.evidence-table td:nth-child(3),.evidence-table td:last-child{grid-column:1/-1}}
+/* Shared form controls, including search, use the same sizing and theme tokens. */
+input:not([type="checkbox"]):not([type="radio"]),select,textarea{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--control-line);border-radius:10px;padding:.65rem .75rem;min-height:44px;max-width:100%}input::placeholder{color:var(--muted);opacity:1}input:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{min-height:44px}h2,h3{line-height:1.25;text-wrap:balance}p{overflow-wrap:anywhere}
+:root{--on-accent:#fff;--control-line:#8190a5;--muted:#596579;--shadow:0 2px 8px rgba(28,39,61,.03)}:root[data-theme="dark"]{--on-accent:#101a30;--control-line:#5f7088;--muted:#a6b0c0;--shadow:none}
+@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--on-accent:#101a30;--control-line:#5f7088;--muted:#a6b0c0;--shadow:none}}button:not(.secondary):not(.text-button):not(.choice-button):not([role="tab"]),.brand-mark{color:var(--on-accent)}
+.page-heading h1{font-size:1.8rem}
+.page-heading p{font-size:.95rem}
+.status-line{font-size:.8rem}
+.dashboard-status{background:var(--panel);padding:1.15rem;align-items:center;box-shadow:none}
+.dashboard-status>div{min-width:0}
+.dashboard-status h2{font-size:1.2rem}
+.dashboard-status p{max-width:64ch;margin:.35rem 0 .8rem}
+.dashboard-status>.pill{flex-shrink:0}
+.section-title h2,.results-header h2{font-size:1.15rem}
+.section-title p,.results-header p{font-size:.88rem;max-width:75ch}
+.metric-card{min-height:132px;box-shadow:none;padding:1rem}
+.metric-value{font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}
+.metric-card.positive .metric-value,.metric-card.good .metric-value{color:var(--good)}
+.metric-card.warn .metric-value{color:var(--warn)}
+.metric-help{font-size:.8rem}
+.advanced-disclosure{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:.8rem 1rem}
+.advanced-disclosure>summary{font-size:.88rem}
+.advanced-disclosure[open]>summary{margin-bottom:1rem}
+main,.setup-step{scroll-margin-top:7rem}
+.connection-summary{padding:.8rem 1rem}
+.connection-action{gap:.4rem;flex-wrap:wrap}
+.connection-action .text-button{font-size:.78rem}
+.connection-app-label{display:none}
+.tool-card{box-shadow:none}
+.tool-head{flex-wrap:wrap}
+.routing-feature .tool-head{gap:.4rem}
+.routing-feature .tool-head strong{font-size:.88rem}
+.routing-feature{background:var(--panel-soft)}
+.maintenance-row{padding:1rem}
+.maintenance-row>div{min-width:0}
+.maintenance-row button{flex-shrink:0}
+.maintenance-list{grid-template-columns:repeat(2,minmax(0,1fr))}
+.maintenance-row{align-items:flex-start;flex-direction:column}
+.brand small{font-weight:400}
+.evidence-panel{padding:0;overflow:hidden;box-shadow:none}
+.evidence-controls{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,.4fr) minmax(150px,.4fr);gap:.75rem;padding:1rem;background:var(--panel-soft);border-bottom:1px solid var(--line)}
+.evidence-field{display:grid;gap:.4rem;min-width:0}
+.evidence-controls label{color:var(--muted);font-size:.78rem;font-weight:600}
+.evidence-controls input,.evidence-controls select{width:100%;font-size:.9rem}
+.evidence-list-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;min-height:48px;border-bottom:1px solid var(--line)}
+.evidence-list-meta p{margin:0}
+.evidence-list-meta button{font-size:.8rem}
+.result-evidence{list-style:none;margin:0;padding:0}
+.evidence-item{border-bottom:1px solid var(--line)}
+.evidence-item:last-child{border-bottom:0}
+.evidence-summary{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.6fr) auto;align-items:center;gap:1.5rem;padding:1.15rem 1rem;list-style:none;font-weight:400}
+.evidence-summary::-webkit-details-marker{display:none}
+.evidence-summary:hover{background:var(--panel-soft)}
+.evidence-identity{display:grid;gap:.3rem;min-width:0}
+.evidence-identity>strong{font-size:.98rem;line-height:1.3}
+.evidence-kind{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
+.evidence-signals{display:grid;gap:.75rem;min-width:0}
+.evidence-signal{display:grid;gap:.2rem;line-height:1.4}
+.evidence-signal strong{font-size:1rem;font-weight:650}
+.evidence-signal.good strong{color:var(--good)}
+.evidence-signal.warn strong{color:var(--warn)}
+.evidence-cue{display:flex;align-items:center;gap:.6rem;font-size:.8rem;color:var(--accent);font-weight:700;white-space:nowrap}
+.evidence-chevron{font-size:1.5rem;font-weight:400;line-height:1}
+.evidence-disclosure[open]>.evidence-summary{background:var(--panel-soft)}
+.evidence-disclosure[open] .evidence-chevron{transform:rotate(90deg)}
+.evidence-detail-body{display:grid;gap:1rem;padding:0 1rem 1.15rem;background:var(--panel-soft)}
+.evidence-section{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem}
+.evidence-section h3{margin:0 0 .7rem;font-size:.88rem}
+.evidence-section button{margin-top:.75rem}
+.evidence-section p{margin:.75rem 0 0;max-width:90ch;line-height:1.6}
+.evidence-fact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:1rem;margin:0}
+.evidence-fact-grid dt{color:var(--muted);font-size:.75rem}
+.evidence-fact-grid dd{margin:.25rem 0 0;font-size:.88rem;font-weight:600;overflow-wrap:anywhere}
+.evidence-empty{padding:2rem 1rem;text-align:center}
+.evidence-empty p{margin:.5rem 0 0;color:var(--muted);font-size:.9rem}
+.result-evidence>.empty{padding:1rem}
+.activity-scroll{max-height:24rem;overflow-y:auto;overscroll-behavior:contain}
+.activity-scroll .activity-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--line)}
+#modal{width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto}
+#modal-content h3{margin:1rem 0 .4rem}
+#modal-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
+@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}
+.tool-grid{grid-template-columns:1fr}
+.setup-intro{grid-template-columns:1fr}}
+@media(max-width:640px){.dashboard-status{flex-direction:column}
+.choice-grid{grid-template-columns:1fr}
+.connection-summary{align-items:flex-start;flex-direction:column}
+.connection-action{justify-content:flex-start}
+.maintenance-row{align-items:flex-start;flex-direction:column}
+.results-header{align-items:flex-start;flex-direction:column}
+.update-notice{align-items:flex-start;flex-direction:column}
+.activity-scroll .activity-row{grid-template-columns:auto minmax(0,1fr)}
+.activity-scroll .activity-row time{grid-column:2}}
+@media(max-width:800px){.evidence-summary{grid-template-columns:minmax(130px,.8fr) minmax(0,1.4fr);gap:1rem}
+.evidence-cue{grid-column:2}
+.evidence-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
+.evidence-search{grid-column:1/-1}
+.connection-scroll{overflow:visible;border:0;background:transparent}
+.connection-table{min-width:0;display:grid;gap:.75rem}
+.connection-row{display:flex;flex-wrap:wrap;gap:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:1rem}
+.connection-head{display:none}
+.connection-name{width:100%;gap:.25rem}
+.connection-role{max-width:none}
+.connection-cell{display:flex;align-items:center;gap:.5rem}
+.connection-app-label{display:inline;color:var(--muted);font-size:.8rem}
+.connection-action{width:100%;justify-content:flex-start;padding-top:.65rem;border-top:1px solid var(--line)}}
+@media(max-width:640px){.evidence-summary{grid-template-columns:1fr auto;gap:.85rem;padding:1rem}
+.evidence-identity{grid-column:1}
+.evidence-cue{grid-column:2;grid-row:1;align-self:start}
+.evidence-signals{grid-column:1/-1}
+.evidence-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
+.evidence-section{padding:.8rem}
+.evidence-controls{gap:.65rem;padding:.85rem}
+.evidence-controls input,.evidence-controls select{font-size:.85rem}
+.maintenance-list{grid-template-columns:1fr}
+.dashboard-status{align-items:flex-start}
+.brand small{display:none}
+.section-title{align-items:center}
+.section-title>button{flex-shrink:0}
+.impact-grid{grid-template-columns:1fr}
+.metric-card{min-height:0}
+.header-tools select{display:block;max-width:90px;font-size:.8rem}
+.header-tools{gap:.35rem}
+.brand{gap:.5rem;font-size:.9rem}
+.header-inner{gap:.6rem}
+.header-tools button{padding:.65rem .65rem;font-size:.85rem}}
 `;
   }
 });
@@ -41549,7 +41816,7 @@ ${GUIDE_CANDIDATE_READINESS_JS}`;
 <div class="header-tools"><label><span class="sr-only">Appearance</span><select id="theme" aria-label="Appearance"><option value="system">System</option><option value="light">Light</option><option value="dark">Dark</option></select></label><button id="refresh" class="secondary" type="button">Refresh</button></div>
 </div></header>
 <main id="main">
-<div class="page-heading"><div><h1 id="view-title">Overview</h1><p id="view-description">Your coding agents, optimization stack, health and measured results in one place.</p></div></div>
+<div class="page-heading"><div><h1 id="view-title">Overview</h1><p id="view-description">Your setup, results and next steps.</p></div></div>
 <div class="status-line"><span class="read-status" role="status"><span id="reading-spinner" class="spinner" aria-hidden="true"></span><span id="updated">Checking your setup\u2026</span></span><span id="live-status" class="caption">Nothing changes without your approval</span></div>
 <div id="stale-state" class="stale-state" hidden></div><div id="error" class="error" role="alert" hidden></div><div id="notices"></div>
 <div id="update-notice" class="update-notice" role="status" hidden></div>
@@ -41557,20 +41824,18 @@ ${GUIDE_CANDIDATE_READINESS_JS}`;
 <section id="view-dashboard" role="tabpanel" aria-labelledby="tab-dashboard" tabindex="0">
 <section id="dashboard-status" class="dashboard-status"><div><span class="eyebrow">CURRENT STATUS</span><h2>Checking your machine\u2026</h2><p>Finding Claude Code, Codex, recommended optimizers and measured results.</p></div><span class="pill">Checking</span></section>
 
-<div class="section-title"><div><h2>Measured impact</h2><p>A summary of what Token Harness can actually prove. Open Results for the detailed evidence.</p></div></div>
+<div class="section-title"><div><h2>Measured impact</h2><p>Recorded output, allowance and quality.</p></div><button id="overview-results" class="secondary" type="button">View results</button></div>
 <div id="dashboard-metrics" class="impact-grid" aria-label="Efficiency summary">
-<article class="metric-card"><span class="metric-label">Measured output</span><strong class="metric-value">Checking\u2026</strong><p class="metric-help">Recorded optimizer output.</p></article>
+<article class="metric-card"><span class="metric-label">Recorded output</span><strong class="metric-value">Checking\u2026</strong><p class="metric-help">Recorded optimizer output.</p></article>
 <article class="metric-card"><span class="metric-label">5h / 7d allowance</span><strong class="metric-value">Checking\u2026</strong><p class="metric-help">Shown only when measured.</p></article>
-<article class="metric-card"><span class="metric-label">API cost</span><strong class="metric-value">Checking\u2026</strong><p class="metric-help">Shown only from billing evidence.</p></article>
 <article class="metric-card"><span class="metric-label">Quality</span><strong class="metric-value">Checking\u2026</strong><p class="metric-help">Measured separately from savings.</p></article>
 </div>
 
 <section class="setup-step" id="coding-agents">
-<div class="section-title"><div><h2>Coding agents</h2><p>Enable automatic per-prompt routing here for each detected coding app. The card distinguishes hook configuration from callbacks actually observed at runtime.</p></div></div>
+<div class="section-title"><div><h2>Coding agents</h2><p>Manage automatic routing for each app.</p></div></div>
 <div id="setup-agents" class="tool-grid"><article class="tool-card"><h3>Checking agents\u2026</h3></article></div>
 <details class="disclosure advanced-disclosure">
-<summary>Agent details and optional reasoning settings</summary>
-<p class="caption">Allowance, tool observations and reasoning preferences are advanced information. They are not required to finish optimizer setup.</p>
+<summary>Agent details &amp; reasoning settings</summary>
 <div id="agent-capabilities" class="tool-grid"><article class="tool-card"><h3>Checking agent details\u2026</h3></article></div>
 <div class="subsection-heading"><h3>Optional reasoning settings</h3><p class="caption">Persistent agent preferences are separate from optimizer setup.</p></div>
 <div id="agent-tuning" class="tool-grid"><article class="tool-card"><h3>Checking reasoning controls\u2026</h3></article></div>
@@ -41578,29 +41843,34 @@ ${GUIDE_CANDIDATE_READINESS_JS}`;
 </section>
 
 <section class="setup-step" id="optimizers">
-<div class="section-title"><div><h2>Optimizer setup</h2><p>This matrix shows which optimizer setup Token Harness detected for each coding app. It does not confirm runtime activity; measured results appear separately when evidence is recorded.</p></div></div>
+<div class="section-title"><div><h2>Optimizer setup</h2><p>Connections detected for each app. Setup alone does not prove runtime activity.</p></div></div>
 <div id="connection-overview" class="connection-overview"><p class="empty">Checking optimizer connections\u2026</p></div>
 </section>
 
 <section class="setup-step" id="maintenance">
-<div class="section-title"><div><h2>Health and updates</h2><p>These are maintenance actions, not onboarding steps. Setup already performs its own safety checks.</p></div></div>
+<div class="section-title"><div><h2>Health and updates</h2></div></div>
 <div id="maintenance-actions" class="maintenance-list"><p class="empty">Checking\u2026</p></div>
 </section>
 </section>
 
 <section id="view-results" role="tabpanel" aria-labelledby="tab-results" tabindex="0" hidden>
-<div class="results-header"><div><h2>Results dashboard</h2><p>Measured evidence by optimizer, routing and coding app. Different classes and units stay separate.</p></div><div class="filter-row"><label for="period">Period</label><select id="period"><option value="all">All</option><option value="7d">7 days</option><option value="30d">30 days</option></select><button id="measurement-help" class="secondary" type="button">How results are recorded</button></div></div>
+<div class="results-header"><div><h2>Measured impact</h2><p>Each result keeps its source and measurement type.</p></div><div class="filter-row"><label for="period" class="sr-only">Results period</label><select id="period"><option value="all">All recorded history</option><option value="7d">Last 7 days</option><option value="30d">Last 30 days</option></select><button id="measurement-help" class="secondary" type="button">How to read results</button></div></div>
 <div id="result-summary" class="impact-grid" aria-label="Results overview"><article class="metric-card"><span class="metric-label">Measured evidence</span><strong class="metric-value">Checking\u2026</strong></article></div>
 <div class="section-title"><div><h2>Evidence</h2><p id="results-period-note">Checking recorded dates\u2026</p></div></div>
 <section class="panel evidence-panel">
-<div class="evidence-controls"><label>Filter <input id="evidence-filter" type="search" placeholder="Optimizer, harness, class\u2026" autocomplete="off"></label><label>Type <select id="evidence-type"><option value="all">All</option><option value="optimizer">Optimizers</option><option value="routing">Routing</option><option value="harness">Coding apps</option><option value="candidate">Experiments</option></select></label><label>Sort <select id="evidence-sort"><option value="name">Name</option><option value="evidence">Evidence count</option><option value="type">Type</option></select></label></div>
-<div class="evidence-table-scroll"><table class="evidence-table"><thead><tr><th scope="col">System</th><th scope="col">Scope</th><th scope="col">Measured evidence</th><th scope="col">Details</th></tr></thead><tbody id="result-evidence"><tr><td colspan="4">Checking recorded results\u2026</td></tr></tbody></table></div>
-<p id="evidence-empty" class="empty" hidden>No evidence matches these filters.</p>
+<div class="evidence-controls">
+<div class="evidence-field evidence-search"><label for="evidence-filter">Search evidence</label><input id="evidence-filter" type="search" placeholder="Search sources, apps or measurements" autocomplete="off"></div>
+<div class="evidence-field"><label for="evidence-type">Source type</label><select id="evidence-type"><option value="all">All sources</option><option value="optimizer">Optimizers</option><option value="routing">Routing</option><option value="harness">Coding apps</option><option value="candidate">Experiments</option></select></div>
+<div class="evidence-field"><label for="evidence-sort">Sort by</label><select id="evidence-sort"><option value="evidence">With results first</option><option value="name">Name</option><option value="type">Source type</option></select></div>
+</div>
+<div class="evidence-list-meta"><p id="evidence-count" class="caption" role="status"></p><button id="evidence-reset" class="text-button" type="button" hidden>Clear filters</button></div>
+<ul id="result-evidence" class="result-evidence" aria-label="Evidence by source"><li class="empty">Checking recorded results\u2026</li></ul>
+<div id="evidence-empty" class="evidence-empty" hidden><strong>No matching sources</strong><p>Try a different search or clear the filters.</p></div>
 </section>
 <div class="section-title"><div><h2>Recent activity</h2><p>Latest checks and changes from this app session.</p></div></div><section class="panel"><div id="activity" class="activity-scroll"><p class="empty">No activity yet.</p></div></section>
 </section>
 
-<footer><span>Local data. No account required.</span><span>Full overview refresh runs only when you choose Refresh.</span></footer>
+<footer><span>Local data. No account required.</span></footer>
 </main>
 <dialog id="modal" aria-labelledby="modal-title"><div class="dialog-body"><div class="dialog-heading"><h2 id="modal-title">Review</h2></div><div id="modal-content"></div><div id="modal-error" class="error" role="alert" hidden></div><div id="modal-actions" class="dialog-actions"></div></div></dialog>
 <script src="/guide.js" defer></script></body></html>`;