spawnfile 0.1.24 → 0.1.27

package/dist/training/viewer/cockpit/evidence.js

@@ -0,0 +1,58 @@
+import { escapeHtml, shown, table } from './format.js';
+function checkTree(checks) {
+    if (checks.length === 0)
+        return '<p class="muted">No checks supplied.</p>';
+    return `<ul>${checks.map((check) => `<li><strong>${escapeHtml(check.label)}</strong> — ${escapeHtml(check.status)};
+score ${shown(check.score)}${check.weight === undefined ? '' : ` · weight ${shown(check.weight)} · contribution ${shown(check.weightedContribution ?? null)}`} <span class="muted">(${escapeHtml(check.id)})</span>
+${check.judgeFailure === undefined ? '' : `<p class="muted">Judge failure: ${escapeHtml(check.judgeFailure.cause)}${check.judgeFailure.status === undefined ? '' : ` ${check.judgeFailure.status}`}${check.judgeFailure.kind === undefined ? '' : ` (${escapeHtml(check.judgeFailure.kind)})`} · judge ${escapeHtml(check.judgeFailure.judge)} · requested ${escapeHtml(check.judgeFailure.requestedModel ?? 'unknown')} · answered ${escapeHtml(check.judgeFailure.responseModel ?? 'unknown')} via ${escapeHtml(check.judgeFailure.responseRoute ?? 'unknown')}</p>`}
+<p>Evidence: ${escapeHtml(check.evidenceIds.join(', ') || 'None supplied')}</p>
+${check.children.length === 0 ? '' : checkTree(check.children)}</li>`).join('')}</ul>`;
+}
+function money(value) {
+    if (value === null)
+        return 'Unknown';
+    return value.low === value.high ? `$${value.low.toFixed(6)}` : `$${value.low.toFixed(6)}–$${value.high.toFixed(6)}`;
+}
+export function costView(costs) {
+    if (costs === undefined)
+        return '<p class="muted">No cost estimate or recorded valuation supplied.</p>';
+    const { planned, observed } = costs;
+    const sources = [...(planned?.lines ?? []), ...(observed?.lines ?? [])].flatMap(line => line.price === null ? [] : [line.price]);
+    const references = [...new Map(sources.map(price => [JSON.stringify(price), price])).values()].map(price => `<li>${price.source === null ? 'Source link unavailable' : `<a href="${escapeHtml(price.source)}" rel="noreferrer">Rate source</a>`} · checked ${escapeHtml(price.checkedAt)}</li>`).join('');
+    const estimate = planned === undefined ? '<p class="muted">No preflight estimate supplied.</p>' :
+        `<p>API-equivalent estimate: <strong>${money(planned.total)}</strong> · known subtotal ${money(planned.knownSubtotal)} · ${escapeHtml(planned.coverage)}</p>
+<p class="muted">Planning assumptions, not a spending ceiling or an observed charge.</p>
+${table(['Role / name', 'Phase', 'Requested model', 'Provider', 'Planned calls', 'Estimate USD'], planned.lines.map(line => [`${line.role} / ${line.name}`, line.phase, line.model, shown(line.provider), String(line.plannedCalls), money(line.amount)]))}`;
+    const recorded = observed === undefined ? '<p class="muted">No recorded cost valuation supplied.</p>' :
+        `<p>Recorded API-equivalent cost: <strong>${money(observed.total)}</strong> · known subtotal ${money(observed.knownSubtotal)}</p>
+<p>Observed-entry pricing: ${escapeHtml(observed.completeness)} · usage capture: ${escapeHtml(observed.usageCoverage)}.</p>
+<p class="muted">Unknown or invalid usage is not zero. Recorded totals may omit unobserved work. Subject model attribution is an unverified requested-model assumption.</p>
+${table(['Role / name', 'Recorded entries', 'API-equivalent USD', 'Known subtotal USD'], observed.groups.map(group => [`${group.role} / ${group.name}`, String(group.entryCount), money(group.amount), money(group.knownSubtotal)]))}
+<details><summary>Recorded models, outcomes and token counts</summary>
+${table(['Role / name', 'Model / attribution', 'Requested model', 'Provider / route', 'Outcome', 'Input', 'Cache reads', 'Cache writes', 'Writes 5m / 1h', 'Output', 'Reasoning', 'Valuation / USD'], observed.lines.map(line => [`${line.role} / ${line.name}`, `${shown(line.model)} / ${line.modelBasis}`, shown(line.requestedModel),
+            `${shown(line.provider)} / ${shown(line.route)}`, line.outcome,
+            shown(line.usage?.inputTokens ?? null), shown(line.usage?.cachedInputTokens ?? null), shown(line.usage?.cacheWriteInputTokens ?? null),
+            `${shown(line.usage?.cacheWrite5mInputTokens ?? null)} / ${shown(line.usage?.cacheWrite1hInputTokens ?? null)}`,
+            shown(line.usage?.outputTokens ?? null), shown(line.usage?.reasoningTokens ?? null),
+            `${line.usage?.invalid ? 'Invalid usage; ' : ''}${line.valuationStatus} / ${money(line.amount)}`]))}</details>`;
+    return `<p>USD text-token valuation only. Subscription fees and subscription quota percentages are separate and unknown.</p>
+${estimate}${recorded}<p class="muted">Cache reads and cache writes are distinct subsets of input; reasoning is already included in output.</p>
+${references ? `<ul>${references}</ul>` : '<p class="muted">No dated rate source supplied.</p>'}`;
+}
+export function trialDetails(data) {
+    if (data.trials.length === 0)
+        return '<p class="empty-state">No trials supplied.</p>';
+    return data.trials.map((trial, index) => `<details class="detail-drawer" id="trial-${index}" data-trial-key="${escapeHtml(trial.id)}"><summary>Trial ${String(index + 1).padStart(2, '0')} · ${escapeHtml(trial.caseId)} <span class="badge">${escapeHtml(trial.status.split(' ')[0])}</span></summary>
+<div class="panel-body"><p class="mono-id">${escapeHtml(trial.id)} · candidate ${escapeHtml(trial.candidateId)}</p><p>Optimizer reward: score ${shown(trial.score)}</p>
+<h3>Required checks</h3>${checkTree(trial.checks)}
+<details><summary>Evidence events · ${trial.events.length}</summary>${table(['ID', 'Type', 'Timestamp', 'Summary'], trial.events.map(event => [event.id, event.type, event.timestamp, event.summary]))}</details>
+<details><summary>Observation coverage</summary>${table(['Channel', 'Completeness', 'Ordering'], trial.coverage.map(row => [row.channel, row.completeness, row.ordering]))}</details>
+</div></details>`).join('');
+}
+export function provenance(data) {
+    return `<p>Selected candidate: ${escapeHtml(data.optimizer?.selectedCandidateId ?? 'None supplied')}</p>
+${data.optimizer === undefined ? '<p>No optimizer progress supplied.</p>' : `<p>${escapeHtml(data.optimizer.name)} · ${data.optimizer.evaluations}/${data.optimizer.maxMetricCalls} evaluations · ${data.optimizer.proposals}/${data.optimizer.maxProposals} proposals</p>`}
+${table(['Candidate identity', 'Parents', 'Validation reward', 'Editable resources'], data.candidates.map(candidate => [candidate.id, candidate.parentIds.join(', ') || 'Baseline', shown(candidate.validationScore), candidate.editablePaths.join('\n')]))}
+<h3>Recorded usage</h3>${table(['Purpose', 'Model / attribution', 'Route', 'Input', 'Cache reads', 'Output', 'Source'], data.usage.map(entry => [entry.purpose, `${shown(entry.model)} / ${entry.model === null ? 'unknown' : entry.modelBasis ?? 'provider-reported'}`, shown(entry.route), shown(entry.usage?.inputTokens ?? null), shown(entry.usage?.cachedInputTokens ?? null), shown(entry.usage?.outputTokens ?? null), entry.usage?.source ?? 'Unknown']))}`;
+}
+//# sourceMappingURL=evidence.js.map

package/dist/training/viewer/cockpit/evidence.js.map

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

package/dist/training/viewer/cockpit/format.d.ts

@@ -0,0 +1,11 @@
+export declare function escapeHtml(value: string): string;
+export declare function shown(value: string | number | null): string;
+export declare function number(value: number | null): string;
+export declare function percent(value: number | null): string;
+export declare function delta(value: number | null): string;
+export declare function shortId(value: string): string;
+export declare function money(value: {
+    low: number;
+    high: number;
+} | null | undefined): string;
+export declare function table(headers: string[], rows: string[][]): string;

package/dist/training/viewer/cockpit/format.js

@@ -0,0 +1,27 @@
+export function escapeHtml(value) {
+    return value.replace(/[&<>"']/g, character => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;',
+        '"': '&quot;', "'": '&#39;' })[character]);
+}
+export function shown(value) { return value === null ? 'Unknown' : String(value); }
+export function number(value) {
+    if (value === null)
+        return '—';
+    return new Intl.NumberFormat('en-US', { maximumFractionDigits: 1 }).format(value);
+}
+export function percent(value) { return value === null ? '—' : number(value * 100); }
+export function delta(value) {
+    return value === null ? '—' : `${value > 0 ? '+' : value < 0 ? '−' : ''}${number(Math.abs(value) * 100)}`;
+}
+export function shortId(value) { return value.replace(/^sha256:/, '').slice(0, 8); }
+export function money(value) {
+    if (value == null)
+        return '—';
+    return value.low === value.high ? `$${value.low.toFixed(2)}` : `$${value.low.toFixed(2)}–${value.high.toFixed(2)}`;
+}
+export function table(headers, rows) {
+    if (rows.length === 0)
+        return '<p class="empty-state">No entries supplied.</p>';
+    return `<div class="scroll"><table class="compact-table"><thead><tr>${headers.map(value => `<th scope="col">${escapeHtml(value)}</th>`).join('')}</tr></thead>
+<tbody>${rows.map(row => `<tr>${row.map(value => `<td>${escapeHtml(value)}</td>`).join('')}</tr>`).join('')}</tbody></table></div>`;
+}
+//# sourceMappingURL=format.js.map

package/dist/training/viewer/cockpit/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../../../src/training/viewer/cockpit/format.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM;QACrF,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,SAAS,CAAE,CAAC,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,KAA6B,IAAY,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAEnH,MAAM,UAAU,MAAM,CAAC,KAAoB;IACzC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,GAAG,CAAC;IAC/B,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAoB,IAAY,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AAE5G,MAAM,UAAU,KAAK,CAAC,KAAoB;IACxC,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;AAC5G,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAa,IAAY,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAEpG,MAAM,UAAU,KAAK,CAAC,KAAuD;IAC3E,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,OAAO,KAAK,CAAC,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AACrH,CAAC;AAED,MAAM,UAAU,KAAK,CAAC,OAAiB,EAAE,IAAgB;IACvD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,iDAAiD,CAAC;IAChF,OAAO,+DAA+D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,mBAAmB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;SACzI,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,wBAAwB,CAAC;AACpI,CAAC"}

package/dist/training/viewer/cockpit/index.d.ts

@@ -0,0 +1,4 @@
+export { renderCockpit } from './page.js';
+export { cockpitStyles } from './styles.js';
+export { cockpitScript } from './interaction.js';
+export { escapeHtml } from './format.js';

package/dist/training/viewer/cockpit/index.js

@@ -0,0 +1,5 @@
+export { renderCockpit } from './page.js';
+export { cockpitStyles } from './styles.js';
+export { cockpitScript } from './interaction.js';
+export { escapeHtml } from './format.js';
+//# sourceMappingURL=index.js.map

package/dist/training/viewer/cockpit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/training/viewer/cockpit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/training/viewer/cockpit/interaction.d.ts

@@ -0,0 +1,2 @@
+/** Shipped read-only browser controller; source data comes only from the local viewer. */
+export declare const cockpitScript = "\n(function () {\n  let stream, controller, fetching = false, pending = false, unloaded = false, terminal = false;\n  const current = () => location.hash.slice(1).split('/');\n  const state = text => { const label = document.getElementById('stream-state'); if (label) label.textContent = text; };\n  const drawers = () => Array.from(document.querySelectorAll('[data-view-pane]')).flatMap(pane => {\n    const positions = new Map();\n    return Array.from(pane.querySelectorAll('details')).map(node => {\n      const identity = node.closest('[data-trial-key]')?.dataset.trialKey ?? null;\n      const ordinal = positions.get(identity) ?? 0; positions.set(identity, ordinal + 1);\n      return [JSON.stringify([pane.dataset.viewPane, identity, ordinal]), node];\n    });\n  });\n  const display = (view, metric) => {\n    const buttons = Array.from(document.querySelectorAll('[data-view-button]'));\n    const panes = Array.from(document.querySelectorAll('[data-view-pane]'));\n    const metrics = Array.from(document.querySelectorAll('[data-metric-panel]'));\n    const target = buttons.some(button => button.dataset.viewButton === view) ? view : 'overview';\n    const chosen = metrics.some(pane => pane.dataset.metricPanel === metric) ? metric : (metrics[0]?.dataset.metricPanel ?? '0');\n    for (const button of buttons) {\n      const active = button.dataset.viewButton === target;\n      button.classList.toggle('active', active); button.setAttribute('aria-pressed', String(active));\n    }\n    for (const pane of panes) pane.hidden = pane.dataset.viewPane !== target;\n    for (const pane of metrics) pane.hidden = pane.dataset.metricPanel !== chosen;\n    for (const select of document.querySelectorAll('[data-metric-select]')) select.value = chosen;\n    location.hash = target + '/' + chosen;\n  };\n  const apply = next => {\n    // Read presentation state at commit time: the user may interact before a snapshot arrives.\n    const live = document.getElementById('poll').checked;\n    const scroll = new Map(Array.from(document.querySelectorAll('[data-view-pane], .sidebar')).map(pane => [pane.dataset.viewPane ?? 'sidebar', pane.scrollTop]));\n    const opened = new Map(drawers().map(([key, node]) => [key, node.open]));\n    const focusId = document.activeElement?.id;\n    document.querySelector('.shell').replaceWith(next);\n    document.getElementById('poll').checked = live;\n    bind(); display(current()[0], current()[1]);\n    for (const pane of document.querySelectorAll('[data-view-pane], .sidebar')) pane.scrollTop = scroll.get(pane.dataset.viewPane ?? 'sidebar') ?? 0;\n    for (const [key, node] of drawers()) node.open = opened.get(key) ?? false;\n    if (focusId) document.getElementById(focusId)?.focus({ preventScroll: true });\n  };\n  const refresh = async () => {\n    if (unloaded || terminal) return;\n    if (fetching) { pending = true; return; }\n    fetching = true;\n    controller = new AbortController();\n    const timeout = setTimeout(() => controller?.abort(), 10000);\n    try {\n      const response = await fetch(location.pathname + location.search, { cache: 'no-store', signal: controller.signal });\n      if (!response.ok) throw new Error();\n      const next = new DOMParser().parseFromString(await response.text(), 'text/html').querySelector('.shell');\n      if (!next) throw new Error();\n      if (unloaded || terminal) return;\n      apply(next);\n      const live = document.getElementById('poll').checked;\n      state(live ? (stream?.readyState === 1 ? 'Streaming' : 'Connecting') : 'Paused');\n    } catch { if (!unloaded && !terminal) state('Snapshot unavailable'); }\n    finally { clearTimeout(timeout); controller = undefined; fetching = false; if (pending) { pending = false; void refresh(); } }\n  };\n  const connect = () => {\n    stream?.close(); stream = undefined;\n    if (terminal) { state('Viewer closed'); return; }\n    if (!document.getElementById('poll').checked) { pending = false; state('Paused'); return; }\n    state('Connecting');\n    const connection = new EventSource('/api/events' + location.search); stream = connection;\n    const active = () => stream === connection && !unloaded && !terminal;\n    stream.addEventListener('open', () => { if (active()) state('Streaming'); });\n    stream.addEventListener('snapshot', () => { if (active() && document.visibilityState !== 'hidden') void refresh(); });\n    stream.addEventListener('final', event => {\n      if (!active()) return;\n      terminal = true; pending = false; controller?.abort(); connection.close();\n      try {\n        const payload = JSON.parse(event.data);\n        if (typeof payload.html === 'string') {\n          const next = new DOMParser().parseFromString(payload.html, 'text/html').querySelector('.shell');\n          if (!next) throw new Error();\n          apply(next);\n        }\n        document.getElementById('poll').checked = false;\n        state('Viewer closed');\n      } catch { state('Final snapshot unavailable'); }\n    });\n    stream.addEventListener('unavailable', () => { if (active()) state('Snapshot unavailable'); });\n    stream.addEventListener('error', () => { if (active()) state('Disconnected \u00B7 reconnecting'); });\n  };\n  const bind = () => {\n    for (const button of document.querySelectorAll('[data-view-button]')) button.addEventListener('click', () => display(button.dataset.viewButton, current()[1] ?? '0'));\n    for (const select of document.querySelectorAll('[data-metric-select]')) select.addEventListener('change', () => { location.search = '?metric=' + select.value; });\n    for (const button of document.querySelectorAll('[data-open-trial]')) button.addEventListener('click', () => {\n      display('trials', current()[1] ?? '0');\n      const drawer = document.getElementById('trial-' + button.dataset.openTrial);\n      if (drawer) { drawer.open = true; drawer.scrollIntoView({ block: 'nearest' }); drawer.focus(); }\n    });\n    document.getElementById('refresh').addEventListener('click', () => { void refresh(); });\n    document.getElementById('poll').addEventListener('change', connect);\n  };\n  bind(); display(current()[0] ?? 'overview', current()[1] ?? '0'); connect();\n  document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible' && document.getElementById('poll').checked) void refresh(); });\n  window.addEventListener('beforeunload', () => { unloaded = true; pending = false; stream?.close(); controller?.abort(); });\n})();\n";

package/dist/training/viewer/cockpit/interaction.js

@@ -0,0 +1,103 @@
+/** Shipped read-only browser controller; source data comes only from the local viewer. */
+export const cockpitScript = `
+(function () {
+  let stream, controller, fetching = false, pending = false, unloaded = false, terminal = false;
+  const current = () => location.hash.slice(1).split('/');
+  const state = text => { const label = document.getElementById('stream-state'); if (label) label.textContent = text; };
+  const drawers = () => Array.from(document.querySelectorAll('[data-view-pane]')).flatMap(pane => {
+    const positions = new Map();
+    return Array.from(pane.querySelectorAll('details')).map(node => {
+      const identity = node.closest('[data-trial-key]')?.dataset.trialKey ?? null;
+      const ordinal = positions.get(identity) ?? 0; positions.set(identity, ordinal + 1);
+      return [JSON.stringify([pane.dataset.viewPane, identity, ordinal]), node];
+    });
+  });
+  const display = (view, metric) => {
+    const buttons = Array.from(document.querySelectorAll('[data-view-button]'));
+    const panes = Array.from(document.querySelectorAll('[data-view-pane]'));
+    const metrics = Array.from(document.querySelectorAll('[data-metric-panel]'));
+    const target = buttons.some(button => button.dataset.viewButton === view) ? view : 'overview';
+    const chosen = metrics.some(pane => pane.dataset.metricPanel === metric) ? metric : (metrics[0]?.dataset.metricPanel ?? '0');
+    for (const button of buttons) {
+      const active = button.dataset.viewButton === target;
+      button.classList.toggle('active', active); button.setAttribute('aria-pressed', String(active));
+    }
+    for (const pane of panes) pane.hidden = pane.dataset.viewPane !== target;
+    for (const pane of metrics) pane.hidden = pane.dataset.metricPanel !== chosen;
+    for (const select of document.querySelectorAll('[data-metric-select]')) select.value = chosen;
+    location.hash = target + '/' + chosen;
+  };
+  const apply = next => {
+    // Read presentation state at commit time: the user may interact before a snapshot arrives.
+    const live = document.getElementById('poll').checked;
+    const scroll = new Map(Array.from(document.querySelectorAll('[data-view-pane], .sidebar')).map(pane => [pane.dataset.viewPane ?? 'sidebar', pane.scrollTop]));
+    const opened = new Map(drawers().map(([key, node]) => [key, node.open]));
+    const focusId = document.activeElement?.id;
+    document.querySelector('.shell').replaceWith(next);
+    document.getElementById('poll').checked = live;
+    bind(); display(current()[0], current()[1]);
+    for (const pane of document.querySelectorAll('[data-view-pane], .sidebar')) pane.scrollTop = scroll.get(pane.dataset.viewPane ?? 'sidebar') ?? 0;
+    for (const [key, node] of drawers()) node.open = opened.get(key) ?? false;
+    if (focusId) document.getElementById(focusId)?.focus({ preventScroll: true });
+  };
+  const refresh = async () => {
+    if (unloaded || terminal) return;
+    if (fetching) { pending = true; return; }
+    fetching = true;
+    controller = new AbortController();
+    const timeout = setTimeout(() => controller?.abort(), 10000);
+    try {
+      const response = await fetch(location.pathname + location.search, { cache: 'no-store', signal: controller.signal });
+      if (!response.ok) throw new Error();
+      const next = new DOMParser().parseFromString(await response.text(), 'text/html').querySelector('.shell');
+      if (!next) throw new Error();
+      if (unloaded || terminal) return;
+      apply(next);
+      const live = document.getElementById('poll').checked;
+      state(live ? (stream?.readyState === 1 ? 'Streaming' : 'Connecting') : 'Paused');
+    } catch { if (!unloaded && !terminal) state('Snapshot unavailable'); }
+    finally { clearTimeout(timeout); controller = undefined; fetching = false; if (pending) { pending = false; void refresh(); } }
+  };
+  const connect = () => {
+    stream?.close(); stream = undefined;
+    if (terminal) { state('Viewer closed'); return; }
+    if (!document.getElementById('poll').checked) { pending = false; state('Paused'); return; }
+    state('Connecting');
+    const connection = new EventSource('/api/events' + location.search); stream = connection;
+    const active = () => stream === connection && !unloaded && !terminal;
+    stream.addEventListener('open', () => { if (active()) state('Streaming'); });
+    stream.addEventListener('snapshot', () => { if (active() && document.visibilityState !== 'hidden') void refresh(); });
+    stream.addEventListener('final', event => {
+      if (!active()) return;
+      terminal = true; pending = false; controller?.abort(); connection.close();
+      try {
+        const payload = JSON.parse(event.data);
+        if (typeof payload.html === 'string') {
+          const next = new DOMParser().parseFromString(payload.html, 'text/html').querySelector('.shell');
+          if (!next) throw new Error();
+          apply(next);
+        }
+        document.getElementById('poll').checked = false;
+        state('Viewer closed');
+      } catch { state('Final snapshot unavailable'); }
+    });
+    stream.addEventListener('unavailable', () => { if (active()) state('Snapshot unavailable'); });
+    stream.addEventListener('error', () => { if (active()) state('Disconnected · reconnecting'); });
+  };
+  const bind = () => {
+    for (const button of document.querySelectorAll('[data-view-button]')) button.addEventListener('click', () => display(button.dataset.viewButton, current()[1] ?? '0'));
+    for (const select of document.querySelectorAll('[data-metric-select]')) select.addEventListener('change', () => { location.search = '?metric=' + select.value; });
+    for (const button of document.querySelectorAll('[data-open-trial]')) button.addEventListener('click', () => {
+      display('trials', current()[1] ?? '0');
+      const drawer = document.getElementById('trial-' + button.dataset.openTrial);
+      if (drawer) { drawer.open = true; drawer.scrollIntoView({ block: 'nearest' }); drawer.focus(); }
+    });
+    document.getElementById('refresh').addEventListener('click', () => { void refresh(); });
+    document.getElementById('poll').addEventListener('change', connect);
+  };
+  bind(); display(current()[0] ?? 'overview', current()[1] ?? '0'); connect();
+  document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible' && document.getElementById('poll').checked) void refresh(); });
+  window.addEventListener('beforeunload', () => { unloaded = true; pending = false; stream?.close(); controller?.abort(); });
+})();
+`;
+//# sourceMappingURL=interaction.js.map

package/dist/training/viewer/cockpit/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../../src/training/viewer/cockpit/interaction.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoG5B,CAAC"}

package/dist/training/viewer/cockpit/overview.d.ts

@@ -0,0 +1,4 @@
+import type { ViewerData } from '../types.js';
+import type { CockpitMetrics, MetricDefinition } from '../metrics/index.js';
+export declare function metricOverview(data: ViewerData, model: CockpitMetrics, metric: MetricDefinition, index: number): string;
+export declare function costOverview(data: ViewerData, model: CockpitMetrics): string;

package/dist/training/viewer/cockpit/overview.js

@@ -0,0 +1,62 @@
+import { comparison, convergence, costChart, scoreAt } from './plots.js';
+import { delta, escapeHtml as e, money, number, percent } from './format.js';
+function metricCard(label, value, note, tone = '') {
+    return `<div class="metric-card"><div class="metric-label">${e(label)}</div><div class="metric-value ${tone}">${e(value)}</div><div class="metric-note">${e(note)}</div></div>`;
+}
+function scoreCard(model, metric, split) {
+    const candidate = model.candidates.at(-1);
+    const score = candidate === undefined ? undefined : scoreAt(model, candidate.id, split, metric.id);
+    const paired = model.comparisons.find(row => row.candidateId === candidate?.id && row.split === split && row.metricId === metric.id);
+    const change = paired?.delta ?? null;
+    const pairedValue = change !== null;
+    const note = pairedValue
+        ? `${delta(change)} pts vs baseline · ${paired.matchedCases}/${paired.expectedCases ?? '?'} matched cases`
+        : score === undefined ? 'No measured cases' : `No paired comparison · ${score.observedCases}/${score.expectedCases ?? '?'} observed cases`;
+    return metricCard(`${split} · latest`, percent(pairedValue ? paired.candidateValue : score?.value ?? null), note, change === null || change === 0 ? 'neutral' : change > 0 ? 'positive' : 'negative');
+}
+function trialMatrix(data, model, metric) {
+    if (!data.trials.length)
+        return '<p class="empty-state">Evaluated trials will appear here.</p>';
+    const rows = data.trials.map((trial, index) => {
+        const mapped = model.trialIndex[index];
+        const candidate = model.candidates.find(row => row.id === mapped.candidateId);
+        const split = mapped.split;
+        const status = trial.status.split(' ')[0];
+        const result = ['pass', 'fail'].includes(status) ? status : 'unknown';
+        return `<tr><td><button class="trial-button" data-open-trial="${index}">${e(candidate?.label ?? 'Unmapped')} <span class="faint">↗</span></button></td>
+<td class="case-label">${e(trial.caseId)}</td><td>${e(split)}</td><td><span class="status-cell ${result}">${e(status)}</span></td><td>${percent(trial.score)}</td></tr>`;
+    }).join('');
+    return `<div class="scroll"><table class="matrix-table"><thead><tr><th scope="col">Prompt</th><th scope="col">Case</th><th scope="col">Split</th><th scope="col">Required gates</th><th scope="col">Reward / 100</th></tr></thead><tbody>${rows}</tbody></table></div>
+<div class="panel-footer">${e(metric.label)} is plotted above. A failed required gate gives optimizer reward 0. Select a trial to inspect it.</div>`;
+}
+export function metricOverview(data, model, metric, index) {
+    const observed = data.costs?.observed;
+    const note = observed?.total == null ? 'Known subtotal · total incomplete' : 'Recorded text-token valuation';
+    const latest = model.candidates.at(-1);
+    const developmentTrials = model.trialIndex.filter(trial => trial.split === 'train' || trial.split === 'validation').length;
+    const val = model.comparisons.find(row => row.candidateId === latest?.id && row.metricId === metric.id && row.split === 'validation');
+    const comparisonTitle = val?.delta == null ? 'Awaiting validation' : val.delta < 0 ? 'Validation went down' : val.delta > 0 ? 'Validation improved' : 'Validation unchanged';
+    const kindLabel = metric.kind === 'strict' ? 'Optimizer reward · required gates applied' : metric.kind === 'stage' ? 'Raw stage score · before required gates' : 'Recorded check score';
+    return `<div class="metric-view" data-metric-panel="${index}">
+<div class="metric-grid">${scoreCard(model, metric, 'train')}${scoreCard(model, metric, 'validation')}
+${metricCard('Development trials', number(developmentTrials), `${model.candidates.length} prompt versions observed`)}
+${metricCard('API equivalent', money(observed?.total ?? observed?.knownSubtotal), note)}</div>
+<div class="chart-grid">
+<section class="panel convergence-panel"><h2 class="panel-title">Trial trend</h2><div class="panel-body">
+<div class="chart-controls"><strong>${e(metric.label)} <span class="faint">/ 100</span></strong><label class="screen-reader-only" for="metric-${index}">Chart metric</label><select id="metric-${index}" class="chart-select" data-metric-select>${model.metrics.map((item, option) => `<option value="${option}"${index === option ? ' selected' : ''}>${e(item.label)}${item.kind === 'strict' ? ' · gated' : ''}</option>`).join('')}</select></div>
+<div class="chart-legend"><span class="legend-key train">Training</span><span class="legend-key validation">Validation</span></div>
+<div class="chart-wrap">${convergence(model, metric)}</div></div><p class="chart-caption">${kindLabel}. Trial order on x-axis; cases may differ. Missing values stay gaps.</p></section>
+<section class="panel comparison-panel"><h2 class="panel-title">Generalization</h2><div class="panel-body"><p class="eyebrow">Same validation cases</p><h3 class="comparison-title">${comparisonTitle}</h3>${comparison(model, metric)}</div><p class="chart-caption">${model.candidates.length < 3 ? 'Too few prompt versions to establish convergence.' : 'Candidate history is measured progress, not proof of convergence.'}</p></section>
+</div>
+<section class="panel matrix-panel"><h2 class="panel-title">Trial results</h2><div class="matrix-body">${trialMatrix(data, model, metric)}</div></section>
+</div>`;
+}
+export function costOverview(data, model) {
+    const observed = data.costs?.observed;
+    return `<div class="metric-grid">${metricCard('API equivalent', money(observed?.total ?? observed?.knownSubtotal), observed?.total == null ? 'Known subtotal; incomplete total' : 'Recorded valuation')}
+${metricCard('Planned range', money(data.costs?.planned?.total), 'Dry-run assumptions')}
+${metricCard('Recorded calls', number(model.costs.reduce((sum, row) => sum + row.entryCount, 0)), 'Subject + judges + optimizer')}
+${metricCard('Subscription quota', '—', 'Not supplied by providers')}</div>
+<section class="panel"><h2 class="panel-title">Where the work went</h2><div class="panel-body">${costChart(model)}</div></section>`;
+}
+//# sourceMappingURL=overview.js.map

package/dist/training/viewer/cockpit/overview.js.map

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

package/dist/training/viewer/cockpit/page.d.ts

@@ -0,0 +1,2 @@
+import type { ViewerData } from '../types.js';
+export declare function renderCockpit(data: ViewerData, nonce: string, metricIndex?: number): string;

package/dist/training/viewer/cockpit/page.js

@@ -0,0 +1,39 @@
+import { buildCockpitMetrics } from '../metrics/index.js';
+import { cockpitStyles } from './styles.js';
+import { cockpitScript } from './interaction.js';
+import { escapeHtml as e, shortId } from './format.js';
+import { costView, provenance, trialDetails } from './evidence.js';
+import { costOverview, metricOverview } from './overview.js';
+import { liveActivity } from './activity.js';
+function navigation(model, data) {
+    return [['overview', 'Overview', '↗'], ['trials', 'Trials', String(data.trials.length)],
+        ['costs', 'Costs & usage', 'USD'], ['provenance', 'Provenance', String(model.candidates.length)]].map(([view, label, count]) => `<button class="nav-item${view === 'overview' ? ' active' : ''}" data-view-button="${view}" aria-pressed="${view === 'overview'}"><span>${label}</span><span class="nav-count">${count}</span></button>`).join('');
+}
+export function renderCockpit(data, nonce, metricIndex = 0) {
+    const model = buildCockpitMetrics(data);
+    const activeIndex = model.metrics[metricIndex] === undefined ? 0 : metricIndex;
+    const failed = data.experiment.status === 'failed';
+    const replay = data.experiment.phase === 'replay' || ['completed', 'complete', 'failed'].includes(data.experiment.status);
+    const badge = failed ? 'Run stopped' : data.experiment.status;
+    const modelNames = [...new Set(data.costs?.observed?.lines.map(line => line.model ?? line.requestedModel).filter(Boolean) ?? [])];
+    const phaseCounts = ['train', 'validation', 'test'].map(split => {
+        const count = data.cases.filter(row => row.split === split).length;
+        return `${split} ${split === 'test' && count === 0 ? '—' : count}`;
+    }).join(' · ');
+    return `<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
+<title>${e(data.experiment.title)} · Training</title><style nonce="${e(nonce)}">${cockpitStyles}</style></head>
+<body><div class="shell"><header class="topbar"><div class="brand"><span class="brand-mark" aria-hidden="true">◈</span> TRAINING <span class="top-title" title="${e(data.experiment.title)}">${e(data.experiment.title)}</span></div>
+<div class="header-actions"><span class="badge ${failed ? 'bad' : 'good'}"><span class="dot"></span>${e(badge)}</span><button id="refresh" class="refresh-button">↻ Refresh</button><label><input id="poll" type="checkbox"${replay ? '' : ' checked'}> Live</label></div></header>
+<div class="workspace"><aside class="sidebar"><section class="panel"><h2 class="panel-title">Experiment</h2><div class="panel-body"><p class="experiment-label">${e(data.experiment.title.split(' — ')[0])}</p><p class="muted">${e(data.optimizer?.name ?? 'Evaluation')}</p><p class="mono-id">run ${e(shortId(data.experiment.id))}</p></div><div class="panel-footer">${e(phaseCounts)}<br>Selected: ${e(model.candidates.find(candidate => candidate.selected)?.label ?? 'pending')}</div></section>
+<nav class="panel" aria-label="Experiment views"><h2 class="panel-title">Console</h2><div class="panel-body">${navigation(model, data)}</div></nav>
+<section class="panel budget-panel"><h2 class="panel-title">Budget</h2><div class="panel-body"><div class="budget-row"><span class="muted">Evaluations</span><strong>${data.optimizer ? `${data.optimizer.evaluations}/${data.optimizer.maxMetricCalls}` : '—'}</strong></div>
+<div class="budget-row"><span class="muted">Proposals</span><strong>${data.optimizer ? `${data.optimizer.proposals}/${data.optimizer.maxProposals}` : '—'}</strong></div><p class="muted">${e(modelNames.join(' · ') || 'Model identity not supplied')}</p></div><div class="panel-footer">Local experiment · read only</div></section>${liveActivity(data)}</aside>
+<main class="cockpit-main"><section class="view-pane" data-view-pane="overview" aria-label="Training overview">
+${data.trials.length ? metricOverview(data, model, model.metrics[activeIndex], activeIndex) : '<section class="panel"><h2 class="panel-title">Trial trend</h2><div class="empty-state"><strong>No measured scores yet.</strong><span>Charts appear when the first trial is evaluated.</span></div></section>'}</section>
+<section class="view-pane inspector" data-view-pane="trials" hidden><div class="overview-head"><div><p class="eyebrow">Drill down</p><h1 class="outcome-title">Trials & evidence</h1></div><span class="badge">${data.trials.length} trials</span></div>${trialDetails(data)}</section>
+<section class="view-pane inspector" data-view-pane="costs" hidden><div class="overview-head"><div><p class="eyebrow">Recorded work</p><h1 class="outcome-title">Costs & usage</h1></div></div>${costOverview(data, model)}<details class="detail-drawer"><summary>Models, tokens & pricing evidence</summary><div class="panel-body">${costView(data.costs)}</div></details></section>
+<section class="view-pane inspector" data-view-pane="provenance" hidden><div class="overview-head"><div><p class="eyebrow">Reproducibility</p><h1 class="outcome-title">Prompt provenance</h1></div></div><section class="panel"><h2 class="panel-title">Recorded identities</h2><div class="panel-body">${provenance(data)}</div></section></section>
+</main></div><footer class="statusbar"><div class="status-group"><span>mode: <span class="status-value">${replay ? 'replay' : 'live'}</span></span><span id="stream-state">${replay ? 'Paused' : 'Connecting'}</span><span>source: <span class="status-value">recorded evidence</span></span></div><div class="status-group"><span>updated: <span class="status-value">${e(data.experiment.updatedAt)}</span></span><span class="${failed ? 'negative' : 'muted'}">${e(data.experiment.status)}</span></div></footer>
+</div><script nonce="${e(nonce)}">${cockpitScript}</script></body></html>`;
+}
+//# sourceMappingURL=page.js.map

package/dist/training/viewer/cockpit/page.js.map

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

package/dist/training/viewer/cockpit/plots.d.ts

@@ -0,0 +1,6 @@
+import type { CockpitMetrics, MetricDefinition, MetricSplit, MetricSummary } from '../metrics/index.js';
+export declare function scoreAt(model: CockpitMetrics, candidateId: string, split: MetricSplit, metricId: string): MetricSummary | undefined;
+/** Recorded development trial order, never deduplicated candidate means or sealed tests. */
+export declare function convergence(model: CockpitMetrics, metric: MetricDefinition): string;
+export declare function comparison(model: CockpitMetrics, metric: MetricDefinition): string;
+export declare function costChart(model: CockpitMetrics): string;

package/dist/training/viewer/cockpit/plots.js

@@ -0,0 +1,67 @@
+import { escapeHtml as e, money, number, percent } from './format.js';
+export function scoreAt(model, candidateId, split, metricId) {
+    return model.scores.find(score => score.candidateId === candidateId && score.split === split && score.metricId === metricId);
+}
+/** Recorded development trial order, never deduplicated candidate means or sealed tests. */
+export function convergence(model, metric) {
+    const trials = model.trialMeasurements.filter(trial => trial.split === 'train' || trial.split === 'validation');
+    if (trials.length === 0)
+        return '<p class="empty-state">The first measured development trial will appear here.</p>';
+    const x = (index) => 8 + index * 83 / Math.max(1, trials.length - 1);
+    const y = (value) => 82 - value * 70;
+    const grid = [0, 0.25, 0.5, 0.75, 1].map(value => `<line class="chart-gridline" x1="8%" x2="91%" y1="${y(value)}%" y2="${y(value)}%"/><text class="chart-tick" x="5%" y="${y(value)}%" dy="4" text-anchor="end">${value * 100}</text>`).join('');
+    const candidateLabels = new Map(model.candidates.map(candidate => [candidate.id, candidate.label]));
+    const series = ['train', 'validation'].map(split => {
+        let previous;
+        return trials.map((trial, index) => {
+            if (trial.split !== split)
+                return '';
+            const value = trial.values[metric.id];
+            if (value == null) {
+                previous = undefined;
+                return '';
+            }
+            const line = previous === undefined ? ''
+                : `<line class="chart-${split}" x1="${x(previous.index)}%" y1="${y(previous.value)}%" x2="${x(index)}%" y2="${y(value)}%"/>`;
+            previous = { index, value };
+            const candidateLabel = candidateLabels.get(trial.candidateId) ?? 'Unmapped';
+            const label = `Development trial ${index + 1}, ${trial.caseId}, ${candidateLabel} (${trial.candidateId}), ${split}: ${percent(value)} / 100`;
+            const numberLabel = trials.length <= 12 ? `<text class="chart-tick chart-${split}" x="${x(index)}%" y="${y(value)}%" dy="${split === 'train' ? -12 : 18}" text-anchor="middle">${percent(value)}</text>` : '';
+            return `${line}<circle class="chart-point chart-${split} ${split}" cx="${x(index)}%" cy="${y(value)}%" r="5" tabindex="0"><title>${e(label)}</title></circle>${numberLabel}`;
+        }).join('');
+    }).join('');
+    const stride = Math.max(1, Math.ceil((trials.length - 1) / 7));
+    const labels = trials.map((_, index) => index % stride === 0 || index === trials.length - 1
+        ? `<text class="chart-tick" x="${x(index)}%" y="98%" text-anchor="${index === 0 ? 'start' : index === trials.length - 1 ? 'end' : 'middle'}">${index + 1}</text>` : '').join('');
+    return `<svg class="chart-svg" role="img" aria-label="${e(metric.label)} by measured development trial ordinal: training and validation, 0 to 100">${grid}${series}${labels}</svg>`;
+}
+export function comparison(model, metric) {
+    const latest = model.candidates.at(-1);
+    if (!latest)
+        return '<p class="empty-state">Awaiting a measured comparison.</p>';
+    const paired = model.comparisons.find(row => row.candidateId === latest.id && row.split === 'validation' && row.metricId === metric.id);
+    if (!paired || paired.matchedCases === 0)
+        return '<p class="empty-state">No matched validation cases yet.</p>';
+    return [
+        { label: 'Baseline', value: paired.baselineValue, phase: 'baseline' },
+        { label: latest.label, value: paired.candidateValue, phase: 'validation' },
+    ].map(row => `<div class="score-row"><div class="score-name">${e(row.label)}</div><span class="score-number">${percent(row.value)}</span>
+<svg class="score-track" viewBox="0 0 100 9" preserveAspectRatio="none" aria-hidden="true"><rect class="score-fill" data-phase="${row.phase}" width="${(row.value ?? 0) * 100}" height="9"/></svg></div>`).join('')
+        + `<p class="chart-caption">${paired.matchedCases} matched case${paired.matchedCases === 1 ? '' : 's'} · same evidence</p>`;
+}
+export function costChart(model) {
+    const total = model.costs.reduce((sum, row) => sum + (row.knownSubtotal?.low ?? 0), 0);
+    if (model.costs.length === 0)
+        return '<p class="empty-state">No recorded costs yet.</p>';
+    let offset = 0;
+    const segments = total > 0 ? model.costs.map(row => {
+        const width = 100 * (row.knownSubtotal?.low ?? 0) / total;
+        const segment = `<rect class="cost-segment" data-role="${e(row.role)}" x="${offset}" width="${width}" height="16"><title>${e(`${row.name}: ${money(row.knownSubtotal)}`)}</title></rect>`;
+        offset += width;
+        return segment;
+    }).join('') : '';
+    return `<svg class="cost-stack" viewBox="0 0 100 16" preserveAspectRatio="none" role="img" aria-label="Share of known cost lower bounds by role">${segments}</svg>
+<div class="cost-legend">${model.costs.map(row => `<div><span class="legend-key" data-role="${e(row.role)}"></span><span>${e(row.role === row.name ? row.role : `${row.role} / ${row.name}`)}</span><strong>${money(row.knownSubtotal)}</strong><span class="muted">${number(row.entryCount)} calls</span></div>`).join('')}</div>
+<p class="chart-caption">Known cost only · proportions use lower bounds</p>`;
+}
+//# sourceMappingURL=plots.js.map

package/dist/training/viewer/cockpit/plots.js.map

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

package/dist/training/viewer/cockpit/responsive.d.ts

@@ -0,0 +1,2 @@
+/** Viewport ownership and narrow-screen layout; data panels scroll internally. */
+export declare const cockpitResponsiveStyles = "\n/* Keep the console frame fixed. Only data panes own overflow. */\n.view-pane { min-height: 0; height: 100%; overflow: auto; padding-top: 9px; }\n.view-pane[data-view-pane=\"overview\"] { overflow: hidden; padding-top: 0; }\n.metric-view { height: 100%; min-height: 0; display: grid; grid-template-rows: auto minmax(180px, 270px) minmax(145px, 1fr); gap: 22px; }\n.cockpit-main { overflow: hidden; padding-top: 0; }\n.chart-grid { min-height: 0; }\n.chart-grid .panel { min-height: 0; overflow: visible; }\n.convergence-panel .panel-body { display: flex; flex-direction: column; min-height: 0; padding-bottom: 4px; }\n.chart-wrap { flex: 1; min-height: 0; }\n.chart-svg { height: 100%; min-height: 0; overflow: hidden; }\n.comparison-panel .panel-body { overflow: auto; }\n.chart-caption { flex-shrink: 0; padding: 8px 12px; }\n.matrix-panel { min-height: 0; display: flex; }\n.matrix-body { min-height: 0; display: flex; flex-direction: column; width: 100%; padding-top: 12px; }\n.matrix-body > .scroll { flex: 1; min-height: 0; overflow: auto; }\n.matrix-body .panel-footer { flex-shrink: 0; padding: 7px 12px; }\n.matrix-table thead { position: sticky; top: 0; background: var(--bg); z-index: 1; }\n.matrix-table th, .matrix-table td { padding: 7px 12px; }\n@media (max-height: 700px) {\n  .view-pane[data-view-pane=\"overview\"] { overflow: auto; }\n  .metric-view { height: auto; min-height: 100%; grid-template-rows: max-content max-content minmax(145px, 1fr); }\n  .chart-grid { min-height: min-content; }\n  .convergence-panel .panel-body { flex: none; min-height: min-content; }\n  .chart-wrap { flex: none; height: 140px; min-height: 140px; }\n}\n@media (min-width: 901px) and (max-height: 700px) {\n  .sidebar { gap: 12px; }\n  .sidebar > section { min-height: 60px; }\n  .sidebar > section > .panel-body { padding: 10px 10px 6px; gap: 6px; }\n  .sidebar .panel-footer { padding: 6px 10px; }\n  .sidebar > nav > .panel-body { padding: 12px 8px; gap: 4px; }\n  .sidebar .nav-item { padding: 3px; }\n}\n@media (max-width: 900px) {\n  .workspace { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 18px; padding: 16px 12px 10px; }\n  .sidebar { display: block; overflow: hidden; padding: 9px 1px 1px; margin: -9px -1px -1px; }\n  .sidebar > section { display: none; }\n  .sidebar nav .panel-body { flex-direction: row; padding: 10px 8px 7px; gap: 6px; }\n  .sidebar .nav-item { justify-content: center; padding: 6px; }\n  .nav-count { display: none; }\n  .top-title { max-width: 34ch; }\n  .chart-grid { grid-template-columns: minmax(0, 1.7fr) minmax(210px, 1fr); gap: 14px; }\n  .details-grid { grid-template-columns: minmax(0, 1fr); }\n}\n@media (max-width: 600px) {\n  .topbar { min-height: 50px; gap: 6px; padding: 8px 10px; }\n  .brand { gap: 5px; }\n  .top-title { display: none; }\n  .header-actions { gap: 6px; flex-wrap: nowrap; }\n  .refresh-button { padding: 4px 6px; }\n  .workspace { padding: 14px 7px 6px; gap: 15px; }\n  .sidebar .panel-title { display: none; }\n  .sidebar .nav-item { padding: 4px 2px; }\n  .sidebar nav .panel-body { padding: 5px; }\n  .view-pane[data-view-pane=\"overview\"] { overflow: auto; }\n  .metric-view { height: auto; min-height: 100%; gap: 16px; grid-template-rows: max-content max-content minmax(145px, 1fr); }\n  .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }\n  .metric-card { padding: 7px 6px; }\n  .metric-label { letter-spacing: 0; }\n  .metric-value { margin: 4px 0; }\n  .metric-note { line-height: 1.35; }\n  .chart-grid { min-height: min-content; grid-template-columns: minmax(0, 1fr); grid-template-rows: max-content max-content; gap: 16px; }\n  .convergence-panel .panel-body { flex: none; min-height: min-content; }\n  .chart-wrap { flex: none; height: 140px; min-height: 140px; }\n  .panel-body { padding: 14px 10px 6px; }\n  .chart-controls { gap: 5px; flex-wrap: nowrap; }\n  .chart-select { padding: 3px; max-width: 54%; }\n  .chart-legend { margin-top: 5px; gap: 12px; }\n  .chart-caption { padding: 5px 8px; line-height: 1.35; }\n  .comparison-panel .panel-body { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }\n  .comparison-panel .eyebrow, .comparison-panel .chart-caption { display: none; }\n  .comparison-title { grid-column: 1 / -1; margin: 0; }\n  .score-row { margin: 0; }\n  .matrix-body .panel-footer { line-height: 1.3; padding: 4px 7px; }\n  .matrix-table th, .matrix-table td { padding: 5px 7px; }\n  .statusbar { padding: 6px 9px; gap: 4px; }\n  .status-group { gap: 8px; }\n  .statusbar .status-group:last-child > span:first-child { display: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after { scroll-behavior: auto !important; }\n}\n";