niceeval 0.9.0 → 0.10.0

package/dist/report/built-in/index.d.ts

@@ -1,3 +1,3 @@
-import { standard } from "./standard.tsx";
-export { standard };
+import { standard, standardAttemptPage } from "./standard.tsx";
+export { standard, standardAttemptPage };
 export default standard;

package/dist/report/built-in/index.js

@@ -2,6 +2,6 @@
 // 有自己的名字、一个源文件,按名字具名导出;默认导出恒等于 standard——裸宿主装载的那份
 // (docs/feature/reports/library/built-in.md)。新增内建视图 = 新文件 + 新具名导出,
 // 不需要注册表,也不改变装载管线。
-import { standard } from "./standard.js";
-export { standard };
+import { standard, standardAttemptPage } from "./standard.js";
+export { standard, standardAttemptPage };
 export default standard;

package/dist/report/built-in/standard.d.ts

@@ -1 +1,8 @@
-export declare const standard: import("../report.ts").ReportDefinition;
+export declare const standardAttemptPage: {
+    readonly id: "attempt";
+    readonly title: "Attempt";
+    readonly input: "attempt";
+    readonly navigation: false;
+    readonly content: import("react").JSX.Element;
+};
+export declare const standard: import("../index.ts").ReportDefinition;

package/dist/report/built-in/standard.js

@@ -1,14 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// standard —— 内建视图之一:报告 / Attempts / 追踪三页的通用结果站,没有任何私有钩子
-// (docs/feature/reports/library/built-in.md)。裸 `niceeval show` 与 `niceeval view`
-// 装载的就是它:一份普通 defineReport,与用户的 --report 文件同层、走同一条
+// standard —— 内建视图之一:报告 / Attempts / 追踪三页的通用结果站 + 一张隐藏的 attempt
+// 详情页,没有任何私有钩子(docs/feature/reports/library/built-in.md)。裸 `niceeval show` 与
+// `niceeval view` 装载的就是它:一份普通 defineReport,与用户的 --report 文件同层、走同一条
 // 装载 → resolve → validate → render 管线。「builtin」不是装载逻辑里的类别,
 // 只是宿主默认拿哪个值的事实;用户报告经 defineReport({ extends: standard, … }) 整站复用。
 //
-// 三页站点:report(Hero + 警告 + 批量修复 prompt + 实验对比)、attempts(带过滤的
-// attempt 全列表)、traces(执行瀑布)。裸宿主导航上能看到的一切内容都在这份定义里;
-// 宿主保留的只有机器(docs/feature/reports/architecture.md「宿主保留的只有机器」)。
-import { AttemptList, Col, CopyFixPrompt, ExperimentComparison, Hero, ScopeWarnings, TraceWaterfall, defineReport, } from "../index.js";
+// 四页:report(Hero + 警告 + 批量修复 prompt + 实验对比)、attempts(带过滤的 attempt
+// 全列表)、traces(执行瀑布)三页进导航;第四张 standardAttemptPage 以 locator 为输入、
+// 不进导航,locator 深链打开它,content 就是公开的 AttemptDetail 组合组件。裸宿主导航上能
+// 看到的一切内容都在这份定义里;宿主保留的只有机器(docs/feature/reports/architecture.md
+// 「宿主保留的只有机器」)。
+import { AttemptDetail, AttemptList, Col, CopyFixPrompt, ExperimentComparison, Hero, ScopeWarnings, TraceWaterfall, defineReport, } from "../index.js";
+export const standardAttemptPage = {
+    id: "attempt",
+    title: "Attempt",
+    input: "attempt",
+    navigation: false,
+    content: _jsx(AttemptDetail, {}),
+};
 export const standard = defineReport({
     pages: [
         {
@@ -26,5 +35,6 @@ export const standard = defineReport({
             title: { en: "Traces", "zh-CN": "追踪" },
             content: (_jsxs(Col, { children: [_jsx(Hero, {}), _jsx(ScopeWarnings, {}), _jsx(TraceWaterfall, {})] })),
         },
+        standardAttemptPage,
     ],
 });

package/dist/report/components/attempt-detail/AttemptAssertions.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptAssertionsData } from "../../model/types.ts";
+export declare function AttemptAssertions({ data, className, }: {
+    data: AttemptAssertionsData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptAssertions.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+function assertTone(a) {
+    if (a.outcome === "unavailable")
+        return "na";
+    if (a.outcome === "passed")
+        return "good";
+    return a.severity === "soft" ? "warn" : "bad";
+}
+function AssertionRow({ a }) {
+    return (_jsxs("details", { className: "nre-assertion-row", open: true, children: [_jsxs("summary", { children: [_jsx("span", { className: `nre-assertion-badge nre-tone-${assertTone(a)}`, children: a.outcome === "unavailable" ? "unavailable" : a.outcome }), _jsxs("span", { className: "nre-assertion-name", children: [a.groupPath?.length ? `${a.groupPath.join(" > ")} · ` : "", a.name] }), a.detail && a.detail !== a.name ? _jsx("span", { className: "nre-assertion-detail", children: a.detail }) : null] }), _jsxs("div", { className: "nre-assertion-body", children: [a.outcome === "unavailable" ? _jsx("div", { children: a.reason }) : null, a.outcome !== "unavailable" && a.expected !== undefined ? _jsxs("div", { children: ["expected: ", a.expected] }) : null, a.outcome !== "unavailable" && a.received !== undefined ? _jsxs("div", { children: ["received: ", a.received] }) : null] })] }));
+}
+export function AttemptAssertions({ data, className, }) {
+    if (data === null)
+        return null;
+    return (_jsxs("div", { className: cx("nre", "nre-attempt-assertions", className), children: [data.attention.map((a, i) => (_jsx(AssertionRow, { a: a }, i))), data.passedGroups.length > 0 ? (_jsxs("details", { className: "nre-assertions-passed", children: [_jsxs("summary", { children: ["passed \u00B7 ", data.passedGroups.reduce((n, g) => n + g.items.length, 0)] }), data.passedGroups.map(({ group, items }) => (_jsxs("details", { className: "nre-assertions-passed-group", children: [_jsxs("summary", { children: [group || "—", " \u00B7 ", items.length] }), items.map((a, i) => (_jsx(AssertionRow, { a: a }, i)))] }, group || "·")))] })) : null] }));
+}

package/dist/report/components/attempt-detail/AttemptConversation.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptConversationData } from "../../model/types.ts";
+export declare function AttemptConversation({ data, className, }: {
+    data: AttemptConversationData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptConversation.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+function ReplyRow({ reply }) {
+    switch (reply.kind) {
+        case "assistant":
+            return (_jsxs("div", { className: "nre-conv-assistant", children: [_jsx("span", { className: "nre-conv-role", children: "assistant" }), _jsx("div", { className: "nre-conv-text", children: reply.text })] }));
+        case "user":
+            return (_jsxs("div", { className: "nre-conv-user", children: [_jsx("span", { className: "nre-conv-role", children: "user" }), _jsx("div", { className: "nre-conv-text", children: reply.text })] }));
+        case "thinking":
+            return (_jsxs("details", { className: "nre-conv-thinking", children: [_jsx("summary", { children: "thinking" }), _jsx("div", { className: "nre-conv-text", children: reply.text })] }));
+        case "error":
+            return _jsxs("div", { className: "nre-conv-error", children: ["! ", reply.text] });
+        case "skill":
+            return (_jsxs("div", { className: "nre-conv-skill", children: [_jsx("span", { className: "nre-conv-role", children: "skill loaded" }), " ", reply.skill] }));
+        case "tool":
+            return (_jsxs("details", { className: "nre-conv-tool", children: [_jsxs("summary", { children: [reply.name, reply.status ? ` · ${reply.status}` : ""] }), _jsx("pre", { className: "nre-conv-tool-io", children: JSON.stringify(reply.input, null, 2) }), reply.output !== undefined ? _jsx("pre", { className: "nre-conv-tool-io", children: JSON.stringify(reply.output, null, 2) }) : null] }));
+        case "subagent":
+            return (_jsxs("details", { className: "nre-conv-subagent", children: [_jsxs("summary", { children: ["subagent ", reply.name, reply.status ? ` · ${reply.status}` : ""] }), reply.output !== undefined ? _jsx("pre", { className: "nre-conv-tool-io", children: JSON.stringify(reply.output, null, 2) }) : null] }));
+        case "input":
+            return _jsxs("div", { className: "nre-conv-input", children: ["input requested", reply.request.prompt ? `: ${reply.request.prompt}` : ""] });
+        case "compaction":
+            return _jsxs("div", { className: "nre-conv-compaction", children: ["compaction", reply.reason ? `: ${reply.reason}` : ""] });
+        case "raw":
+            return (_jsxs("details", { className: "nre-conv-raw", children: [_jsx("summary", { children: "unrecognized event" }), _jsx("pre", { className: "nre-conv-tool-io", children: JSON.stringify(reply.raw, null, 2) })] }));
+    }
+}
+function RoundCard({ round, index }) {
+    return (_jsxs("div", { className: "nre-conv-round", children: [_jsxs("div", { className: "nre-conv-round-head", children: ["round ", index + 1, round.loc ? (_jsxs("span", { className: "nre-conv-round-loc", title: `${round.loc.file}:${round.loc.line}`, children: [round.loc.file.split("/").pop(), ":", round.loc.line] })) : null] }), round.sentText ? _jsx("div", { className: "nre-conv-sent", children: round.sentText }) : null, _jsx("div", { className: "nre-conv-replies", children: round.replies.map((reply, i) => (_jsx(ReplyRow, { reply: reply }, i))) })] }));
+}
+export function AttemptConversation({ data, className, }) {
+    if (data === null)
+        return null;
+    return (_jsx("div", { className: cx("nre", "nre-attempt-conversation", className), children: data.rounds.map((round, i) => (_jsx(RoundCard, { round: round, index: i }, i))) }));
+}

package/dist/report/components/attempt-detail/AttemptDiagnostics.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptDiagnosticsData } from "../../model/types.ts";
+export declare function AttemptDiagnostics({ data, className, }: {
+    data: AttemptDiagnosticsData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptDiagnostics.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+export function AttemptDiagnostics({ data, className, }) {
+    if (data === null)
+        return null;
+    return (_jsx("div", { className: cx("nre", "nre-attempt-diagnostics", className), children: data.groups.map(({ phase, items }) => (_jsxs("div", { className: "nre-diagnostics-group", children: [_jsx("div", { className: "nre-diagnostics-phase", children: phase }), _jsx("ul", { children: items.map((d, i) => (_jsxs("li", { className: `nre-diagnostics-item nre-tone-${d.level === "error" ? "bad" : "warn"}`, children: [_jsxs("span", { className: "nre-diagnostics-meta", children: [d.level, " \u00B7 ", d.code] }), _jsxs("div", { children: [d.message, d.count && d.count > 1 ? ` (${d.count} occurrences)` : ""] })] }, i))) })] }, phase))) }));
+}

package/dist/report/components/attempt-detail/AttemptDiff.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptDiffData } from "../../model/types.ts";
+export declare function AttemptDiff({ data, className }: {
+    data: AttemptDiffData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptDiff.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+const NET_LABEL = { added: "generated", modified: "modified", deleted: "deleted" };
+function FileRow({ file }) {
+    return (_jsxs("li", { className: cx("nre-diff-file", `nre-diff-${file.net}`), children: [_jsx("span", { className: "nre-diff-net", children: NET_LABEL[file.net] }), _jsx("span", { className: "nre-diff-path", children: file.path }), file.binary ? (_jsx("span", { className: "nre-diff-lines", children: "binary" })) : (_jsxs("span", { className: "nre-diff-lines", children: ["+", file.lines.added, " / -", file.lines.deleted] }))] }));
+}
+export function AttemptDiff({ data, className }) {
+    if (data === null)
+        return null;
+    return (_jsx("ul", { className: cx("nre", "nre-attempt-diff", className), children: data.files.map((f) => (_jsx(FileRow, { file: f }, f.path))) }));
+}

package/dist/report/components/attempt-detail/AttemptError.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptErrorData } from "../../model/types.ts";
+export declare function AttemptError({ data, className }: {
+    data: AttemptErrorData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptError.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { cx } from "../shared.js";
+export function AttemptError({ data, className }) {
+    if (data === null)
+        return null;
+    const rows = [
+        ["phase", data.phase],
+        ["code", data.code],
+        ["message", data.message],
+    ];
+    if (data.cause)
+        rows.push(["cause", data.cause.name ? `${data.cause.name} · ${data.cause.message}` : data.cause.message]);
+    const stack = data.stack?.replace(/\n+$/, "") ?? "";
+    return (_jsxs("div", { className: cx("nre", "nre-attempt-error", className), children: [_jsx("dl", { className: "nre-attempt-error-fields", children: rows.map(([k, v]) => (_jsxs(Fragment, { children: [_jsx("dt", { children: k }), _jsx("dd", { children: v })] }, k))) }), stack ? _jsx("pre", { className: "nre-attempt-error-stack", children: stack }) : null] }));
+}

package/dist/report/components/attempt-detail/AttemptFixPrompt.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptFixPromptData } from "../../model/types.ts";
+export declare function AttemptFixPrompt({ data, className, }: {
+    data: AttemptFixPromptData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptFixPrompt.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+export function AttemptFixPrompt({ data, className, }) {
+    if (data === null)
+        return null;
+    return (_jsxs("details", { className: cx("nre", "nre-attempt-fix-prompt", className), children: [_jsx("summary", { className: "nre-attempt-fix-prompt-summary", children: "Fix prompt" }), _jsx("button", { type: "button", className: "nre-attempt-fix-prompt-copy", "data-nre-copy": data.prompt, children: "Copy fix prompt" }), _jsx("pre", { className: "nre-attempt-fix-prompt-text", children: data.prompt })] }));
+}

package/dist/report/components/attempt-detail/AttemptSource.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptSourceData } from "../../model/types.ts";
+export declare function AttemptSource({ data, className }: {
+    data: AttemptSourceData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptSource.js

@@ -0,0 +1,27 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+function assertTone(a) {
+    if (a.outcome === "unavailable")
+        return "na";
+    if (a.outcome === "passed")
+        return "good";
+    return a.severity === "soft" ? "warn" : "bad";
+}
+export function AttemptSource({ data, className }) {
+    if (data === null)
+        return null;
+    return (_jsxs("div", { className: cx("nre", "nre-attempt-source", className), children: [_jsx("div", { className: "nre-attempt-source-head", children: data.sourcePath }), _jsx("div", { className: "nre-attempt-source-lines", children: data.lines.map((line) => {
+                    const hasAsserts = line.assertions.length > 0;
+                    const hasSends = line.sends.length > 0;
+                    const worstTone = hasAsserts
+                        ? line.assertions.some((a) => assertTone(a) === "bad")
+                            ? "bad"
+                            : line.assertions.some((a) => assertTone(a) === "warn")
+                                ? "warn"
+                                : line.assertions.some((a) => assertTone(a) === "na")
+                                    ? "na"
+                                    : "good"
+                        : undefined;
+                    return (_jsxs("details", { className: cx("nre-source-line", worstTone ? `nre-tone-${worstTone}` : undefined, hasSends ? "nre-source-line-send" : undefined), open: hasAsserts && (worstTone === "bad" || worstTone === "warn"), children: [_jsxs("summary", { children: [_jsx("span", { className: "nre-source-ln", children: line.line }), _jsx("code", { className: "nre-source-text", children: line.text }), hasSends ? _jsxs("span", { className: "nre-source-send-mark", children: ["\u21B3 ", line.sends.map((s) => s.label).join(", ")] }) : null] }), hasAsserts ? (_jsx("div", { className: "nre-source-line-detail", children: line.assertions.map((a, i) => (_jsxs("div", { className: `nre-assertion-row nre-tone-${assertTone(a)}`, children: [_jsx("span", { className: "nre-assertion-name", children: a.name }), a.outcome === "unavailable" ? (_jsx("span", { children: a.reason })) : (_jsxs(_Fragment, { children: [a.expected !== undefined ? _jsxs("span", { children: ["expected: ", a.expected] }) : null, a.received !== undefined ? _jsxs("span", { children: ["received: ", a.received] }) : null] }))] }, i))) })) : null] }, line.line));
+                }) }), data.unmapped.length > 0 ? (_jsxs("div", { className: "nre-attempt-source-unmapped", children: [_jsx("div", { className: "nre-attempt-source-unmapped-head", children: "Other assertions" }), data.unmapped.map((a, i) => (_jsxs("div", { className: `nre-assertion-row nre-tone-${assertTone(a)}`, children: [a.groupPath?.length ? `${a.groupPath.join(" > ")} · ` : "", a.name] }, i)))] })) : null] }));
+}

package/dist/report/components/attempt-detail/AttemptSummary.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+import type { AttemptSummaryData } from "../../model/types.ts";
+import { type ReportLocale } from "../../model/locale.ts";
+export declare function AttemptSummary({ data, locale, className, }: {
+    data: AttemptSummaryData;
+    locale?: ReportLocale;
+    className?: string;
+}): ReactElement;

package/dist/report/components/attempt-detail/AttemptSummary.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_REPORT_LOCALE, localeText } from "../../model/locale.js";
+import { cx } from "../shared.js";
+const CAPABILITY_LABEL = {
+    source: "source",
+    execution: "execution",
+    timing: "timing",
+    diff: "diff",
+};
+export function AttemptSummary({ data, locale = DEFAULT_REPORT_LOCALE, className, }) {
+    const caps = Object.keys(data.capabilities).filter((k) => data.capabilities[k]);
+    return (_jsxs("div", { className: cx("nre", "nre-attempt-summary", className), children: [_jsxs("div", { className: "nre-attempt-summary-head", children: [_jsx("span", { className: `nre-verdict-pill nre-verdict-${data.verdict}`, children: localeText(locale, `verdict.${data.verdict}`) }), _jsx("span", { className: "nre-attempt-summary-locator", children: data.locator })] }), _jsxs("dl", { className: "nre-attempt-summary-kpis", children: [_jsxs("div", { children: [_jsx("dt", { children: "Experiment" }), _jsx("dd", { children: data.identity.experimentId })] }), _jsxs("div", { children: [_jsx("dt", { children: "Eval" }), _jsx("dd", { children: data.identity.evalId })] }), _jsxs("div", { children: [_jsx("dt", { children: "Attempt" }), _jsx("dd", { children: data.identity.attempt + 1 })] }), data.startedAt ? (_jsxs("div", { children: [_jsx("dt", { children: "Started" }), _jsx("dd", { children: data.startedAt })] })) : null, _jsxs("div", { children: [_jsx("dt", { children: "Duration" }), _jsx("dd", { children: formatDurationMs(data.durationMs) })] }), data.costUSD !== null ? (_jsxs("div", { children: [_jsx("dt", { children: "Cost" }), _jsxs("dd", { children: ["$", data.costUSD.toFixed(4)] })] })) : null] }), caps.length > 0 ? (_jsx("p", { className: "nre-attempt-summary-caps", children: caps.map((k) => CAPABILITY_LABEL[k]).join(" · ") })) : null] }));
+}
+function formatDurationMs(ms) {
+    if (ms >= 60_000)
+        return `${Math.floor(ms / 60_000)}m ${Math.round((ms % 60_000) / 1000)}s`;
+    if (ms >= 1000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    return `${ms}ms`;
+}

package/dist/report/components/attempt-detail/AttemptTimeline.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptTimelineData } from "../../model/types.ts";
+export declare function AttemptTimeline({ data, className }: {
+    data: AttemptTimelineData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptTimeline.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDurationMs } from "../../model/format.js";
+import { cx } from "../shared.js";
+const CLOSING_PHASES = new Set(["eval.teardown", "agent.teardown", "sandbox.teardown", "sandbox.suspend", "sandbox.stop"]);
+function TimingNodeRow({ node, trace }) {
+    const kids = node.children ?? [];
+    const spans = node.kind === "turn" && node.traceId && trace ? trace.filter((s) => s.traceId === node.traceId) : [];
+    const label = node.kind === "command" && node.command ? `shell · ${node.command.display}` : node.label;
+    if (kids.length === 0 && spans.length === 0) {
+        return (_jsxs("li", { className: cx("nre-timeline-node", node.failed ? "nre-timeline-failed" : undefined), children: [_jsx("span", { title: label, children: label }), " ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(node.durationMs) }), node.failed ? " ✗" : ""] }));
+    }
+    return (_jsx("li", { children: _jsxs("details", { open: Boolean(node.failed), children: [_jsxs("summary", { className: cx("nre-timeline-node", node.failed ? "nre-timeline-failed" : undefined), children: [_jsx("span", { title: label, children: label }), " ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(node.durationMs) }), node.failed ? " ✗" : ""] }), kids.length > 0 ? (_jsx("ul", { className: "nre-timeline-children", children: kids.map((child) => (_jsx(TimingNodeRow, { node: child, trace: trace }, child.id))) })) : null, spans.length > 0 ? (_jsx("ul", { className: "nre-timeline-spans", children: spans.map((s) => (_jsxs("li", { children: [s.kind, " \u00B7 ", s.name, " \u00B7 ", formatDurationMs(s.endMs - s.startMs)] }, s.spanId))) })) : null] }) }));
+}
+export function AttemptTimeline({ data, className }) {
+    if (data === null)
+        return null;
+    const main = data.phases.filter((p) => !CLOSING_PHASES.has(p.name));
+    const closing = data.phases.filter((p) => CLOSING_PHASES.has(p.name));
+    const total = main.reduce((sum, p) => sum + p.durationMs, 0);
+    const anyFailed = data.phases.some((p) => p.failed);
+    return (_jsxs("details", { className: cx("nre", "nre-attempt-timeline", className), open: anyFailed, children: [_jsxs("summary", { children: ["Timing ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(total) }), anyFailed ? " ✗" : ""] }), _jsx("ul", { className: "nre-timeline-phases", children: main.map((p, i) => {
+                    const kids = p.children ?? [];
+                    if (kids.length === 0) {
+                        return (_jsxs("li", { className: cx("nre-timeline-phase", p.failed ? "nre-timeline-failed" : undefined), children: [p.name, " ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(p.durationMs) }), p.failed ? " ✗" : ""] }, i));
+                    }
+                    return (_jsx("li", { children: _jsxs("details", { open: Boolean(p.failed), children: [_jsxs("summary", { className: cx("nre-timeline-phase", p.failed ? "nre-timeline-failed" : undefined), children: [p.name, " ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(p.durationMs) }), p.failed ? " ✗" : ""] }), _jsx("ul", { className: "nre-timeline-children", children: kids.map((node) => (_jsx(TimingNodeRow, { node: node, trace: data.trace }, node.id))) })] }) }, i));
+                }) }), closing.length > 0 ? (_jsxs("div", { className: "nre-timeline-closing", children: [_jsx("div", { className: "nre-timeline-closing-head", children: "teardown" }), _jsx("ul", { className: "nre-timeline-phases", children: closing.map((p, i) => (_jsxs("li", { className: cx("nre-timeline-phase", p.failed ? "nre-timeline-failed" : undefined), children: [p.name, " ", _jsx("span", { className: "nre-timeline-dur", children: formatDurationMs(p.durationMs) }), p.failed ? " ✗" : ""] }, i))) })] })) : null] }));
+}

package/dist/report/components/attempt-detail/AttemptTrace.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptTraceData } from "../../model/types.ts";
+export declare function AttemptTrace({ data, className }: {
+    data: AttemptTraceData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptTrace.js

@@ -0,0 +1,29 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatDurationMs } from "../../model/format.js";
+import { cx } from "../shared.js";
+function buildForest(spans) {
+    const byId = new Map(spans.map((s) => [s.spanId, { span: s, children: [] }]));
+    const roots = [];
+    for (const node of byId.values()) {
+        const parent = node.span.parentSpanId ? byId.get(node.span.parentSpanId) : undefined;
+        if (parent)
+            parent.children.push(node);
+        else
+            roots.push(node);
+    }
+    return roots;
+}
+function SpanRow({ node }) {
+    const failed = node.span.status === "error";
+    const body = (_jsxs(_Fragment, { children: [_jsx("span", { className: cx("nre-span-kind", node.span.kind ? `nre-span-${node.span.kind}` : undefined), children: node.span.kind ?? "other" }), _jsx("span", { title: node.span.name, children: node.span.name }), _jsx("span", { className: "nre-span-dur", children: formatDurationMs(node.span.endMs - node.span.startMs) }), failed ? " ✗" : ""] }));
+    if (node.children.length === 0) {
+        return _jsx("li", { className: "nre-trace-span", children: body });
+    }
+    return (_jsx("li", { children: _jsxs("details", { open: failed, children: [_jsx("summary", { className: "nre-trace-span", children: body }), _jsx("ul", { className: "nre-trace-children", children: node.children.map((child) => (_jsx(SpanRow, { node: child }, child.span.spanId))) })] }) }));
+}
+export function AttemptTrace({ data, className }) {
+    if (data === null)
+        return null;
+    const forest = buildForest(data.spans);
+    return (_jsx("ul", { className: cx("nre", "nre-attempt-trace", className), children: forest.map((node) => (_jsx(SpanRow, { node: node }, node.span.spanId))) }));
+}

package/dist/report/components/attempt-detail/AttemptUsage.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from "react";
+import type { AttemptUsageData } from "../../model/types.ts";
+export declare function AttemptUsage({ data, className }: {
+    data: AttemptUsageData | null;
+    className?: string;
+}): ReactElement | null;

package/dist/report/components/attempt-detail/AttemptUsage.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../shared.js";
+export function AttemptUsage({ data, className }) {
+    if (data === null)
+        return null;
+    const { usage } = data;
+    const rows = [
+        ["input tokens", usage.inputTokens.toLocaleString()],
+        ["output tokens", usage.outputTokens.toLocaleString()],
+    ];
+    if (usage.cacheReadTokens !== undefined)
+        rows.push(["cache read", usage.cacheReadTokens.toLocaleString()]);
+    if (usage.cacheWriteTokens !== undefined)
+        rows.push(["cache write", usage.cacheWriteTokens.toLocaleString()]);
+    if (usage.requests !== undefined)
+        rows.push(["requests", String(usage.requests)]);
+    if (data.costUSD !== null)
+        rows.push(["cost", `$${data.costUSD.toFixed(4)}`]);
+    return (_jsx("dl", { className: cx("nre", "nre-attempt-usage", className), children: rows.map(([k, v]) => (_jsxs("div", { className: "nre-attempt-usage-row", children: [_jsx("dt", { children: k }), _jsx("dd", { children: v })] }, k))) }));
+}

package/dist/report/components/attempt-detail/compute.d.ts

@@ -0,0 +1,24 @@
+import type { AttemptEvidence } from "../../../results/attempt-evidence.ts";
+import type { AttemptAssertionsData, AttemptConversationData, AttemptDiagnosticsData, AttemptDiffData, AttemptErrorData, AttemptFixPromptData, AttemptSourceData, AttemptSummaryData, AttemptTimelineData, AttemptTraceData, AttemptUsageData } from "../../model/types.ts";
+export declare function attemptSummaryData(evidence: AttemptEvidence): AttemptSummaryData;
+export declare function attemptErrorData(evidence: AttemptEvidence): AttemptErrorData | null;
+export declare function attemptAssertionsData(evidence: AttemptEvidence): AttemptAssertionsData | null;
+export declare function attemptSourceData(evidence: AttemptEvidence): AttemptSourceData | null;
+/** 单条 attempt 版的批量修复 prompt(与 CopyFixPrompt 的多条版本同一份步骤文案)。 */
+export declare function attemptFixPromptData(evidence: AttemptEvidence): AttemptFixPromptData | null;
+/** 收尾段的阶段名(见 docs/feature/results/architecture.md);两面渲染都把这些单列在主链之后,不计入主链总耗时。 */
+export declare const TIMELINE_CLOSING_PHASES: ReadonlySet<string>;
+export declare function attemptTimelineData(evidence: AttemptEvidence): AttemptTimelineData | null;
+/**
+ * 标准事件流按 `loc` 分轮(docs/feature/reports/library/attempt-detail.md「Attempt 详情组件」):
+ * 带 loc 的 user 消息开一轮;无 loc 的 user 消息不开新轮——与当前轮 sent 同文本的回显直接
+ * 吃掉,其它(stop-hook 反馈、skill 注入等轮内注入)作为回复条目留在当前轮。流首出现无 loc
+ * 的 user 消息(没有当前轮可归入)时退化开一条 loc 缺省的兜底轮,不丢弃。未识别的事件类型
+ * 包成 `raw` 条目原样呈现,不吞没其余事件——StreamEvent 是随 artifact 版本演进的开放词表,
+ * 这份纯函数不能假设自己认识每一种将来会出现的 type。
+ */
+export declare function attemptConversationData(evidence: AttemptEvidence): AttemptConversationData | null;
+export declare function attemptDiagnosticsData(evidence: AttemptEvidence): AttemptDiagnosticsData | null;
+export declare function attemptUsageData(evidence: AttemptEvidence): AttemptUsageData | null;
+export declare function attemptTraceData(evidence: AttemptEvidence): AttemptTraceData | null;
+export declare function attemptDiffData(evidence: AttemptEvidence): AttemptDiffData | null;