niceeval 0.5.4 → 0.6.0

package/src/view/app/components/CostScoreChart.tsx

@@ -1,147 +0,0 @@
-import { useState } from "react";
-import type { T } from "../shared.ts";
-import type { ViewRow } from "../types.ts";
-import { CELL_KEYS } from "../lib/rows.ts";
-import { formatCost, formatPercent } from "../lib/format.ts";
-import { layoutLabelOffsets, niceTicks, seriesColor } from "../lib/chart.ts";
-
-const WIDTH = 640;
-const HEIGHT = 300;
-const MARGIN = { top: 16, right: 24, bottom: 34, left: 46 };
-
-/** formatCost(0) 显示 "—"(表示"没测出成本"),但坐标轴原点确实就是 $0,不能沿用那个语义。 */
-function formatAxisCost(value: number): string {
-  return value === 0 ? "$0" : formatCost(value);
-}
-
-interface ChartPoint {
-  key: string;
-  label: string;
-  agent: string;
-  model?: string;
-  /** 官方 cost 格子的值(平均每 eval 成本,与轴标签同口径)。 */
-  cost: number;
-  /** 官方 pass-rate 格子的值(0–1)。 */
-  rate: number;
-}
-
-/**
- * 一个 group 内「成本 vs 通过率」散点图:一行(一个实验/config)= 一个点。
- * 点位取官方 MetricTable.data 的格子值;任一轴缺数据(null)的行不画。
- * 只在 group 内至少两条 row 有成本时渲染,否则没有比较意义。
- */
-export function CostScoreChart({ rows, t }: { rows: ViewRow[]; t: T }) {
-  const [hoverKey, setHoverKey] = useState<string | null>(null);
-  const points: ChartPoint[] = [];
-  for (const row of rows) {
-    const cost = row.cells[CELL_KEYS.cost]?.value ?? null;
-    const rate = row.cells[CELL_KEYS.passRate]?.value ?? null;
-    if (cost === null || rate === null || !Number.isFinite(cost)) continue;
-    points.push({ key: row.key, label: row.label, agent: row.agent, model: row.model, cost, rate });
-  }
-  if (points.length < 2) return null;
-
-  const plotW = WIDTH - MARGIN.left - MARGIN.right;
-  const plotH = HEIGHT - MARGIN.top - MARGIN.bottom;
-
-  const xTicks = niceTicks(0, Math.max(...points.map((p) => p.cost)), 5);
-  const xMax = xTicks[xTicks.length - 1] || 1;
-
-  const rates = points.map((p) => p.rate);
-  const rateMin = Math.min(...rates);
-  const rateMax = Math.max(...rates);
-  const pad = Math.max(0.03, (rateMax - rateMin) * 0.25);
-  const yTicksRaw = niceTicks(Math.max(0, rateMin - pad), Math.min(1, rateMax + pad), 5);
-  const yMin = Math.max(0, yTicksRaw[0] ?? 0);
-  const yMax = Math.min(1, yTicksRaw[yTicksRaw.length - 1] ?? 1);
-  const yTicks = yTicksRaw.filter((v) => v >= yMin - 1e-9 && v <= yMax + 1e-9);
-
-  // X 轴反向:贵在左、便宜在右,「又好又便宜」落在右上角,离原点越远越好。
-  const xScale = (cost: number) => MARGIN.left + (1 - cost / xMax) * plotW;
-  const yScale = (rate: number) => MARGIN.top + (1 - (rate - yMin) / (yMax - yMin)) * plotH;
-
-  const hovered = points.find((p) => p.key === hoverKey);
-
-  const positions = points.map((p) => {
-    const cx = xScale(p.cost);
-    const cy = yScale(p.rate);
-    const anchorLeft = cx >= MARGIN.left + plotW * 0.72;
-    return { cx, cy, anchorLeft, width: p.label.length * 6.4 + 10 };
-  });
-  const labelOffsets = layoutLabelOffsets(positions);
-
-  return (
-    <div className="cost-score-chart">
-      <div className="csc-head">{t("chart.costVsScore")}</div>
-      <div className="csc-svg-wrap">
-        <svg className="csc-svg" viewBox={`0 0 ${WIDTH} ${HEIGHT}`} role="img" aria-label={t("chart.costVsScore")}>
-          <g className="csc-grid">
-            {yTicks.map((tick) => (
-              <line key={`gy-${tick}`} x1={MARGIN.left} x2={WIDTH - MARGIN.right} y1={yScale(tick)} y2={yScale(tick)} />
-            ))}
-            {xTicks.map((tick) => (
-              <line key={`gx-${tick}`} y1={MARGIN.top} y2={HEIGHT - MARGIN.bottom} x1={xScale(tick)} x2={xScale(tick)} />
-            ))}
-          </g>
-          <g className="csc-axis csc-axis-y">
-            {yTicks.map((tick) => (
-              <text key={`ay-${tick}`} x={MARGIN.left - 8} y={yScale(tick)} textAnchor="end" dominantBaseline="middle">
-                {formatPercent(tick)}
-              </text>
-            ))}
-          </g>
-          <g className="csc-axis csc-axis-x">
-            {xTicks.map((tick) => (
-              <text key={`ax-${tick}`} x={xScale(tick)} y={HEIGHT - MARGIN.bottom + 18} textAnchor="middle">
-                {formatAxisCost(tick)}
-              </text>
-            ))}
-            <text x={MARGIN.left + plotW / 2} y={HEIGHT - 4} textAnchor="middle">
-              {t("chart.axisCost")}
-            </text>
-          </g>
-          <g className="csc-points">
-            {points.map((p, i) => {
-              const { cx, cy, anchorLeft } = positions[i]!;
-              const labelY = cy + 4 + labelOffsets[i]!;
-              const color = seriesColor(i);
-              const labelX = cx + (anchorLeft ? -10 : 10);
-              return (
-                <g
-                  key={p.key}
-                  className="csc-point"
-                  tabIndex={0}
-                  role="button"
-                  aria-label={`${p.label}: ${formatCost(p.cost)}, ${formatPercent(p.rate)}`}
-                  onMouseEnter={() => setHoverKey(p.key)}
-                  onMouseLeave={() => setHoverKey((k) => (k === p.key ? null : k))}
-                  onFocus={() => setHoverKey(p.key)}
-                  onBlur={() => setHoverKey((k) => (k === p.key ? null : k))}
-                >
-                  {/* 标签被挤开时补一条 leader line,避免脱离原点看不出对应关系。 */}
-                  {labelOffsets[i] ? <line className="csc-leader" x1={cx} y1={cy} x2={labelX} y2={labelY - 4} /> : null}
-                  <circle className="csc-hit" cx={cx} cy={cy} r={13} />
-                  <circle className="csc-dot" cx={cx} cy={cy} r={5} style={{ fill: color }} />
-                  <text x={labelX} y={labelY} textAnchor={anchorLeft ? "end" : "start"}>
-                    {p.label}
-                  </text>
-                </g>
-              );
-            })}
-          </g>
-        </svg>
-        {hovered ? (
-          <div
-            className="csc-tooltip"
-            style={{ left: `${(xScale(hovered.cost) / WIDTH) * 100}%`, top: `${(yScale(hovered.rate) / HEIGHT) * 100}%` }}
-          >
-            <b>{formatPercent(hovered.rate)}</b> {t("chart.axisScore")}
-            <div className="csc-tooltip-meta">
-              {formatCost(hovered.cost)} · {hovered.model || hovered.agent}
-            </div>
-          </div>
-        ) : null}
-      </div>
-    </div>
-  );
-}

package/src/view/app/components/ExperimentTable.tsx

@@ -1,284 +0,0 @@
-import React, { useState } from "react";
-import { ChevronRight } from "lucide-react";
-import type { OpenModal, T } from "../shared.ts";
-import type { Assertion, SortKey, SortState, ViewResult, ViewRow } from "../types.ts";
-import { EvalGroup, failingAssertions, groupByEval, outcomeClass, outcomeLabel, outcomeSummary, reasonFor, scoresSummary } from "../lib/outcome.ts";
-import { CELL_KEYS, configChips } from "../lib/rows.ts";
-import { formatClock, formatCost, formatDateTime, formatDuration, formatTokens, totalTokens } from "../lib/format.ts";
-import { Kpi, SortHeader } from "./primitives.tsx";
-import type { MetricCell } from "../types.ts";
-
-/** 官方格子的渲染:display 已格式化;samples < total 时 title 如实报覆盖率(有 attempt 测不了这个指标)。 */
-function CellValue({ cell }: { cell: MetricCell | undefined }) {
-  if (!cell || cell.value === null) return <>—</>;
-  const partial = cell.samples < cell.total;
-  return <span title={partial ? `${cell.samples}/${cell.total} attempts measured` : undefined}>{cell.display}</span>;
-}
-
-export function ExperimentTable({
-  rows,
-  sort,
-  setSortKey,
-  openRows,
-  toggleRow,
-  openModal,
-  t,
-}: {
-  rows: ViewRow[];
-  sort: SortState;
-  setSortKey: (key: SortKey) => void;
-  openRows: Set<string>;
-  toggleRow: (key: string) => void;
-  openModal: OpenModal;
-  t: T;
-}) {
-  return (
-    <div className="table-wrap">
-      <table>
-        <thead>
-          <tr>
-            <SortHeader name={t("table.experiment")} sortKey="experiment" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.model")} sortKey="model" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.agent")} sortKey="agent" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.avgDuration")} sortKey="duration" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.successRate")} sortKey="passRate" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.tokens")} sortKey="tokens" sort={sort} onSort={setSortKey} />
-            <SortHeader name={t("table.estCost")} sortKey="cost" sort={sort} onSort={setSortKey} />
-            <th>{t("table.outcomes")}</th>
-          </tr>
-        </thead>
-        <tbody>
-          {rows.map((row: ViewRow) => (
-            <React.Fragment key={row.key}>
-              <ExperimentRow row={row} open={openRows.has(row.key)} onToggle={() => toggleRow(row.key)} t={t} />
-              {openRows.has(row.key) ? <ExperimentDetail row={row} openModal={openModal} t={t} /> : null}
-            </React.Fragment>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-}
-
-export function ExperimentRow({ row, open, onToggle, t }: { row: ViewRow; open: boolean; onToggle: () => void; t: T }) {
-  const passRate = row.cells[CELL_KEYS.passRate]?.value ?? null;
-  const tone = passRate === null ? "" : passRate >= 0.8 ? "good" : passRate >= 0.5 ? "warn" : "bad";
-  return (
-    <tr
-      className={`main-row${open ? " is-open" : ""}`}
-      tabIndex={0}
-      onClick={onToggle}
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          onToggle();
-        }
-      }}
-    >
-      <td>
-        <ChevronRight className="chev-icon" aria-hidden="true" />
-        <span className="name">{row.label}</span>
-        <div className="sub">
-          {row.evals} {row.evals === 1 ? t("detail.evalResult") : t("detail.evalResults")}
-          {row.runs > row.evals ? ` · ${row.runs} ${t("detail.runsUnit")}` : ""}
-          {row.lastRunAt ? ` · ${formatDateTime(row.lastRunAt)}` : ""}
-        </div>
-      </td>
-      <td>{row.model || t("config.default")}</td>
-      <td>{row.agent}</td>
-      {/* 官方 MetricTable.data 的格子:display 直接渲染,数字口径与 show 榜单同源。 */}
-      <td className="num">
-        <CellValue cell={row.cells[CELL_KEYS.duration]} />
-      </td>
-      <td className={`num ${tone}`}>
-        <CellValue cell={row.cells[CELL_KEYS.passRate]} />
-      </td>
-      <td className="num">
-        <CellValue cell={row.cells[CELL_KEYS.tokens]} />
-      </td>
-      <td className="num">
-        <CellValue cell={row.cells[CELL_KEYS.cost]} />
-      </td>
-      <td>
-        <span className="pill">{outcomeSummary(row, t)}</span>
-      </td>
-    </tr>
-  );
-}
-
-export function ExperimentDetail({ row, openModal, t }: { row: ViewRow; openModal: OpenModal; t: T }) {
-  const totalDuration = (row.results ?? []).reduce((sum: number, r: ViewResult) => sum + (r.durationMs || 0), 0);
-  const sampleResult =
-    row.results?.find((r: ViewResult) => r.outcome === "errored") ||
-    row.results?.find((r: ViewResult) => r.outcome === "failed") ||
-    row.results?.[0] ||
-    {};
-  const evalGroups = groupByEval(row.results ?? []).sort((a, b) => a.id.localeCompare(b.id));
-  return (
-    <tr className="detail-row">
-      <td className="detail-cell" colSpan={8}>
-        <div className="detail">
-          <div className="config-strip">
-            {configChips(row, t).map(([label, value]) => (
-              <span className="config-chip" key={label}>
-                <span>{label}</span>
-                <b>{value}</b>
-              </span>
-            ))}
-          </div>
-          <div className="detail-kpis">
-            <Kpi label={t("detail.evals")} value={row.evals} />
-            <Kpi label={t("detail.passed")} value={row.passed} className="good" />
-            <Kpi label={t("detail.failed")} value={row.failed} className={row.failed ? "bad" : ""} />
-            <Kpi label={t("detail.errored")} value={row.errored} className={row.errored ? "infra-err" : ""} />
-            {row.runs > row.evals ? <Kpi label={t("detail.runs")} value={row.runs} /> : null}
-            <Kpi label={t("detail.totalTime")} value={formatDuration(totalDuration)} />
-            <Kpi label={t("detail.totalCost")} value={formatCost(row.totalCostUSD)} />
-            <Kpi label={t("detail.ran")} value={formatDateTime(row.lastRunAt)} title={row.lastRunAt || ""} />
-          </div>
-          <h3>{t("detail.evaluationAttempts")}</h3>
-          <div className="eval-list">
-            <div className="eval-grid-head">
-              <span>{t("detail.status")}</span>
-              <span>{t("detail.eval")}</span>
-              <span>{t("detail.reason")}</span>
-              <span>{t("detail.time")}</span>
-              <span>{t("table.tokens")}</span>
-              <span>{t("table.estCost")}</span>
-              <span>{t("detail.run")}</span>
-            </div>
-            {evalGroups.map((group) => (
-              <EvalRow key={`${group.experimentId ?? ""}-${group.id}`} group={group} openModal={openModal} t={t} />
-            ))}
-          </div>
-          <details className="raw-details">
-            <summary>
-              {t("detail.rawSample")} <span className="raw-note">{t("detail.rawNote")}</span>
-            </summary>
-            <pre>{JSON.stringify(sampleResult, null, 2)}</pre>
-          </details>
-        </div>
-      </td>
-    </tr>
-  );
-}
-
-/**
- * 一个 eval 一行:多轮(runs>1)折叠成单行摘要,点开展开各轮 attempt;单轮直接就是那条 attempt。
- * Run 列显示 通过轮数 / 总轮数(如 0/3、2/3),让 earlyExit 重试和 flaky 一眼可见。
- */
-export function EvalRow({ group, openModal, t }: { group: EvalGroup; openModal: OpenModal; t: T }) {
-  const [open, setOpen] = useState(false);
-  const n = group.attempts.length;
-
-  if (n === 1) {
-    return <Attempt result={group.attempts[0]!} totalRuns={1} openModal={openModal} t={t} />;
-  }
-
-  // 代表轮:取与 eval 判决相同的第一条,用它的原因/分数做折叠行摘要。
-  const rep = group.attempts.find((a) => a.outcome === group.outcome) ?? group.attempts[0]!;
-  const gates = failingAssertions(rep);
-  const reason = reasonFor(rep, gates) || (group.outcome === "passed" ? scoresSummary(rep.assertions || []) : "");
-  const totalDuration = group.attempts.reduce((s, a) => s + (a.durationMs || 0), 0);
-  const totalTok = group.attempts.reduce((s, a) => s + totalTokens(a.usage), 0);
-  const totalCost = group.attempts.reduce((s, a) => s + (a.estimatedCostUSD || 0), 0);
-  const toggle = () => setOpen((v) => !v);
-
-  return (
-    <>
-      <div
-        className={`eval-item eval-item-clickable eval-group${open ? " is-open" : ""}`}
-        role="button"
-        tabIndex={0}
-        aria-expanded={open}
-        onClick={toggle}
-        onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); toggle(); } }}
-      >
-        <span className="attempt-status">
-          <span className={outcomeClass(group.outcome)}>{outcomeLabel(group.outcome, t)}</span>
-        </span>
-        <span className="eval-id">
-          <ChevronRight className="chev-icon" aria-hidden="true" />
-          {group.id}
-        </span>
-        <div className="assertions-cell">
-          <span className="assertions" title={reason || undefined}>
-            {reason || <span className="reason-empty">—</span>}
-          </span>
-        </div>
-        <span className="num">{formatDuration(totalDuration)}</span>
-        <span className="num">{formatTokens(totalTok)}</span>
-        <span className="num">{formatCost(totalCost)}</span>
-        <span className="num run-ratio" title={`${group.passedAttempts}/${n} ${t("detail.passed")}`}>
-          {group.passedAttempts}/{n}
-        </span>
-      </div>
-      {open ? (
-        <div className="eval-attempts">
-          {group.attempts.map((a) => (
-            <Attempt key={`${a.id}-${a.attempt}`} result={a} totalRuns={n} openModal={openModal} t={t} />
-          ))}
-        </div>
-      ) : null}
-    </>
-  );
-}
-
-export function Attempt({ result, totalRuns, openModal, t }: { result: ViewResult; totalRuns: number; openModal: OpenModal; t: T }) {
-  const outcome = result.outcome;
-  const gates = failingAssertions(result);
-  const reason = reasonFor(result, gates);
-  const allAssertions = result.assertions || [];
-  const hasScores = allAssertions.some((a: Assertion) => a.score !== undefined && a.score !== null);
-  const hasBody = result.hasEvents || result.hasTrace || hasScores;
-
-  const inlineScores = !reason && outcome === "passed" ? scoresSummary(allAssertions) : "";
-  const displayReason = reason || inlineScores;
-
-  const handleOpen = () => openModal(result);
-
-  const cells = (
-    <>
-      <span className="attempt-status">
-        <span className={outcomeClass(outcome)}>{outcomeLabel(outcome, t)}</span>
-      </span>
-      <span className="eval-id">{result.id}</span>
-      <div className="assertions-cell">
-        <span
-          className={`assertions${hasBody ? " assertions-link" : ""}`}
-          title={displayReason || undefined}
-          onClick={hasBody ? (e) => { e.stopPropagation(); handleOpen(); } : undefined}
-        >
-          {displayReason || <span className="reason-empty">—</span>}
-        </span>
-      </div>
-      <span className="num">
-        {formatDuration(result.durationMs)}
-        {result.startedAt ? <small className="ran-at">{formatClock(result.startedAt)}</small> : null}
-      </span>
-      <span className="num">{formatTokens(totalTokens(result.usage))}</span>
-      <span className="num">{formatCost(result.estimatedCostUSD)}</span>
-      <span className="num" title={`attempt ${result.attempt + 1} of ${totalRuns}`}>
-        #{result.attempt + 1}
-      </span>
-    </>
-  );
-
-  if (!hasBody) {
-    return <div className="eval-item">{cells}</div>;
-  }
-
-  return (
-    <div
-      className="eval-item eval-item-clickable"
-      role="button"
-      tabIndex={0}
-      onClick={handleOpen}
-      onKeyDown={(e) => {
-        if (e.key === "Enter" || e.key === " ") { e.preventDefault(); handleOpen(); }
-      }}
-    >
-      {cells}
-    </div>
-  );
-}

package/src/view/app/components/GroupSelector.tsx

@@ -1,61 +0,0 @@
-import type { T } from "../shared.ts";
-import type { ViewResult, ViewRow } from "../types.ts";
-import { evalPassRate, groupByEval } from "../lib/outcome.ts";
-import { formatCost, formatDateTime, formatPercent } from "../lib/format.ts";
-
-export function GroupSelector({
-  groupMap,
-  selectedGroup,
-  onSelect,
-  t,
-}: {
-  groupMap: Map<string, ViewRow[]>;
-  selectedGroup: string | null;
-  onSelect: (group: string) => void;
-  t: T;
-}) {
-  if (!groupMap.size) return <div id="group-selector" className="group-selector" />;
-  return (
-    <div id="group-selector" className="group-selector">
-      {[...groupMap.keys()].sort().map((group) => {
-        const groupRows = groupMap.get(group) ?? [];
-        const allResults = groupRows.flatMap((r: ViewRow) => r.results ?? []);
-        const evalGroups = groupByEval(allResults); // 卡片计票按 eval,不按 attempt
-        const failed = evalGroups.filter((g) => g.outcome === "failed").length;
-        const errored = evalGroups.filter((g) => g.outcome === "errored").length;
-        const passRate = evalPassRate(allResults);
-        const tone = passRate >= 0.8 ? "good" : passRate >= 0.5 ? "warn" : "bad";
-        const totalCost = groupRows.reduce((s: number, r: ViewRow) => s + (r.totalCostUSD || 0), 0);
-        const lastRun = groupRows
-          .map((r: ViewRow) => r.lastRunAt)
-          .filter((value): value is string => Boolean(value))
-          .sort()
-          .at(-1);
-        const selected = selectedGroup === group;
-        return (
-          <div
-            key={group}
-            className={`group-card${selected ? " is-selected" : ""}`}
-            tabIndex={0}
-            role="button"
-            onClick={() => onSelect(group)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                onSelect(group);
-              }
-            }}
-          >
-            <div className="group-card-name">{group}</div>
-            <div className={`group-card-rate ${tone}`}>{formatPercent(passRate)}</div>
-            <div className="group-card-meta">
-              {groupRows.length} {groupRows.length === 1 ? t("detail.evalResult") : t("detail.evalResults")} · {failed} {t("outcome.failed")}
-              {errored ? ` · ${errored} ${t("outcome.errored")}` : ""} · {formatCost(totalCost)}
-            </div>
-            {lastRun ? <div className="group-card-time">{formatDateTime(lastRun)}</div> : null}
-          </div>
-        );
-      })}
-    </div>
-  );
-}

package/src/view/app/components/primitives.tsx

@@ -1,43 +0,0 @@
-import type { ReactNode } from "react";
-import type { SortKey, SortState } from "../types.ts";
-
-export function Metric({ label, value }: { label: string; value: string }) {
-  return (
-    <div className="metric">
-      <div className="label">{label}</div>
-      <div className="value">{value}</div>
-    </div>
-  );
-}
-
-export function SortHeader({
-  name,
-  sortKey,
-  sort,
-  onSort,
-}: {
-  name: string;
-  sortKey: SortKey;
-  sort: SortState;
-  onSort: (key: SortKey) => void;
-}) {
-  const sorted = sort.key === sortKey ? (sort.dir === 1 ? "asc" : "desc") : undefined;
-  return (
-    <th>
-      <button data-sorted={sorted} onClick={() => onSort(sortKey)}>
-        {name}
-      </button>
-    </th>
-  );
-}
-
-export function Kpi({ label, value, className = "", title }: { label: string; value: ReactNode; className?: string; title?: string }) {
-  return (
-    <div className="detail-kpi">
-      <span>{label}</span>
-      <b className={className} title={title}>
-        {value}
-      </b>
-    </div>
-  );
-}

package/src/view/app/lib/outcome.ts

@@ -1,82 +0,0 @@
-import type { Assertion, Outcome, ViewResult, ViewRow } from "../types.ts";
-import type { T } from "../shared.ts";
-import { formatScore } from "./format.ts";
-
-// 折叠口径与 server 聚合共用一份实现,见 src/shared/outcome.ts。
-import { foldEvalOutcome } from "../../../shared/outcome.ts";
-
-export { foldEvalOutcome };
-
-export interface EvalGroup {
-  id: string;
-  experimentId?: string;
-  outcome: Outcome;
-  attempts: ViewResult[];
-  passedAttempts: number;
-}
-
-/** 把一批 attempt 按 (experimentId, eval id) 折叠成「每个 eval 一行」,内部 attempt 按轮次排序。 */
-export function groupByEval(results: ViewResult[]): EvalGroup[] {
-  const byEval = new Map<string, ViewResult[]>();
-  for (const r of results) {
-    const key = `${r.experimentId ?? ""}|||${r.id}`;
-    byEval.set(key, [...(byEval.get(key) ?? []), r]);
-  }
-  return [...byEval.values()].map((attempts) => {
-    const sorted = [...attempts].sort((a, b) => a.attempt - b.attempt);
-    return {
-      id: sorted[0]!.id,
-      experimentId: sorted[0]!.experimentId,
-      outcome: foldEvalOutcome(sorted),
-      attempts: sorted,
-      passedAttempts: sorted.filter((a) => a.outcome === "passed").length,
-    };
-  });
-}
-
-/** 成功率按 eval 计票:折叠后通过的 eval 占已跑(非 skipped)eval 的比例。 */
-export function evalPassRate(results: ViewResult[]): number {
-  const ran = groupByEval(results).filter((g) => g.outcome !== "skipped");
-  return ran.length ? ran.filter((g) => g.outcome === "passed").length / ran.length : 0;
-}
-
-export function outcomeClass(outcome: Outcome): string {
-  return outcome === "passed" ? "good" : outcome === "errored" ? "infra-err" : outcome === "failed" ? "bad" : "warn";
-}
-
-export function outcomeLabel(outcome: Outcome, t: T): string {
-  if (outcome === "passed") return t("status.pass");
-  if (outcome === "failed") return t("status.fail");
-  if (outcome === "errored") return t("status.error");
-  if (outcome === "skipped") return t("status.skipped");
-  return outcome || "—";
-}
-
-// Only gate-severity failures are eval "failure reasons"; soft failures show as scores
-export function failingAssertions(result: ViewResult): Assertion[] {
-  return (result.assertions || []).filter((a: Assertion) => !a.passed && a.severity === "gate");
-}
-
-export function reasonFor(result: ViewResult, failedGates: Assertion[]): string {
-  if (result.error) return result.error;
-  if (result.skipReason) return result.skipReason;
-  return failedGates.map((a: Assertion) => (a.detail ? `${a.name}: ${a.detail}` : a.name)).join(", ");
-}
-
-export function scoresSummary(assertions: Assertion[]): string {
-  const scored = (assertions || []).filter((a: Assertion) => a.score !== undefined && a.score !== null);
-  if (!scored.length) return "";
-  return scored
-    .map((a: Assertion) => {
-      const s = formatScore(a.score);
-      return a.threshold !== undefined ? `${a.name} ${s}/${formatScore(a.threshold)}` : `${a.name} ${s}`;
-    })
-    .join(" · ");
-}
-
-export function outcomeSummary(row: ViewRow, t: T): string {
-  const parts = [`${row.passed} ${t("outcome.passed")}`, `${row.failed} ${t("outcome.failed")}`];
-  if (row.errored) parts.push(`${row.errored} ${t("outcome.errored")}`);
-  if (row.skipped) parts.push(`${row.skipped} ${t("outcome.skipped")}`);
-  return parts.join(" / ");
-}