@tea-agent/loop-agent 0.41.1-beta.0 → 0.42.0-next.2

package/dist/worker/observe/static/views/dag-inspector.js

@@ -11,15 +11,30 @@ import {
 } from "../constants.js";
 import { clearNode, el } from "../dom.js";
 import { attemptFailureLabel } from "../dag-history-labels.js";
+import {
+	contextTransferReasonLabel,
+	describeTransferError,
+	formatContextTransferReasonList,
+} from "../dag-context-reason-labels.js";
 import {
 	fetchJson,
 	fetchSpecEvidenceFile,
 	fetchDagNodeInput,
+	fetchDagNodeContext,
+	fetchDagNodeArtifacts,
+	fetchDagNodeArtifactPreview,
+	fetchDagRunLineage,
 	fetchDagNodeProcess,
 	postOperatorAction,
 	fetchOperatorOperation,
+	downloadContextExport,
 } from "../api.js";
-import { badge, formatLedgerSummary, formatMs, prettyJsonBlock } from "../format.js";
+import {
+	badge,
+	formatLedgerSummary,
+	formatMs,
+	prettyJsonBlock,
+} from "../format.js";
 import { renderMarkdown, renderInspectorDocument } from "../markdown-render.js";
 import { describeDagNodePurpose } from "../dag-node-purpose.js";
 import { buildPromptRestartCandidateOptions } from "../prompt-restart-candidates.js";
@@ -49,6 +64,7 @@ import {
 	formatSessionEventTime,
 	renderSessionTimeline,
 	buildPageStyledDoc,
+	fetchPageStylesheetText,
 } from "./session-timeline.js";
 import { createCustomSelect } from "../custom-select.js";
 
@@ -58,6 +74,89 @@ import { createCustomSelect } from "../custom-select.js";
 // reference, always resolving the currently selected node identity.
 const inspectorSelection = { dagRunId: null, node: null };
 
+/**
+ * 失败状态行统一入口：错误信息中嵌入的已知 reason code 先给中文语义
+ * （原码与原始信息保留），未知内容原样展示，不做成功方向的猜测。
+ */
+function transferErrorStatusText(error, fallback) {
+	const raw = error instanceof Error ? error.message : String(error ?? "");
+	return describeTransferError(raw) ?? (raw || fallback);
+}
+
+export const DAG_INSPECTOR_READ_ONLY_TABS = Object.freeze([
+	["overview", "节点概览", "ri-dashboard-line"],
+	["input", "执行设置", "ri-login-box-line"],
+	["context", "实际上下文", "ri-stack-line"],
+	["timeline", "执行记录", "ri-route-line"],
+	["spec-evidence", "规范证据", "ri-book-open-line"],
+	["output", "产出", "ri-file-text-line"],
+	["lineage", "来源与影响", "ri-git-branch-line"],
+]);
+
+export const DAG_INSPECTOR_MUTATION_TAB = Object.freeze([
+	"prompt-restart",
+	"导出与重跑",
+	"ri-share-forward-line",
+]);
+
+export const DAG_ACTION_SECTION_ORDER = Object.freeze([
+	"artifact-revision",
+	"prompt-restart",
+	"context-export",
+]);
+
+export const ARTIFACT_FILE_PREVIEW_SURFACES = Object.freeze({
+	produced: "produced-artifact-preview",
+	consumed: "consumed-artifact-preview",
+	revisionSelection: "artifact-revision-current-preview",
+});
+
+export const CONTEXT_EXPORT_TARGETS = Object.freeze([
+	{
+		value: "generic",
+		label: "通用 Agent 交接包",
+		description: "适合交给其他 Agent 或 LLM 继续处理",
+		icon: "ri-robot-2-line",
+		contents: "receipt · manifest · handoff.md",
+	},
+	{
+		value: "pi-session",
+		label: "Pi 可重开会话",
+		description: "兼容时附带可由 Pi 打开的 session JSONL",
+		icon: "ri-terminal-box-line",
+		contents: "receipt · manifest · session.jsonl（兼容时）",
+	},
+	{
+		value: "readable",
+		label: "可读执行记录",
+		description: "便于人工审阅，不承诺完整重现执行",
+		icon: "ri-file-list-3-line",
+		contents: "receipt · manifest · transcript.md",
+	},
+	{
+		value: "pi-handoff",
+		label: "Pi Handoff 交接包",
+		description: "面向 Pi Handoff 工作流的兼容格式",
+		icon: "ri-share-forward-box-line",
+		contents: "receipt · manifest · handoff.md",
+	},
+]);
+
+export const CONTEXT_EXPORT_PROFILES = Object.freeze([
+	{
+		value: "redacted",
+		label: "脱敏后导出",
+		description: "自动隐藏匹配到的疑似凭据",
+		badge: "推荐",
+	},
+	{
+		value: "raw",
+		label: "保留原始内容",
+		description: "可能包含凭据、绝对路径和未脱敏文本",
+		badge: "高风险",
+	},
+]);
+
 function createPromptRestartCopyButton(readCandidate) {
 	const buildIcon = (kind) => {
 		const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -106,7 +205,7 @@ function createPromptRestartCopyButton(readCandidate) {
 	};
 	const button = el(
 		"button",
-		"dags-copy-btn dags-copy-btn-icon prompt-restart-copy-icon",
+		"dags-copy-btn prompt-restart-copy-button",
 	);
 	button.type = "button";
 	button.setAttribute("data-testid", "prompt-restart-copy");
@@ -114,6 +213,8 @@ function createPromptRestartCopyButton(readCandidate) {
 	button.setAttribute("title", "复制当前提示词候选");
 	button.appendChild(buildIcon("copy"));
 	button.appendChild(buildIcon("check"));
+	const label = el("span", "prompt-restart-copy-label", "复制提示词");
+	button.appendChild(label);
 	button.addEventListener("click", (event) => {
 		event.preventDefault();
 		event.stopPropagation();
@@ -127,10 +228,12 @@ function createPromptRestartCopyButton(readCandidate) {
 			button.classList.toggle("is-copied", ok);
 			button.setAttribute("aria-label", feedback);
 			button.setAttribute("title", feedback);
+			label.textContent = feedback;
 			setTimeout(() => {
 				button.classList.remove("is-copied");
 				button.setAttribute("aria-label", "复制当前提示词候选");
 				button.setAttribute("title", "复制当前提示词候选");
+				label.textContent = "复制提示词";
 			}, 1500);
 		});
 	});
@@ -1086,8 +1189,8 @@ function renderDagNodeInputDetail(content, data) {
 					"p",
 					"muted",
 					facts.parseError
-					? `产物 ${facts.artifact} 读取失败（${facts.parseError}）。`
-					: `产物 ${facts.artifact} 尚未生成（节点未执行或缺失）。`,
+						? `产物 ${facts.artifact} 读取失败（${facts.parseError}）。`
+						: `产物 ${facts.artifact} 尚未生成（节点未执行或缺失）。`,
 				),
 			);
 		} else {
@@ -1101,11 +1204,7 @@ function renderDagNodeInputDetail(content, data) {
 				null,
 			);
 			section.appendChild(dl);
-			appendCodeList(
-				section,
-				"requested",
-				facts.requested,
-			);
+			appendCodeList(section, "requested", facts.requested);
 			for (const missingEntry of facts.missing ?? []) {
 				section.appendChild(
 					el(
@@ -1306,9 +1405,7 @@ async function fetchPrewriteResultJson(dagRunId) {
  * relying on source-string assertions.
  */
 export async function fetchFrontendGateLedgerData(dagRunId) {
-	const run = await fetchJson(
-		`/api/dag-runs/${encodeURIComponent(dagRunId)}`,
-	);
+	const run = await fetchJson(`/api/dag-runs/${encodeURIComponent(dagRunId)}`);
 	const taskId = typeof run?.taskId === "string" ? run.taskId : "";
 	const prewriteResult = await fetchPrewriteResultJson(dagRunId);
 	let ledgerBody = null;
@@ -1361,14 +1458,733 @@ async function renderFrontendGateLedger(content, dagRunId) {
  * restart flow: preflight (dagRerunPlan) binds the edit into planHash, dagRerun
  * executes it as a Console operation, and on success we jump to the new run.
  */
+function buildContextExportSection(dagRunId, node) {
+	const zone = el("section", "dag-action-export-zone");
+	zone.dataset.actionSection = "context-export";
+	const divider = el("div", "dag-action-export-divider");
+	divider.append(
+		el("span", null, "不需要重跑？"),
+		el("p", null, "你也可以只把这个节点的上下文打包带走。"),
+	);
+	zone.appendChild(divider);
+	const section = el("div", "prompt-restart-box context-export-box");
+	section.setAttribute("role", "region");
+	section.setAttribute("aria-labelledby", "context-export-title");
+	const heading = el("div", "context-export-heading");
+	const headingCopy = el("div", null);
+	headingCopy.appendChild(el("span", "context-export-eyebrow", "上下文交接包"));
+	const title = el("h4", null, "把这个节点交给另一个 Agent");
+	title.id = "context-export-title";
+	headingCopy.appendChild(title);
+	headingCopy.appendChild(
+		el("p", null, "选择接收方式和保护级别，系统会生成一个可核验的 ZIP 交接包。"),
+	);
+	const invariant = el("div", "context-export-invariant");
+	const lockIcon = el("i", "ri-lock-2-line");
+	lockIcon.setAttribute("aria-hidden", "true");
+	invariant.append(lockIcon, document.createTextNode(" 原运行保持不变"));
+	heading.append(headingCopy, invariant);
+	section.appendChild(heading);
+
+	const workspace = el("div", "context-export-workspace");
+	const controls = el("div", "context-export-controls");
+	const targetFieldset = document.createElement("fieldset");
+	targetFieldset.className = "context-export-fieldset";
+	targetFieldset.dataset.testid = "context-export-target";
+	targetFieldset.appendChild(el("legend", null, "交给谁使用？"));
+	const targetChoices = el("div", "context-export-target-grid");
+	for (const [index, option] of CONTEXT_EXPORT_TARGETS.entries()) {
+		const choice = el("label", "context-export-choice");
+		const input = document.createElement("input");
+		input.type = "radio";
+		input.name = "context-export-target";
+		input.value = option.value;
+		input.checked = index === 0;
+		const icon = el("i", option.icon);
+		icon.setAttribute("aria-hidden", "true");
+		const copy = el("span", "context-export-choice-copy");
+		copy.append(
+			el("strong", null, option.label),
+			el("small", null, option.description),
+		);
+		choice.append(input, icon, copy);
+		targetChoices.appendChild(choice);
+	}
+	targetFieldset.appendChild(targetChoices);
+	controls.appendChild(targetFieldset);
+
+	const profileFieldset = document.createElement("fieldset");
+	profileFieldset.className = "context-export-fieldset";
+	profileFieldset.dataset.testid = "context-export-profile";
+	profileFieldset.appendChild(el("legend", null, "如何保护内容？"));
+	const profileChoices = el("div", "context-export-profile-grid");
+	for (const [index, option] of CONTEXT_EXPORT_PROFILES.entries()) {
+		const choice = el(
+			"label",
+			`context-export-profile-choice${option.value === "raw" ? " is-risk" : ""}`,
+		);
+		const input = document.createElement("input");
+		input.type = "radio";
+		input.name = "context-export-profile";
+		input.value = option.value;
+		input.checked = index === 0;
+		const copy = el("span", "context-export-choice-copy");
+		const titleRow = el("span", "context-export-profile-title");
+		titleRow.append(
+			el("strong", null, option.label),
+			el("span", `context-export-profile-badge is-${option.value}`, option.badge),
+		);
+		copy.append(titleRow, el("small", null, option.description));
+		choice.append(input, copy);
+		profileChoices.appendChild(choice);
+	}
+	profileFieldset.appendChild(profileChoices);
+	controls.appendChild(profileFieldset);
+
+	const rawAckLabel = el("label", "prompt-restart-field context-export-raw-ack");
+	const rawAck = document.createElement("input");
+	rawAck.type = "checkbox";
+	rawAck.dataset.testid = "context-export-raw-ack";
+	rawAckLabel.appendChild(rawAck);
+	const rawAckCopy = el("span", null);
+	rawAckCopy.append(
+		el("strong", null, "确认导出未脱敏内容"),
+		el("small", null, "我理解文件可能包含凭据、绝对路径和执行原文。"),
+	);
+	rawAckLabel.appendChild(rawAckCopy);
+	rawAckLabel.hidden = true;
+	controls.appendChild(rawAckLabel);
+	workspace.appendChild(controls);
+
+	const ticket = el("aside", "context-export-ticket");
+	ticket.setAttribute("aria-label", "交接包预览");
+	ticket.setAttribute("aria-live", "polite");
+	const ticketTop = el("div", "context-export-ticket-top");
+	ticketTop.append(
+		el("span", "context-export-ticket-type", "CONTEXT / ZIP"),
+		el("span", "context-export-ticket-safety", "已脱敏"),
+	);
+	const ticketTitle = el("strong", "context-export-ticket-title", "通用 Agent 交接包");
+	const ticketRows = el("dl", "context-export-ticket-rows");
+	const appendTicketRow = (label, value, className) => {
+		const term = el("dt", null, label);
+		const detail = el("dd", className ?? null, value);
+		ticketRows.append(term, detail);
+		return detail;
+	};
+	const recipientValue = appendTicketRow("用途", "适合交给其他 Agent 或 LLM 继续处理");
+	const contentsValue = appendTicketRow("包含", CONTEXT_EXPORT_TARGETS[0].contents, "is-mono");
+	const protectionValue = appendTicketRow("保护", "自动隐藏匹配到的疑似凭据");
+	const attemptValue = appendTicketRow(
+		"来源",
+		`${node.nodeId} · attempt ${selectedAttemptNumber(dagRunId, node) ?? 1}`,
+		"is-mono",
+	);
+	ticket.append(
+		ticketTop,
+		el("span", "context-export-ticket-label", "即将生成"),
+		ticketTitle,
+		ticketRows,
+		el("p", "context-export-ticket-foot", "附带 manifest 哈希，可核对来源与完整性"),
+	);
+	workspace.appendChild(ticket);
+	section.appendChild(workspace);
+
+	const selectedValue = (name) =>
+		section.querySelector(`input[name="${name}"]:checked`)?.value ?? "";
+	const updatePreview = () => {
+		const targetValue = selectedValue("context-export-target");
+		const profileValue = selectedValue("context-export-profile");
+		const target =
+			CONTEXT_EXPORT_TARGETS.find((option) => option.value === targetValue) ??
+			CONTEXT_EXPORT_TARGETS[0];
+		const profile =
+			CONTEXT_EXPORT_PROFILES.find((option) => option.value === profileValue) ??
+			CONTEXT_EXPORT_PROFILES[0];
+		ticketTitle.textContent = target.label;
+		recipientValue.textContent = target.description;
+		contentsValue.textContent = target.contents;
+		protectionValue.textContent = profile.description;
+		attemptValue.textContent = `${node.nodeId} · attempt ${selectedAttemptNumber(dagRunId, node) ?? 1}`;
+		const safety = ticket.querySelector(".context-export-ticket-safety");
+		if (safety) {
+			safety.textContent = profileValue === "raw" ? "原始内容" : "已脱敏";
+			safety.classList.toggle("is-risk", profileValue === "raw");
+		}
+		rawAckLabel.hidden = profileValue !== "raw";
+		if (profileValue !== "raw") rawAck.checked = false;
+	};
+	for (const input of section.querySelectorAll(
+		'input[name="context-export-target"], input[name="context-export-profile"]',
+	)) {
+		input.addEventListener("change", updatePreview);
+	}
+
+	const actions = el("div", "prompt-restart-actions");
+	const submit = document.createElement("button");
+	submit.type = "button";
+	submit.className = "prompt-restart-submit context-export-submit";
+	submit.dataset.testid = "context-export-submit";
+	const submitIcon = el("i", "ri-download-cloud-2-line");
+	submitIcon.setAttribute("aria-hidden", "true");
+	submit.append(submitIcon, document.createTextNode(" 生成交接包并下载"));
+	actions.appendChild(submit);
+	section.appendChild(actions);
+	const status = el("p", "prompt-restart-status", "");
+	status.setAttribute("role", "status");
+	status.setAttribute("aria-live", "polite");
+	section.appendChild(status);
+	const setStatus = (message, error = false) => {
+		status.textContent = message;
+		status.classList.toggle("prompt-restart-error", error);
+	};
+	submit.addEventListener("click", () => {
+		void (async () => {
+			const targetValue = selectedValue("context-export-target");
+			const profileValue = selectedValue("context-export-profile");
+			if (profileValue === "raw" && !rawAck.checked) {
+				setStatus("原始导出前必须勾选风险确认。", true);
+				return;
+			}
+			submit.disabled = true;
+			try {
+				setStatus("正在生成可验证 Context Bundle…");
+				const clientRequestId = `inspect-context-export-${Date.now()}-${Math.random()
+					.toString(36)
+					.slice(2, 10)}`;
+				const response = await postOperatorAction(
+					"contextExport",
+					{
+						runId: dagRunId,
+						nodeId: node.nodeId,
+						attempt: selectedAttemptNumber(dagRunId, node) ?? 1,
+						target: targetValue,
+						profile: profileValue,
+						rawAcknowledged: profileValue === "raw" && rawAck.checked,
+					},
+					clientRequestId,
+				);
+				const operationId = response.body?.operationId;
+				if (!response.ok || !operationId) {
+					throw new Error(response.body?.error?.message ?? "导出操作未被接受");
+				}
+				const operation = await pollOperationToTerminal(operationId, (message) =>
+					setStatus(message.replace("续跑", "导出")),
+				);
+				if (operation?.state !== "succeeded" || !operation.result?.downloadUrl) {
+					throw new Error(operation?.errorMessage ?? "导出未成功完成");
+				}
+				setStatus("Bundle 已生成，正在安全下载…");
+				const downloaded = await downloadContextExport(operation.result.downloadUrl);
+				const objectUrl = URL.createObjectURL(downloaded.blob);
+				const link = document.createElement("a");
+				link.href = objectUrl;
+				link.download = downloaded.filename;
+				document.body.appendChild(link);
+				link.click();
+				link.remove();
+				URL.revokeObjectURL(objectUrl);
+				setStatus(
+					`下载完成 · ${operation.result.bundleId} · ${new Intl.NumberFormat("zh-CN").format(operation.result.bytes)} bytes\nSHA-256 ${operation.result.bundleSha256}`,
+				);
+			} catch (error) {
+					setStatus(transferErrorStatusText(error, "导出未成功完成"), true);
+			} finally {
+				submit.disabled = false;
+			}
+		})();
+	});
+	updatePreview();
+	zone.appendChild(section);
+	return zone;
+}
+
+function createDagActionCard({ eyebrow, title, description, icon, className }) {
+	const section = el("section", `dag-action-card ${className ?? ""}`.trim());
+	const header = el("div", "dag-action-card-header");
+	const iconBox = el("div", "dag-action-card-icon");
+	const iconElement = el("i", icon);
+	iconElement.setAttribute("aria-hidden", "true");
+	iconBox.appendChild(iconElement);
+	const copy = el("div", "dag-action-card-copy");
+	copy.append(
+		el("span", "dag-action-eyebrow", eyebrow),
+		el("h4", null, title),
+		el("p", null, description),
+	);
+	header.append(iconBox, copy);
+	const body = el("div", "dag-action-card-body");
+	section.append(header, body);
+	return { section, body };
+}
+
+function buildDagActionAvailability({ title, description, reasonCode, tone = "neutral" }) {
+	const panel = el("div", `dag-action-availability is-${tone}`);
+	const icon = el(
+		"i",
+		tone === "blocked"
+			? "ri-forbid-2-line"
+			: tone === "ready"
+				? "ri-checkbox-circle-line"
+				: "ri-information-line",
+	);
+	icon.setAttribute("aria-hidden", "true");
+	const copy = el("div", null);
+	copy.append(el("strong", null, title), el("p", null, description));
+	if (reasonCode) {
+		const label = contextTransferReasonLabel(reasonCode);
+		if (label) copy.appendChild(el("p", "dag-action-reason-copy", label));
+		copy.appendChild(el("code", null, reasonCode));
+	}
+	panel.append(icon, copy);
+	return panel;
+}
+
+function buildFullContentCta() {
+	// Honest limitation note (review 2026-08-26): the context bundle exports
+	// node *inputs*; it does not necessarily contain the full bytes of a
+	// produced artifact or a revision candidate, so pointing the truncated
+	// preview at the export flow would overpromise. State the bound plainly.
+	return el(
+		"p",
+		"artifact-content-preview-full-cta",
+		"预览有截断；当前版本暂不提供完整文件下载。",
+	);
+}
+
+function createArtifactContentPreview(
+	dagRunId,
+	nodeId,
+	resolveArtifact,
+	{ label = "查看文件内容", testId = "artifact-file-preview" } = {},
+) {
+	const details = document.createElement("details");
+	details.className = "artifact-content-preview";
+	details.dataset.testid = testId;
+	const summary = document.createElement("summary");
+	const icon = el("i", "ri-eye-line");
+	icon.setAttribute("aria-hidden", "true");
+	const summaryText = el("span", null, label);
+	summary.append(icon, summaryText);
+	details.appendChild(summary);
+	const host = el("div", "artifact-content-preview-body");
+	details.appendChild(host);
+	let loadedArtifactId = null;
+	let requestVersion = 0;
+
+	const reset = () => {
+		requestVersion += 1;
+		loadedArtifactId = null;
+		details.open = false;
+		clearNode(host);
+	};
+	const renderStatus = (message, error = false) => {
+		clearNode(host);
+		const status = el(
+			"p",
+			error ? "artifact-content-preview-error" : "muted",
+			message,
+		);
+		status.setAttribute("role", error ? "alert" : "status");
+		status.setAttribute("aria-live", "polite");
+		host.appendChild(status);
+	};
+	const load = async () => {
+		const artifact = resolveArtifact();
+		if (!artifact?.artifactId) {
+			renderStatus("没有可预览的文件。", true);
+			return;
+		}
+		if (loadedArtifactId === artifact.artifactId) return;
+		const version = ++requestVersion;
+		renderStatus("正在读取并核验文件内容…");
+		const result = await fetchDagNodeArtifactPreview(
+			dagRunId,
+			nodeId,
+			artifact.artifactId,
+		);
+		if (version !== requestVersion || !details.isConnected) return;
+		if (!result.ok || !result.body) {
+			renderStatus(result.body?.error || "文件内容暂时无法预览。", true);
+			return;
+		}
+		loadedArtifactId = artifact.artifactId;
+		const data = result.body;
+		clearNode(host);
+		const header = el("div", "artifact-content-preview-meta");
+		const metaChildren = [
+			el("code", null, data.path ?? artifact.path ?? artifact.artifactId),
+			el(
+				"span",
+				null,
+				`${data.mediaType ?? "unknown"} · ${new Intl.NumberFormat("zh-CN").format(data.sourceBytes ?? 0)} bytes`,
+			),
+		];
+		if (typeof data.sha256 === "string" && data.sha256.length >= 12) {
+			const sha = el(
+				"span",
+				null,
+				` · sha256 ${data.sha256.slice(0, 12)}…`,
+			);
+			sha.title = data.sha256;
+			metaChildren.push(sha);
+		}
+		header.append(...metaChildren);
+		host.appendChild(header);
+		if (data.previewKind !== "text" || typeof data.content !== "string") {
+			host.appendChild(
+				el(
+					"p",
+					"artifact-content-preview-unavailable",
+					"该文件的媒体类型不支持安全内嵌显示；路径、大小和 SHA-256 已核验。",
+				),
+			);
+			return;
+		}
+		const normalizedMedia = String(data.mediaType ?? "").toLowerCase();
+		if (normalizedMedia.includes("markdown")) {
+			const documentPreview = el("div", "artifact-content-preview-document");
+			documentPreview.appendChild(renderMarkdown(data.content));
+			host.appendChild(documentPreview);
+		} else {
+			const pre = el("pre", "artifact-content-preview-code");
+			pre.textContent = normalizedMedia.includes("json")
+				? prettyJsonBlock(data.content) ?? data.content
+				: data.content;
+			host.appendChild(pre);
+		}
+		const notes = [];
+		if (data.redacted) notes.push("疑似凭据已脱敏");
+		if (data.truncated) {
+			notes.push(
+				`仅显示前 ${new Intl.NumberFormat("zh-CN").format(data.maxBytes ?? 0)} bytes`,
+			);
+		}
+		if (notes.length > 0) {
+			host.appendChild(el("p", "artifact-content-preview-note", notes.join(" · ")));
+		}
+		if (data.truncated) {
+			host.appendChild(buildFullContentCta());
+		}
+	};
+	details.addEventListener("toggle", () => {
+		if (details.open) void load();
+	});
+	return { element: details, reset };
+}
+
+function buildArtifactRevisionSection(dagRunId, node) {
+	const { section, body } = createDagActionCard({
+		eyebrow: "产出修订",
+		title: "替换产出后继续运行",
+		description: "上传一个候选新版本，先校验差异和影响范围，再决定是否创建新的运行。",
+		icon: "ri-file-transfer-line",
+		className: "artifact-revision-box",
+	});
+	section.dataset.actionSection = "artifact-revision";
+	body.appendChild(
+		buildDagActionAvailability({
+			title: "正在检查是否可以安全修订",
+			description: "读取已冻结的产出关系和修订规则。",
+		}),
+	);
+	void (async () => {
+		const response = await fetchDagNodeArtifacts(dagRunId, node.nodeId);
+		clearNode(body);
+		if (!response.ok || response.body?.binding?.available !== true) {
+			body.appendChild(
+				buildDagActionAvailability({
+					tone: "blocked",
+					title: "这个运行暂时不能安全修订产出",
+					description:
+						"缺少结构化的产出关系，系统无法可靠判断哪些后续节点会受影响，也不会根据文件名或提示词猜测。",
+					reasonCode:
+						response.body?.reasonCode ??
+						response.body?.binding?.reasonCode ??
+						"ARTIFACT_BINDING_UNAVAILABLE",
+				}),
+			);
+			return;
+		}
+		const eligible = (response.body.produces ?? []).filter(
+			(artifact) => artifact.revision?.eligible === true,
+		);
+		if (eligible.length === 0) {
+			body.appendChild(
+				buildDagActionAvailability({
+					title: "这个节点没有可替换的已生成文件",
+					description:
+						"当前节点没有同时满足“已经生成”和“允许替换”的产出。失败节点仍可在下方修改提示词后重跑。",
+				}),
+			);
+			return;
+		}
+		body.appendChild(
+			buildDagActionAvailability({
+				tone: "ready",
+				title: `可修订 ${eligible.length} 个产出`,
+				description: "父运行不会被修改；确认后会创建一条新的派生运行。",
+			}),
+		);
+		const form = el("div", "dag-action-form artifact-revision-form");
+		const artifactLabel = el("label", "prompt-restart-field");
+		artifactLabel.appendChild(el("span", "dag-action-field-label", "选择要替换的产出"));
+		const artifactSelect = document.createElement("select");
+		artifactSelect.className = "prompt-restart-mode-select";
+		artifactSelect.dataset.testid = "artifact-revision-artifact";
+		for (const artifact of eligible) {
+			const option = document.createElement("option");
+			option.value = artifact.artifactId;
+			option.textContent = `${artifact.artifactId} · ${artifact.path}`;
+			artifactSelect.appendChild(option);
+		}
+			artifactLabel.appendChild(artifactSelect);
+			form.appendChild(artifactLabel);
+			const currentArtifactPreview = createArtifactContentPreview(
+				dagRunId,
+				node.nodeId,
+				() => eligible.find((artifact) => artifact.artifactId === artifactSelect.value),
+				{
+					label: "查看当前文件",
+					testId: ARTIFACT_FILE_PREVIEW_SURFACES.revisionSelection,
+				},
+			);
+			form.appendChild(currentArtifactPreview.element);
+			artifactSelect.addEventListener("change", currentArtifactPreview.reset);
+			const fileLabel = el("label", "prompt-restart-field");
+		fileLabel.appendChild(el("span", "dag-action-field-label", "选择新文件（最多 10 MiB）"));
+		const file = document.createElement("input");
+		file.type = "file";
+		file.className = "dag-action-file-input";
+		file.dataset.testid = "artifact-revision-file";
+		fileLabel.appendChild(file);
+		form.appendChild(fileLabel);
+		const reasonLabel = el("label", "prompt-restart-field");
+		reasonLabel.appendChild(el("span", "dag-action-field-label", "为什么要替换？"));
+		const reason = document.createElement("textarea");
+		reason.className = "prompt-restart-textarea";
+		reason.rows = 3;
+		reason.placeholder = "说明为什么要替换此产物";
+		reason.dataset.testid = "artifact-revision-reason";
+		reasonLabel.appendChild(reason);
+		form.appendChild(reasonLabel);
+		const actions = el("div", "prompt-restart-actions");
+		const preview = document.createElement("button");
+		preview.type = "button";
+		preview.className = "prompt-restart-submit dag-action-primary";
+		const previewIcon = el("i", "ri-radar-line");
+		previewIcon.setAttribute("aria-hidden", "true");
+		preview.append(previewIcon, document.createTextNode(" 校验文件并预览影响"));
+		preview.dataset.testid = "artifact-revision-preview";
+		actions.appendChild(preview);
+		form.appendChild(actions);
+		const status = el("p", "prompt-restart-status", "");
+		status.setAttribute("role", "status");
+		status.setAttribute("aria-live", "polite");
+		form.appendChild(status);
+		const planHost = el("div", "artifact-revision-plan");
+		form.appendChild(planHost);
+		body.appendChild(form);
+		const setStatus = (message, error = false) => {
+			status.textContent = message;
+			status.classList.toggle("prompt-restart-error", error);
+		};
+		preview.addEventListener("click", () => {
+			void (async () => {
+				const selected = eligible.find((artifact) => artifact.artifactId === artifactSelect.value);
+				const selectedFile = file.files?.[0];
+				if (!selected || !selectedFile) {
+					setStatus("请选择一个替换文件。", true);
+					return;
+				}
+				if (selectedFile.size > 10 * 1024 * 1024) {
+					setStatus("文件超过 10 MiB 限制。", true);
+					return;
+				}
+				if (!reason.value.trim()) {
+					setStatus("需要填写派生运行原因。", true);
+					return;
+				}
+				preview.disabled = true;
+				clearNode(planHost);
+				try {
+					const dataUrl = await new Promise((resolve, reject) => {
+						const reader = new FileReader();
+						reader.onerror = () => reject(reader.error ?? new Error("读取文件失败"));
+						reader.onload = () => resolve(String(reader.result ?? ""));
+						reader.readAsDataURL(selectedFile);
+					});
+					const candidateBase64 = String(dataUrl).split(",", 2)[1] ?? "";
+					setStatus("正在校验候选字节、schema 与 diff…");
+					const stageId = `artifact-stage-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+					const staged = await postOperatorAction(
+						"artifactRevisionStage",
+						{
+							runId: dagRunId,
+							nodeId: node.nodeId,
+							artifactId: selected.artifactId,
+							mediaType: selected.mediaType,
+							candidateBase64,
+						},
+						stageId,
+					);
+					if (!staged.ok || !staged.body?.operationId) throw new Error(staged.body?.error?.message ?? "修订 staging 失败");
+					const stageOp = await pollOperationToTerminal(staged.body.operationId, (message) =>
+						setStatus(message.replace("续跑", "修订校验")),
+					);
+					const revision = stageOp?.result?.revision;
+					if (stageOp?.state !== "succeeded" || !revision?.revisionId) {
+						throw new Error(stageOp?.errorMessage ?? "修订校验失败");
+					}
+					setStatus("校验通过，正在计算 direct consumers 与传递影响闭包…");
+					const planId = `artifact-plan-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+					const planned = await postOperatorAction(
+						"artifactRevisionPlan",
+						{ runId: dagRunId, artifactId: selected.artifactId, revisionId: revision.revisionId },
+						planId,
+					);
+					if (!planned.ok || !planned.body?.operationId) throw new Error(planned.body?.error?.message ?? "影响预览失败");
+					const planOp = await pollOperationToTerminal(planned.body.operationId, (message) =>
+						setStatus(message.replace("续跑", "影响分析")),
+					);
+					const plan = planOp?.result?.plan;
+					if (!plan) throw new Error(planOp?.errorMessage ?? "影响预览失败");
+					planHost.appendChild(el("h5", null, "修订与影响预览"));
+					planHost.appendChild(
+						transparencyMetaList([
+							["修订 ID", revision.revisionId],
+							["候选文件 SHA-256", revision.candidate?.sha256],
+							["差异类型", revision.diff?.kind],
+							["风险级别", plan.risk],
+							["直接使用者", plan.impact?.directConsumerNodeIds?.join(", ") || "无"],
+							["需要重跑", plan.impact?.affectedNodeIds?.join(", ") || "无"],
+							["可以沿用", plan.impact?.importedNodeIds?.join(", ") || "无"],
+							["计划哈希", plan.planHash],
+						]),
+					);
+					if (revision.diff?.summary) {
+						const diff = document.createElement("pre");
+						diff.className = "prompt-restart-readonly";
+						diff.textContent = revision.diff.summary;
+						planHost.appendChild(diff);
+					}
+					if (plan.eligible !== true) {
+						setStatus(
+							`派生运行被阻断：${formatContextTransferReasonList(plan.blockedReasons) ?? "当前不满足继续运行的条件"}`,
+							true,
+						);
+						return;
+					}
+					const execute = document.createElement("button");
+					execute.type = "button";
+					execute.className = "prompt-restart-submit dag-action-primary";
+					execute.textContent = "确认并创建新运行";
+					execute.dataset.testid = "artifact-revision-execute";
+					planHost.appendChild(execute);
+					execute.addEventListener("click", () => {
+						void (async () => {
+							execute.disabled = true;
+							try {
+								setStatus("正在执行受影响闭包；父 run 保持不可变…");
+								const executeId = `artifact-execute-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+								const accepted = await postOperatorAction(
+									"artifactRevisionExecute",
+									{
+										runId: dagRunId,
+										artifactId: selected.artifactId,
+										revisionId: revision.revisionId,
+										planHash: plan.planHash,
+										reason: reason.value.trim(),
+									},
+									executeId,
+								);
+								if (!accepted.ok || !accepted.body?.operationId) throw new Error(accepted.body?.error?.message ?? "派生运行未被接受");
+								const operation = await pollOperationToTerminal(accepted.body.operationId, setStatus);
+								const childRunId = operation?.result?.newRunId;
+								if (childRunId) {
+									const open = document.createElement("button");
+									open.type = "button";
+									open.className =
+										"prompt-restart-submit dag-action-secondary";
+									open.textContent =
+										operation?.state === "succeeded"
+											? "打开新运行"
+											: "打开失败的新运行";
+									open.addEventListener("click", () => {
+										window.location.hash = `#/dag/${encodeURIComponent(childRunId)}`;
+									});
+									planHost.appendChild(open);
+								}
+								if (operation?.state !== "succeeded" || !operation.result?.newRunId) {
+									throw new Error(operation?.errorMessage ?? operation?.result?.message ?? "派生运行失败");
+								}
+								setStatus(`派生运行完成：${operation.result.newRunId}`);
+							} catch (error) {
+								setStatus(transferErrorStatusText(error, "派生运行失败"), true);
+							} finally {
+								execute.disabled = false;
+							}
+						})();
+					});
+					setStatus("影响预览已冻结；确认后将重新规划并校验 plan hash。" );
+				} catch (error) {
+					setStatus(transferErrorStatusText(error, "影响预览失败"), true);
+				} finally {
+					preview.disabled = false;
+				}
+			})();
+		});
+	})();
+	return section;
+}
+
+function buildDagActionIntro(node) {
+	const intro = el("header", "dag-action-page-intro");
+	const copy = el("div", null);
+	copy.append(
+		el("span", "dag-action-eyebrow", "节点操作"),
+		el("h4", null, "选择下一步"),
+		el(
+			"p",
+			null,
+			"重跑会创建新的运行；当前运行及其已经保存的事实始终保持不变。",
+		),
+	);
+	const state = el("span", "dag-action-node-state", node.status ?? "unknown");
+	intro.append(copy, state);
+	return intro;
+}
+
 async function renderPromptRestart(content, dagRunId, node) {
 	const nodeId = node.nodeId;
 	clearNode(content);
-
-	const loading = el("p", "muted", "正在加载冻结提示词…");
-	loading.setAttribute("role", "status");
-	loading.setAttribute("aria-live", "polite");
-	content.appendChild(loading);
+	const intro = buildDagActionIntro(node);
+	const revisionSection = buildArtifactRevisionSection(dagRunId, node);
+	const { section: promptSection, body: promptBody } = createDagActionCard({
+		eyebrow: "提示词重跑",
+		title: "修改失败提示后重新执行",
+		description: "仅失败节点可编辑提示词并从当前节点继续；其他节点只提供冻结提示查看。",
+		icon: "ri-restart-line",
+		className: "prompt-rerun-action-box",
+	});
+	promptSection.dataset.actionSection = "prompt-restart";
+	promptBody.appendChild(
+		buildDagActionAvailability({
+			title: "正在读取节点提示",
+			description: "检查冻结版本和历史失败候选。",
+		}),
+	);
+	const exportSection = buildContextExportSection(dagRunId, node);
+	const sections = new Map([
+		["artifact-revision", revisionSection],
+		["prompt-restart", promptSection],
+		["context-export", exportSection],
+	]);
+	content.appendChild(intro);
+	for (const sectionId of DAG_ACTION_SECTION_ORDER) {
+		const section = sections.get(sectionId);
+		if (section) content.appendChild(section);
+	}
 	const input = await fetchDagNodeInput(dagRunId, nodeId);
 	if (
 		!content.isConnected ||
@@ -1378,20 +2194,27 @@ async function renderPromptRestart(content, dagRunId, node) {
 	) {
 		return;
 	}
-	clearNode(content);
+	clearNode(promptBody);
 
 	if (!input.ok || !input.body?.available) {
-		const error = el("p", "node-input-error", "无法读取该节点的冻结提示词。");
-		error.setAttribute("role", "alert");
-		content.appendChild(error);
+		promptBody.appendChild(
+			buildDagActionAvailability({
+				tone: "blocked",
+				title: "无法读取这个节点的冻结提示",
+				description: "当前不能安全预览或修改提示词。可以继续使用最下方的上下文导出。",
+			}),
+		);
 		return;
 	}
 	const frozenBasePrompt =
 		typeof input.body.prompt?.text === "string" ? input.body.prompt.text : "";
 	if (!frozenBasePrompt) {
-		const error = el("p", "node-input-error", "该节点没有冻结提示词。");
-		error.setAttribute("role", "alert");
-		content.appendChild(error);
+		promptBody.appendChild(
+			buildDagActionAvailability({
+				title: "这个节点没有冻结提示",
+				description: "因此不能从这里修改提示词重跑。",
+			}),
+		);
 		return;
 	}
 	const promptCandidateOptions = buildPromptRestartCandidateOptions(
@@ -1401,7 +2224,9 @@ async function renderPromptRestart(content, dagRunId, node) {
 	let selectedCandidate = promptCandidateOptions[0];
 	const historicalCandidatesMissing = Array.isArray(input.body.warnings)
 		? input.body.warnings.some((warning) =>
-				String(warning).startsWith("Failed prompt candidate missing for attempt "),
+				String(warning).startsWith(
+					"Failed prompt candidate missing for attempt ",
+				),
 			)
 		: false;
 
@@ -1441,18 +2266,19 @@ async function renderPromptRestart(content, dagRunId, node) {
 		});
 		panel.appendChild(picker.field);
 		panel.appendChild(promptCard.card);
-		content.appendChild(panel);
+		promptBody.appendChild(panel);
 		return;
 	}
 
 	if (input.body.prompt?.truncated === true) {
-		const error = el(
-			"p",
-			"node-input-error",
-			"冻结提示词被截断，为避免误替换请改用 CLI（dag rerun --prompt-override）。",
+		promptBody.appendChild(
+			buildDagActionAvailability({
+				tone: "blocked",
+				title: "冻结提示不完整，无法安全编辑",
+				description:
+					"为避免用截断文本覆盖完整提示，请改用 CLI：dag rerun --prompt-override。",
+			}),
 		);
-		error.setAttribute("role", "alert");
-		content.appendChild(error);
 		return;
 	}
 
@@ -1579,7 +2405,7 @@ async function renderPromptRestart(content, dagRunId, node) {
 	row.appendChild(submit);
 	box.appendChild(row);
 
-	content.appendChild(box);
+	promptBody.appendChild(box);
 
 	const setStatus = (text, isError = false) => {
 		status.textContent = text ?? "";
@@ -1593,8 +2419,7 @@ async function renderPromptRestart(content, dagRunId, node) {
 				return;
 			}
 			const mode = modeSelect.value === "replace" ? "replace" : "append";
-			const prompt =
-				mode === "append" ? addendumArea.value : replaceArea.value;
+			const prompt = mode === "append" ? addendumArea.value : replaceArea.value;
 			const reason = reasonArea.value.trim();
 			if (!prompt.trim()) {
 				setStatus(
@@ -1628,7 +2453,7 @@ async function renderPromptRestart(content, dagRunId, node) {
 				if (!planRes.ok || plan?.eligible !== true || !plan?.planHash) {
 					setStatus(
 						planRes.body?.error?.message ??
-							plan?.blockedReasons?.join(", ") ??
+							formatContextTransferReasonList(plan?.blockedReasons) ??
 							"资格预检未通过。",
 						true,
 					);
@@ -1717,10 +2542,325 @@ async function pollOperationToTerminal(operationId, onProgress) {
 	return null;
 }
 
-function activeInspectorTab() {
-	return ["input", "timeline", "spec-evidence", "prompt-restart"].includes(
-		uiState.dagInspectorTab,
+function transparencyMetaList(rows) {
+	const dl = el("dl", "node-input-summary node-transparency-summary");
+	for (const [label, value] of rows) {
+		if (value == null || value === "") continue;
+		appendMetaRow(dl, label, value, null);
+	}
+	return dl;
+}
+
+function renderNodeOverview(content, dagRunId, node) {
+	const root = el("div", "node-transparency-root");
+	root.appendChild(
+		el("p", "node-input-semantics", "本页只展示当前运行已持久化的节点事实。"),
+	);
+	const summary = el("section", "node-input-section");
+	summary.appendChild(el("h4", null, "节点事实"));
+	summary.appendChild(
+		transparencyMetaList([
+			["run", dagRunId],
+			["node", node.nodeId],
+			["status", node.status ?? "unknown"],
+			["executor", node.executor ?? "unknown"],
+			["model", node.model ?? null],
+			["rank", node.rank ?? null],
+			["origin", node.originKind ?? "unknown"],
+			["duration", node.durationMs != null ? formatMs(node.durationMs) : null],
+		]),
+	);
+	root.appendChild(summary);
+	const semantics = el("section", "node-input-section");
+	semantics.appendChild(el("h4", null, "事实阶段"));
+	semantics.appendChild(
+		el(
+			"p",
+			"muted",
+			"输入页是 frozen declaration；有效上下文页是 dispatch-time receipt；产物页是执行后 materialization。缺失阶段会明确标记，不用预览冒充事实。",
+		),
+	);
+	root.appendChild(semantics);
+	content.appendChild(root);
+	restoreInspectorContentScroll(content, dagRunId, node.nodeId, "overview");
+}
+
+function selectedAttemptNumber(dagRunId, node) {
+	const key = effectiveExecutionKey(dagRunId, node);
+	const match = /^attempt-(\d+)$/.exec(key ?? "");
+	return match ? Number(match[1]) : undefined;
+}
+
+async function renderEffectiveContext(content, dagRunId, node) {
+	content.appendChild(el("p", "muted", "正在加载有效上下文事实…"));
+	const result = await fetchDagNodeContext(
+		dagRunId,
+		node.nodeId,
+		selectedAttemptNumber(dagRunId, node),
+	);
+	if (
+		!content.isConnected ||
+		content.dataset.dagRunId !== String(dagRunId) ||
+		content.dataset.dagNodeId !== String(node.nodeId) ||
+		activeInspectorTab() !== "context"
 	)
+		return;
+	clearNode(content);
+	if (!result.ok || !result.body) {
+		const error = el(
+			"p",
+			"node-input-error",
+			result.body?.error || "无法加载有效上下文事实。",
+		);
+		error.setAttribute("role", "alert");
+		content.appendChild(error);
+		return;
+	}
+	const data = result.body;
+	const receipt = data.effectiveContext;
+	const root = el("div", "node-transparency-root");
+	root.appendChild(
+		transparencyMetaList([
+			["attempt", data.attempt],
+			["declared", data.declared?.status],
+			["dispatched", data.dispatched?.status],
+			["node status", data.dispatched?.nodeStatus],
+		]),
+	);
+	if (receipt?.status !== "captured") {
+		const missing = el("div", "node-transparency-omission");
+		missing.appendChild(
+			el(
+				"h4",
+				null,
+				receipt?.status === "invalid" ? "Receipt 不可用" : "未捕获",
+			),
+		);
+		missing.appendChild(
+			el("code", null, receipt?.reasonCode ?? "CONTEXT_RECEIPT_MISSING"),
+		);
+		const missingLabel = contextTransferReasonLabel(
+			receipt?.reasonCode ?? "CONTEXT_RECEIPT_MISSING",
+		);
+		if (missingLabel) {
+			missing.appendChild(el("p", "muted", missingLabel));
+		}
+		missing.appendChild(
+			el(
+				"p",
+				"muted",
+				"当前只有 frozen input / prompt 指纹；它们不是 Effective Context。历史 run 不做事后回填。",
+			),
+		);
+		root.appendChild(missing);
+	} else {
+		const captured = el("section", "node-input-section");
+		captured.appendChild(el("h4", null, "Captured receipt"));
+		captured.appendChild(
+			transparencyMetaList([
+				["context digest", receipt.contextDigest],
+				["captured at", receipt.capturedAt],
+				["components", receipt.componentCount],
+				["truncations", receipt.truncationCount],
+				["executor", receipt.runtime?.executor],
+				["model", receipt.runtime?.model],
+				["skills", receipt.runtime?.skillCount],
+				["extensions", receipt.runtime?.extensionCount],
+				["tools", receipt.runtime?.toolCount],
+			]),
+		);
+		appendCodeList(
+			captured,
+			"组件类型",
+			Object.entries(receipt.componentKinds ?? {}).map(
+				([kind, count]) => `${kind}: ${count}`,
+			),
+		);
+		appendCodeList(
+			captured,
+			"包含状态",
+			Object.entries(receipt.inclusionCounts ?? {}).map(
+				([kind, count]) => `${kind}: ${count}`,
+			),
+		);
+		root.appendChild(captured);
+	}
+	content.appendChild(root);
+	restoreInspectorContentScroll(content, dagRunId, node.nodeId, "context");
+}
+
+function artifactInventorySection(data, dagRunId, nodeId) {
+	const root = el("section", "node-input-section node-artifact-inventory");
+	root.appendChild(el("h4", null, "声明产物与消费关系"));
+	if (!data?.binding?.available) {
+		const warning = el("div", "node-transparency-omission");
+		const bindingCode =
+			data?.binding?.reasonCode ?? "ARTIFACT_BINDING_UNAVAILABLE";
+		warning.appendChild(el("code", null, bindingCode));
+		const bindingLabel = contextTransferReasonLabel(bindingCode);
+		if (bindingLabel) {
+			warning.appendChild(el("p", "muted", bindingLabel));
+		}
+		warning.appendChild(
+			el(
+				"p",
+				"muted",
+				"该历史 run 没有 frozen Artifact Binding；不会从 prompt、outputContract、路径或文件名推断 consumer。",
+			),
+		);
+		root.appendChild(warning);
+		return root;
+	}
+	root.appendChild(
+		transparencyMetaList([
+			["origin", data.origin?.kind ?? "unknown"],
+			["parent", data.origin?.parentRunId ?? null],
+			["graph sha256", data.binding.artifactGraphSha256],
+		]),
+	);
+	for (const artifact of data.produces ?? []) {
+		const card = el("div", "node-artifact-card");
+		card.appendChild(el("h5", null, artifact.artifactId));
+		card.appendChild(
+			transparencyMetaList([
+				["path", artifact.path],
+				["media", artifact.mediaType],
+				["schema", artifact.schemaId ?? null],
+				["materialization", artifact.materialization?.status],
+				["bytes", artifact.materialization?.bytes],
+				["origin", artifact.origin?.kind],
+				["revision", artifact.origin?.revisionId],
+				["supersedes", artifact.origin?.supersedes],
+				[
+					"revision",
+					artifact.revision?.eligible
+						? "eligible"
+						: (contextTransferReasonLabel(artifact.revision?.reasonCode) ??
+							artifact.revision?.reasonCode ??
+							"blocked"),
+				],
+			]),
+		);
+		appendCodeList(
+			card,
+			"Direct consumers",
+			artifact.directConsumerNodeIds ?? [],
+		);
+		if (artifact.materialization?.status === "materialized") {
+			card.appendChild(
+				createArtifactContentPreview(dagRunId, nodeId, () => artifact, {
+					testId: `${ARTIFACT_FILE_PREVIEW_SURFACES.produced}-${artifact.artifactId}`,
+				}).element,
+			);
+		}
+		root.appendChild(card);
+	}
+	for (const artifact of data.consumes ?? []) {
+		const card = el("div", "node-artifact-card is-consumed");
+		card.appendChild(el("h5", null, `消费 ${artifact.artifactId}`));
+		card.appendChild(
+			transparencyMetaList([
+				["producer", artifact.producerNodeId],
+				["path", artifact.path],
+				["required", artifact.required ? "yes" : "no"],
+			]),
+		);
+		card.appendChild(
+			createArtifactContentPreview(dagRunId, nodeId, () => artifact, {
+				testId: `${ARTIFACT_FILE_PREVIEW_SURFACES.consumed}-${artifact.artifactId}`,
+			}).element,
+		);
+		root.appendChild(card);
+	}
+	if (
+		(data.produces ?? []).length === 0 &&
+		(data.consumes ?? []).length === 0
+	) {
+		root.appendChild(el("p", "empty", "该节点没有声明的产物绑定。"));
+	}
+	return root;
+}
+
+async function prependArtifactInventory(content, dagRunId, node) {
+	const result = await fetchDagNodeArtifacts(dagRunId, node.nodeId);
+	if (
+		!content.isConnected ||
+		content.dataset.dagRunId !== String(dagRunId) ||
+		content.dataset.dagNodeId !== String(node.nodeId) ||
+		activeInspectorTab() !== "output"
+	)
+		return;
+	const section =
+		result.ok && result.body
+			? artifactInventorySection(result.body, dagRunId, node.nodeId)
+			: el(
+					"p",
+					"node-input-error node-artifact-inventory",
+					result.body?.error || "无法加载产物绑定事实。",
+				);
+	content.insertBefore(section, content.firstChild);
+}
+
+async function renderRunLineage(content, dagRunId, node) {
+	content.appendChild(el("p", "muted", "正在加载来源与影响关系…"));
+	const result = await fetchDagRunLineage(dagRunId);
+	if (
+		!content.isConnected ||
+		content.dataset.dagRunId !== String(dagRunId) ||
+		content.dataset.dagNodeId !== String(node.nodeId) ||
+		activeInspectorTab() !== "lineage"
+	)
+		return;
+	clearNode(content);
+	if (!result.ok || !result.body) {
+		content.appendChild(
+			el("p", "node-input-error", result.body?.error || "无法加载来源与影响关系。"),
+		);
+		return;
+	}
+	const data = result.body;
+	const root = el("div", "node-transparency-root");
+	const intro = el("section", "node-lineage-intro");
+	intro.append(
+		el("h4", null, "这个节点从哪里来，会影响哪里"),
+		el(
+			"p",
+			"muted",
+			"这里展示派生运行继承、替换或重新执行了哪些节点。产出文件的直接使用者请到“产出”中查看。",
+		),
+	);
+	root.appendChild(intro);
+	root.appendChild(
+		transparencyMetaList([
+			["运行类型", data.kind === "root" ? "首次运行" : "派生运行"],
+			["来源运行", data.parentRunId ?? null],
+			["发起方式", data.trigger ?? null],
+			["人工选择节点", data.operatorSelectedNodeId ?? null],
+			["从此节点重新执行", data.effectiveFromNodeId ?? null],
+			["重跑计划哈希", data.planHash ?? null],
+		]),
+	);
+	appendCodeList(root, "沿用既有结果的节点", data.importedNodeIds ?? []);
+	appendCodeList(root, "替换结果的节点", data.overriddenNodeIds ?? []);
+	if (data.kind === "root")
+		root.appendChild(
+			el("p", "muted", "这是首次运行，没有来源运行。"),
+		);
+	content.appendChild(root);
+	restoreInspectorContentScroll(content, dagRunId, node.nodeId, "lineage");
+}
+
+function activeInspectorTab() {
+	return [
+		"overview",
+		"input",
+		"context",
+		"timeline",
+		"output",
+		"lineage",
+		"spec-evidence",
+		"prompt-restart",
+	].includes(uiState.dagInspectorTab)
 		? uiState.dagInspectorTab
 		: "output";
 }
@@ -2182,8 +3322,9 @@ function repaintOutputTabBody(content, dagRunId, node) {
 		return;
 	}
 	// Remove everything after the attempt bar (or all if no bar).
+	const inventory = content.querySelector(".node-artifact-inventory");
 	const bar = content.querySelector(".dag-inspector-attempt-bar");
-	const keep = bar ? [bar] : [];
+	const keep = [inventory, bar].filter(Boolean);
 	while (content.firstChild) content.removeChild(content.firstChild);
 	for (const nodeEl of keep) content.appendChild(nodeEl);
 
@@ -2254,7 +3395,9 @@ function renderProcessCommandCard(command) {
 		command.failureCategory ? command.failureCategory : null,
 	].filter(Boolean);
 	if (meta.length > 0) {
-		body.appendChild(el("div", "process-timeline-section-label", meta.join(" · ")));
+		body.appendChild(
+			el("div", "process-timeline-section-label", meta.join(" · ")),
+		);
 	}
 	if (command.stdout) {
 		body.appendChild(el("div", "process-timeline-section-label", "stdout"));
@@ -2283,7 +3426,11 @@ function renderProcessStepCard(step) {
 	details.open = true;
 	const summary = el("summary", "process-timeline-summary");
 	summary.appendChild(
-		el("span", "process-timeline-summary-title", step.label || step.id || "step"),
+		el(
+			"span",
+			"process-timeline-summary-title",
+			step.label || step.id || "step",
+		),
 	);
 	summary.appendChild(
 		el(
@@ -2296,7 +3443,11 @@ function renderProcessStepCard(step) {
 	const body = el("div", "process-timeline-card-body");
 	if (step.durationMs != null) {
 		body.appendChild(
-			el("div", "process-timeline-section-label", `耗时 ${formatMs(step.durationMs)}`),
+			el(
+				"div",
+				"process-timeline-section-label",
+				`耗时 ${formatMs(step.durationMs)}`,
+			),
 		);
 	}
 	if (step.detail) appendProcessPre(body, step.detail);
@@ -2310,7 +3461,11 @@ function renderProcessStepCard(step) {
 
 function renderNonPiProcess(content, body) {
 	content.classList.add("process-timeline-scroll");
-	if (!body || body.emptyReason || ((body.commands ?? []).length === 0 && (body.steps ?? []).length === 0)) {
+	if (
+		!body ||
+		body.emptyReason ||
+		((body.commands ?? []).length === 0 && (body.steps ?? []).length === 0)
+	) {
 		content.appendChild(el("p", "empty", processEmptyMessage(body)));
 		return;
 	}
@@ -2324,7 +3479,8 @@ function renderNonPiProcess(content, body) {
 		);
 	}
 	const ul = el("ul", "process-timeline process-timeline-rich");
-	const items = (body.commands ?? []).length > 0 ? body.commands : body.steps ?? [];
+	const items =
+		(body.commands ?? []).length > 0 ? body.commands : (body.steps ?? []);
 	for (let index = 0; index < items.length; index += 1) {
 		const item = items[index];
 		const failed = item.ok === false;
@@ -2366,13 +3522,7 @@ function appendProcessExportButton(content, body, meta) {
 	const btn = el("button", "btn btn-secondary", "导出 HTML");
 	btn.type = "button";
 	btn.addEventListener("click", async () => {
-		let cssText = "";
-		try {
-			const res = await fetch("/inspect/styles.css", { cache: "no-cache" });
-			if (res.ok) cssText = await res.text();
-		} catch {
-			/* 忽略：导出仍会用内联兜底样式 */
-		}
+		const cssText = await fetchPageStylesheetText();
 		// 复用页面真实渲染 DOM，保证导出排版与页面一致。
 		const clone = content.cloneNode(true);
 		const bar = clone.querySelector(".process-timeline-export-bar");
@@ -2396,8 +3546,7 @@ export async function mergeNodeProcess(dagRunId, node) {
 	const result = await fetchDagNodeProcess(dagRunId, nodeId, key);
 	if (uiState.dagNodeProcessIdentity !== identity) return;
 	if (!result.ok || !result.body) {
-		uiState.dagNodeProcessError =
-			result.body?.error || UI_TEXT.processError;
+		uiState.dagNodeProcessError = result.body?.error || UI_TEXT.processError;
 		uiState.dagNodeProcessData = {
 			schemaVersion: 1,
 			dagRunId,
@@ -2510,7 +3659,13 @@ function fillDagInspectorContent(content, dagRunId, node) {
 		node.nodeId,
 		activeTab,
 	);
-	if (activeTab === "spec-evidence") {
+	if (activeTab === "overview") {
+		renderNodeOverview(content, dagRunId, node);
+	} else if (activeTab === "context") {
+		void renderEffectiveContext(content, dagRunId, node);
+	} else if (activeTab === "lineage") {
+		void renderRunLineage(content, dagRunId, node);
+	} else if (activeTab === "spec-evidence") {
 		void renderSpecEvidence(content, dagRunId, node.nodeId);
 	} else if (activeTab === "prompt-restart") {
 		void renderPromptRestart(content, dagRunId, node);
@@ -2549,6 +3704,7 @@ function fillDagInspectorContent(content, dagRunId, node) {
 		}
 		// Single-execution nodes (!key) already painted preview via renderCachedOrPreviewBody.
 		restoreInspectorContentScroll(content, dagRunId, node.nodeId, "output");
+		void prependArtifactInventory(content, dagRunId, node);
 	}
 }
 
@@ -2586,18 +3742,14 @@ function buildDagInspectorHeader(dagRunId, node) {
 	controls.appendChild(close);
 	header.appendChild(controls);
 
-	const tabDefs = [
-		["input", "节点输入", "ri-login-box-line"],
-		["output", "节点输出", "ri-file-text-line"],
-		["timeline", "执行过程", "ri-route-line"],
-		["spec-evidence", "规范证据", "ri-book-open-line"],
-	];
-	// Prompt-override rerun: the server injects the SCOPED inspect mutation
-	// token into /inspect HTML by default (it only authorizes
-	// dagRerunPlan/dagRerun). The emergency kill switch suppresses the token;
+	const tabDefs = DAG_INSPECTOR_READ_ONLY_TABS.map((definition) => [
+		...definition,
+	]);
+	// Export/rerun mutation surface: the server injects a SCOPED inspect token.
+	// The emergency kill switch suppresses the token;
 	// no token → no tab → the inspector stays strictly read-only.
 	if (globalThis.__INSPECT_MUTATION_TOKEN__) {
-		tabDefs.push(["prompt-restart", "提示词重启", "ri-restart-line"]);
+		tabDefs.push([...DAG_INSPECTOR_MUTATION_TAB]);
 	}
 	const tabs = el("div", "dag-inspector-tabs");
 	tabs.setAttribute("role", "tablist");