oh-my-knowledge 0.35.0 → 0.37.0

package/dist/renderer/test-view.js

@@ -13,7 +13,8 @@
  *
  * 旧 report 缺 sampleSnapshots 时降级显示("无设计快照,只有执行结果")。
  */
-import { e } from './layout.js';
+import { e, t } from './layout.js';
+import { icon } from './icons.js';
 // ──────────────────────────────────────────────────────────────────
 // Assertion → Turn 绑定:扫执行轨迹找断言匹配的 turn 编号
 // ──────────────────────────────────────────────────────────────────
@@ -531,30 +532,134 @@ function rootCauseLabel(c, lang) {
     };
     return (lang === 'zh' ? zh : en)[c] ?? c;
 }
-/** 把 design / trace / assertions 三段子内容包成 <details>(默认折叠),供 pass row 展开 / fail card 折叠后查看用。 */
-function renderSubSections(d, lang) {
-    const { snapshot, variant } = d;
+/** 用例设计 fold(prompt/rubric/期望断言/mocks)— 来自 snapshot,与 variant 无关。
+ *  多 variant 模式下只渲染一次(共享)。 */
+function renderDesignFold(snapshot, lang) {
+    return `<details class="tv-section"><summary>${lang === 'zh' ? '用例设计' : 'Test design'}</summary><div class="tv-section-body">${renderDesignSection(snapshot, lang)}</div></details>`;
+}
+/** 执行轨迹 + 断言结果 fold(per-variant)。两段绑在一起,因为断言的 turn 绑定靠同一份轨迹解析。 */
+function renderTraceAndAssertionsFolds(variant, snapshot, lang) {
     const toolCalls = variant.toolCalls ?? [];
     const turns = variant.turns;
     const summary = renderAssertionsSummary(variant.assertions?.details, snapshot?.assertions, toolCalls, turns, lang);
     const matchedByTurn = buildMatchedMocksByTurn(summary.matchedMocks, snapshot?.assertions, toolCalls, turns);
-    const designHtml = renderDesignSection(snapshot, lang);
     const traceHtml = renderExecutionTrace(variant, summary.detailsByTurn, matchedByTurn, lang);
     const totalAsserts = variant.assertions?.total ?? 0;
     const passedAsserts = variant.assertions?.passed ?? 0;
     return `
-    <details class="tv-section"><summary>${lang === 'zh' ? '用例设计' : 'Test design'}</summary><div class="tv-section-body">${designHtml}</div></details>
     <details class="tv-section"><summary>${lang === 'zh' ? '执行轨迹' : 'Execution trace'}<span class="tv-section-stat">(${turns?.length ?? 0} ${lang === 'zh' ? '步' : 'steps'} · ${toolCalls.length} ${lang === 'zh' ? '工具调用' : 'tool calls'})</span></summary><div class="tv-section-body">${traceHtml}</div></details>
     <details class="tv-section"><summary>${lang === 'zh' ? '断言结果' : 'Assertion results'}<span class="tv-section-stat">(${passedAsserts}/${totalAsserts})</span></summary><div class="tv-section-body">${summary.html}</div></details>
   `;
 }
+/** 把 design / trace / assertions 三段子内容包成 <details>(默认折叠)。单 variant 用。 */
+function renderSubSections(d, lang) {
+    return renderDesignFold(d.snapshot, lang) + renderTraceAndAssertionsFolds(d.variant, d.snapshot, lang);
+}
 function buildCardData(sample_id, snapshot, variant) {
     const rawVerdict = variant.ok === false ? 'fail' : sampleVerdict(variant.assertions?.details);
     const isTripwire = rawVerdict === 'fail' && isTripwireSample(snapshot, variant);
     return { sample_id, snapshot, variant, cardKind: isTripwire ? 'tripwire' : rawVerdict };
 }
-/** Header 公共部分:状态点 + sample_id + 标题 + 耗时。
- *  评分(compositeScore)和成本($cost)挪到详情区,列表只保留状态识别需要的最小信息。 */
+// ──────────────────────────────────────────────────────────────────
+// 融合视角:评分内容(原"评测视角"逐用例)直接长进单测卡片
+//   - 头部:综合分 badge(一眼看分高低)
+//   - 体内:三层分布条(事实/行为/评委)+ 断言计数 + 评委评价文本
+// 这样一条用例 = 既是功能测试(pass/fail/诊断)也是评分卡,不再渲染两遍。
+// ──────────────────────────────────────────────────────────────────
+/** 1-5 分 → 色档 class 后缀(>=4 通过 / >=3 警示 / 其余失败)。 */
+function scoreBand(score) {
+    return score >= 4 ? 'pass' : score >= 3 ? 'warn' : 'fail';
+}
+/** 卡头综合分 badge:`4.09/5`,按色档着色。无分(纯断言用例 / executor 错误)返回空串。 */
+function renderCompositeBadge(variant) {
+    const score = variant.compositeScore ?? variant.llmScore;
+    if (typeof score !== 'number')
+        return '';
+    return `<span class="tv-composite tv-composite--${scoreBand(score)}">${score.toFixed(2)}<span class="tv-composite-unit">/5</span></span>`;
+}
+/** 一个分数 chip:`[icon] 事实 4.0`。primary(综合分)加粗。 */
+function scoreChip(label, score, primary = false) {
+    return `<span class="tv-score-item${primary ? ' tv-score-item--primary' : ''}">${label} <b class="tv-score-v tv-score-v--${scoreBand(score)}">${score.toFixed(2)}</b></span>`;
+}
+/** 体内分布条:综合分 + 三层(事实/行为/评委)+ 断言计数。无任何分数返回空串。 */
+function renderScoreStrip(variant, lang) {
+    const items = [];
+    const composite = variant.compositeScore ?? variant.llmScore;
+    if (typeof composite === 'number')
+        items.push(scoreChip(lang === 'zh' ? '综合' : 'Composite', composite, true));
+    const ls = variant.layeredScores;
+    // 三层图标沿用六维共享映射(fact/behavior/judge);chip 是 baseline 对齐的 inline-flex,svg 单独居中。
+    const chipIcon = (name) => icon(name, { size: 13, style: 'align-self:center' });
+    if (ls?.factScore != null)
+        items.push(scoreChip(`${chipIcon('fact')} ${lang === 'zh' ? '事实' : 'Fact'}`, ls.factScore));
+    if (ls?.behaviorScore != null)
+        items.push(scoreChip(`${chipIcon('behavior')} ${lang === 'zh' ? '行为' : 'Behavior'}`, ls.behaviorScore));
+    if (ls?.judgeScore != null)
+        items.push(scoreChip(`${chipIcon('judge')} ${lang === 'zh' ? '评委' : 'Judge'}`, ls.judgeScore));
+    if (variant.assertions && variant.assertions.total > 0) {
+        const a = variant.assertions;
+        const allPass = a.passed === a.total;
+        items.push(`<span class="tv-score-item">${lang === 'zh' ? '断言' : 'Assertions'} <b class="tv-score-v tv-score-v--${allPass ? 'pass' : 'fail'}">${a.passed}/${a.total}</b></span>`);
+    }
+    if (items.length === 0)
+        return '';
+    return `<div class="tv-scores">${items.join('')}</div>`;
+}
+/** 多评委 ensemble 分项(≥2 评委时):每个评委的分 + 推理,折叠展示。一致性指标 MAD/Pearson 收底。 */
+function renderEnsembleBlock(ensemble, agreement, lang) {
+    if (!ensemble || ensemble.length < 2)
+        return '';
+    const rows = ensemble.map((j) => {
+        const stddev = j.scoreStddev != null && j.scoreStddev > 0 ? ` <span class="tv-judge-stab">±${j.scoreStddev}</span>` : '';
+        const fail = j.judgeFailureCount && j.judgeFailureCount > 0
+            ? ` <span class="tv-judge-stab tv-judge-stab--fail">${j.judgeFailureCount}/${j.scoreSamples?.length || '?'} fail</span>`
+            : '';
+        const reasoning = j.reasoning
+            ? `<details class="tv-collapsible"><summary>${t('judgeReasoning', lang)} ${t('judgeReasoningExpand', lang)}</summary><pre class="tv-pre">${e(j.reasoning)}</pre></details>`
+            : '';
+        return `<div class="tv-ensemble-row"><b>${e(j.judge)}</b>: ${j.score}${stddev}${fail}${reasoning}</div>`;
+    }).join('');
+    const agreementLine = agreement && agreement.pairCount > 0
+        ? `<div class="tv-ensemble-agree" title="${t('madDesc', lang)}">MAD ${agreement.meanAbsDiff}${agreement.pearson != null ? ` · Pearson ${agreement.pearson}` : ''}</div>`
+        : '';
+    return `<details class="tv-collapsible tv-ensemble"><summary>${t('ensembleHeader', lang)} (${ensemble.length})</summary>${rows}${agreementLine}</details>`;
+}
+/** 评委评价:打分理由(llmReason)+ CoT 折叠 + 自一致性(stddev/失败数)+ 多评委 ensemble 分项。
+ *  无任何 judge 信息(--no-judge / 纯断言)返回空串。与 diagnostic 互补:judge 答"打几分 + 为什么"。 */
+function renderJudgeBlock(variant, lang) {
+    const hasReason = !!variant.llmReason;
+    const hasEnsemble = !!variant.llmEnsemble && variant.llmEnsemble.length >= 2;
+    const hasStddev = !!variant.llmScoreSamples && variant.llmScoreSamples.length > 1 && variant.llmScoreStddev != null;
+    if (!hasReason && !hasEnsemble && !hasStddev)
+        return '';
+    // Judge 自一致性:同一份输出多次评分的标准差 + 失败数(--judge-repeat ≥ 2 时)。
+    let stabTag = '';
+    if (hasStddev) {
+        stabTag += `<span class="tv-judge-stab" title="${t('judgeStddevDesc', lang)}">±${variant.llmScoreStddev}</span>`;
+        if (variant.llmScoreFailures && variant.llmScoreFailures > 0) {
+            stabTag += `<span class="tv-judge-stab tv-judge-stab--fail" title="${t('judgeFailuresDesc', lang)}">${variant.llmScoreFailures}/${variant.llmScoreSamples.length} fail</span>`;
+        }
+    }
+    const reasonHtml = hasReason
+        ? (() => {
+            const reason = variant.llmReason.length > 280 ? variant.llmReason.slice(0, 280) + '…' : variant.llmReason;
+            const cot = variant.llmReasoning
+                ? `<details class="tv-collapsible"><summary>${lang === 'zh' ? '展开完整 CoT' : 'show full CoT'}</summary><pre class="tv-pre">${e(variant.llmReasoning)}</pre></details>`
+                : '';
+            return `<div class="tv-judge-text">${e(reason)}</div>${cot}`;
+        })()
+        : '';
+    return `<div class="tv-judge">
+    <div class="tv-judge-h">${icon('judge', { size: 14 })}${lang === 'zh' ? '评委评价' : 'Judge'}${stabTag}</div>
+    ${reasonHtml}
+    ${renderEnsembleBlock(variant.llmEnsemble, variant.llmAgreement, lang)}
+  </div>`;
+}
+/** 评分区 = 分布条 + 评委评价,放在卡片 body 顶部(诊断之前)。 */
+function renderScoringPart(variant, lang) {
+    return `${renderScoreStrip(variant, lang)}${renderJudgeBlock(variant, lang)}`;
+}
+/** Header 公共部分:状态点 + sample_id + 标题 + 综合分 badge + 耗时。 */
 function renderCardHeader(d, lang) {
     const { sample_id, snapshot, variant, cardKind } = d;
     const dur = variant.timing?.execMs ?? variant.durationMs;
@@ -566,14 +671,15 @@ function renderCardHeader(d, lang) {
     <span class="tv-dot tv-dot--${cardKind}"></span>
     <code class="tv-id">${e(sample_id)}</code>
     <span class="tv-title">${e(titleSnippet)}${snapshot?.prompt && snapshot.prompt.length > 80 ? '…' : ''}</span>
+    ${renderCompositeBadge(variant)}
     <span class="tv-meta">${durTag}</span>
   `;
 }
-/** Pass 用例:单行折叠,点击展开看完整内容(design/trace/assertions)。 */
+/** Pass 用例:单行折叠,点击展开看分布条 + 评委评价 + design/trace/assertions。 */
 function renderPassRow(d, lang) {
     return `<details class="tv-row tv-row--pass">
     <summary class="tv-row-h">${renderCardHeader(d, lang)}</summary>
-    <div class="tv-row-body">${renderSubSections(d, lang)}</div>
+    <div class="tv-row-body">${renderScoringPart(d.variant, lang)}${renderSubSections(d, lang)}</div>
   </details>`;
 }
 /** Fail / tripwire 卡片:默认展开,顶部诊断区,sub-section 折叠。 */
@@ -597,14 +703,143 @@ function renderFailCard(d, lang) {
     ${diagSummaryPreview}
     <div class="tv-card-body">
       ${tripwireBanner}
+      ${renderScoreStrip(d.variant, lang)}
       ${diagnosticHtml}
+      ${renderJudgeBlock(d.variant, lang)}
       ${renderSubSections(d, lang)}
     </div>
   </details>`;
 }
 // ──────────────────────────────────────────────────────────────────
+// 多 variant:每条用例详展「主轮(最新)」+ 各轮分数轨迹条 + 其他轮折叠
+// ──────────────────────────────────────────────────────────────────
+/** 该 sample 的主轮 = variants 顺序里最后一个有结果的 variant(通常是最新/treatment)。 */
+function pickPrimaryVariant(variantResults, variants) {
+    for (let i = variants.length - 1; i >= 0; i--) {
+        if (variantResults[variants[i]])
+            return variants[i];
+    }
+    return null;
+}
+/** 各轮分数轨迹条:`round-0 3.86 › round-1 1.71 › round-2 1.59 [最新]`,按分着色,主轮高亮。 */
+function renderRoundStrip(variants, variantResults, primaryName, lang) {
+    const chips = variants.map((name) => {
+        const v = variantResults[name];
+        const isPrimary = name === primaryName;
+        if (!v) {
+            return `<span class="tv-round tv-round--missing">${e(name)} —</span>`;
+        }
+        const score = v.compositeScore ?? v.llmScore;
+        const hasScore = typeof score === 'number';
+        const band = hasScore ? scoreBand(score) : 'fail';
+        const kind = v.ok === false ? 'fail' : sampleVerdict(v.assertions?.details);
+        const icon = kind === 'pass' ? '✓' : '✗';
+        const curTag = isPrimary ? `<span class="tv-round-cur">${lang === 'zh' ? '最新' : 'latest'}</span>` : '';
+        return `<span class="tv-round tv-round--${band}${isPrimary ? ' tv-round--current' : ''}"><span class="tv-round-icon tv-round-icon--${kind === 'pass' ? 'pass' : 'fail'}">${icon}</span>${e(name)} <b>${hasScore ? score.toFixed(2) : '—'}</b>${curTag}</span>`;
+    }).join('<span class="tv-round-arrow">·</span>');
+    return `<div class="tv-rounds">${chips}</div>`;
+}
+/** 单条用例的多 variant 卡片:主轮详情 + 轨迹条 + 共享设计 + 其他轮折叠。 */
+function renderMultiSampleCard(sample_id, snapshot, variantResults, variants, primaryName, lang) {
+    const primary = variantResults[primaryName];
+    const d = buildCardData(sample_id, snapshot, primary);
+    const verdict = d.cardKind === 'pass' ? 'pass' : 'fail';
+    const tripwireBanner = d.cardKind === 'tripwire'
+        ? `<div class="tv-tripwire-banner">
+        <div class="tv-tripwire-banner-title">${lang === 'zh' ? '◆ 这是诱错样本' : '◆ This is a tripwire sample'}</div>
+        <div class="tv-tripwire-banner-body">${lang === 'zh'
+            ? '用户 prompt 故意诱导 LLM 走错。LLM 失败 = 已记录的 LLM 边界数据点，不是要修的 bug。'
+            : 'The user prompt intentionally misdirects the LLM. A failure here is a recorded LLM-susceptibility data point — not a bug to fix.'}</div>
+       </div>`
+        : '';
+    // 其他轮(非主轮)折叠:每轮分数条 + 诊断 + 评委 + 轨迹/断言。evolve 多轮也不塞爆。
+    const otherRounds = variants.filter((n) => n !== primaryName && variantResults[n]);
+    const otherRoundsHtml = otherRounds.map((name) => {
+        const v = variantResults[name];
+        const rd = buildCardData(sample_id, snapshot, v);
+        const rv = rd.cardKind === 'pass' ? 'pass' : 'fail';
+        const score = v.compositeScore ?? v.llmScore;
+        const scoreText = typeof score === 'number' ? score.toFixed(2) : '—';
+        const icon = rd.cardKind === 'pass' ? '✓' : rd.cardKind === 'tripwire' ? '◆' : '✗';
+        return `<div class="tv-round-detail">
+      <div class="tv-round-detail-h"><span class="tv-round-detail-icon tv-round-detail-icon--${rd.cardKind}">${icon}</span> ${e(name)} <span class="tv-round-detail-score">${lang === 'zh' ? '综合' : 'composite'} ${scoreText}</span></div>
+      ${renderScoreStrip(v, lang)}
+      ${renderDiagnosticSection(v, rv, lang)}
+      ${renderJudgeBlock(v, lang)}
+      ${renderTraceAndAssertionsFolds(v, snapshot, lang)}
+    </div>`;
+    }).join('');
+    const otherRoundsFold = otherRoundsHtml
+        ? `<details class="tv-section"><summary>${lang === 'zh' ? '其他轮详情' : 'Other rounds'}<span class="tv-section-stat">(${otherRounds.length})</span></summary><div class="tv-section-body">${otherRoundsHtml}</div></details>`
+        : '';
+    const diagSummaryPreview = primary.diagnostic?.ok && primary.diagnostic.summary
+        ? `<div class="tv-card-preview">${e(primary.diagnostic.summary.slice(0, 120))}${primary.diagnostic.summary.length > 120 ? '…' : ''}</div>`
+        : '';
+    return `<details class="tv-card tv-card--${d.cardKind}">
+    <summary class="tv-card-h">${renderCardHeader(d, lang)}</summary>
+    ${diagSummaryPreview}
+    <div class="tv-card-body">
+      ${renderRoundStrip(variants, variantResults, primaryName, lang)}
+      ${tripwireBanner}
+      ${renderScoreStrip(primary, lang)}
+      ${renderDiagnosticSection(primary, verdict, lang)}
+      ${renderJudgeBlock(primary, lang)}
+      ${renderDesignFold(snapshot, lang)}
+      ${renderTraceAndAssertionsFolds(primary, snapshot, lang)}
+      ${otherRoundsFold}
+    </div>
+  </details>`;
+}
+// ──────────────────────────────────────────────────────────────────
 // 主入口
 // ──────────────────────────────────────────────────────────────────
+/** 单 variant 的逐用例 body:统计条 + 三组(失败/诱错/通过)。 */
+function renderSingleVariantBody(report, variant, lang) {
+    const results = report.results || [];
+    const snapshots = report.sampleSnapshots ?? {};
+    const passData = [];
+    const failData = [];
+    const tripwireData = [];
+    for (const r of results) {
+        const v = r.variants[variant];
+        if (!v)
+            continue;
+        const d = buildCardData(r.sample_id, snapshots[r.sample_id], v);
+        if (d.cardKind === 'pass')
+            passData.push(d);
+        else if (d.cardKind === 'tripwire')
+            tripwireData.push(d);
+        else
+            failData.push(d);
+    }
+    const passSection = passData.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '通过用例' : 'Passed'}</div>
+       <div class="tv-rows">${passData.map((d) => renderPassRow(d, lang)).join('')}</div>`
+        : '';
+    const failSection = failData.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '失败用例' : 'Failed'}</div>
+       ${failData.map((d) => renderFailCard(d, lang)).join('')}`
+        : '';
+    const tripwireSection = tripwireData.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '诱错样本' : 'Tripwire samples'}</div>
+       ${tripwireData.map((d) => renderFailCard(d, lang)).join('')}`
+        : '';
+    const stats = computeVariantStats(report, variant);
+    return `${renderStatsBar(stats, lang)}${failSection}${tripwireSection}${passSection}`;
+}
+/** 统计条:通过 / 失败 / 诱错 / 平均分。可加 prefix(多 variant 标主轮名)。 */
+function renderStatsBar(stats, lang, prefix = '') {
+    const tripwireStat = stats.tripwire > 0
+        ? `<span class="tv-stat tv-stat--tripwire"><span class="tv-stat-num">${stats.tripwire}</span>${lang === 'zh' ? '诱错触发' : 'tripwire'}</span>`
+        : '';
+    return `<div class="tv-variant-stats">
+    ${prefix}
+    <span class="tv-stat tv-stat--pass"><span class="tv-stat-num">${stats.passed}</span>${lang === 'zh' ? '通过' : 'passed'}</span>
+    <span class="tv-stat tv-stat--fail"><span class="tv-stat-num">${stats.failed}</span>${lang === 'zh' ? '失败' : 'failed'}</span>
+    ${tripwireStat}
+    <span class="tv-stat"><span class="tv-stat-num">${stats.avgScore.toFixed(1)}</span>${lang === 'zh' ? '平均分' : 'avg / 5'}</span>
+  </div>`;
+}
 export function renderTestView(report, lang) {
     const variants = report.meta.variants || [];
     const results = report.results || [];
@@ -614,59 +849,46 @@ export function renderTestView(report, lang) {
     }
     const hasSnapshots = Object.keys(snapshots).length > 0;
     const fallbackBanner = hasSnapshots ? '' : `<div class="tv-warn">${lang === 'zh' ? '⚠ 该 report 缺 sampleSnapshots(早期版本生成),只能展示执行结果,无设计信息' : '⚠ Report has no sampleSnapshots (older format); only execution results shown'}</div>`;
-    const variantSections = variants.map((variant, idx) => {
-        // 按 verdict 分三组:pass(单行) / fail(完整卡片) / tripwire(诱错卡片)。
-        const passData = [];
-        const failData = [];
-        const tripwireData = [];
-        for (const r of results) {
-            const v = r.variants[variant];
-            if (!v)
-                continue;
-            const d = buildCardData(r.sample_id, snapshots[r.sample_id], v);
-            if (d.cardKind === 'pass')
-                passData.push(d);
-            else if (d.cardKind === 'tripwire')
-                tripwireData.push(d);
-            else
-                failData.push(d);
-        }
-        const passSection = passData.length > 0
-            ? `<div class="tv-group-sep">${lang === 'zh' ? '通过用例' : 'Passed'}</div>
-         <div class="tv-rows">${passData.map((d) => renderPassRow(d, lang)).join('')}</div>`
-            : '';
-        const failSection = failData.length > 0
-            ? `<div class="tv-group-sep">${lang === 'zh' ? '失败用例' : 'Failed'}</div>
-         ${failData.map((d) => renderFailCard(d, lang)).join('')}`
-            : '';
-        const tripwireSection = tripwireData.length > 0
-            ? `<div class="tv-group-sep">${lang === 'zh' ? '诱错样本' : 'Tripwire samples'}</div>
-         ${tripwireData.map((d) => renderFailCard(d, lang)).join('')}`
-            : '';
-        const variantStats = computeVariantStats(report, variant);
-        const tripwireStat = variantStats.tripwire > 0
-            ? `<span class="tv-stat tv-stat--tripwire"><span class="tv-stat-num">${variantStats.tripwire}</span>${lang === 'zh' ? '诱错触发' : 'tripwire'}</span>`
-            : '';
-        return `<div class="tv-variant-panel" data-variant="${e(variant)}" ${idx === 0 ? '' : 'hidden'}>
-      <div class="tv-variant-stats">
-        <span class="tv-stat tv-stat--pass"><span class="tv-stat-num">${variantStats.passed}</span>${lang === 'zh' ? '通过' : 'passed'}</span>
-        <span class="tv-stat tv-stat--fail"><span class="tv-stat-num">${variantStats.failed}</span>${lang === 'zh' ? '失败' : 'failed'}</span>
-        ${tripwireStat}
-        <span class="tv-stat"><span class="tv-stat-num">${variantStats.avgScore.toFixed(1)}</span>${lang === 'zh' ? '平均分' : 'avg / 5'}</span>
-      </div>
-      ${failSection}
-      ${tripwireSection}
-      ${passSection}
-    </div>`;
-    }).join('');
-    // 只 1 个 variant 时不显示切换器(SOLO 模式没对照,显示 tab 反而困惑)。
-    const variantTabsHtml = variants.length > 1
-        ? `<div class="tv-variant-tabs">${variants.map((variant, idx) => `<button type="button" class="tv-vtab ${idx === 0 ? 'tv-vtab--active' : ''}" data-target="${e(variant)}" onclick="omkSwitchVariant(this)">${e(variant)}</button>`).join('')}</div>`
+    // 单 variant:无对照,直接分组列用例。
+    if (variants.length === 1) {
+        return `<div class="tv-root">${fallbackBanner}${renderSingleVariantBody(report, variants[0], lang)}</div>`;
+    }
+    // 多 variant:主轮(最新)领头,各轮分数轨迹条 + 其他轮折叠,不再用 variant tabs。
+    const primaryName = variants[variants.length - 1];
+    const failCards = [];
+    const tripwireCards = [];
+    const passCards = [];
+    for (const r of results) {
+        const samplePrimary = pickPrimaryVariant(r.variants, variants) ?? primaryName;
+        const primary = r.variants[samplePrimary];
+        if (!primary)
+            continue;
+        const d = buildCardData(r.sample_id, snapshots[r.sample_id], primary);
+        const card = renderMultiSampleCard(r.sample_id, snapshots[r.sample_id], r.variants, variants, samplePrimary, lang);
+        if (d.cardKind === 'pass')
+            passCards.push(card);
+        else if (d.cardKind === 'tripwire')
+            tripwireCards.push(card);
+        else
+            failCards.push(card);
+    }
+    const failSection = failCards.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '失败用例' : 'Failed'}</div>${failCards.join('')}`
+        : '';
+    const tripwireSection = tripwireCards.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '诱错样本' : 'Tripwire samples'}</div>${tripwireCards.join('')}`
+        : '';
+    const passSection = passCards.length > 0
+        ? `<div class="tv-group-sep">${lang === 'zh' ? '通过用例' : 'Passed'}</div>${passCards.join('')}`
         : '';
-    // 整个 test view 包在 tv-root 里,scoped 浅色岛(覆盖外层深色 layout)。
+    const stats = computeVariantStats(report, primaryName);
+    const primaryNote = `<span class="tv-primary-note">${lang === 'zh' ? `主轮 ${e(primaryName)}` : `Primary ${e(primaryName)}`}</span>`;
     return `<div class="tv-root">${fallbackBanner}
-    ${variantTabsHtml}
-    ${variantSections}</div>`;
+    <div class="tv-multi-hint">${lang === 'zh' ? '以主轮（最新）状态分组；展开看各轮分数轨迹与逐轮对比' : 'Grouped by primary (latest) status; expand for per-round score trajectory and comparison'}</div>
+    ${renderStatsBar(stats, lang, primaryNote)}
+    ${failSection}
+    ${tripwireSection}
+    ${passSection}</div>`;
 }
 function computeVariantStats(report, variant) {
     const snapshots = report.sampleSnapshots ?? {};
@@ -712,61 +934,78 @@ function computeVariantStats(report, variant) {
  *   - **default-collapsed**:通过的用例只显一行;失败/诱错展开诊断,其余 section 折叠。
  */
 export const TEST_VIEW_CSS = `
-/* tv-root: 浅色岛,scoped 覆盖外层深色 layout */
+/* tv-root: 白底卡片(与 hero / 结论 / fold 同一视觉语言),内部逐用例是 hairline 分隔的列表项。
+   仍保留一套 scoped 变量给富内容(诊断 / 轨迹)用,色调对齐外层冷灰页面。 */
 .tv-root {
-  --tv-bg:#fbfaf7; --tv-bg-card:#ffffff; --tv-bg-soft:rgba(58,58,58,.025);
-  --tv-text:#3a3a3a; --tv-text-2:#7a7a7a; --tv-text-3:#a8a8a8;
-  --tv-divider:#e8e3da;
-  /* 加大 pass / fail / tripwire 的色相距离 + 暗度差,避免远看雷同。
-     pass: 鼠尾草绿(暗一档,靠近林地);fail: 砖红土陶(暗一档,远离 pink);tripwire: 紫罗兰(独立色相)。 */
-  --tv-pass:#5e8252; --tv-fail:#9c4a3f; --tv-tripwire:#7a6b89;
-  --tv-pass-soft:rgba(94,130,82,.10); --tv-fail-soft:rgba(156,74,63,.10); --tv-tripwire-soft:rgba(122,107,137,.10);
-  --tv-accent:#5a7a93; --tv-warn:#b08030;
-  --tv-shadow:0 1px 3px rgba(58,58,58,.06);
-  --tv-shadow-hover:0 2px 8px rgba(58,58,58,.10);
-  background:var(--tv-bg); color:var(--tv-text);
-  padding:32px 0; margin:-16px 0 0; border-radius:6px;
+  --tv-bg:#ffffff; --tv-bg-card:#ffffff; --tv-bg-soft:rgba(99,112,131,.05);
+  --tv-text:#2c333f; --tv-text-2:#637083; --tv-text-3:#9ca3af;
+  --tv-divider:#edf0f5;
+  /* pass / fail / tripwire 用形状 + 色相区分(色盲友好) */
+  --tv-pass:#1f9d63; --tv-fail:#dc2626; --tv-tripwire:#7c3aed;
+  --tv-pass-soft:rgba(31,157,99,.10); --tv-fail-soft:rgba(220,38,38,.10); --tv-tripwire-soft:rgba(124,58,237,.10);
+  --tv-accent:#4f46e5; --tv-warn:#d97706;
+  --tv-shadow:0 1px 3px rgba(0,0,0,.06);
+  --tv-shadow-hover:0 2px 8px rgba(0,0,0,.10);
+  background:#fff; color:var(--tv-text);
+  border:1px solid #e4e8f1; border-radius:12px; box-shadow:0 8px 24px rgba(31,41,55,.04);
+  padding:8px 16px 12px; margin:0;
   font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
   font-size:15px; line-height:1.75;
 }
-/* Variant tabs — 显式 reset 浏览器默认 button 样式(border-radius / outline / appearance)
-   防止 layout 那边的全局 button 规则给底部加了奇怪圆角和深色背景。 */
-.tv-root .tv-variant-tabs { display:flex;gap:0;margin:0 0 24px;border-bottom:1px solid var(--tv-divider) }
-.tv-root .tv-vtab { padding:12px 20px;background:transparent;border:none;border-radius:0;cursor:pointer;color:var(--tv-text-2);border-bottom:2px solid transparent;font-size:14px;font-family:inherit;font-weight:500;outline:none;appearance:none;-webkit-appearance:none;margin-bottom:-1px }
-.tv-root .tv-vtab:hover { color:var(--tv-text) }
-.tv-root .tv-vtab--active { color:var(--tv-text);border-bottom-color:var(--tv-accent);font-weight:600 }
-.tv-root .tv-vtab:focus-visible { outline:2px solid var(--tv-accent);outline-offset:-4px;border-radius:4px }
-/* tv-variant-panel: 不打横向 padding,内容直接对齐 .tv-root 边界,跟外层 omk-view-panel 的 h1/subtitle 同基线。 */
+/* 多 variant 提示 + 主轮标签 */
+.tv-root .tv-multi-hint { font-size:13px;color:var(--tv-text-2);margin:0 0 16px;line-height:1.6 }
+.tv-root .tv-primary-note { font-size:13px;color:var(--tv-text-3);font-family:"SF Mono",Menlo,monospace;margin-right:6px }
+/* 各轮分数轨迹条 — round-0 3.86 › round-1 1.71 › round-2 1.59[最新],按分着色,主轮加框 */
+.tv-root .tv-rounds { display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;margin:0 0 18px }
+.tv-root .tv-round { display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:5px 10px;border-radius:14px;background:var(--tv-bg-soft);color:var(--tv-text-2);border:1px solid transparent }
+.tv-root .tv-round b { font-variant-numeric:tabular-nums;font-family:"SF Mono",Menlo,monospace;font-weight:700 }
+.tv-root .tv-round--pass b { color:var(--tv-pass) }
+.tv-root .tv-round--warn b { color:var(--tv-warn) }
+.tv-root .tv-round--fail b { color:var(--tv-fail) }
+.tv-root .tv-round--current { border-color:var(--tv-accent);background:rgba(79,70,229,.06);color:var(--tv-text);font-weight:600 }
+.tv-root .tv-round--missing { color:var(--tv-text-3);font-style:italic }
+.tv-root .tv-round-icon { font-size:11px;font-weight:700 }
+.tv-root .tv-round-icon--pass { color:var(--tv-pass) }
+.tv-root .tv-round-icon--fail { color:var(--tv-fail) }
+.tv-root .tv-round-cur { font-size:11px;color:var(--tv-accent);font-weight:600;margin-left:2px }
+.tv-root .tv-round-arrow { color:var(--tv-text-3);font-size:13px;margin:0 1px }
+/* 其他轮详情块(折叠内) */
+.tv-root .tv-round-detail { padding:14px 0;border-top:1px dashed var(--tv-divider) }
+.tv-root .tv-round-detail:first-child { border-top:none;padding-top:4px }
+.tv-root .tv-round-detail-h { font-size:14px;font-weight:600;color:var(--tv-text);margin-bottom:10px;display:flex;align-items:center;gap:8px }
+.tv-root .tv-round-detail-icon { font-size:13px;font-weight:700 }
+.tv-root .tv-round-detail-icon--pass { color:var(--tv-pass) }
+.tv-root .tv-round-detail-icon--fail { color:var(--tv-fail) }
+.tv-root .tv-round-detail-icon--tripwire { color:var(--tv-tripwire) }
+.tv-root .tv-round-detail-score { font-family:"SF Mono",Menlo,monospace;font-weight:400;color:var(--tv-text-2);font-size:13px }
 /* Stats — 更扁平的数字+标签布局 */
-.tv-root .tv-variant-stats { display:flex;gap:32px;margin:0 0 24px;font-size:14px;color:var(--tv-text-2);align-items:baseline }
+.tv-root .tv-variant-stats { display:flex;gap:32px;margin:6px 0 10px;padding:0 14px;font-size:14px;color:var(--tv-text-2);align-items:baseline }
 .tv-root .tv-stat { display:flex;align-items:baseline;gap:6px }
 .tv-root .tv-stat-num { color:var(--tv-text);font-weight:600;font-size:18px;font-variant-numeric:tabular-nums }
 .tv-root .tv-stat--pass .tv-stat-num { color:var(--tv-pass) }
 .tv-root .tv-stat--fail .tv-stat-num { color:var(--tv-fail) }
 .tv-root .tv-stat--tripwire .tv-stat-num { color:var(--tv-tripwire) }
-/* Group separator */
-.tv-root .tv-group-sep { display:flex;align-items:center;gap:14px;margin:32px 0 16px;color:var(--tv-text-3);font-size:12px;text-transform:uppercase;letter-spacing:0.08em;font-weight:500 }
+/* Group separator — 卡片内分组小标题 */
+.tv-root .tv-group-sep { display:flex;align-items:center;gap:12px;margin:18px 0 4px;padding:0 14px;color:var(--tv-text-3);font-size:11.5px;text-transform:uppercase;letter-spacing:0.08em;font-weight:600 }
 .tv-root .tv-group-sep::after { content:'';flex:1;height:1px;background:var(--tv-divider) }
-/* Pass rows — one-line list,左边一道淡 sage 色条做"通过"暗示 */
-.tv-root .tv-rows { display:flex;flex-direction:column;gap:6px;margin:0 }
-.tv-root .tv-row { background:var(--tv-bg-card);border-radius:6px;box-shadow:var(--tv-shadow);transition:box-shadow .15s;border-left:3px solid var(--tv-pass) }
-.tv-root .tv-row:hover { box-shadow:var(--tv-shadow-hover) }
-.tv-root .tv-row[open] { box-shadow:var(--tv-shadow-hover) }
-.tv-root .tv-row-h { display:flex;align-items:center;gap:14px;padding:14px 20px;cursor:pointer;list-style:none;font-size:15px }
-.tv-root .tv-row-h::-webkit-details-marker { display:none }
-.tv-root .tv-row-h::after { content:'›';margin-left:8px;color:var(--tv-text-3);font-size:18px;transition:transform .15s }
-.tv-root .tv-row[open] .tv-row-h::after { transform:rotate(90deg) }
-/* Cards (fail / tripwire) — 默认折叠,跟 pass row 一致;头部下面加一行 preview 让折叠态也有信息密度 */
-.tv-root .tv-card { background:var(--tv-bg-card);border-radius:8px;box-shadow:var(--tv-shadow);margin:0 0 12px;transition:box-shadow .15s }
-.tv-root .tv-card:hover { box-shadow:var(--tv-shadow-hover) }
-.tv-root .tv-card--fail { border-left:3px solid var(--tv-fail) }
-.tv-root .tv-card--tripwire { border-left:3px solid var(--tv-tripwire) }
-.tv-root .tv-card-h { display:flex;align-items:center;gap:14px;padding:16px 22px;cursor:pointer;list-style:none;font-size:15px }
-.tv-root .tv-card-h::-webkit-details-marker { display:none }
-.tv-root .tv-card-h::after { content:'›';margin-left:8px;color:var(--tv-text-3);font-size:18px;transition:transform .15s }
-.tv-root .tv-card[open] .tv-card-h::after { transform:rotate(90deg) }
+/* 列表项 — pass row 与 fail/tripwire card 统一成 hairline 分隔的行,无阴影/无左色条;
+   状态靠左侧状态点,hover/展开时整行淡底高亮。 */
+.tv-root .tv-rows { display:flex;flex-direction:column;margin:0 }
+.tv-root .tv-row, .tv-root .tv-card { background:transparent;border:none;border-bottom:1px solid var(--tv-divider);border-radius:8px;box-shadow:none;margin:0;transition:background .12s }
+.tv-root .tv-row:hover, .tv-root .tv-card:hover { background:var(--tv-bg-soft) }
+.tv-root .tv-row[open], .tv-root .tv-card[open] { background:var(--tv-bg-soft);border-bottom-color:transparent }
+.tv-root .tv-rows .tv-row:last-child, .tv-root .tv-card:last-child { border-bottom:none }
+/* 聚焦:展开某条用例时,其余收起的行淡化,突出当前;hover 被淡化的行可临时恢复。 */
+.tv-root:has(.tv-card[open], .tv-row[open]) .tv-card:not([open]),
+.tv-root:has(.tv-card[open], .tv-row[open]) .tv-row:not([open]) { opacity:.42;transition:opacity .15s }
+.tv-root:has(.tv-card[open], .tv-row[open]) .tv-card:not([open]):hover,
+.tv-root:has(.tv-card[open], .tv-row[open]) .tv-row:not([open]):hover { opacity:1 }
+.tv-root .tv-row-h, .tv-root .tv-card-h { display:flex;align-items:center;gap:13px;padding:14px;cursor:pointer;list-style:none;font-size:14.5px }
+.tv-root .tv-row-h::-webkit-details-marker, .tv-root .tv-card-h::-webkit-details-marker { display:none }
+.tv-root .tv-row-h::after, .tv-root .tv-card-h::after { content:'›';margin-left:4px;color:var(--tv-text-3);font-size:17px;transition:transform .15s }
+.tv-root .tv-row[open] .tv-row-h::after, .tv-root .tv-card[open] .tv-card-h::after { transform:rotate(90deg) }
 .tv-root .tv-card[open] .tv-card-h { border-bottom:1px solid var(--tv-divider) }
-.tv-root .tv-card-preview { padding:0 22px 14px;color:var(--tv-text-2);font-size:14px;line-height:1.7;border-bottom:1px solid var(--tv-divider) }
+.tv-root .tv-card-preview { padding:0 14px 13px;color:var(--tv-text-2);font-size:13.5px;line-height:1.6 }
 .tv-root .tv-card[open] .tv-card-preview { display:none }
 /* Status dots — 用形状 + 色 + 字符的三重区分,避免色盲 / 远看雷同。
    pass: 实心圆 sage;fail: 红 ✗ 字符(更显眼);tripwire: 紫色 ◆ 菱形。 */
@@ -777,16 +1016,41 @@ export const TEST_VIEW_CSS = `
 .tv-root .tv-id { font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;color:var(--tv-text-3) }
 .tv-root .tv-title { flex:1;font-size:15px;color:var(--tv-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
 .tv-root .tv-meta { font-size:13px;color:var(--tv-text-3);font-variant-numeric:tabular-nums;font-family:"SF Mono","JetBrains Mono",Menlo,monospace }
+/* Composite badge in header — 综合分,卡头右侧紧贴耗时,一眼看分高低 */
+.tv-root .tv-composite { flex-shrink:0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;font-family:"SF Mono","JetBrains Mono",Menlo,monospace;letter-spacing:-0.02em }
+.tv-root .tv-composite--pass { color:var(--tv-pass) }
+.tv-root .tv-composite--warn { color:var(--tv-warn) }
+.tv-root .tv-composite--fail { color:var(--tv-fail) }
+.tv-root .tv-composite-unit { font-size:11px;color:var(--tv-text-3);font-weight:400;margin-left:1px }
 /* Body padding */
-.tv-root .tv-card-body, .tv-root .tv-row-body { padding:22px }
+.tv-root .tv-card-body, .tv-root .tv-row-body { padding:4px 14px 20px }
+/* Score strip — body 顶部分布条:综合 + 三层 + 断言,浅底 chip 行 */
+.tv-root .tv-scores { display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin:0 0 18px;padding:12px 16px;background:var(--tv-bg-soft);border-radius:6px;font-size:13.5px }
+.tv-root .tv-score-item { color:var(--tv-text-2);display:inline-flex;align-items:baseline;gap:5px }
+.tv-root .tv-score-item--primary { color:var(--tv-text);font-weight:600 }
+.tv-root .tv-score-v { font-weight:700;font-variant-numeric:tabular-nums;font-family:"SF Mono","JetBrains Mono",Menlo,monospace }
+.tv-root .tv-score-v--pass { color:var(--tv-pass) }
+.tv-root .tv-score-v--warn { color:var(--tv-warn) }
+.tv-root .tv-score-v--fail { color:var(--tv-fail) }
+/* Judge 评价文本块 — 与 diagnostic 并列,judge 答"打几分 + 为什么" */
+.tv-root .tv-judge { margin:0 0 18px }
+.tv-root .tv-judge-h { font-size:13px;font-weight:600;color:var(--tv-text-2);margin-bottom:6px;letter-spacing:0.02em;display:flex;align-items:center;gap:8px;flex-wrap:wrap }
+.tv-root .tv-judge-text { font-size:14px;line-height:1.75;color:var(--tv-text);white-space:pre-wrap;word-break:break-word }
+.tv-root .tv-judge-stab { font-size:12px;color:var(--tv-text-3);font-weight:500;font-family:"SF Mono",Menlo,monospace;background:var(--tv-bg-soft);padding:1px 6px;border-radius:3px }
+.tv-root .tv-judge-stab--fail { color:var(--tv-fail);background:var(--tv-fail-soft) }
+/* 多评委 ensemble 分项 */
+.tv-root .tv-ensemble { margin-top:10px }
+.tv-root .tv-ensemble-row { font-size:13.5px;margin-top:6px;color:var(--tv-text-2) }
+.tv-root .tv-ensemble-row b { color:var(--tv-text);font-weight:600 }
+.tv-root .tv-ensemble-agree { font-size:12px;color:var(--tv-text-3);margin-top:8px }
 /* Tripwire banner — 卡片顶部的紫色解释带 */
-.tv-root .tv-tripwire-banner { margin:-22px -22px 20px;padding:18px 22px;background:rgba(139,124,147,.08);border-radius:8px 8px 0 0;border-bottom:1px solid var(--tv-divider) }
+.tv-root .tv-tripwire-banner { margin:0 0 18px;padding:14px 16px;background:var(--tv-tripwire-soft);border-radius:8px }
 .tv-root .tv-tripwire-banner-title { font-size:14px;font-weight:600;color:var(--tv-tripwire);margin-bottom:6px;letter-spacing:0.02em }
 .tv-root .tv-tripwire-banner-body { font-size:14px;color:var(--tv-text-2);line-height:1.7 }
 /* Diagnosis — 一段白话 + 单一蓝色建议块 + 折叠细节 */
 .tv-root .tv-diag { margin:4px 0 16px }
 .tv-root .tv-diag-text { font-size:15px;line-height:1.75;color:var(--tv-text);margin:0 0 16px }
-.tv-root .tv-suggestion { background:rgba(90,122,147,.06);border-left:3px solid var(--tv-accent);padding:14px 18px;margin:12px 0;border-radius:0 4px 4px 0 }
+.tv-root .tv-suggestion { background:rgba(79,70,229,.06);border-left:3px solid var(--tv-accent);padding:14px 18px;margin:12px 0;border-radius:0 4px 4px 0 }
 .tv-root .tv-suggestion-label { display:inline-block;color:var(--tv-accent);font-weight:600;font-size:13px;margin-right:8px;letter-spacing:0.02em }
 .tv-root .tv-suggestion-body { margin:6px 0 0;font-size:14.5px;line-height:1.7;color:var(--tv-text) }
 .tv-root .tv-diag-details { margin-top:14px }
@@ -800,18 +1064,18 @@ export const TEST_VIEW_CSS = `
 /* RootCause inline pill */
 .tv-root .tv-diag-rc-pill { font-size:11px;padding:2px 8px;border-radius:10px;background:var(--tv-bg-soft);color:var(--tv-text-2);margin-right:6px;display:inline-block }
 .tv-root .tv-diag-rc--tripwire_intentional { background:rgba(139,124,147,.12);color:var(--tv-tripwire) }
-.tv-root .tv-diag-rc--sample_design { background:rgba(90,122,147,.10);color:var(--tv-accent) }
-.tv-root .tv-diag-rc--skill_doc_unclear, .tv-diag-rc--skill_doc_missing, .tv-root .tv-diag-rc--llm_misread { background:rgba(176,128,48,.10);color:var(--tv-warn) }
+.tv-root .tv-diag-rc--sample_design { background:rgba(79,70,229,.10);color:var(--tv-accent) }
+.tv-root .tv-diag-rc--skill_doc_unclear, .tv-diag-rc--skill_doc_missing, .tv-root .tv-diag-rc--llm_misread { background:rgba(217,119,6,.10);color:var(--tv-warn) }
 /* Failure-mode chips — 中文标签,显著展示在 summary 下 */
 .tv-root .tv-diag-modes { display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 14px }
 .tv-root .tv-diag-modes-label { font-size:12px;color:var(--tv-text-2);margin-right:4px }
 .tv-root .tv-diag-mode-pill { font-size:12px;padding:3px 10px;border-radius:11px;background:var(--tv-bg-soft);color:var(--tv-text);font-weight:500 }
-.tv-root .tv-diag-mode--workflow-skip   { background:rgba(176,128,48,.12);color:var(--tv-warn) }
-.tv-root .tv-diag-mode--hardcoded       { background:rgba(176,128,48,.12);color:var(--tv-warn) }
+.tv-root .tv-diag-mode--workflow-skip   { background:rgba(217,119,6,.12);color:var(--tv-warn) }
+.tv-root .tv-diag-mode--hardcoded       { background:rgba(217,119,6,.12);color:var(--tv-warn) }
 .tv-root .tv-diag-mode--hallucination   { background:rgba(180,75,75,.14);color:#b44b4b }
-.tv-root .tv-diag-mode--tool-misuse     { background:rgba(176,128,48,.12);color:var(--tv-warn) }
-.tv-root .tv-diag-mode--env-blocked     { background:rgba(90,122,147,.12);color:var(--tv-accent) }
-.tv-root .tv-diag-mode--misread         { background:rgba(176,128,48,.12);color:var(--tv-warn) }
+.tv-root .tv-diag-mode--tool-misuse     { background:rgba(217,119,6,.12);color:var(--tv-warn) }
+.tv-root .tv-diag-mode--env-blocked     { background:rgba(79,70,229,.12);color:var(--tv-accent) }
+.tv-root .tv-diag-mode--misread         { background:rgba(217,119,6,.12);color:var(--tv-warn) }
 .tv-root .tv-diag-mode--other           { background:var(--tv-bg-soft);color:var(--tv-text-2) }
 /* Workflow checklist — 默认展开,放在 suggestion 之上,直观展示 LLM 走对哪几步 */
 .tv-root .tv-diag-workflow { margin:14px 0;padding:12px 14px;background:var(--tv-bg-soft);border-radius:6px }
@@ -858,14 +1122,14 @@ export const TEST_VIEW_CSS = `
 .tv-root .tv-turn-dur { color:var(--tv-text-3);font-weight:400;font-size:12px;margin-left:6px }
 .tv-root .tv-thinking { margin:6px 0;font-size:13px }
 .tv-root .tv-thinking summary { cursor:pointer;color:var(--tv-text-3);font-style:italic }
-.tv-root .tv-thinking-body { padding:10px 14px;background:rgba(58,58,58,.04);border-radius:4px;color:var(--tv-text-2);white-space:pre-wrap;font-size:13px;line-height:1.7;margin-top:6px }
+.tv-root .tv-thinking-body { padding:10px 14px;background:rgba(0,0,0,.04);border-radius:4px;color:var(--tv-text-2);white-space:pre-wrap;font-size:13px;line-height:1.7;margin-top:6px }
 /* Tool calls */
-.tv-root .tv-call { margin:6px 0;padding:10px 14px;background:rgba(58,58,58,.03);border-radius:4px;font-size:13px }
+.tv-root .tv-call { margin:6px 0;padding:10px 14px;background:rgba(0,0,0,.03);border-radius:4px;font-size:13px }
 .tv-root .tv-call--err { border-left:2px solid var(--tv-fail) }
 .tv-root .tv-call-h { font-weight:500;color:var(--tv-text);margin-bottom:4px;font-size:14px }
 .tv-root .tv-call details { margin:4px 0;font-size:12px }
 .tv-root .tv-call summary { cursor:pointer;color:var(--tv-text-3);padding:2px 0 }
-.tv-root .tv-pre { font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;background:rgba(58,58,58,.04);padding:10px 14px;border-radius:4px;overflow:auto;max-height:320px;white-space:pre-wrap;margin:4px 0;color:var(--tv-text-2);line-height:1.55 }
+.tv-root .tv-pre { font-family:"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;font-size:13px;background:rgba(0,0,0,.04);padding:10px 14px;border-radius:4px;overflow:auto;max-height:320px;white-space:pre-wrap;margin:4px 0;color:var(--tv-text-2);line-height:1.55 }
 .tv-root .tv-mock-badge { font-size:12px;color:var(--tv-pass);background:rgba(125,155,118,.12);padding:2px 8px;border-radius:10px;margin-left:8px }
 .tv-root .tv-trace-assert { font-size:13px;font-family:"SF Mono",Menlo,monospace;padding:3px 0;margin-top:6px;line-height:1.5 }
 .tv-root .tv-trace-assert.tv-assert--fail { color:var(--tv-fail) }
@@ -877,28 +1141,15 @@ export const TEST_VIEW_CSS = `
 .tv-root .tv-assert { font-size:14px;font-family:"SF Mono",Menlo,monospace;padding:5px 0;line-height:1.6 }
 .tv-root .tv-assert--pass { color:var(--tv-text-2) }
 .tv-root .tv-assert--fail { color:var(--tv-fail) }
-.tv-root .tv-assert-value { background:rgba(58,58,58,.04);padding:2px 6px;border-radius:3px;margin:0 2px }
+.tv-root .tv-assert-value { background:rgba(0,0,0,.04);padding:2px 6px;border-radius:3px;margin:0 2px }
 .tv-root .tv-turn-tag { font-size:12px;color:var(--tv-text-3);margin-left:8px;font-style:italic;font-family:-apple-system,sans-serif }
 .tv-root .tv-turn-tag--ok { color:var(--tv-pass) }
 .tv-root .tv-turn-tag--miss { color:var(--tv-fail) }
 .tv-root .tv-assert-msg { font-size:13px;color:var(--tv-text-3);margin-left:20px;margin-top:3px }
 /* Empty/warn states */
 .tv-root .tv-empty, .tv-root .tv-empty-page { color:var(--tv-text-3);font-style:italic;padding:14px 0;font-size:14px }
-.tv-root .tv-warn { color:var(--tv-warn);background:rgba(176,128,48,.08);padding:14px 18px;border-radius:4px;margin:8px 24px;font-size:14px;line-height:1.7 }
-`;
-/** 单测视角配套 JS:variant 切换 + view tab 切换。挂在 layout 末尾。 */
-export const TEST_VIEW_JS = `
-function omkSwitchVariant(btn) {
-  var target = btn.getAttribute('data-target');
-  var tabs = btn.parentElement.querySelectorAll('.tv-vtab');
-  tabs.forEach(function(t){ t.classList.toggle('tv-vtab--active', t === btn); });
-  var panels = btn.parentElement.parentElement.querySelectorAll('.tv-variant-panel');
-  panels.forEach(function(p){ p.hidden = (p.getAttribute('data-variant') !== target); });
-}
-function omkSwitchView(name) {
-  var tabs = document.querySelectorAll('.omk-view-tab');
-  tabs.forEach(function(t){ t.classList.toggle('omk-view-tab--active', t.getAttribute('data-view') === name); });
-  var panels = document.querySelectorAll('.omk-view-panel');
-  panels.forEach(function(p){ p.hidden = (p.getAttribute('data-view') !== name); });
-}
+.tv-root .tv-warn { color:var(--tv-warn);background:rgba(217,119,6,.08);padding:14px 18px;border-radius:4px;margin:8px 24px;font-size:14px;line-height:1.7 }
 `;
+/** 融合单页全部用原生 <details> 折叠,逐用例与各轮对比都不再需要 JS 切换。
+ *  保留导出(html-renderer 仍引用),内容置空。 */
+export const TEST_VIEW_JS = '';