niceeval 0.6.2 → 0.7.0

package/dist/report/primitives.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { defineComponent } from "./tree.js";
-import { localeText } from "./locale.js";
-import { indentBlock, joinColumns, wrapDisplay } from "./text/layout.js";
+import { COMPONENT_RAW_CHILDREN, COMPONENT_ROLE, defineComponent } from "./tree.js";
+import { localeText, resolveLocalizedText } from "./locale.js";
+import { indentBlock, joinColumns, stringWidth, wrapDisplay } from "./text/layout.js";
 import { renderTableText } from "./text/table.js";
 function childArray(children) {
     if (children === null || children === undefined || typeof children === "boolean")
         return [];
-    return Array.isArray(children) ? children : [children];
+    return Array.isArray(children) ? [...children] : [children];
 }
 function cx(...parts) {
     return parts.filter(Boolean).join(" ");
 }
-/** 纵向依次排列:网页是块级堆叠,终端是逐块输出(块间空一行)。 */
+/** 纵向依次排列:网页是块级堆叠,终端是逐块输出(块间空一行)。两面都按声明序。 */
 export const Col = defineComponent({
     web({ children, className }) {
         return _jsx("div", { className: cx("nre", "nre-col", className), children: children });
@@ -24,10 +24,15 @@ export const Col = defineComponent({
     },
 });
 Col.displayName = "Col";
-// Row 的每栏至少留这个宽度,不硬挤;不够就降级纵向
-const MIN_COLUMN_WIDTH = 24;
 const COLUMN_SEPARATOR = " │ ";
-/** 并排:网页横向排布,终端字符分栏;终端宽度不够时自动降级为纵向。 */
+/** 一段已渲染文本的自然显示宽度(最长一行)。 */
+function blockWidth(block) {
+    return Math.max(...block.split("\n").map((line) => stringWidth(line)), 0);
+}
+/**
+ * 并排:web 面横排;text 面在可用宽度装得下全部子块时按显示宽度并排(与 `columns` 工具
+ * 同一把尺),装不下时整块退化为纵向堆叠——不截断、不隐藏任何子块。
+ */
 export const Row = defineComponent({
     web({ children, className }) {
         return _jsx("div", { className: cx("nre", "nre-row", className), children: children });
@@ -38,44 +43,49 @@ export const Row = defineComponent({
             return "";
         if (blocks.length === 1)
             return ctx.render(blocks[0]);
-        const columnWidth = Math.floor((ctx.width - COLUMN_SEPARATOR.length * (blocks.length - 1)) / blocks.length);
-        if (columnWidth < MIN_COLUMN_WIDTH) {
-            // 宽度不足:降级纵向,与 Col 同一形态
-            return blocks
-                .map((child) => ctx.render(child))
-                .filter((block) => block.length > 0)
-                .join("\n\n");
+        const rendered = blocks.map((child) => ctx.render(child)).filter((block) => block.length > 0);
+        if (rendered.length === 0)
+            return "";
+        const widths = rendered.map(blockWidth);
+        const total = widths.reduce((sum, w) => sum + w, 0) + COLUMN_SEPARATOR.length * (rendered.length - 1);
+        if (total > ctx.width) {
+            // 装不下:整块退化为纵向堆叠,与 Col 同一形态
+            return rendered.join("\n\n");
         }
-        const rendered = blocks.map((child) => ctx.render(child, columnWidth));
-        return joinColumns(rendered, rendered.map(() => columnWidth), COLUMN_SEPARATOR);
+        return joinColumns(rendered, widths, COLUMN_SEPARATOR);
     },
 });
 Row.displayName = "Row";
 /** 带标题的块:网页是标题层级,终端是标题行加缩进。 */
 export const Section = defineComponent({
-    web({ title, children, className }) {
-        return (_jsxs("section", { className: cx("nre", "nre-section", className), children: [_jsx("h2", { className: "nre-section-title", children: title }), children] }));
+    web({ title, children, className }, ctx) {
+        return (_jsxs("section", { className: cx("nre", "nre-section", className), children: [_jsx("h2", { className: "nre-section-title", children: resolveLocalizedText(title, ctx.locale) }), children] }));
     },
     text({ title, children }, ctx) {
+        const heading = resolveLocalizedText(title, ctx.locale);
         const body = childArray(children)
             .map((child) => ctx.render(child, ctx.width - 2))
             .filter((block) => block.length > 0)
             .join("\n\n");
-        return body.length > 0 ? `${title}\n${indentBlock(body, "  ")}` : title;
+        return body.length > 0 ? `${heading}\n${indentBlock(body, "  ")}` : heading;
     },
 });
 Section.displayName = "Section";
-/** 说明文字:网页是段落,终端是折行文本。 */
+/** 自由文本的显式载体:web 面负责转义,text 面按显示宽度折行。 */
 export const Text = defineComponent({
     web({ children, className }) {
         return _jsx("p", { className: cx("nre", "nre-text", className), children: children });
     },
     text({ children }, ctx) {
-        return wrapDisplay(ctx.render(children), ctx.width).join("\n");
+        return wrapDisplay(String(children), ctx.width).join("\n");
     },
 });
 Text.displayName = "Text";
-/** 自定义组件的样式随树带走:web 面吐 <style> 标签,text 面渲染为空。 */
+Text[COMPONENT_RAW_CHILDREN] = true;
+/**
+ * 注入页级全局 CSS:树位置只决定声明顺序,不限定作用域;text 面零输出。
+ * 配置对象形态的报告要全站样式优先用外壳 styles,两条通道注入同一增强层。
+ */
 export const Style = defineComponent({
     web({ children }) {
         return _jsx("style", { children: children });
@@ -85,7 +95,101 @@ export const Style = defineComponent({
     },
 });
 Style.displayName = "Style";
+Style[COMPONENT_RAW_CHILDREN] = true;
+/** Tabs 的直接 Tab 子项(数组 / Fragment 已展平;结构合法性由树校验保证)。 */
+function tabEntries(children) {
+    const out = [];
+    const visit = (node) => {
+        if (node === null || node === undefined || typeof node === "boolean")
+            return;
+        if (Array.isArray(node)) {
+            for (const child of node)
+                visit(child);
+            return;
+        }
+        if (typeof node === "object" && node !== null && "props" in node) {
+            const element = node;
+            if (element.type === Symbol.for("react.fragment")) {
+                visit(element.props.children);
+                return;
+            }
+            out.push({
+                title: element.props.title ?? "",
+                children: element.props.children,
+                className: element.props.className,
+            });
+        }
+    };
+    visit(children);
+    return out;
+}
+/**
+ * 页内并列视图的可切换块。tab 是页内浏览状态,不是数据边界,也不是宿主寻址单位——
+ * 两个渲染面都输出全部 tab 的完整内容:web 静态 HTML 每 tab 一个 <details>(首个默认展开,
+ * 渐进增强升级成单选 tab 条,切换不改变数据);text 面按声明序输出带标题分节,不折成索引
+ * 也不省略(tab 没有选择器,索引只能是死路)。
+ */
+export const Tabs = defineComponent({
+    web({ children, className }, ctx) {
+        const tabs = tabEntries(children);
+        return (_jsx("div", { className: cx("nre", "nre-tabs", className), "data-nre-tabs": true, children: tabs.map((tab, i) => (_jsxs("details", { className: cx("nre-tab", tab.className), open: i === 0, children: [_jsx("summary", { className: "nre-tab-title", children: resolveLocalizedText(tab.title, ctx.locale) }), _jsx("div", { className: "nre-tab-body", children: tab.children })] }, i))) }));
+    },
+    text({ children }, ctx) {
+        const tabs = tabEntries(children);
+        return tabs
+            .map((tab) => {
+            const heading = resolveLocalizedText(tab.title, ctx.locale);
+            const body = childArray(tab.children)
+                .map((child) => ctx.render(child, ctx.width - 2))
+                .filter((block) => block.length > 0)
+                .join("\n\n");
+            return body.length > 0 ? `${heading}\n${indentBlock(body, "  ")}` : heading;
+        })
+            .join("\n\n");
+    },
+});
+Tabs.displayName = "Tabs";
+Tabs[COMPONENT_ROLE] = "tabs";
+/** 只能直接放在 <Tabs> 下;除通用 children / className 外只有 title。不参与路由,没有 id。 */
+export const Tab = defineComponent({
+    web({ children, className }) {
+        return _jsx("div", { className: cx("nre", "nre-tab-body", className), children: children });
+    },
+    text({ children }, ctx) {
+        return childArray(children)
+            .map((child) => ctx.render(child))
+            .filter((block) => block.length > 0)
+            .join("\n\n");
+    },
+});
+Tab.displayName = "Tab";
+Tab[COMPONENT_ROLE] = "tab";
 const MISSING_MARK = "—";
+/** 列 key 唯一、行 cells 不携带未声明 key、空列拒绝——无类型 JS 输入在渲染前同样校验。 */
+function validateTableProps(props) {
+    if (!Array.isArray(props.columns) || props.columns.length === 0) {
+        throw new Error("Table needs at least one column: pass columns: [{ key, header }] — an empty column list renders nothing readable.");
+    }
+    const keys = new Set();
+    for (const column of props.columns) {
+        if (keys.has(column.key)) {
+            throw new Error(`Table column key "${column.key}" is declared twice — column keys address row.cells and must be unique. Rename one column.`);
+        }
+        keys.add(column.key);
+    }
+    const rowKeys = new Set();
+    for (const row of props.rows) {
+        if (rowKeys.has(row.key)) {
+            throw new Error(`Table row key "${row.key}" is declared twice — row keys are the row identity and must be unique.`);
+        }
+        rowKeys.add(row.key);
+        for (const cellKey of Object.keys(row.cells)) {
+            if (!keys.has(cellKey)) {
+                throw new Error(`Table row "${row.key}" has a cell "${cellKey}" that no column declares. Declare the column in columns, or drop the stray cell.`);
+            }
+        }
+    }
+}
 /**
  * 自定义表的标准件:列由报告作者定,格子是算好的显示值,两个面各自排整齐。
  *
@@ -98,16 +202,21 @@ const MISSING_MARK = "—";
  * 这个组件上:自定义表和官方表用同一把尺子。
  */
 export const Table = defineComponent({
-    web({ columns, rows, locale, className }, ctx) {
+    web(props, ctx) {
+        validateTableProps(props);
+        const { columns, rows, locale, className } = props;
         const chrome = locale ?? ctx.locale;
         const hasLocator = rows.some((row) => row.locator !== undefined);
         const alignClass = (align) => (align === "right" ? "nre-align-right" : undefined);
-        return (_jsxs("table", { className: cx("nre", "nre-table", className), children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((column) => (_jsx("th", { scope: "col", className: alignClass(column.align), children: column.header }, column.key))), hasLocator ? _jsx("th", { scope: "col", children: localeText(chrome, "table.attempt") }) : null] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [columns.map((column) => {
+        return (_jsxs("table", { className: cx("nre", "nre-table", className), children: [_jsx("thead", { children: _jsxs("tr", { children: [columns.map((column) => (_jsx("th", { scope: "col", className: alignClass(column.align), children: resolveLocalizedText(column.header, chrome) }, column.key))), hasLocator ? _jsx("th", { scope: "col", children: localeText(chrome, "table.attempt") }) : null] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [columns.map((column) => {
                                 const value = row.cells[column.key];
                                 const missing = value === null || value === undefined;
                                 return (_jsx("td", { className: alignClass(column.align), children: missing ? _jsx("span", { className: "nre-missing", children: MISSING_MARK }) : value }, column.key));
                             }), hasLocator ? (_jsx("td", { children: row.locator ? (_jsx("a", { className: "nre-locator", href: ctx.attemptHref(row.locator), children: row.locator })) : (_jsx("span", { className: "nre-missing", children: MISSING_MARK })) })) : null] }, row.key))) })] }));
     },
-    text: renderTableText,
+    text(props, ctx) {
+        validateTableProps(props);
+        return renderTableText(props, ctx);
+    },
 });
 Table.displayName = "Table";

package/dist/report/react/AttemptList.d.ts

@@ -5,19 +5,21 @@ import { type ReportLocale } from "../locale.ts";
 /** locator + 判定符的普通 <a>,AttemptList/EvalList/ExperimentList 共用。 */
 export declare function AttemptLocatorBadge({ item, attemptHref, }: {
     item: Pick<AttemptListItem, "locator" | "verdict">;
-    attemptHref: (locator: AttemptLocator) => string;
+    attemptHref?: (locator: AttemptLocator) => string;
 }): ReactElement;
-/** 一条 Attempt 的比较卡片；完整 assertions 通过 locator 下钻，不在列表内展开。 */
-export declare function AttemptRow({ item, attemptHref, }: {
+/** failureSummary + moreFailures 的展示形态:摘要原样,+N 计数由 moreFailures 驱动。 */
+export declare function failureSummaryText(item: Pick<AttemptListItem, "failureSummary" | "moreFailures">, locale: ReportLocale): string | null;
+/** 一条 Attempt 的比较卡片;完整 assertions 通过 locator 下钻,不在列表内展开。 */
+export declare function AttemptRow({ item, attemptHref, locale, }: {
     item: AttemptListItem;
-    attemptHref: (locator: AttemptLocator) => string;
+    attemptHref?: (locator: AttemptLocator) => string;
     locale?: ReportLocale;
 }): ReactElement;
-export declare function AttemptList({ items, total, attemptHref, className, locale, }: {
-    items: AttemptListItem[];
-    /** items 被 slice 时的原始数量;如实显示还剩多少条没展示。 */
+export declare function AttemptList({ data, total, attemptHref, className, locale, }: {
+    data: readonly AttemptListItem[];
+    /** data 被 slice 时的原始数量;如实显示还剩多少条没展示。 */
     total?: number;
-    attemptHref: (locator: AttemptLocator) => string;
+    attemptHref?: (locator: AttemptLocator) => string;
     className?: string;
     locale?: ReportLocale;
 }): ReactElement;

package/dist/report/react/AttemptList.js

@@ -1,18 +1,26 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_REPORT_LOCALE, localeText } from "../locale.js";
-import { attemptItemReason } from "../format.js";
+import { DEFAULT_REPORT_LOCALE, countText, localeText } from "../locale.js";
 import { colorClassForKey } from "./colors.js";
 import { cx, formatDurationMs, formatUSD, verdictMark } from "./format.js";
+const DEFAULT_ATTEMPT_HREF = (locator) => `#/attempt/${locator}`;
 /** locator + 判定符的普通 <a>,AttemptList/EvalList/ExperimentList 共用。 */
-export function AttemptLocatorBadge({ item, attemptHref, }) {
+export function AttemptLocatorBadge({ item, attemptHref = DEFAULT_ATTEMPT_HREF, }) {
     return (_jsxs("a", { className: cx("nre-locator", `nre-verdict-${item.verdict}`), href: attemptHref(item.locator), children: [item.locator, _jsx("span", { className: "nre-locator-mark", children: verdictMark(item.verdict) })] }));
 }
-/** 一条 Attempt 的比较卡片；完整 assertions 通过 locator 下钻，不在列表内展开。 */
-export function AttemptRow({ item, attemptHref, }) {
-    const reason = attemptItemReason(item);
-    return (_jsxs("li", { className: cx("nre-attempt", `nre-attempt-${item.verdict}`), children: [_jsxs("div", { className: "nre-attempt-head", children: [_jsx(AttemptLocatorBadge, { item: item, attemptHref: attemptHref }), _jsx("span", { className: "nre-attempt-eval", children: item.evalId }), _jsx("span", { className: "nre-attempt-experiment", children: item.experimentId }), _jsx("span", { className: cx("nre-attempt-agent", "nre-key", colorClassForKey(item.agent)), children: item.agent }), _jsx("span", { className: "nre-attempt-duration", children: formatDurationMs(item.durationMs) }), item.costUSD !== undefined && _jsx("span", { className: "nre-attempt-cost", children: formatUSD(item.costUSD) })] }), reason && _jsx("p", { className: "nre-attempt-result", children: reason })] }));
+/** failureSummary + moreFailures 的展示形态:摘要原样,+N 计数由 moreFailures 驱动。 */
+export function failureSummaryText(item, locale) {
+    if (item.failureSummary === null)
+        return null;
+    return item.moreFailures > 0
+        ? `${item.failureSummary} · ${countText(locale, "entityList.moreFailures", item.moreFailures)}`
+        : item.failureSummary;
 }
-export function AttemptList({ items, total, attemptHref, className, locale = DEFAULT_REPORT_LOCALE, }) {
-    const remaining = (total ?? items.length) - items.length;
-    return (_jsxs("section", { className: cx("nre", "nre-attempt-list", className), children: [items.length === 0 && _jsx("p", { className: "nre-attempt-list-empty", children: localeText(locale, "attemptList.empty") }), _jsx("ul", { className: "nre-attempts", children: items.map((item) => (_jsx(AttemptRow, { item: item, attemptHref: attemptHref, locale: locale }, item.locator))) }), remaining > 0 && (_jsx("p", { className: "nre-truncated", children: localeText(locale, "attemptList.truncated", { n: remaining }) }))] }));
+/** 一条 Attempt 的比较卡片;完整 assertions 通过 locator 下钻,不在列表内展开。 */
+export function AttemptRow({ item, attemptHref = DEFAULT_ATTEMPT_HREF, locale = DEFAULT_REPORT_LOCALE, }) {
+    const reason = failureSummaryText(item, locale);
+    return (_jsxs("li", { className: cx("nre-attempt", `nre-attempt-${item.verdict}`), children: [_jsxs("div", { className: "nre-attempt-head", children: [_jsx(AttemptLocatorBadge, { item: item, attemptHref: attemptHref }), _jsx("span", { className: "nre-attempt-eval", children: item.evalId }), _jsx("span", { className: "nre-attempt-experiment", children: item.experimentId }), _jsx("span", { className: cx("nre-attempt-agent", "nre-key", colorClassForKey(item.agent)), children: item.agent }), _jsx("span", { className: "nre-attempt-duration", children: formatDurationMs(item.durationMs) }), item.costUSD !== null && _jsx("span", { className: "nre-attempt-cost", children: formatUSD(item.costUSD) })] }), reason && _jsx("p", { className: "nre-attempt-result", children: reason })] }));
+}
+export function AttemptList({ data, total, attemptHref = DEFAULT_ATTEMPT_HREF, className, locale = DEFAULT_REPORT_LOCALE, }) {
+    const remaining = (total ?? data.length) - data.length;
+    return (_jsxs("section", { className: cx("nre", "nre-attempt-list", className), children: [data.length === 0 && _jsx("p", { className: "nre-attempt-list-empty", children: localeText(locale, "attemptList.empty") }), _jsx("ul", { className: "nre-attempts", children: data.map((item) => (_jsx(AttemptRow, { item: item, attemptHref: attemptHref, locale: locale }, item.locator))) }), remaining > 0 && (_jsx("p", { className: "nre-truncated", children: localeText(locale, "attemptList.truncated", { n: remaining }) }))] }));
 }

package/dist/report/react/DeltaTable.js

@@ -1,24 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_REPORT_LOCALE, localeText, resolveMetricLabel } from "../locale.js";
+import { DEFAULT_REPORT_LOCALE, localeText, resolveLocalizedText, resolveMetricLabel } from "../locale.js";
 import { MetricCellView } from "./cell.js";
 import { colorClassForKey } from "./colors.js";
 import { cx } from "./format.js";
-/** Δ 的语义配色 class:好/坏由 better 方向判定,不看正负号本身。 */
-function deltaToneClass(delta, better) {
-    if (delta === null)
-        return "nre-delta-missing";
-    if (delta === 0)
-        return "nre-delta-flat";
-    if (!better)
-        return "nre-delta-neutral"; // 指标没表态方向,只显示不评判
-    const improved = better === "higher" ? delta > 0 : delta < 0;
-    return improved ? "nre-delta-good" : "nre-delta-bad";
-}
+const OUTCOME_CLASS = {
+    improved: "nre-delta-good",
+    regressed: "nre-delta-bad",
+    unchanged: "nre-delta-flat",
+    unavailable: "nre-delta-missing",
+};
 export function DeltaTable({ data, className, locale = DEFAULT_REPORT_LOCALE, }) {
-    return (_jsxs("table", { className: cx("nre", "nre-delta-table", className), children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "nre-dimension", children: localeText(locale, "delta.pairHeader") }), data.columns.map((col) => (_jsxs("th", { scope: "col", className: "nre-metric-col", children: [resolveMetricLabel(col.label, locale, col.key), col.unit && _jsxs("span", { className: "nre-unit", children: ["(", col.unit, ")"] })] }, col.key)))] }) }), _jsx("tbody", { children: data.rows.map((row) => (_jsxs("tr", { children: [_jsxs("th", { scope: "row", className: "nre-pair", children: [_jsx("span", { className: cx("nre-row-key", "nre-key", colorClassForKey(row.key)), children: row.key }), _jsxs("span", { className: "nre-pair-ids", children: [row.a.experimentId, " \u2192 ", row.b.experimentId] })] }), data.columns.map((col) => {
-                            const cell = row.cells[col.key];
-                            if (!cell)
-                                return _jsx("td", { className: "nre-td-empty" }, col.key);
-                            return (_jsxs("td", { className: "nre-delta-cell", children: [_jsxs("span", { className: "nre-delta-side nre-delta-a", children: [_jsx("span", { className: "nre-delta-tag", children: "A" }), _jsx(MetricCellView, { cell: cell.a, locale: locale })] }), _jsxs("span", { className: "nre-delta-side nre-delta-b", children: [_jsx("span", { className: "nre-delta-tag", children: "B" }), _jsx(MetricCellView, { cell: cell.b, locale: locale })] }), _jsxs("span", { className: cx("nre-delta-side", "nre-delta-d", deltaToneClass(cell.delta, col.better)), children: [_jsx("span", { className: "nre-delta-tag", children: "\u0394" }), cell.delta === null ? _jsx("span", { className: "nre-missing", children: localeText(locale, "cell.missing") }) : cell.display] })] }, col.key));
-                        })] }, row.key))) })] }));
+    if (data.rows.length === 0) {
+        return (_jsx("div", { className: cx("nre", "nre-delta-table-empty", className), children: _jsx("p", { className: "nre-missing", children: localeText(locale, "delta.empty", { experiments: data.experiments ?? 0 }) }) }));
+    }
+    return (_jsxs("table", { className: cx("nre", "nre-delta-table", className), children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "nre-dimension", children: localeText(locale, "delta.pairHeader") }), data.columns.map((col) => (_jsxs("th", { scope: "col", className: "nre-metric-col", children: [resolveMetricLabel(col.label, locale, col.key), col.unit && _jsxs("span", { className: "nre-unit", children: ["(", col.unit, ")"] })] }, col.key)))] }) }), _jsx("tbody", { children: data.rows.map((row) => {
+                    const label = resolveLocalizedText(row.label, locale);
+                    return (_jsxs("tr", { children: [_jsxs("th", { scope: "row", className: "nre-pair", children: [_jsx("span", { className: cx("nre-row-key", "nre-key", colorClassForKey(label)), children: label }), _jsxs("span", { className: "nre-pair-ids", children: [row.a.key, " \u2192 ", row.b.key] })] }), data.columns.map((col) => {
+                                const cell = row.cells[col.key];
+                                if (!cell)
+                                    return _jsx("td", { className: "nre-td-empty" }, col.key);
+                                return (_jsxs("td", { className: "nre-delta-cell", children: [_jsxs("span", { className: "nre-delta-side nre-delta-a", children: [_jsx("span", { className: "nre-delta-tag", children: "A" }), _jsx(MetricCellView, { cell: cell.a, locale: locale })] }), _jsxs("span", { className: "nre-delta-side nre-delta-b", children: [_jsx("span", { className: "nre-delta-tag", children: "B" }), _jsx(MetricCellView, { cell: cell.b, locale: locale })] }), _jsxs("span", { className: cx("nre-delta-side", "nre-delta-d", OUTCOME_CLASS[cell.outcome]), "data-outcome": cell.outcome, children: [_jsx("span", { className: "nre-delta-tag", children: "\u0394" }), cell.delta === null ? (_jsx("span", { className: "nre-missing", children: localeText(locale, "cell.missing") })) : (resolveLocalizedText(cell.display, locale))] })] }, col.key));
+                            })] }, row.key));
+                }) })] }));
 }

package/dist/report/react/EvalList.d.ts

@@ -2,9 +2,9 @@ import type { ReactElement } from "react";
 import type { AttemptLocator } from "../../results/locator.ts";
 import type { EvalListItem } from "../types.ts";
 import { type ReportLocale } from "../locale.ts";
-export declare function EvalList({ items, attemptHref, className, locale, }: {
-    items: EvalListItem[];
-    attemptHref: (locator: AttemptLocator) => string;
+export declare function EvalList({ data, attemptHref, className, locale, }: {
+    data: readonly EvalListItem[];
+    attemptHref?: (locator: AttemptLocator) => string;
     className?: string;
     locale?: ReportLocale;
 }): ReactElement;

package/dist/report/react/ExperimentComparison.d.ts

@@ -1,8 +1,10 @@
 import type { ReactElement } from "react";
-import type { ExperimentComparisonData } from "../built-ins/experiment-comparison.tsx";
+import type { ExperimentComparisonData } from "../types.ts";
 import { type ReportLocale } from "../locale.ts";
-export declare function ExperimentComparisonView({ data, className, locale, }: {
+import type { AttemptLocator } from "../../results/locator.ts";
+export declare function ExperimentComparisonView({ data, className, locale, attemptHref, }: {
     data: ExperimentComparisonData;
     className?: string;
     locale?: ReportLocale;
+    attemptHref?: (locator: AttemptLocator) => string;
 }): ReactElement;

package/dist/report/react/ExperimentComparison.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DEFAULT_REPORT_LOCALE, localeText } from "../locale.js";
-import { ExperimentList, MetricScatter } from "../components.js";
-import { GroupSummary } from "./GroupSummary.js";
+import { ScopeSummary } from "./ScopeSummary.js";
+import { MetricScatter } from "./MetricScatter.js";
+import { ExperimentList } from "./ExperimentList.js";
 import { cx } from "./format.js";
-export function ExperimentComparisonView({ data, className, locale = DEFAULT_REPORT_LOCALE, }) {
+export function ExperimentComparisonView({ data, className, locale = DEFAULT_REPORT_LOCALE, attemptHref, }) {
     if (data.groups.length === 0) {
         return (_jsx("div", { className: cx("nre", "nre-experiment-comparison", className), children: _jsx("p", { className: "nre-experiment-groups-empty", children: localeText(locale, "experimentComparison.empty") }) }));
     }
-    return (_jsxs("div", { className: cx("nre", "nre-experiment-comparison", className), "data-nre-experiment-groups": true, children: [_jsx("div", { className: "nre-experiment-group-tabs", role: "tablist", "aria-label": localeText(locale, "experimentComparison.groups"), children: data.groups.map((group, index) => (_jsxs("div", { className: "nre-experiment-group-tab", role: "tab", tabIndex: index === 0 ? 0 : -1, "aria-selected": index === 0 ? "true" : "false", "aria-label": localeText(locale, "experimentComparison.selectGroup", { group: group.key }), "data-nre-experiment-group-select": index, children: [_jsx("strong", { className: "nre-experiment-group-name", children: group.key }), _jsx(GroupSummary, { data: group.summary, locale: locale })] }, group.key))) }), _jsx("div", { className: "nre-experiment-group-panels", children: data.groups.map((group, index) => (_jsxs("details", { className: "nre-experiment-group-panel", "data-nre-experiment-group-panel": index, role: "tabpanel", open: index === 0, children: [_jsx("summary", { children: group.key }), _jsx(MetricScatter, { data: group.scatter, locale: locale }), _jsx(ExperimentList, { items: group.experiments, filter: true, locale: locale, relativeTo: group.key })] }, group.key))) })] }));
+    return (_jsxs("div", { className: cx("nre", "nre-experiment-comparison", className), "data-nre-experiment-groups": true, children: [_jsx("div", { className: "nre-experiment-group-tabs", role: "tablist", "aria-label": localeText(locale, "experimentComparison.groups"), children: data.groups.map((group, index) => (_jsxs("div", { className: "nre-experiment-group-tab", role: "tab", tabIndex: index === 0 ? 0 : -1, "aria-selected": index === 0 ? "true" : "false", "aria-label": localeText(locale, "experimentComparison.selectGroup", { group: group.key }), "data-nre-experiment-group-select": index, children: [_jsx("strong", { className: "nre-experiment-group-name", children: group.key }), _jsx(ScopeSummary, { data: group.summary, locale: locale })] }, group.key))) }), _jsx("div", { className: "nre-experiment-group-panels", children: data.groups.map((group, index) => (_jsxs("details", { className: "nre-experiment-group-panel", "data-nre-experiment-group-panel": index, role: "tabpanel", open: index === 0, children: [_jsx("summary", { children: group.key }), _jsx(MetricScatter, { data: group.scatter, locale: locale }), _jsx(ExperimentList, { data: group.experiments, filter: true, locale: locale, relativeTo: group.key, attemptHref: attemptHref })] }, group.key))) })] }));
 }

package/dist/report/react/ExperimentList.d.ts

@@ -2,9 +2,9 @@ import type { ReactElement } from "react";
 import type { AttemptLocator } from "../../results/locator.ts";
 import type { ExperimentListItem } from "../types.ts";
 import { type ReportLocale } from "../locale.ts";
-export declare function ExperimentList({ items, attemptHref, filter, className, locale, relativeTo, }: {
-    items: ExperimentListItem[];
-    attemptHref: (locator: AttemptLocator) => string;
+export declare function ExperimentList({ data, attemptHref, filter, className, locale, relativeTo, }: {
+    data: readonly ExperimentListItem[];
+    attemptHref?: (locator: AttemptLocator) => string;
     filter?: boolean;
     className?: string;
     locale?: ReportLocale;

package/dist/report/react/ExperimentList.js

@@ -1,10 +1,11 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { attemptItemReason, experimentDisplayName } from "../format.js";
+import { experimentDisplayName } from "../format.js";
 import { DEFAULT_REPORT_LOCALE, localeText } from "../locale.js";
-import { AttemptLocatorBadge } from "./AttemptList.js";
+import { AttemptLocatorBadge, failureSummaryText } from "./AttemptList.js";
 import { MetricCellView } from "./cell.js";
 import { colorClassForKey } from "./colors.js";
 import { cx, formatDurationMs, formatUSD, verdictMark } from "./format.js";
+const DEFAULT_ATTEMPT_HREF = (locator) => `#/attempt/${locator}`;
 const verdictOrder = ["passed", "failed", "errored", "skipped"];
 function passRateTone(value) {
     if (value === null)
@@ -28,28 +29,28 @@ function formatDate(value, locale) {
 }
 function VerdictSummary({ item, locale }) {
     const parts = verdictOrder
-        .filter((verdict) => item.verdicts[verdict] > 0)
-        .map((verdict) => `${item.verdicts[verdict]} ${localeText(locale, `verdict.${verdict}`)}`);
+        .filter((verdict) => item.evalVerdicts[verdict] > 0)
+        .map((verdict) => `${item.evalVerdicts[verdict]} ${localeText(locale, `verdict.${verdict}`)}`);
     return _jsx("span", { className: "nre-experiment-pill", children: parts.join(" / ") || "—" });
 }
-function ExperimentAttemptRow({ attempt, last, attemptHref, }) {
-    const reason = attemptItemReason(attempt);
-    return (_jsxs("li", { className: cx("nre-experiment-attempt-row", `nre-eval-${attempt.verdict}`), children: [_jsx("span", { className: "nre-attempt-branch", "aria-hidden": "true", children: last ? "└─" : "├─" }), _jsx("span", { className: "nre-eval-attempt-badges", children: _jsx(AttemptLocatorBadge, { item: attempt, attemptHref: attemptHref }) }), _jsxs("span", { className: "nre-eval-attempt-metrics", children: [formatDurationMs(attempt.durationMs), attempt.costUSD !== undefined && _jsxs(_Fragment, { children: [" \u00B7 ", formatUSD(attempt.costUSD)] })] }), _jsx("span", { className: "nre-eval-reason", children: reason ?? "—" })] }));
+function ExperimentAttemptRow({ attempt, last, attemptHref, locale, }) {
+    const reason = failureSummaryText(attempt, locale);
+    return (_jsxs("li", { className: cx("nre-experiment-attempt-row", `nre-eval-${attempt.verdict}`), children: [_jsx("span", { className: "nre-attempt-branch", "aria-hidden": "true", children: last ? "└─" : "├─" }), _jsx("span", { className: "nre-eval-attempt-badges", children: _jsx(AttemptLocatorBadge, { item: attempt, attemptHref: attemptHref }) }), _jsxs("span", { className: "nre-eval-attempt-metrics", children: [formatDurationMs(attempt.durationMs), attempt.costUSD !== null && _jsxs(_Fragment, { children: [" \u00B7 ", formatUSD(attempt.costUSD)] })] }), _jsx("span", { className: "nre-eval-reason", children: reason ?? "—" })] }));
 }
 function EvalAttempts({ row, attemptHref, locale, }) {
-    const duration = row.duration.value === null ? localeText(locale, "cell.missing") : formatDurationMs(row.duration.value);
-    const cost = row.cost.value === null ? localeText(locale, "cell.missing") : formatUSD(row.cost.value);
-    return (_jsxs("li", { className: "nre-experiment-eval", children: [_jsxs("div", { className: cx("nre-experiment-eval-header", `nre-eval-${row.verdict}`), children: [_jsx("span", { className: cx("nre-eval-verdict", `nre-verdict-${row.verdict}`), children: verdictMark(row.verdict) }), _jsx("span", { className: "nre-eval-id", children: row.evalId }), _jsx("span", { className: "nre-eval-attempt-count", children: localeText(locale, "overview.attemptsCount", { n: row.attempts.length }) }), _jsxs("span", { className: "nre-eval-rollup", children: [localeText(locale, "entityList.average", { value: duration }), " · ", localeText(locale, "entityList.average", { value: cost })] })] }), _jsx("ul", { className: "nre-experiment-attempts", children: row.attempts.map((attempt, index) => (_jsx(ExperimentAttemptRow, { attempt: attempt, last: index === row.attempts.length - 1, attemptHref: attemptHref }, attempt.locator))) })] }));
+    const duration = row.durationMs.value === null ? localeText(locale, "cell.missing") : formatDurationMs(row.durationMs.value);
+    const cost = row.costUSD.value === null ? localeText(locale, "cell.missing") : formatUSD(row.costUSD.value);
+    return (_jsxs("li", { className: "nre-experiment-eval", children: [_jsxs("div", { className: cx("nre-experiment-eval-header", `nre-eval-${row.verdict}`), children: [_jsx("span", { className: cx("nre-eval-verdict", `nre-verdict-${row.verdict}`), children: verdictMark(row.verdict) }), _jsx("span", { className: "nre-eval-id", children: row.evalId }), _jsx("span", { className: "nre-eval-attempt-count", children: localeText(locale, "overview.attemptsCount", { n: row.attempts.length }) }), _jsxs("span", { className: "nre-eval-rollup", children: [localeText(locale, "entityList.average", { value: duration }), " · ", localeText(locale, "entityList.average", { value: cost })] })] }), _jsx("ul", { className: "nre-experiment-attempts", children: row.attempts.map((attempt, index) => (_jsx(ExperimentAttemptRow, { attempt: attempt, last: index === row.attempts.length - 1, attemptHref: attemptHref, locale: locale }, attempt.locator))) })] }));
 }
 function Flags({ flags, locale }) {
     if (!flags || Object.keys(flags).length === 0)
         return null;
-    return (_jsxs("div", { className: "nre-experiment-flags", children: [_jsx("span", { children: localeText(locale, "experimentList.flags") }), Object.entries(flags).map(([key, value]) => (_jsxs("b", { children: [key, "=", String(value)] }, key)))] }));
+    return (_jsxs("div", { className: "nre-experiment-flags", children: [_jsx("span", { children: localeText(locale, "experimentList.flags") }), Object.entries(flags).map(([key, value]) => (_jsxs("b", { children: [key, "=", typeof value === "string" ? value : JSON.stringify(value)] }, key)))] }));
 }
 function ExperimentRow({ item, attemptHref, locale, relativeTo, }) {
-    return (_jsxs("details", { className: "nre-experiment-entry", children: [_jsxs("summary", { className: "nre-experiment-summary", children: [_jsxs("span", { className: "nre-experiment-name", "data-sort-value": item.experimentId, children: [_jsx("b", { className: cx("nre-experiment-id", "nre-key", colorClassForKey(item.experimentId)), children: experimentDisplayName(item.experimentId, relativeTo) }), _jsxs("small", { children: [localeText(locale, "overview.evalsCount", { n: item.evals }), item.attempts > item.evals ? ` · ${localeText(locale, "overview.attemptsCount", { n: item.attempts })}` : "", ` · ${formatDate(item.lastRunAt, locale)}`] })] }), _jsx("span", { "data-sort-value": item.model ?? "", children: item.model ?? localeText(locale, "experimentList.defaultModel") }), _jsx("span", { "data-sort-value": item.agent, children: item.agent }), _jsx("span", { className: "nre-num", "data-sort-value": item.duration.value ?? "", children: _jsx(MetricCellView, { cell: item.duration, locale: locale }) }), _jsx("span", { className: cx("nre-num", passRateTone(item.passRate.value)), "data-sort-value": item.passRate.value ?? "", children: _jsx(MetricCellView, { cell: item.passRate, locale: locale }) }), _jsx("span", { className: "nre-num", "data-sort-value": item.tokens.value ?? "", children: _jsx(MetricCellView, { cell: item.tokens, locale: locale }) }), _jsx("span", { className: "nre-num", "data-sort-value": item.cost.value ?? "", children: _jsx(MetricCellView, { cell: item.cost, locale: locale }) }), _jsx("span", { "data-sort-value": item.verdicts.passed, children: _jsx(VerdictSummary, { item: item, locale: locale }) })] }), _jsxs("div", { className: "nre-experiment-detail", children: [_jsx(Flags, { flags: item.flags, locale: locale }), _jsx("ul", { className: "nre-experiment-evals", children: item.evalRows.map((row) => (_jsx(EvalAttempts, { row: row, attemptHref: attemptHref, locale: locale }, row.evalId))) })] })] }));
+    return (_jsxs("details", { className: "nre-experiment-entry", children: [_jsxs("summary", { className: "nre-experiment-summary", children: [_jsxs("span", { className: "nre-experiment-name", "data-sort-value": item.experimentId, children: [_jsx("b", { className: cx("nre-experiment-id", "nre-key", colorClassForKey(item.experimentId)), children: experimentDisplayName(item.experimentId, relativeTo) }), _jsxs("small", { children: [localeText(locale, "overview.evalsCount", { n: item.evals }), item.attempts > item.evals ? ` · ${localeText(locale, "overview.attemptsCount", { n: item.attempts })}` : "", ` · ${formatDate(item.lastRunAt, locale)}`] })] }), _jsx("span", { "data-sort-value": item.model ?? "", children: item.model ?? localeText(locale, "experimentList.defaultModel") }), _jsx("span", { "data-sort-value": item.agent, children: item.agent }), _jsx("span", { className: "nre-num", "data-sort-value": item.durationMs.value ?? "", children: _jsx(MetricCellView, { cell: item.durationMs, locale: locale }) }), _jsx("span", { className: cx("nre-num", passRateTone(item.endToEndPassRate.value)), "data-sort-value": item.endToEndPassRate.value ?? "", children: _jsx(MetricCellView, { cell: item.endToEndPassRate, locale: locale }) }), _jsx("span", { className: "nre-num", "data-sort-value": item.tokens.value ?? "", children: _jsx(MetricCellView, { cell: item.tokens, locale: locale }) }), _jsx("span", { className: "nre-num", "data-sort-value": item.costUSD.value ?? "", children: _jsx(MetricCellView, { cell: item.costUSD, locale: locale }) }), _jsx("span", { "data-sort-value": item.evalVerdicts.passed, children: _jsx(VerdictSummary, { item: item, locale: locale }) })] }), _jsxs("div", { className: "nre-experiment-detail", children: [_jsx(Flags, { flags: item.flags, locale: locale }), _jsx("ul", { className: "nre-experiment-evals", children: item.evalRows.map((row) => (_jsx(EvalAttempts, { row: row, attemptHref: attemptHref, locale: locale }, row.evalId))) })] })] }));
 }
-export function ExperimentList({ items, attemptHref, filter = false, className, locale = DEFAULT_REPORT_LOCALE, relativeTo, }) {
+export function ExperimentList({ data, attemptHref = DEFAULT_ATTEMPT_HREF, filter = false, className, locale = DEFAULT_REPORT_LOCALE, relativeTo, }) {
     const labels = [
         localeText(locale, "experimentList.experiment"),
         localeText(locale, "table.model"),
@@ -57,9 +58,9 @@ export function ExperimentList({ items, attemptHref, filter = false, className,
         localeText(locale, "experimentList.avgDuration"),
         localeText(locale, "experimentList.passRate"),
         localeText(locale, "experimentList.tokens"),
-        localeText(locale, "experimentList.estimatedCost"),
+        localeText(locale, "experimentList.cost"),
         localeText(locale, "experimentList.result"),
     ];
-    const board = (_jsxs("div", { className: "nre-experiment-table", children: [_jsx("div", { className: "nre-experiment-head", children: labels.map((label, index) => (_jsx("button", { type: "button", "data-nre-experiment-sort": index, className: index === 4 ? "nre-sort-desc" : undefined, children: label }, label))) }), items.length === 0 && _jsx("p", { className: "nre-experiment-list-empty", children: localeText(locale, "attemptList.empty") }), items.map((item) => (_jsx(ExperimentRow, { item: item, attemptHref: attemptHref, locale: locale, relativeTo: relativeTo }, item.experimentId)))] }));
+    const board = (_jsxs("div", { className: "nre-experiment-table", children: [_jsx("div", { className: "nre-experiment-head", children: labels.map((label, index) => (_jsx("button", { type: "button", "data-nre-experiment-sort": index, className: index === 4 ? "nre-sort-desc" : undefined, children: label }, label))) }), data.length === 0 && _jsx("p", { className: "nre-experiment-list-empty", children: localeText(locale, "attemptList.empty") }), data.map((item) => (_jsx(ExperimentRow, { item: item, attemptHref: attemptHref, locale: locale, relativeTo: relativeTo }, item.experimentId)))] }));
     return (_jsxs("div", { className: cx("nre", "nre-experiment-list", filter && "nre-experiment-table-wrap", className), children: [filter && (_jsx("input", { className: "nre-filter", "data-nre-experiment-filter": "", type: "search", placeholder: localeText(locale, "experimentList.filterPlaceholder") })), board] }));
 }

package/dist/report/react/MetricBars.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_REPORT_LOCALE, resolveMetricLabel } from "../locale.js";
+import { DEFAULT_REPORT_LOCALE, resolveLocalizedText, resolveMetricLabel } from "../locale.js";
 import { colorClassForKey, seriesClassForKey } from "./colors.js";
 import { cx } from "./format.js";
 const WIDTH = 640;
@@ -26,7 +26,7 @@ export function MetricBars({ data, attemptHref, className, locale = DEFAULT_REPO
     const groupWidth = (PLOT.right - PLOT.left) / Math.max(1, groupKeys.length);
     const barWidth = Math.min(36, (groupWidth - 16) / Math.max(1, seriesKeys.length));
     const plotHeight = PLOT.bottom - PLOT.top;
-    return (_jsxs("figure", { className: cx("nre", "nre-metric-bars", className), children: [_jsxs("svg", { className: "nre-bars-svg", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": `${metricLabel} by ${data.rows} × ${data.columns}`, children: [groupKeys.map((group, gi) => {
+    return (_jsxs("figure", { className: cx("nre", "nre-metric-bars", className), children: [_jsxs("svg", { className: "nre-bars-svg", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": `${metricLabel} by ${data.rowDimension} × ${data.columnDimension}`, children: [groupKeys.map((group, gi) => {
                         const x0 = PLOT.left + gi * groupWidth;
                         // 组内按值排序,方向随 better(缺数据的系列不画柱)
                         const entries = seriesKeys
@@ -39,10 +39,11 @@ export function MetricBars({ data, attemptHref, className, locale = DEFAULT_REPO
                                     const h = Math.max(1, ratioOf(cell.value) * plotHeight);
                                     const x = startX + si * barWidth;
                                     const y = PLOT.bottom - h;
-                                    const title = `${group} · ${series}: ${cell.display}(${cell.samples}/${cell.total})`;
+                                    const display = resolveLocalizedText(cell.display, locale);
+                                    const title = `${group} · ${series}: ${display}(${cell.samples}/${cell.total})`;
                                     const rect = (_jsx("rect", { className: cx("nre-bar", seriesClassForKey(series)), x: x + 2, y: y, width: barWidth - 4, height: h, children: _jsx("title", { children: title }) }));
                                     const locator = cell.refs[0];
-                                    return (_jsxs("g", { children: [attemptHref && locator ? _jsx("a", { href: attemptHref(locator), children: rect }) : rect, _jsx("text", { className: "nre-bar-value", x: x + barWidth / 2, y: y - 4, textAnchor: "middle", children: cell.samples < cell.total ? `${cell.display} ${cell.samples}/${cell.total}` : cell.display })] }, series));
+                                    return (_jsxs("g", { children: [attemptHref && locator ? _jsx("a", { href: attemptHref(locator), children: rect }) : rect, _jsx("text", { className: "nre-bar-value", x: x + barWidth / 2, y: y - 4, textAnchor: "middle", children: cell.samples < cell.total ? `${display} ${cell.samples}/${cell.total}` : display })] }, series));
                                 }), _jsx("text", { className: "nre-bars-group-label", x: x0 + groupWidth / 2, y: HEIGHT - 20, textAnchor: "middle", children: group })] }, group));
                     }), _jsx("line", { className: "nre-bars-baseline", x1: PLOT.left, y1: PLOT.bottom, x2: PLOT.right, y2: PLOT.bottom })] }), _jsxs("figcaption", { className: "nre-bars-legend", children: [_jsxs("span", { className: "nre-bars-metric", children: [metricLabel, data.metric.unit && _jsxs("span", { className: "nre-unit", children: ["(", data.metric.unit, ")"] })] }), seriesKeys.map((series) => (_jsx("span", { className: cx("nre-legend-key", "nre-key", colorClassForKey(series)), children: series }, series)))] })] }));
 }

package/dist/report/react/MetricLine.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_REPORT_LOCALE, countText, localeText, resolveMetricLabel } from "../locale.js";
+import { DEFAULT_REPORT_LOCALE, countText, localeText, resolveLocalizedText, resolveMetricLabel } from "../locale.js";
 import { seriesClassForKey } from "./colors.js";
 import { cx } from "./format.js";
 const WIDTH = 640;
@@ -22,6 +22,7 @@ export function MetricLine({ data, pointHref, className, locale = DEFAULT_REPORT
     const missing = data.rows.filter((r) => r.x === null || r.y.value === null);
     const drawableRows = data.rows.filter((r) => r.x !== null && r.y.value !== null);
     const yLabel = resolveMetricLabel(data.y.label, locale, data.y.key);
+    const xLabel = resolveMetricLabel(data.x.label, locale, data.x.key);
     const missingNote = missing.length > 0 ? (_jsx("p", { className: "nre-line-missing", title: missing.map((r) => r.key).join(", "), children: countText(locale, "pointsMissing", missing.length) })) : null;
     if (drawableRows.length === 0) {
         return (_jsxs("figure", { className: cx("nre", "nre-metric-line", className), children: [_jsx("p", { className: "nre-missing", children: localeText(locale, "cell.missing") }), missingNote] }));
@@ -34,7 +35,7 @@ export function MetricLine({ data, pointHref, className, locale = DEFAULT_REPORT
         series: r.series,
         xValue: r.x,
         yValue: r.y.value,
-        title: `${r.key}\n${data.x.label}: ${r.xDisplay}\n${yLabel}: ${r.y.display}(${r.y.samples}/${r.y.total})`,
+        title: `${r.key}\n${xLabel}: ${resolveLocalizedText(r.xDisplay, locale)}\n${yLabel}: ${resolveLocalizedText(r.y.display, locale)}(${r.y.samples}/${r.y.total})`,
         px: xScale.scale(r.x),
         py: yScale.scale(r.y.value),
     }));
@@ -53,9 +54,15 @@ export function MetricLine({ data, pointHref, className, locale = DEFAULT_REPORT
         list.sort((a, b) => a.xValue - b.xValue);
     const xTicks = xScale.lo === xScale.hi ? [xScale.lo] : [xScale.lo, xScale.hi];
     const yTicks = yScale.lo === yScale.hi ? [yScale.lo] : [yScale.lo, yScale.hi];
-    const xDisplayFor = (value) => drawableRows.find((r) => r.x === value)?.xDisplay ?? String(value);
-    const yDisplayFor = (value) => drawableRows.find((r) => r.y.value === value)?.y.display ?? String(value);
-    return (_jsxs("figure", { className: cx("nre", "nre-metric-line", className), children: [_jsxs("svg", { className: "nre-line-svg", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": `${yLabel} by ${data.x.label}`, children: [_jsx("rect", { className: "nre-line-plot", x: PLOT.left, y: PLOT.top, width: PLOT.right - PLOT.left, height: PLOT.bottom - PLOT.top, fill: "none" }), _jsxs("text", { className: "nre-line-xlabel", x: (PLOT.left + PLOT.right) / 2, y: HEIGHT - 8, textAnchor: "middle", children: [data.x.label, data.x.unit ? `(${data.x.unit})` : ""] }), _jsxs("text", { className: "nre-line-ylabel", x: 16, y: (PLOT.top + PLOT.bottom) / 2, textAnchor: "middle", transform: `rotate(-90 16 ${(PLOT.top + PLOT.bottom) / 2})`, children: [yLabel, data.y.unit ? `(${data.y.unit})` : ""] }), xTicks.map((v) => (_jsx("text", { className: "nre-line-tick", x: xScale.scale(v), y: PLOT.bottom + 16, textAnchor: "middle", children: xDisplayFor(v) }, `x${v}`))), yTicks.map((v) => (_jsx("text", { className: "nre-line-tick", x: PLOT.left - 6, y: yScale.scale(v) + 4, textAnchor: "end", children: yDisplayFor(v) }, `y${v}`))), seriesOrder.map((series) => {
+    const xDisplayFor = (value) => {
+        const row = drawableRows.find((r) => r.x === value);
+        return row === undefined ? String(value) : resolveLocalizedText(row.xDisplay, locale);
+    };
+    const yDisplayFor = (value) => {
+        const row = drawableRows.find((r) => r.y.value === value);
+        return row === undefined ? String(value) : resolveLocalizedText(row.y.display, locale);
+    };
+    return (_jsxs("figure", { className: cx("nre", "nre-metric-line", className), children: [_jsxs("svg", { className: "nre-line-svg", viewBox: `0 0 ${WIDTH} ${HEIGHT}`, role: "img", "aria-label": `${yLabel} by ${xLabel}`, children: [_jsx("rect", { className: "nre-line-plot", x: PLOT.left, y: PLOT.top, width: PLOT.right - PLOT.left, height: PLOT.bottom - PLOT.top, fill: "none" }), _jsxs("text", { className: "nre-line-xlabel", x: (PLOT.left + PLOT.right) / 2, y: HEIGHT - 8, textAnchor: "middle", children: [xLabel, data.x.unit ? `(${data.x.unit})` : ""] }), _jsxs("text", { className: "nre-line-ylabel", x: 16, y: (PLOT.top + PLOT.bottom) / 2, textAnchor: "middle", transform: `rotate(-90 16 ${(PLOT.top + PLOT.bottom) / 2})`, children: [yLabel, data.y.unit ? `(${data.y.unit})` : ""] }), xTicks.map((v) => (_jsx("text", { className: "nre-line-tick", x: xScale.scale(v), y: PLOT.bottom + 16, textAnchor: "middle", children: xDisplayFor(v) }, `x${v}`))), yTicks.map((v) => (_jsx("text", { className: "nre-line-tick", x: PLOT.left - 6, y: yScale.scale(v) + 4, textAnchor: "end", children: yDisplayFor(v) }, `y${v}`))), seriesOrder.map((series) => {
                         const list = bySeries.get(series);
                         const seriesClass = series === "" ? "nre-series-none" : seriesClassForKey(series);
                         const labelAt = list.reduce((a, b) => (b.px > a.px ? b : a));

package/dist/report/react/MetricMatrix.js

@@ -16,7 +16,7 @@ export function MetricMatrix({ data, attemptHref, className, locale = DEFAULT_RE
             columnKeys.push(entry.column);
         byPosition.set(`${entry.row}\u0000${entry.column}`, entry.cell);
     }
-    return (_jsxs("table", { className: cx("nre", "nre-metric-matrix", className), children: [_jsxs("caption", { className: "nre-matrix-caption", children: [resolveMetricLabel(data.metric.label, locale, data.metric.key), data.metric.unit && _jsxs("span", { className: "nre-unit", children: ["(", data.metric.unit, ")"] }), _jsxs("span", { className: "nre-matrix-axes", children: [data.rows, " \u00D7 ", data.columns] })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "nre-dimension", children: data.rows }), columnKeys.map((column) => (_jsx("th", { scope: "col", className: cx("nre-col-key", "nre-key", colorClassForKey(column)), children: column }, column)))] }) }), _jsx("tbody", { children: rowKeys.map((row) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", className: "nre-row-key", children: row }), columnKeys.map((column) => {
+    return (_jsxs("table", { className: cx("nre", "nre-metric-matrix", className), children: [_jsxs("caption", { className: "nre-matrix-caption", children: [resolveMetricLabel(data.metric.label, locale, data.metric.key), data.metric.unit && _jsxs("span", { className: "nre-unit", children: ["(", data.metric.unit, ")"] }), _jsxs("span", { className: "nre-matrix-axes", children: [data.rowDimension, " \u00D7 ", data.columnDimension] })] }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "nre-dimension", children: data.rowDimension }), columnKeys.map((column) => (_jsx("th", { scope: "col", className: cx("nre-col-key", "nre-key", colorClassForKey(column)), children: column }, column)))] }) }), _jsx("tbody", { children: rowKeys.map((row) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", className: "nre-row-key", children: row }), columnKeys.map((column) => {
                             const cell = byPosition.get(`${row}\u0000${column}`);
                             return (_jsx("td", { className: cx("nre-td", !cell && "nre-td-empty"), children: cell ? _jsx(MetricCellView, { cell: cell, attemptHref: attemptHref, locale: locale }) : null }, column));
                         })] }, row))) })] }));