niceeval 0.9.1 → 0.10.2

package/src/report/{react → components}/render.test.tsx

@@ -18,8 +18,8 @@ import {
   MetricTable,
   Scoreboard,
   ScopeSummary,
-} from "./index.tsx";
-import { colorClassForKey, seriesClassForKey } from "./colors.ts";
+} from "../react/index.tsx";
+import { colorClassForKey, seriesClassForKey } from "../assets/colors.ts";
 import {
   attemptListItems,
   deltaData,
@@ -37,8 +37,13 @@ const attemptHref = (locator: AttemptLocator) => `/attempts/${locator}`;
 describe("ScopeSummary", () => {
   const html = renderToStaticMarkup(<ScopeSummary data={scopeSummaryData} />);
 
-  it("KPI:experiment/eval/attempt 数、成功率与总成本原样渲染(不从计票重算)", () => {
+  it("KPI:experiment/eval/attempt 数、通过率与总成本原样渲染(不从计票重算)", () => {
     expect(html).toContain("nre-scope-summary");
+    expect(html).toContain("Pass rate");
+    expect(html).toContain("Experiments");
+    expect(html).toContain("Evals");
+    expect(html).toContain("Attempts");
+    expect(html).toContain("Eval results");
     expect(html).toContain("<dd>2</dd>"); // experiments
     expect(html).toContain("<dd>6</dd>"); // evals
     expect(html).toContain("<dd>9</dd>"); // attempts
@@ -47,6 +52,7 @@ describe("ScopeSummary", () => {
     expect(html).toContain("60%");
     expect(html).not.toContain("44%");
     expect(html).toContain("$1.50");
+    expect(html).toContain("Cost available for 8/9 attempts");
   });
 
   it("votes 默认 eval 级计票;votes='attempt' 切换显示但 data 不变", () => {
@@ -54,12 +60,22 @@ describe("ScopeSummary", () => {
     expect(html).toContain('data-votes="eval"');
     const attempts = renderToStaticMarkup(<ScopeSummary data={scopeSummaryData} votes="attempt" />);
     expect(attempts).toContain("4 passed");
+    expect(attempts).toContain("Attempt results");
     expect(attempts).toContain('data-votes="attempt"');
   });
 
-  it("时间窗来自 range,不编造当前时间", () => {
-    expect(html).toContain("2026-07-01T10:00:00Z");
-    expect(html).toContain("2026-07-01T11:30:00Z");
+  it("时间窗带语义并按 locale 格式化,不暴露原始 ISO 或编造当前时间", () => {
+    expect(html).toContain("Run range ·");
+    expect(html).toContain("2026");
+    expect(html).not.toContain("2026-07-01T10:00:00Z");
+    expect(html).not.toContain("2026-07-01T11:30:00Z");
+
+    const zh = renderToStaticMarkup(<ScopeSummary data={scopeSummaryData} locale="zh-CN" />);
+    expect(zh).toContain("通过率");
+    expect(zh).toContain("实验");
+    expect(zh).toContain("Eval 结果");
+    expect(zh).toContain("8/9 次有成本数据");
+    expect(zh).toContain("运行范围 ·");
   });
 });
 
@@ -211,13 +227,17 @@ describe("MetricScatter", () => {
     expect(cx("compare/bub-low")).toBeLessThan(cx("compare/bub-high"));
   });
 
-  it("同系列点连线,系列色走类名(nre-series-cN,CSS 上色跟随深浅主题),图例列系列名", () => {
-    expect(html).toContain("<polyline");
-    expect(html).toContain(`nre-scatter-line ${seriesClassForKey("bub")}`);
+  it("默认不连线;connect 显式开启才画折线,系列色走类名(nre-series-cN,CSS 上色跟随深浅主题),图例列系列名", () => {
+    expect(html).not.toContain("<polyline");
     // 渲染面零内联 hex:深色主题下由 CSS 变量切换
     expect(html).not.toMatch(/#[0-9a-f]{6}/i);
     expect(html).toContain(">bub</span>");
     expect(html).toContain(">codex</span>");
+
+    const connected = renderToStaticMarkup(<MetricScatter data={scatterData} connect />);
+    expect(connected).toContain("<polyline");
+    expect(connected).toContain('nre-scatter-line nre-series-c');
+    expect(connected).toContain('data-series="bub"');
   });
 
   it("niceTicks 网格与每点直接标签(末段唯一时缩成末段)", () => {
@@ -358,26 +378,37 @@ describe("ExperimentList", () => {
 
   it("web 面是带过滤框与八个固定列头的 experiment 比较表(成本列头是 Cost)", () => {
     expect(html).toContain('data-nre-experiment-filter=""');
-    for (const header of ["Experiment", "Model", "Agent", "Avg duration", "End-to-end pass rate", "Tokens", "Cost", "Result"]) {
-      expect(html).toContain(`>${header}</button>`);
+    for (const header of ["Experiment", "Model", "Agent", "Avg. time", "Pass rate", "Tokens", "Cost", "Results"]) {
+      expect(html).toContain(`class="nre-sort-label">${header}</span>`);
     }
     expect(html).not.toContain("Est. cost");
-    expect(html).toContain('data-nre-experiment-sort="4" class="nre-sort-desc"');
+    expect(html).toContain('data-nre-experiment-sort="4" class="nre-num-head nre-sort-desc"');
+
+    const zh = renderToStaticMarkup(<ExperimentList data={experimentListItems} locale="zh-CN" />);
+    expect(zh).toContain('class="nre-sort-label">通过率</span>');
+    expect(zh).toContain("2 个 Eval");
+    expect(html).toContain("2 evals");
   });
 
-  it("主行:身份、agent/model、官方两级聚合指标与 eval 级判定构成", () => {
-    expect(html).toContain("compare/bub");
-    expect(html).toContain("compare/codex");
+  it("主行:身份(最短唯一后缀)、agent/model、官方两级聚合指标与 eval 级判定构成;完整 id 仍是排序键", () => {
+    expect(html).toContain(">bub</b>");
+    expect(html).toContain(">codex</b>");
+    expect(html).toContain('data-sort-value="compare/bub"');
+    expect(html).toContain('data-sort-value="compare/codex"');
     expect(html).toContain("gpt-5.4");
     expect(html).toContain("50%"); // endToEndPassRate.display
-    expect(html).toContain("1 passed / 1 failed");
+    expect(html).toContain("1 passed · 1 failed");
     expect(html).toContain("memory=true");
   });
 
   it("展开到 Eval:父行只有折叠判定与题级聚合,失败摘要只在 Attempt 子行", () => {
-    expect(html).toContain("algebra/quadratic");
-    expect(html).toContain('href="#/attempt/@1a4a4a4a"');
-    expect(html).toContain('href="#/attempt/@1b5b5b5b"');
+    // 独立自有 React 场景:显式传 attemptHref 才产生外部链接(没有报告宿主注入 ctx.attemptHref)。
+    const linked = renderToStaticMarkup(
+      <ExperimentList data={experimentListItems} filter attemptHref={(l) => `#/attempt/${l}`} />,
+    );
+    expect(linked).toContain("algebra/quadratic");
+    expect(linked).toContain('href="#/attempt/@1a4a4a4a"');
+    expect(linked).toContain('href="#/attempt/@1b5b5b5b"');
     expect(html.match(/algebra\/quadratic/g)).toHaveLength(1);
     expect(html).toContain("nre-experiment-eval-header");
     expect(html.match(/nre-experiment-attempt-row/g)).toHaveLength(4);
@@ -387,12 +418,20 @@ describe("ExperimentList", () => {
     expect(html.match(/gate: roots-correct/g)).toHaveLength(2);
   });
 
-  it("relativeTo 去掉组前缀只显示末段;data-sort-value 仍是完整 id", () => {
-    const relative = renderToStaticMarkup(<ExperimentList data={experimentListItems} relativeTo="compare" />);
-    expect(relative).toContain(">bub</b>");
-    expect(relative).toContain('data-sort-value="compare/bub"');
-    // 不传 relativeTo 显示完整 id
-    expect(html).toContain(">compare/bub</b>");
+  it("行标签默认缩成当前列表里的最短唯一后缀;末段重名时逐步加长到能区分,data-sort-value 仍是完整 id", () => {
+    // 两个不同 experiment 末段撞名(a/run 与 b/run 都叫 run)时,两行都要加长到能区分为止。
+    const dupes = renderToStaticMarkup(
+      <ExperimentList
+        data={[
+          { ...experimentListItems[0]!, experimentId: "compare/a/run" },
+          { ...experimentListItems[1]!, experimentId: "compare/b/run" },
+        ]}
+      />,
+    );
+    expect(dupes).toContain(">a/run</b>");
+    expect(dupes).toContain(">b/run</b>");
+    expect(dupes).toContain('data-sort-value="compare/a/run"');
+    expect(dupes).toContain('data-sort-value="compare/b/run"');
   });
 
   it("零 JS 靠原生 <details>,无 <script>", () => {
@@ -408,7 +447,8 @@ describe("跨组件契约", () => {
     const matrix = renderToStaticMarkup(<MetricMatrix data={matrixData} />);
     const board = renderToStaticMarkup(<Scoreboard data={scoreboardData} />);
     const attempts = renderToStaticMarkup(<AttemptList data={attemptListItems} />);
-    for (const html of [table, matrix, board, attempts]) {
+    const experiments = renderToStaticMarkup(<ExperimentList data={experimentListItems} />);
+    for (const html of [table, matrix, board, attempts, experiments]) {
       expect(html).toContain(cls);
     }
     const scatter = renderToStaticMarkup(<MetricScatter data={scatterData} />);

package/src/report/components/shared-compute.ts

@@ -0,0 +1,59 @@
+// 跨组件族共用的计算辅助:summaries(scopeSummaryData)、entity-lists(experimentListData)、
+// metric-views(metricScatterData)三族的 *Data 函数共用同一条 selectedEvalIds 投影规则与
+// 同一套组级统计折叠,住在这里而不是任一族自己的 compute.ts,避免三份重复实现分叉。
+
+import type { Snapshot } from "../../results/types.ts";
+import { selectedEvalIdsOf } from "../../results/select.ts";
+import { evalLevelStats } from "../../shared/verdict.ts";
+import { experimentIdOf, fullEvalKey, type Item } from "../model/aggregate.ts";
+import type { VerdictTally } from "../model/types.ts";
+
+/**
+ * 每个 experiment 只保留自己 `selectedEvalIds` 内的 eval/attempt——两个 experiment 声明不同
+ * eval 集时各自只统计自己选中的那部分,未选择的 eval(即使恰好在同一次运行里跑过)不进
+ * 分母、不污染另一个 experiment。第三方快照缺该字段时 `selectedEvalIdsOf` 退化为其实际
+ * evals,过滤天然是 no-op。宿主注入的 current() Scope 在合成时已按这条规则收窄,这里对
+ * 真实 Scope 是幂等的;只对作者手工拼的 Snapshot[] 真正生效。`experimentListData` /
+ * `scopeSummaryData` / `metricScatterData` 共用同一条规则,保证经 `ExperimentComparison`
+ * 展开后收到的 spec 与直接调用同一份 input 深相等。
+ */
+export function selectedEvalsOnly(snapshots: readonly Snapshot[]): readonly Snapshot[] {
+  return snapshots.map((snapshot) => {
+    const selected = new Set(selectedEvalIdsOf(snapshot));
+    const evals = snapshot.evals.filter((ev) => selected.has(ev.id));
+    if (evals.length === snapshot.evals.length) return snapshot;
+    return { ...snapshot, evals, attempts: evals.flatMap((ev) => ev.attempts) };
+  });
+}
+
+export function tallyOf(): VerdictTally {
+  return { passed: 0, failed: 0, errored: 0, skipped: 0 };
+}
+
+/** 一批 Item 的组级统计(experimentListData / scopeSummaryData 共用)。 */
+export function summarizeItems(items: Item[]): {
+  experiments: number;
+  evals: number;
+  attempts: number;
+  verdicts: VerdictTally;
+  lastRunAt: string | undefined;
+} {
+  const experimentIds = new Set<string>();
+  for (const item of items) experimentIds.add(experimentIdOf(item));
+  const stats = evalLevelStats(
+    items.map((item) => ({ verdict: item.attempt.result.verdict, key: fullEvalKey(item) })),
+    (r) => r.key,
+  );
+  let lastRunAt: string | undefined;
+  for (const item of items) {
+    const startedAt = item.snapshot.startedAt;
+    if (lastRunAt === undefined || startedAt > lastRunAt) lastRunAt = startedAt;
+  }
+  return {
+    experiments: experimentIds.size,
+    evals: stats.evals,
+    attempts: items.length,
+    verdicts: { passed: stats.passed, failed: stats.failed, errored: stats.errored, skipped: stats.skipped },
+    lastRunAt,
+  };
+}

package/src/report/components/shared-faces.ts

@@ -0,0 +1,30 @@
+// 跨组件族共用的 text 面辅助:MetricCell / VerdictTally 的文本渲染在 summaries、
+// entity-lists、metric-views 三族的 text 面里都要用到,住在这里而不是任一族自己的
+// faces.ts,避免三份重复实现分叉(与 ../cell.tsx 的 MetricCellView 是同一份契约的
+// text/web 两面)。
+
+import type { MetricCell, VerdictTally } from "../model/types.ts";
+import { localeText, resolveLocalizedText, type ReportLocale } from "../model/locale.ts";
+
+export const MISSING_MARK = "—";
+
+/** 缺数据文案随 locale(en = "no data")。 */
+export function missingText(locale: ReportLocale): string {
+  return localeText(locale, "cell.missing");
+}
+
+/** 格子的文本形态:缺数据 —,覆盖不全带 samples/total 角标;display 按 locale 解析。 */
+export function cellText(cell: MetricCell, locale: ReportLocale): string {
+  if (cell.value === null) return MISSING_MARK;
+  const display = resolveLocalizedText(cell.display, locale);
+  return cell.samples < cell.total ? `${display} ${cell.samples}/${cell.total}` : display;
+}
+
+/** verdict 计票的紧凑文案("3 passed · 1 failed"):非零判定逐个列,全部为零如实 —。 */
+export function verdictTallyText(tally: VerdictTally, locale: ReportLocale): string {
+  const parts: string[] = [];
+  for (const kind of ["passed", "failed", "errored", "skipped"] as const) {
+    if (tally[kind] > 0) parts.push(`${tally[kind]} ${localeText(locale, `verdict.${kind}`)}`);
+  }
+  return parts.length > 0 ? parts.join(" · ") : MISSING_MARK;
+}

package/src/report/components/shared.ts

@@ -0,0 +1,192 @@
+// 官方双面组件的共用装配机制:spec / data 双形态判别(DataProps)、data 结构校验的通用
+// 原语(isObject / isLocalizedText / isCell / isTally / cellProblem / tallyProblem /
+// arrayProblem / dataShapeError)、`makeDataComponent` 装配器与 `hrefOf` 证据室深链解析、
+// `ChromeProps` 呈现选项基类、`cx` classname 拼接——每个组件族在自己的 index.tsx 里用这些
+// 原语递归拼自己的 validate*Data(字段路径要覆盖到嵌套 MetricCell/Tally,不只顶层哨兵),
+// 具体的 validate*Data 与组件导出留在各族。
+
+import type { ReactNode } from "react";
+import {
+  defineComponent,
+  memoFetchOf,
+  type ReportComponent,
+  type ResolveContext,
+  type TextContext,
+  type WebContext,
+} from "../definition/tree.ts";
+import type { ReportInput } from "../model/types.ts";
+import type { ReportLocale } from "../model/locale.ts";
+import type { AttemptLocator } from "../../results/locator.ts";
+
+/** 拼 class 名:过滤空值,末尾接使用者透传的 className。 */
+export function cx(...parts: (string | undefined | false)[]): string {
+  return parts.filter(Boolean).join(" ");
+}
+
+// ───────────────────────── DataProps 组合规则 ─────────────────────────
+
+type Never<T> = { [K in keyof T]?: never };
+
+/**
+ * 官方数据组件的统一 props 组合(docs/feature/reports/library/metric-views.md):
+ * data 形态(接收配套 *Data 的产物)或 spec 形态(Options 平铺 + 可选 input)。
+ */
+export type DataProps<Data, Options, Presentation> =
+  | ({ data: Data; input?: never } & Never<Options> & Presentation)
+  | ({ data?: never; input?: ReportInput } & Options & Presentation);
+
+// ───────────────────────── data 结构校验(版本漂移防线)─────────────────────────
+
+export function isObject(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
+/** LocalizedText = string | Record<string, string>(src/shared/types.ts)。 */
+export function isLocalizedText(value: unknown): boolean {
+  if (typeof value === "string") return true;
+  return isObject(value) && Object.values(value).every((entry) => typeof entry === "string");
+}
+
+/**
+ * 字段路径前缀的结构校验原语:通过为 `null`,否则给出带完整字段路径的具体问题
+ * (如 `"rows[2].cells.costUSD.samples" must be a number`)。每个族的 validate*Data
+ * 用这些原语递归拼自己的形状,不重新发明逐字段判断。
+ */
+export function cellProblem(value: unknown, path: string): string | null {
+  if (!isObject(value)) return `"${path}" must be a MetricCell { value, display, samples, total, refs }`;
+  if (!(value.value === null || typeof value.value === "number")) return `"${path}.value" must be a number or null`;
+  if (!isLocalizedText(value.display)) return `"${path}.display" must be a LocalizedText`;
+  if (typeof value.samples !== "number") return `"${path}.samples" must be a number`;
+  if (typeof value.total !== "number") return `"${path}.total" must be a number`;
+  if (!Array.isArray(value.refs) || !value.refs.every((ref) => typeof ref === "string")) {
+    return `"${path}.refs" must be an array of locator strings`;
+  }
+  return null;
+}
+
+export function isCell(value: unknown): boolean {
+  return cellProblem(value, "cell") === null;
+}
+
+/** 四态 tally { passed, failed, errored, skipped } 的字段路径前缀校验。 */
+export function tallyProblem(value: unknown, path: string): string | null {
+  if (!isObject(value)) return `"${path}" must be a tally { passed, failed, errored, skipped }`;
+  for (const key of ["passed", "failed", "errored", "skipped"] as const) {
+    if (typeof value[key] !== "number") return `"${path}.${key}" must be a number`;
+  }
+  return null;
+}
+
+export function isTally(value: unknown): boolean {
+  return tallyProblem(value, "tally") === null;
+}
+
+/** 数组的逐项校验:每项跑 `itemCheck(item, "path[i]")`,第一个非 null 问题即返回。 */
+export function arrayProblem(
+  value: unknown,
+  path: string,
+  itemCheck: (item: unknown, itemPath: string) => string | null,
+): string | null {
+  if (!Array.isArray(value)) return `"${path}" must be an array`;
+  for (let i = 0; i < value.length; i++) {
+    const problem = itemCheck(value[i], `${path}[${i}]`);
+    if (problem !== null) return problem;
+  }
+  return null;
+}
+
+export type Validator = (data: unknown) => string | null;
+
+export function dataShapeError(component: string, dataFnName: string, shape: string, problem: string): Error {
+  return new Error(
+    `<${component}> received data that does not match the current ${shape} shape: ${problem}. ` +
+      `It may have been computed by a different niceeval version (component data carries no schemaVersion; the support window is same-version write and read). ` +
+      `Recompute it with ${dataFnName}() from this niceeval version, then re-render.`,
+  );
+}
+
+// ───────────────────────── spec / data 双形态的通用装配 ─────────────────────────
+
+export interface DataComponentDef<Data, Options, Presentation> {
+  name: string;
+  dataFnName: string;
+  shapeName: string;
+  dataFn: (input: ReportInput, options: Options) => Promise<Data>;
+  /** spec 形态的计算选项 prop 名(不含 input);未列出的 props 视为呈现选项原样保留。 */
+  specKeys: readonly string[];
+  validate: Validator;
+  web(props: { data: Data } & Presentation, ctx: WebContext): ReactNode;
+  text(props: { data: Data } & Presentation, ctx: TextContext): string;
+}
+
+export function makeDataComponent<Data, Options, Presentation>(
+  def: DataComponentDef<Data, Options, Presentation>,
+): ReportComponent<DataProps<Data, Options, Presentation>> {
+  type Props = Record<string, unknown>;
+  type Resolved = { data: Data } & Presentation;
+
+  const assertData = (data: unknown): Data => {
+    const problem = def.validate(data);
+    if (problem !== null) throw dataShapeError(def.name, def.dataFnName, def.shapeName, problem);
+    return data as Data;
+  };
+
+  const resolve = async (props: Props, ctx: ResolveContext): Promise<Resolved> => {
+    const givenSpec = def.specKeys.filter((key) => props[key] !== undefined);
+    if (props.data !== undefined) {
+      if (givenSpec.length > 0 || props.input !== undefined) {
+        const extras = [...givenSpec, ...(props.input !== undefined ? ["input"] : [])];
+        throw new Error(
+          `<${def.name}> got both \`data\` and spec field${extras.length > 1 ? "s" : ""} (${extras.join(", ")}) — the two data sources are exclusive and niceeval will not silently pick one. ` +
+            `Keep \`data\` (precomputed with ${def.dataFnName}()) and drop the spec fields, or drop \`data\` and let the pipeline compute from the spec.`,
+        );
+      }
+      assertData(props.data);
+      return props as unknown as Resolved;
+    }
+    const options: Record<string, unknown> = {};
+    for (const key of givenSpec) options[key] = props[key];
+    const input = (props.input as ReportInput | undefined) ?? ctx.input;
+    const data = await memoFetchOf(ctx)(def.dataFn, input, options, () =>
+      def.dataFn(input, options as Options),
+    );
+    const rest: Record<string, unknown> = { ...props };
+    delete rest.input;
+    for (const key of def.specKeys) delete rest[key];
+    return { ...rest, data } as unknown as Resolved;
+  };
+
+  const component = defineComponent<Props, Resolved>({
+    resolve,
+    web: (props, ctx) => {
+      assertData((props as { data?: unknown }).data);
+      return def.web(props, ctx);
+    },
+    text: (props, ctx) => {
+      assertData((props as { data?: unknown }).data);
+      return def.text(props, ctx);
+    },
+  }) as unknown as ReportComponent<DataProps<Data, Options, Presentation>>;
+  component.displayName = def.name;
+  return component;
+}
+
+/**
+ * 缺省接证据室,显式 prop 覆盖。`ctx.attemptHref` 本身已经是「有没有」的完整信号——
+ * 宿主外直接渲染、或宿主内但当前 definition 没有 attempt-input page 时它就是 undefined,
+ * 不需要再判断是否在宿主里。
+ */
+export function hrefOf(
+  props: { attemptHref?: (locator: AttemptLocator) => string },
+  ctx: WebContext,
+): ((locator: AttemptLocator) => string) | undefined {
+  return props.attemptHref ?? ctx.attemptHref;
+}
+
+// ───────────────────────── 呈现选项类型 ─────────────────────────
+
+export interface ChromeProps {
+  /** chrome 文案 locale;省略时随宿主上下文(宿主外默认 "en")。 */
+  locale?: ReportLocale;
+  className?: string;
+}

package/src/report/{react → components/site-components}/CopyFixPrompt.tsx

@@ -4,9 +4,9 @@
 // (docs/feature/reports/library/site-components.md「CopyFixPrompt」)。
 
 import type { ReactElement } from "react";
-import type { CopyFixPromptData } from "../types.ts";
-import { DEFAULT_REPORT_LOCALE, countText, localeText, type ReportLocale } from "../locale.ts";
-import { cx } from "./format.ts";
+import type { CopyFixPromptData } from "../../model/types.ts";
+import { DEFAULT_REPORT_LOCALE, countText, localeText, type ReportLocale } from "../../model/locale.ts";
+import { cx } from "../shared.ts";
 
 /**
  * 批量修复 prompt(纯 web 渲染面):折叠块内完整 prompt 文本 + 复制按钮(增强层)。

package/src/report/{react → components/site-components}/HeroCard.tsx

@@ -4,9 +4,9 @@
 // 组件只收 data 形态(docs/feature/reports/library/site-components.md「HeroCard」)。
 
 import type { ReactElement } from "react";
-import type { HeroData } from "../types.ts";
-import { DEFAULT_REPORT_LOCALE, localeText, resolveLocalizedText, type LocalizedText, type ReportLocale } from "../locale.ts";
-import { cx } from "./format.ts";
+import type { HeroData } from "../../model/types.ts";
+import { DEFAULT_REPORT_LOCALE, localeText, resolveLocalizedText, type LocalizedText, type ReportLocale } from "../../model/locale.ts";
+import { cx } from "../shared.ts";
 import { PoweredBy } from "./PoweredBy.tsx";
 
 /** ISO 时间 → 按 locale 的「最后运行」显示(年月日 时:分);不可解析原样返回。 */

package/src/report/{react → components/site-components}/ScopeWarnings.tsx

@@ -6,10 +6,10 @@
 // (docs/feature/reports/library/site-components.md「ScopeWarnings」)。
 
 import type { ReactElement } from "react";
-import type { ScopeWarning } from "../types.ts";
-import { DEFAULT_REPORT_LOCALE, type ReportLocale } from "../locale.ts";
-import { groupScopeWarnings, warningDetailsLabel } from "../scope-warnings.ts";
-import { cx } from "./format.ts";
+import type { ScopeWarning } from "../../model/types.ts";
+import { DEFAULT_REPORT_LOCALE, type ReportLocale } from "../../model/locale.ts";
+import { groupScopeWarnings, warningDetailsLabel } from "./scope-warnings.ts";
+import { cx } from "../shared.ts";
 
 /** 命令的可复制块:无 JS 时点击全选(user-select: all),enhance.js 在场时点击复制。 */
 function CommandBlock({ command }: { command: string }): ReactElement {

package/src/report/{react → components/site-components}/TraceWaterfall.tsx

@@ -4,12 +4,11 @@
 // (docs/feature/reports/library/site-components.md「TraceWaterfall」)。
 
 import type { ReactElement } from "react";
-import type { TraceWaterfallRow } from "../types.ts";
-import type { AttemptLocator } from "../../results/locator.ts";
-import { DEFAULT_REPORT_LOCALE, countText, localeText, type ReportLocale } from "../locale.ts";
-import { cx, formatDurationMs } from "./format.ts";
-
-const DEFAULT_ATTEMPT_HREF = (locator: AttemptLocator): string => `#/attempt/${locator}`;
+import type { TraceWaterfallRow } from "../../model/types.ts";
+import type { AttemptLocator } from "../../../results/locator.ts";
+import { DEFAULT_REPORT_LOCALE, countText, localeText, type ReportLocale } from "../../model/locale.ts";
+import { formatDurationMs } from "../../model/format.ts";
+import { cx } from "../shared.ts";
 
 function pct(part: number, total: number): string {
   if (total <= 0) return "0%";
@@ -22,7 +21,7 @@ function pct(part: number, total: number): string {
  */
 export function TraceWaterfall({
   data,
-  attemptHref = DEFAULT_ATTEMPT_HREF,
+  attemptHref,
   className,
   locale = DEFAULT_REPORT_LOCALE,
 }: {
@@ -40,9 +39,13 @@ export function TraceWaterfall({
           return (
             <li key={row.locator} className="nre-waterfall-row">
               <div className="nre-waterfall-head">
-                <a className="nre-locator" href={attemptHref(row.locator)}>
-                  {row.locator}
-                </a>
+                {attemptHref ? (
+                  <a className="nre-locator" href={attemptHref(row.locator)}>
+                    {row.locator}
+                  </a>
+                ) : (
+                  <span className="nre-locator">{row.locator}</span>
+                )}
                 <span className="nre-waterfall-eval">{row.evalId}</span>
                 <span className="nre-waterfall-experiment">{row.experimentId}</span>
                 {/* trace 缺失如实显示缺失,不猜值、不藏行 */}