@tea-agent/loop-agent 0.43.0-next.1 → 0.43.0-next.2

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

@@ -1,3 +1,4 @@
+import { createInspectorSubmission, sendInspectorSubmission, hasUnresolvedSubmission } from "../inspector-submission.js";
 /** DAG node inspector panel (Observe UI R5). */
 import {
 	DAG_INSPECTOR_DEFAULT_WIDTH,
@@ -9,8 +10,10 @@ import {
 	DAG_INSPECTOR_KEYBOARD_STEP,
 	UI_TEXT,
 } from "../constants.js";
-import { clearNode, el } from "../dom.js";
+import { clearNode, el, iconButton, setIconButton } from "../dom.js";
 import { attemptFailureLabel } from "../dag-history-labels.js";
+import { isNodeFailed } from "../dag-helpers.js";
+import { isDagRunActive } from "../dag-model.js";
 import {
 	contextTransferReasonLabel,
 	describeTransferError,
@@ -24,6 +27,7 @@ import {
 } from "../dag-inspector-humanize.js";
 import {
 	fetchJson,
+	fetchJsonResult,
 	fetchSpecEvidenceFile,
 	fetchDagNodeInput,
 	fetchDagNodeContext,
@@ -44,9 +48,11 @@ import { renderMarkdown, renderInspectorDocument } from "../markdown-render.js";
 import { describeDagNodePurpose } from "../dag-node-purpose.js";
 import { buildPromptRestartCandidateOptions } from "../prompt-restart-candidates.js";
 import { copyText } from "../copy.js";
-import { navigate } from "../router.js";
+import { navigate, inspectPathToCanonicalHref } from "../router.js";
 import {
 	fetchWithWorkspaceScope,
+	scopedApiUrl,
+	workspaceScope,
 	uiState,
 	makeSessionEventIdentity,
 	makeDagNodeInputIdentity,
@@ -64,12 +70,15 @@ import {
 	inspectorViewportRegionKey,
 	saveDagInspectorViewportState,
 	getDagInspectorViewportState,
+	inspectorReadingState,
+	inspectorNodeSelections,
+	inspectorDrafts,
+	inspectorOperations,
 } from "../state.js";
 import {
 	formatSessionEventTime,
 	renderSessionTimeline,
-	buildPageStyledDoc,
-	fetchPageStylesheetText,
+	createTimelineAutoScrollControl,
 } from "./session-timeline.js";
 import { createCustomSelect } from "../custom-select.js";
 
@@ -154,16 +163,38 @@ const INSPECTOR_PAGE_GUIDANCE = Object.freeze({
 	},
 });
 
+/** 会话级收起记忆：同一 Tab 收起后，本会话内的重绘保持折叠（可再展开）。 */
+const COLLAPSED_INSPECTOR_LEADS = new Set();
+
 function buildInspectorPageLead(tab) {
 	const copy = INSPECTOR_PAGE_GUIDANCE[tab];
 	if (!copy) return null;
 	const lead = el("section", "inspector-page-lead");
 	lead.dataset.page = tab;
-	lead.append(
-		el("span", "inspector-page-eyebrow", copy.eyebrow),
-		el("h4", null, copy.title),
-		el("p", null, copy.body),
+	const collapsed = COLLAPSED_INSPECTOR_LEADS.has(tab);
+	if (collapsed) lead.classList.add("is-collapsed");
+	const toggle = iconButton(
+		collapsed ? "展开说明" : "收起说明",
+		collapsed ? "ri-arrow-down-s-line" : "ri-arrow-up-s-line",
+		"inspector-lead-toggle",
 	);
+	toggle.setAttribute("aria-expanded", String(!collapsed));
+	toggle.addEventListener("click", () => {
+		const nextCollapsed = !lead.classList.contains("is-collapsed");
+		if (nextCollapsed) COLLAPSED_INSPECTOR_LEADS.add(tab);
+		else COLLAPSED_INSPECTOR_LEADS.delete(tab);
+		lead.classList.toggle("is-collapsed", nextCollapsed);
+		setIconButton(
+			toggle,
+			nextCollapsed ? "展开说明" : "收起说明",
+			nextCollapsed ? "ri-arrow-down-s-line" : "ri-arrow-up-s-line",
+		);
+		toggle.setAttribute("aria-expanded", String(!nextCollapsed));
+	});
+	const eyebrow = el("span", "inspector-page-eyebrow", copy.eyebrow);
+	const eyebrowRow = el("div", "inspector-page-eyebrow-row");
+	eyebrowRow.append(eyebrow, toggle);
+	lead.append(eyebrowRow, el("h4", null, copy.title), el("p", null, copy.body));
 	return lead;
 }
 
@@ -494,7 +525,7 @@ function resetInspectorNodeSelection(dagRunId, nodeId) {
 	uiState.dagTimelineViewportState = null;
 	// Reset the per-attempt selection so an old node's attempt cannot leak
 	// into the newly selected node (always defaults back to the latest).
-	uiState.dagInspectorAttempt = null;
+	uiState.dagInspectorAttempt = inspectorNodeSelections.get(`${dagRunId}:${nodeId}`) ?? null;
 	uiState.sessionEventOffset = 0;
 	uiState.sessionEvents = [];
 	// Drop any open spec-evidence preview so a stale A detail cannot survive
@@ -1044,9 +1075,11 @@ function sourceLabel(source) {
 
 function appendMetaRow(dl, label, value, source) {
 	if (value == null || value === "") return;
-	const copy = describeInspectorMeta(label, value);
+	const isElement = value && typeof value === "object" && value.nodeType != null;
+	const copy = describeInspectorMeta(label, isElement ? "" : value);
 	const dt = el("dt", null, copy.label);
 	const dd = el("dd", null, copy.value);
+	if (isElement) dd.appendChild(value);
 	const labelHelp = [
 		copy.help ? `含义：${copy.help}` : null,
 		copy.rawLabel ? `技术字段：${copy.rawLabel}` : null,
@@ -1564,6 +1597,9 @@ async function renderFrontendGateLedger(content, dagRunId) {
  * executes it as a Console operation, and on success we jump to the new run.
  */
 function buildContextExportSection(dagRunId, node) {
+	const formScope = workspaceScope();
+	let exportAttempt = null;
+	let exportSourceLoading = true;
 	const zone = el("section", "dag-action-export-zone");
 	zone.dataset.actionSection = "context-export";
 	const divider = el("div", "dag-action-export-divider");
@@ -1682,7 +1718,7 @@ function buildContextExportSection(dagRunId, node) {
 	const protectionValue = appendTicketRow("保护", "自动隐藏匹配到的疑似凭据");
 	const attemptValue = appendTicketRow(
 		"来源",
-		`${node.nodeId} · 第 ${selectedAttemptNumber(dagRunId, node) ?? 1} 次执行`,
+		`${node.nodeId} · ${exportAttempt ? `第 ${exportAttempt} 次尝试` : exportSourceLoading ? "正在确认最新尝试…" : "暂无可用上下文"}`,
 		"is-mono",
 	);
 	ticket.append(
@@ -1710,7 +1746,7 @@ function buildContextExportSection(dagRunId, node) {
 		recipientValue.textContent = target.description;
 		contentsValue.textContent = target.contents;
 		protectionValue.textContent = profile.description;
-		attemptValue.textContent = `${node.nodeId} · 第 ${selectedAttemptNumber(dagRunId, node) ?? 1} 次执行`;
+		attemptValue.textContent = `${node.nodeId} · ${exportAttempt ? `第 ${exportAttempt} 次尝试` : exportSourceLoading ? "正在确认最新尝试…" : "暂无可用上下文"}`;
 		const safety = ticket.querySelector(".context-export-ticket-safety");
 		if (safety) {
 			safety.textContent = profileValue === "raw" ? "原始内容" : "已脱敏";
@@ -1730,6 +1766,7 @@ function buildContextExportSection(dagRunId, node) {
 	submit.type = "button";
 	submit.className = "prompt-restart-submit context-export-submit";
 	submit.dataset.testid = "context-export-submit";
+	submit.disabled = true;
 	const submitIcon = el("i", "ri-download-cloud-2-line");
 	submitIcon.setAttribute("aria-hidden", "true");
 	submit.append(submitIcon, document.createTextNode(" 生成交接包并下载"));
@@ -1743,8 +1780,35 @@ function buildContextExportSection(dagRunId, node) {
 		status.textContent = message;
 		status.classList.toggle("prompt-restart-error", error);
 	};
+	const refreshSource = iconButton("刷新导出来源", "ri-refresh-line", "context-export-refresh-source");
+	refreshSource.type = "button";
+	ticketTop.appendChild(refreshSource);
+	const loadExportSource = async () => {
+		exportAttempt = null;
+		exportSourceLoading = true;
+		submit.disabled = true;
+		refreshSource.disabled = true;
+		updatePreview();
+		setStatus("正在检查最新尝试的上下文…");
+		const result = await fetchDagNodeContext(dagRunId, node.nodeId);
+		if (!section.isConnected || workspaceScope() !== formScope) return;
+		exportSourceLoading = false;
+		refreshSource.disabled = false;
+		const data = result.ok ? result.body : null;
+		if (Number.isInteger(data?.attempt) && data.attempt > 0 && data.effectiveContext?.status === "captured") {
+			exportAttempt = data.attempt;
+			submit.disabled = false;
+			setStatus("交接包将使用上方标明的来源；有新尝试时可刷新来源。");
+		} else {
+			setStatus("最新尝试没有可用的上下文记录。记录生成后，可刷新来源重试。", true);
+		}
+		updatePreview();
+	};
+	refreshSource.addEventListener("click", () => { void loadExportSource(); });
+	void loadExportSource();
 	submit.addEventListener("click", () => {
 		void (async () => {
+			if (exportAttempt == null || workspaceScope() !== formScope) return;
 			const targetValue = selectedValue("context-export-target");
 			const profileValue = selectedValue("context-export-profile");
 			if (profileValue === "raw" && !rawAck.checked) {
@@ -1752,8 +1816,10 @@ function buildContextExportSection(dagRunId, node) {
 				return;
 			}
 			submit.disabled = true;
+			refreshSource.disabled = true;
 			try {
 				setStatus("正在生成带来源校验信息的交接包…");
+				if (workspaceScope() !== formScope) return;
 				const clientRequestId = `inspect-context-export-${Date.now()}-${Math.random()
 					.toString(36)
 					.slice(2, 10)}`;
@@ -1762,25 +1828,28 @@ function buildContextExportSection(dagRunId, node) {
 					{
 						runId: dagRunId,
 						nodeId: node.nodeId,
-						attempt: selectedAttemptNumber(dagRunId, node) ?? 1,
+						attempt: exportAttempt,
 						target: targetValue,
 						profile: profileValue,
 						rawAcknowledged: profileValue === "raw" && rawAck.checked,
 					},
 					clientRequestId,
 				);
+				if (workspaceScope() !== formScope) return;
 				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("续跑", "导出")),
+					setStatus(message.replace("续跑", "导出")), formScope,
 				);
+				if (workspaceScope() !== formScope) return;
 				if (operation?.state !== "succeeded" || !operation.result?.downloadUrl) {
 					throw new Error(operation?.errorMessage ?? "导出未成功完成");
 				}
 				setStatus("交接包已生成，正在安全下载…");
 				const downloaded = await downloadContextExport(operation.result.downloadUrl);
+				if (workspaceScope() !== formScope) return;
 				const objectUrl = URL.createObjectURL(downloaded.blob);
 				const link = document.createElement("a");
 				link.href = objectUrl;
@@ -1796,6 +1865,7 @@ function buildContextExportSection(dagRunId, node) {
 					setStatus(transferErrorStatusText(error, "导出未成功完成"), true);
 			} finally {
 				submit.disabled = false;
+				refreshSource.disabled = false;
 			}
 		})();
 	});
@@ -1845,16 +1915,11 @@ function buildDagActionAvailability({ title, description, reasonCode, tone = "ne
 	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 buildFullContentCta(dagRunId, nodeId, artifactId) {
+	const link = el("a", "artifact-content-preview-full-cta btn btn-secondary", "下载完整脱敏文本");
+	link.href = scopedApiUrl(`/api/dag-runs/${encodeURIComponent(dagRunId)}/nodes/${encodeURIComponent(nodeId)}/artifacts/download?artifactId=${encodeURIComponent(artifactId)}`);
+	link.setAttribute("download", `${artifactId}.redacted.txt`);
+	return link;
 }
 
 function createArtifactContentPreview(
@@ -1968,9 +2033,8 @@ function createArtifactContentPreview(
 		if (notes.length > 0) {
 			host.appendChild(el("p", "artifact-content-preview-note", notes.join(" · ")));
 		}
-		if (data.truncated) {
-			host.appendChild(buildFullContentCta());
-		}
+		host.appendChild(buildFullContentCta(dagRunId, nodeId, artifact.artifactId));
+		const copy = el("button", "btn btn-secondary", "复制预览文本"); copy.type = "button"; copy.addEventListener("click", async () => { copy.textContent = await copyText(data.content) ? "已复制" : "复制失败"; }); host.appendChild(copy);
 	};
 	details.addEventListener("toggle", () => {
 		if (details.open) void load();
@@ -2006,6 +2070,7 @@ export function artifactRevisionRunEligibility(run) {
 }
 
 function buildArtifactRevisionSection(dagRunId, node, run) {
+	const formScope = workspaceScope();
 	const { section, body } = createDagActionCard({
 		eyebrow: "替换已有文件",
 		title: "换掉这个节点的产出后继续",
@@ -2033,6 +2098,7 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 	);
 	void (async () => {
 		const response = await fetchDagNodeArtifacts(dagRunId, node.nodeId);
+		if (workspaceScope() !== formScope || !body.isConnected) return;
 		clearNode(body);
 		if (!response.ok || response.body?.binding?.available !== true) {
 			body.appendChild(
@@ -2128,14 +2194,36 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 		const planHost = el("div", "artifact-revision-plan");
 		form.appendChild(planHost);
 		body.appendChild(form);
+		const draftKey = `${dagRunId}:${node.nodeId}:artifact`;
+		const artifactDraft = inspectorDrafts.get(draftKey) ?? {};
+		inspectorDrafts.set(draftKey, artifactDraft);
+		if (eligible.some((item) => item.artifactId === artifactDraft.artifactId)) artifactSelect.value = artifactDraft.artifactId;
+		reason.value = artifactDraft.reason ?? "";
+		const fileHint = el("p", "muted", artifactDraft.file ? `已保留：${artifactDraft.file.name}` : "");
+		fileLabel.appendChild(fileHint);
+		let draftRevision = 0;
+		const updateDraft = () => {
+			artifactDraft.artifactId = artifactSelect.value;
+			artifactDraft.reason = reason.value;
+			artifactDraft.file = file.files?.[0] ?? artifactDraft.file;
+			fileHint.textContent = artifactDraft.file ? `已保留：${artifactDraft.file.name}` : "";
+			draftRevision += 1; clearNode(planHost);
+		};
+		artifactSelect.addEventListener("change", updateDraft);
+		file.addEventListener("change", updateDraft);
+		reason.addEventListener("input", updateDraft);
 		const setStatus = (message, error = false) => {
 			status.textContent = message;
 			status.classList.toggle("prompt-restart-error", error);
 		};
+		const syncArtifactRetry = mountSubmissionRetry(form, artifactDraft, dagRunId, node.nodeId, formScope, setStatus);
 		preview.addEventListener("click", () => {
 			void (async () => {
+				if (hasUnresolvedSubmission(artifactDraft.submission) || artifactDraft.submission?.operationId) { setStatus("已有提交记录，请使用“重试原提交”或查看操作进度。"); return; }
 				const selected = eligible.find((artifact) => artifact.artifactId === artifactSelect.value);
-				const selectedFile = file.files?.[0];
+				const selectedFile = file.files?.[0] ?? artifactDraft.file;
+				const requestedRevision = draftRevision;
+				const requestedReason = reason.value.trim();
 				if (!selected || !selectedFile) {
 					setStatus("请选择一个替换文件。", true);
 					return;
@@ -2160,6 +2248,7 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 					const candidateBase64 = String(dataUrl).split(",", 2)[1] ?? "";
 					setStatus("正在检查新文件格式并对比差异…");
 					const stageId = `artifact-stage-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+					if (workspaceScope() !== formScope) return;
 					const staged = await postOperatorAction(
 						"artifactRevisionStage",
 						{
@@ -2171,9 +2260,10 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 						},
 						stageId,
 					);
+					if (workspaceScope() !== formScope) return;
 					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("续跑", "修订校验")),
+						setStatus(message.replace("续跑", "修订校验")), formScope,
 					);
 					const revision = stageOp?.result?.revision;
 					if (stageOp?.state !== "succeeded" || !revision?.revisionId) {
@@ -2181,17 +2271,21 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 					}
 					setStatus("文件检查通过，正在计算哪些后续节点需要重新执行…");
 					const planId = `artifact-plan-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+					if (workspaceScope() !== formScope) return;
 					const planned = await postOperatorAction(
 						"artifactRevisionPlan",
 						{ runId: dagRunId, artifactId: selected.artifactId, revisionId: revision.revisionId },
 						planId,
 					);
+					if (workspaceScope() !== formScope) return;
 					if (!planned.ok || !planned.body?.operationId) throw new Error(planned.body?.error?.message ?? "影响预览失败");
 					const planOp = await pollOperationToTerminal(planned.body.operationId, (message) =>
-						setStatus(message.replace("续跑", "影响分析")),
+						setStatus(message.replace("续跑", "影响分析")), formScope,
 					);
+					if (workspaceScope() !== formScope) return;
 					const plan = planOp?.result?.plan;
 					if (!plan) throw new Error(planOp?.errorMessage ?? "影响预览失败");
+					if (draftRevision !== requestedRevision || !body.isConnected) { setStatus("草稿已变化，请重新预览。"); return; }
 					planHost.appendChild(el("h5", null, "替换结果与影响范围"));
 					planHost.appendChild(
 						transparencyMetaList([
@@ -2232,23 +2326,22 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 					planHost.appendChild(execute);
 					execute.addEventListener("click", () => {
 						void (async () => {
+							if (draftRevision !== requestedRevision || hasUnresolvedSubmission(artifactDraft.submission) || artifactDraft.submission?.operationId) { setStatus("此预览已变化或已经提交，请查看操作进度。", true); return; }
 							execute.disabled = true;
 							try {
 								setStatus("正在创建新运行并重新执行受影响节点；原运行保持不变…");
-								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 (workspaceScope() !== formScope) return;
+								artifactDraft.submission = createInspectorSubmission("artifactRevisionExecute", {
+									runId: dagRunId, artifactId: selected.artifactId,
+									revisionId: revision.revisionId, planHash: plan.planHash, reason: requestedReason,
+								});
+								const accepted = await sendInspectorSubmission(artifactDraft.submission, postOperatorAction);
 								if (!accepted.ok || !accepted.body?.operationId) throw new Error(accepted.body?.error?.message ?? "新运行未被接受");
-								const operation = await pollOperationToTerminal(accepted.body.operationId, setStatus);
+								if (workspaceScope() !== formScope) return;
+								artifactDraft.submission.operationId = accepted.body.operationId;
+								trackInspectorOperation(dagRunId, node.nodeId, accepted.body.operationId);
+								const operation = await pollOperationToTerminal(accepted.body.operationId, setStatus, formScope);
+								if (workspaceScope() !== formScope) return;
 								const childRunId = operation?.result?.newRunId;
 								if (childRunId) {
 									const open = document.createElement("button");
@@ -2271,7 +2364,9 @@ function buildArtifactRevisionSection(dagRunId, node, run) {
 							} catch (error) {
 								setStatus(transferErrorStatusText(error, "新运行失败"), true);
 							} finally {
-								execute.disabled = false;
+								if (artifactDraft.submission) artifactDraft.submission.inFlight = false;
+								execute.disabled = Boolean(artifactDraft.submission?.operationId) || hasUnresolvedSubmission(artifactDraft.submission);
+								syncArtifactRetry();
 							}
 						})();
 					});
@@ -2311,6 +2406,7 @@ function buildDagActionIntro(node) {
 }
 
 async function renderPromptRestart(content, dagRunId, node, run) {
+	const formScope = workspaceScope();
 	const nodeId = node.nodeId;
 	clearNode(content);
 	const intro = buildDagActionIntro(node);
@@ -2336,10 +2432,24 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 		["context-export", exportSection],
 	]);
 	content.appendChild(intro);
+	const intent = el("div", "dag-action-intents");
+	const intentKey = `${dagRunId}:${nodeId}:intent`;
+	let selectedIntent = inspectorDrafts.get(intentKey) ?? "prompt-restart";
+	const chooseIntent = (id) => {
+		selectedIntent = id; inspectorDrafts.set(intentKey, id);
+		for (const [key, section] of sections) section.hidden = key !== id;
+		for (const button of intent.querySelectorAll("button")) button.setAttribute("aria-pressed", String(button.dataset.intent === id));
+	};
+	for (const [id, label] of [["prompt-restart", "修改提示重跑"], ["artifact-revision", "替换产出继续"], ["context-export", "导出资料"]]) {
+		const button = el("button", "btn btn-secondary", label); button.type = "button"; button.dataset.intent = id; button.setAttribute("aria-pressed", String(selectedIntent === id)); button.addEventListener("click", () => chooseIntent(id)); intent.appendChild(button);
+	}
+	content.appendChild(intent);
 	for (const sectionId of DAG_ACTION_SECTION_ORDER) {
 		const section = sections.get(sectionId);
 		if (section) content.appendChild(section);
 	}
+	chooseIntent(selectedIntent);
+	mountInspectorOperations(content, dagRunId, nodeId);
 	const input = await fetchDagNodeInput(dagRunId, nodeId);
 	if (
 		!content.isConnected ||
@@ -2376,7 +2486,10 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 		frozenBasePrompt,
 		input.body.promptCandidates,
 	);
-	let selectedCandidate = promptCandidateOptions[0];
+	const draftKey = `${dagRunId}:${nodeId}:prompt`;
+	const draft = inspectorDrafts.get(draftKey) ?? { candidateKey: "frozen", candidates: {} };
+	inspectorDrafts.set(draftKey, draft);
+	let selectedCandidate = promptCandidateOptions.find((item) => item.key === draft.candidateKey) ?? promptCandidateOptions[0];
 	const historicalCandidatesMissing = Array.isArray(input.body.warnings)
 		? input.body.warnings.some((warning) =>
 				String(warning).startsWith(
@@ -2465,14 +2578,12 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 					? "这个较早的运行没有保存失败时实际使用的提示词；新运行会在这里列出。"
 					: "该节点没有保存过失败时使用的提示词；当前只有原始提示词。",
 		onChange: (nextKey) => {
-			selectedCandidate =
-				promptCandidateOptions.find((option) => option.key === nextKey) ??
-				promptCandidateOptions[0];
+			saveDraft();
+			selectedCandidate = promptCandidateOptions.find((option) => option.key === nextKey) ?? promptCandidateOptions[0];
+			draft.candidateKey = selectedCandidate.key;
 			promptCard.sync(selectedCandidate);
-			replaceArea.value = selectedCandidate.prompt;
-			if (selectedCandidate.key !== "frozen") {
-				modeSelect.value = "replace";
-			}
+			restoreDraft();
+			invalidatePlan();
 			picker.hintEl.hidden = false;
 			picker.hintEl.textContent = selectedCandidate.truncated
 				? "该候选已截断，仅供查看，不能直接提交重启。"
@@ -2484,7 +2595,7 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 	});
 	const modeSwitch = createPromptRestartModeSwitch({
 		value: "append",
-		onChange: () => applyModeVisibility(),
+		onChange: () => { applyModeVisibility(); saveDraft(); invalidatePlan(); },
 	});
 	const modeSelect = modeSwitch.group;
 	const toolbar = el("div", "prompt-restart-toolbar");
@@ -2527,6 +2638,8 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 	box.appendChild(baseLabel);
 
 	const applyModeVisibility = () => {
+		if (selectedCandidate.key !== "frozen") modeSelect.value = "replace";
+		for (const button of modeSelect.querySelectorAll("button")) if (button.dataset.mode === "append" || button.getAttribute("data-value") === "append") button.disabled = selectedCandidate.key !== "frozen";
 		const append = modeSelect.value === "append";
 		baseLabel.classList.toggle("is-hidden", !append);
 		addendumLabel.classList.toggle("is-hidden", !append);
@@ -2554,10 +2667,44 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 	const submit = document.createElement("button");
 	submit.type = "button";
 	submit.className = "prompt-restart-submit";
-	submit.textContent = "检查是否可重跑并开始";
+	submit.textContent = "预览重跑影响";
 	submit.setAttribute("data-testid", "prompt-restart-submit");
 	row.appendChild(status);
 	row.appendChild(submit);
+	const start = el("button", "prompt-restart-submit", "确认并开始新运行");
+	start.type = "button";
+	start.disabled = true;
+	start.dataset.testid = "prompt-restart-execute";
+	row.appendChild(start);
+	const planHost = el("div", "prompt-restart-plan");
+	box.appendChild(planHost);
+	let prepared = null;
+	let submitted = false;
+	draft.submission ??= {};
+	const signature = () => JSON.stringify([selectedCandidate.key, modeSelect.value, addendumArea.value, replaceArea.value, reasonArea.value]);
+	const invalidatePlan = () => { prepared = null; start.disabled = true; clearNode(planHost); };
+	const saveDraft = () => {
+		draft.candidates[selectedCandidate.key] = { mode: modeSelect.value, addendum: addendumArea.value, replacement: replaceArea.value, reason: reasonArea.value };
+	};
+	const restoreDraft = () => {
+		const saved = draft.candidates[selectedCandidate.key];
+		modeSelect.value = saved?.mode ?? (selectedCandidate.key === "frozen" ? "append" : "replace");
+		addendumArea.value = saved?.addendum ?? "";
+		replaceArea.value = saved?.replacement ?? selectedCandidate.prompt;
+		reasonArea.value = saved?.reason ?? `修改失败节点 ${nodeId} 的提示词后重新运行（来源运行：${dagRunId}）`;
+		applyModeVisibility();
+	};
+	for (const area of [addendumArea, replaceArea, reasonArea]) area.addEventListener("input", () => { saveDraft(); invalidatePlan(); });
+	restoreDraft();
+	let beforeRestore = null;
+	const restoreOriginal = el("button", "btn btn-secondary", "恢复此版本原文");
+	restoreOriginal.type = "button";
+	restoreOriginal.addEventListener("click", () => {
+		if (beforeRestore === null) { beforeRestore = { key: selectedCandidate.key, text: replaceArea.value }; replaceArea.value = selectedCandidate.prompt; restoreOriginal.textContent = "撤销恢复"; }
+		else { if (beforeRestore.key === selectedCandidate.key) replaceArea.value = beforeRestore.text; beforeRestore = null; restoreOriginal.textContent = "恢复此版本原文"; }
+		saveDraft(); invalidatePlan();
+	});
+	toolbar.appendChild(restoreOriginal);
 	box.appendChild(row);
 
 	promptBody.appendChild(box);
@@ -2567,7 +2714,11 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 		status.classList.toggle("prompt-restart-error", isError);
 	};
 
-	submit.addEventListener("click", () => {
+	const syncPromptRetry = mountSubmissionRetry(box, draft, dagRunId, nodeId, formScope, setStatus);
+	const handleSubmission = (executeRequested) => {
+		if (submitted || draft.submission.inFlight || (executeRequested && !prepared)) return;
+		if (hasUnresolvedSubmission(draft.submission)) { setStatus("上次提交结果尚未确认，请先重试原提交。", true); return; }
+		if (executeRequested && draft.submission.operationId) { setStatus("这份草稿已经提交，请查看上方操作进度。"); return; }
 		void (async () => {
 			if (selectedCandidate.truncated) {
 				setStatus("所选失败提示词已截断，不能作为完整提示词重启。", true);
@@ -2596,15 +2747,22 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 				return;
 			}
 			submit.disabled = true;
+			start.disabled = true;
+			const requestedSignature = signature();
 			try {
-				setStatus("正在检查这次重跑是否安全可行…");
 				const overrides = [{ nodeId, prompt, mode }];
+				let plan = prepared?.plan;
+				if (!executeRequested) {
+					invalidatePlan();
+				setStatus("正在检查这次重跑是否安全可行…");
+					if (workspaceScope() !== formScope) return;
 				const planRes = await postOperatorAction("dagRerunPlan", {
 					runId: dagRunId,
 					fromNode: nodeId,
 					promptOverrides: overrides,
 				});
-				const plan = planRes.body?.result ?? null;
+					if (workspaceScope() !== formScope) return;
+					plan = planRes.body?.result ?? null;
 				if (!planRes.ok || plan?.eligible !== true || !plan?.planHash) {
 					setStatus(
 						planRes.body?.error?.message ??
@@ -2615,34 +2773,50 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 					return;
 				}
 
+					if (signature() !== requestedSignature) { setStatus("草稿已变化，请重新预览。"); return; }
+					prepared = { plan, signature: requestedSignature };
+					clearNode(planHost);
+					planHost.appendChild(transparencyMetaList([
+						["将重新执行", (plan.resetNodeIds ?? []).join(", ") || "无"],
+						["将沿用结果", (plan.importedNodeIds ?? []).join(", ") || "无"],
+						["预计风险", inspectorValueLabel("风险级别", plan.risk)],
+						["预计执行", `${plan.estimatedExecution?.nodeCount ?? "未记录"} 个节点 · ${plan.estimatedExecution?.piCallCount ?? "未记录"} 次 AI 调用`],
+					]));
+					const change = el("details", "prompt-change-preview");
+					change.appendChild(el("summary", null, mode === "append" ? "查看将追加的指令" : "查看替换前后提示词"));
+					if (mode === "replace") { change.appendChild(el("h5", null, "修改前")); change.appendChild(el("pre", "prompt-restart-readonly", selectedCandidate.prompt)); }
+					change.appendChild(el("h5", null, "本次提交")); change.appendChild(el("pre", "prompt-restart-readonly", prompt));
+					planHost.appendChild(change);
+					start.disabled = false;
+					setStatus("预览已就绪。确认后创建新运行；编辑草稿会使本次预览失效。");
+					return;
+				}
+				if (prepared?.signature !== requestedSignature) { invalidatePlan(); setStatus("草稿已变化，请重新预览。", true); return; }
+
 				const est = plan.estimatedExecution;
 				const estText = est
 					? `（将执行 ${est.nodeCount ?? "?"} 个节点，其中 ${est.piCallCount ?? "?"} 个需要 AI 处理）`
 					: "";
 				setStatus(`检查通过${estText}，正在创建新运行…`);
-				const clientRequestId = `inspect-prompt-restart-${Date.now()}-${Math.random()
-					.toString(36)
-					.slice(2, 10)}`;
-				const runRes = await postOperatorAction(
-					"dagRerun",
-					{
-						runId: dagRunId,
-						fromNode: nodeId,
-						planHash: plan.planHash,
-						reason,
-						promptOverrides: overrides,
-					},
-					clientRequestId,
-				);
+				if (workspaceScope() !== formScope) return;
+				draft.submission = createInspectorSubmission("dagRerun", {
+					runId: dagRunId, fromNode: nodeId, planHash: plan.planHash, reason, promptOverrides: overrides,
+				});
+				const runRes = await sendInspectorSubmission(draft.submission, postOperatorAction);
+				if (workspaceScope() !== formScope) return;
 				const operationId = runRes.body?.operationId;
 				if (!runRes.ok || !operationId) {
 					setStatus(runRes.body?.error?.message ?? "提交续跑失败。", true);
 					return;
 				}
 
+				submitted = true;
+				draft.submission.operationId = operationId;
+				trackInspectorOperation(dagRunId, nodeId, operationId);
 				const op = await pollOperationToTerminal(operationId, (text) =>
-					setStatus(text),
+					setStatus(text), formScope,
 				);
+				if (workspaceScope() !== formScope) return;
 				if (op?.state === "succeeded") {
 					const newRunId =
 						op.dagRunId ?? op.result?.newRunId ?? op.runSummary?.runId ?? null;
@@ -2670,14 +2844,73 @@ async function renderPromptRestart(content, dagRunId, node, run) {
 			} catch (err) {
 				setStatus(err instanceof Error ? err.message : String(err), true);
 			} finally {
-				submit.disabled = false;
+				draft.submission.inFlight = false;
+				submit.disabled = submitted;
+				start.disabled = submitted || !prepared || hasUnresolvedSubmission(draft.submission);
+				syncPromptRetry();
 			}
 		})();
+	};
+	submit.addEventListener("click", () => handleSubmission(false));
+	start.addEventListener("click", () => handleSubmission(true));
+}
+
+function mountSubmissionRetry(host, draft, dagRunId, nodeId, scope, setStatus) {
+	const retry = el("button", "btn btn-secondary", "重试原提交");
+	retry.type = "button";
+	retry.setAttribute("data-tooltip", "原样重放已确认的请求，避免重复创建运行");
+	host.appendChild(retry);
+	const sync = () => {
+		retry.hidden = !hasUnresolvedSubmission(draft.submission);
+		retry.disabled = Boolean(draft.submission?.inFlight);
+	};
+	retry.addEventListener("click", async () => {
+		if (workspaceScope() !== scope || !hasUnresolvedSubmission(draft.submission)) return;
+		retry.disabled = true;
+		try {
+			setStatus("正在核对原提交结果…");
+			const response = await sendInspectorSubmission(draft.submission, postOperatorAction);
+			if (workspaceScope() !== scope) return;
+			if (!response.ok || !draft.submission.operationId) {
+				setStatus(response.body?.error?.message ?? "结果仍未确认，可以继续重试原提交。", true);
+				return;
+			}
+			trackInspectorOperation(dagRunId, nodeId, draft.submission.operationId);
+			const operation = await pollOperationToTerminal(draft.submission.operationId, setStatus, scope);
+			if (workspaceScope() === scope) setStatus(operation ? `操作状态：${inspectorValueLabel("status", operation.state)}` : "等待结束，可在操作台查看进度。");
+		} catch (error) {
+			setStatus(error instanceof Error ? error.message : "结果未确认，请重试原提交。", true);
+		} finally { sync(); }
 	});
+	sync();
+	return sync;
+}
+
+function trackInspectorOperation(dagRunId, nodeId, operationId) {
+	inspectorOperations.set(operationId, { dagRunId, nodeId, operationId, operation: { state: "queued" } });
+	refreshInspectorOperations();
+}
+function mountInspectorOperations(content, dagRunId, nodeId) {
+	let host = content.querySelector(".inspector-operations");
+	if (!host) { host = el("div", "inspector-operations"); content.insertBefore(host, content.firstChild); }
+	clearNode(host);
+	for (const tracked of inspectorOperations.values()) {
+		if (tracked.dagRunId !== dagRunId || tracked.nodeId !== nodeId) continue;
+		const card = el("div", "inspector-operation");
+		card.appendChild(el("p", null, `已提交 · ${tracked.operationId} · ${inspectorValueLabel("status", tracked.operation.state)}`));
+		const runId = tracked.operation.dagRunId ?? tracked.operation.result?.newRunId ?? tracked.operation.runSummary?.runId;
+		if (runId) { const link = el("a", "object-link", "打开新运行"); link.href = inspectPathToCanonicalHref(`/dag/${encodeURIComponent(runId)}`); card.appendChild(link); }
+		if (tracked.operation.errorMessage) card.appendChild(el("p", "node-input-error", tracked.operation.errorMessage));
+		host.appendChild(card);
+	}
+}
+function refreshInspectorOperations() {
+	const content = document.querySelector(".dag-inspector-content[data-inspector-tab='prompt-restart']");
+	if (content) mountInspectorOperations(content, content.dataset.dagRunId, content.dataset.dagNodeId);
 }
 
 /** Poll a Console operation until a terminal state; null on poll budget end. */
-async function pollOperationToTerminal(operationId, onProgress) {
+async function pollOperationToTerminal(operationId, onProgress, operationScope = workspaceScope()) {
 	const terminal = new Set([
 		"succeeded",
 		"failed",
@@ -2685,9 +2918,12 @@ async function pollOperationToTerminal(operationId, onProgress) {
 		"needs-reconcile",
 	]);
 	for (let attempt = 0; attempt < 1200; attempt += 1) {
+		if (workspaceScope() !== operationScope) return null;
 		const res = await fetchOperatorOperation(operationId);
+		if (workspaceScope() !== operationScope) return null;
 		const op = res.body?.operation ?? res.body;
 		const state = op?.state ?? "";
+		if (res.ok && inspectorOperations.has(operationId)) { Object.assign(inspectorOperations.get(operationId), { operation: op }); refreshInspectorOperations(); }
 		if (res.ok && terminal.has(state)) {
 			return op;
 		}
@@ -2748,28 +2984,28 @@ function selectedAttemptNumber(dagRunId, node) {
 }
 
 async function renderEffectiveContext(content, dagRunId, node) {
+	const requestToken = Symbol("context-request");
+	content._contextRequestToken = requestToken;
+	const requestedExecutionKey = effectiveExecutionKey(dagRunId, node);
+	const requestedScope = workspaceScope();
 	ensureInspectorPageLead(content, "context");
-	content.appendChild(el("p", "muted", "正在加载有效上下文事实…"));
-	const result = await fetchDagNodeContext(
-		dagRunId,
-		node.nodeId,
-		selectedAttemptNumber(dagRunId, node),
-	);
+	if (requestedExecutionKey?.startsWith("pass-")) {
+		content.appendChild(el("p", "node-transparency-omission", "该修复轮次没有独立保存的上下文记录。现有记录无法区分各个修复轮次。"));
+		restoreInspectorContentScroll(content, dagRunId, node.nodeId, "context");
+		return;
+	}
+	content.appendChild(el("p", "muted", "正在读取这次尝试的上下文…"));
+	const result = await fetchDagNodeContext(dagRunId, node.nodeId, selectedAttemptNumber(dagRunId, node));
 	if (
-		!content.isConnected ||
+		!content.isConnected || content._contextRequestToken !== requestToken || workspaceScope() !== requestedScope ||
 		content.dataset.dagRunId !== String(dagRunId) ||
 		content.dataset.dagNodeId !== String(node.nodeId) ||
-		activeInspectorTab() !== "context"
-	)
-		return;
+		activeInspectorTab() !== "context" || requestedExecutionKey !== effectiveExecutionKey(dagRunId, node)
+	) return;
 	clearNode(content);
 	ensureInspectorPageLead(content, "context");
 	if (!result.ok || !result.body) {
-		const error = el(
-			"p",
-			"node-input-error",
-			result.body?.error || "无法加载有效上下文事实。",
-		);
+		const error = el("p", "node-input-error", result.body?.error || "无法读取这次尝试的上下文。");
 		error.setAttribute("role", "alert");
 		content.appendChild(error);
 		return;
@@ -2777,75 +3013,155 @@ async function renderEffectiveContext(content, dagRunId, node) {
 	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],
-		]),
-	);
+	root.appendChild(el("p", "context-record-heading", `第 ${data.attempt} 次尝试 · ${receipt?.status === "captured" ? "已保存上下文" : "上下文不可用"}`));
 	if (receipt?.status !== "captured") {
 		const missing = el("div", "node-transparency-omission");
 		const reasonCode = receipt?.reasonCode ?? "CONTEXT_RECEIPT_MISSING";
 		const missingLabel = contextTransferReasonLabel(reasonCode);
-		missing.appendChild(
-			el(
-				"h4",
-				null,
-				receipt?.status === "invalid" ? "执行时记录不可用" : "没有执行时记录",
-			),
-		);
+		missing.appendChild(el("h4", null, receipt?.status === "invalid" ? "记录未通过完整性检查" : "没有保存这次尝试的上下文"));
 		const reason = el("p", "muted", missingLabel ?? reasonCode);
 		if (missingLabel) reason.setAttribute("title", `技术代码：${reasonCode}`);
 		missing.appendChild(reason);
-		missing.appendChild(
-			el(
-				"p",
-				"muted",
-				"当前只有运行前设置和提示内容校验码，无法证明执行时真正收到了哪些内容。较早的运行不会事后补写这份记录。",
-			),
-		);
+		missing.appendChild(el("p", "muted", "无法确认当时实际收到的材料。你可以在“执行设置”查看运行前的配置；较早的运行不会事后补写上下文记录。"));
 		root.appendChild(missing);
 	} else {
-		const captured = el("section", "node-input-section");
-		captured.appendChild(el("h4", null, "这次执行实际收到的内容"));
-		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}`,
-			),
-		);
+		const components = receipt.components ?? [];
+		const savedCount = components.filter((part) => part.previewAvailable).length;
+		const referenceCount = components.filter((part) => part.inclusion === "reference-only").length;
+		const omittedCount = components.filter((part) => part.inclusion === "omitted").length;
+		root.appendChild(el("p", "context-record-meta", [
+			receipt.runtime?.model, receipt.capturedAt ? `记录于 ${new Date(receipt.capturedAt).toLocaleString("zh-CN", { hour12: false })}` : null,
+			`${savedCount} 项可查看正文`, referenceCount ? `${referenceCount} 项仅有引用` : null,
+			omittedCount ? `${omittedCount} 项未包含` : null,
+		].filter(Boolean).join(" · ")));
+		const captured = el("section", "node-input-section context-materials");
+		captured.appendChild(el("h4", null, "这次尝试的材料"));
+		captured.appendChild(el("p", "muted", "展开材料查看当时保存的正文。仅有引用的材料未保存独立正文。"));
+		for (const component of components) {
+			const details = el("details", "context-component");
+			const summary = el("summary", null);
+			const kind = inspectorValueLabel("kind", component.kind);
+			const name = inspectorValueLabel("kind", component.logicalName || component.kind);
+			summary.appendChild(el("span", "context-component-name", name));
+			summary.appendChild(el("span", "context-component-meta", [name === kind ? null : kind, inspectorValueLabel("inclusion", component.inclusion)].filter(Boolean).join(" · ")));
+			details.appendChild(summary);
+			if (!component.previewAvailable) {
+				details.appendChild(el("p", "muted", component.inclusion === "omitted" ? "这项材料未包含在本次上下文中。" : "仅登记了材料信息，未保存当时的独立正文。"));
+			} else {
+				let loading = false, loaded = false;
+				const body = el("div", "context-component-body");
+				details.appendChild(body);
+				details.addEventListener("toggle", () => {
+					if (!details.open || loaded || loading) return;
+					loading = true; body.textContent = "正在读取保存的正文…";
+					void fetchJson(`/api/dag-runs/${encodeURIComponent(dagRunId)}/nodes/${encodeURIComponent(node.nodeId)}/context/component?attempt=${data.attempt}&componentIndex=${component.index}`).then((part) => {
+						loading = false;
+						if (!body.isConnected || workspaceScope() !== requestedScope) return;
+						clearNode(body);
+						if (typeof part?.content !== "string") { body.appendChild(el("p", "node-input-error", "正文不可用，收起后可重试。")); return; }
+						loaded = true;
+						body.appendChild(renderInspectorDocument(part.content));
+						const copy = iconButton("复制已显示正文", "ri-file-copy-line");
+						copy.type = "button";
+						copy.addEventListener("click", async () => { const copied = await copyText(part.content); setIconButton(copy, copied ? "已复制" : "复制失败", copied ? "ri-check-line" : "ri-error-warning-line"); });
+						body.appendChild(copy);
+						if (part.truncated || part.redacted) body.appendChild(el("p", "muted", [part.truncated ? "正文预览已截断" : "", part.redacted ? "已脱敏" : ""].filter(Boolean).join(" · ")));
+					});
+				});
+			}
+			const source = el("details", "context-source-details");
+			source.appendChild(el("summary", null, "材料来源信息"));
+			source.appendChild(transparencyMetaList([["来源", component.sourceIdentity], ["大小", `${component.bytes} 字节`], ["记录说明", component.omissionReason]]));
+			details.appendChild(source);
+			captured.appendChild(details);
+		}
 		root.appendChild(captured);
+		const diagnostics = el("details", "context-source-details");
+		diagnostics.appendChild(el("summary", null, "来源与校验信息"));
+		diagnostics.appendChild(transparencyMetaList([
+			["context digest", receipt.contextDigest], ["captured at", receipt.capturedAt],
+			["executor", receipt.runtime?.executor], ["components", receipt.componentCount],
+			["truncations", receipt.truncationCount], ["skills", receipt.runtime?.skillCount],
+			["extensions", receipt.runtime?.extensionCount], ["tools", receipt.runtime?.toolCount],
+		]));
+		root.appendChild(diagnostics);
 	}
 	content.appendChild(root);
 	restoreInspectorContentScroll(content, dagRunId, node.nodeId, "context");
 }
 
+async function recordedAttempt(dagRunId, node, key) {
+	const [output, context] = await Promise.all([
+		fetchJsonResult(`/api/dag-runs/${encodeURIComponent(dagRunId)}/nodes/${encodeURIComponent(node.nodeId)}/execution-output?key=${encodeURIComponent(key)}`),
+		/^attempt-/.test(key) ? fetchDagNodeContext(dagRunId, node.nodeId, Number(key.slice(8))) : Promise.resolve(null),
+	]);
+	return { key, output: output.ok ? output.body : null, preview: attemptSelectorOptions(node).find((item) => item.key === key)?.preview, model: context?.ok && context.body?.effectiveContext?.status === "captured" ? context.body.effectiveContext.runtime?.model : null };
+}
+function attemptDiagnostic(dagRunId, node, recorded) {
+	const output = recorded.output;
+	return [`# 节点诊断`, `运行：${dagRunId}`, `节点：${node.nodeId}`, `执行：${recorded.key}`, `状态：${recorded.preview?.status ?? "未记录"}`, `失败分类：${recorded.preview?.failureCategory ?? "未记录"}`, `耗时：${recorded.preview?.durationMs != null ? formatMs(recorded.preview.durationMs) : "未记录"}`, `模型：${recorded.model ?? "未记录"}`, `记录时间：${output?.timestamp ?? "未记录"}`, `范围：当前尝试保存的输出${output?.truncated ? "（接口已截断）" : ""}`, `位置：${new URL(inspectPathToCanonicalHref(`/dag/${encodeURIComponent(dagRunId)}?node=${encodeURIComponent(node.nodeId)}&tab=output&attempt=${recorded.key}`), location.href).href}`, "", "错误输出：", output?.stderr || "未记录"].join("\n");
+}
+async function renderAttemptComparison(content, dagRunId, node) {
+	const options = attemptSelectorOptions(node);
+	if (options.length < 2) return;
+	const toolbar = el("div", "attempt-comparison-toolbar"), body = el("div", "attempt-comparison-columns");
+	const selects = [];
+	const reading = content._readingState;
+	for (const [index, label] of ["左侧执行", "右侧执行"].entries()) {
+		const select = el("select"); select.setAttribute("aria-label", label);
+		for (const option of options) { const item = el("option", null, option.label); item.value = option.key; select.appendChild(item); }
+		const previous = reading?.comparisonKeys?.[index];
+		select.value = options.some((option) => option.key === previous) ? previous : options[Math.max(0, options.length - 2 + index)].key;
+		toolbar.appendChild(select); selects.push(select);
+	}
+	content.appendChild(toolbar); content.appendChild(body);
+	let generation = 0;
+	const render = async () => {
+		if (reading) reading.comparisonKeys = selects.map((select) => select.value);
+		const request = ++generation; body.textContent = "正在读取各次执行记录…";
+		const records = await Promise.all(selects.map((select) => recordedAttempt(dagRunId, node, select.value)));
+		if (request !== generation || !body.isConnected) return;
+		clearNode(body);
+		for (const record of records) {
+			const column = el("section", "attempt-comparison-column");
+			column.appendChild(el("h4", null, options.find((item) => item.key === record.key)?.label));
+			column.appendChild(transparencyMetaList([["状态", record.preview?.status ?? "未记录"], ["失败分类", record.preview?.failureCategory ?? "未记录"], ["耗时", record.preview?.durationMs != null ? formatMs(record.preview.durationMs) : "未记录"], ["模型", record.model ?? "未记录"]]));
+			column.appendChild(el("p", "muted", record.output?.truncated ? "本次输出已截断" : "本次已保存的输出"));
+			column.appendChild(renderInspectorDocument(record.output?.assistantText || record.output?.stdout || "未记录正文"));
+			if (record.output?.stderr) column.appendChild(el("pre", "node-input-error", record.output.stderr));
+			body.appendChild(column);
+		}
+		const left = records[0].output, right = records[1].output;
+		const summary = el("p", "muted", left && right ? (JSON.stringify([left.assistantText, left.stdout, left.stderr]) === JSON.stringify([right.assistantText, right.stdout, right.stderr]) ? "两次已保存的输出相同。" : "两次已保存的输出有差异，可逐列对照；模型、耗时仅使用各次记录。") : "部分执行缺少正文，无法判断完整差异。");
+		body.insertBefore(summary, body.firstChild);
+	};
+	for (const select of selects) select.addEventListener("change", () => { void render(); });
+	await render();
+}
+
+function inspectorNodeLink(dagRunId, nodeId, label = nodeId) {
+	const link = el("a", "object-link", label);
+	link.href = inspectPathToCanonicalHref(`/dag/${encodeURIComponent(dagRunId)}?node=${encodeURIComponent(nodeId)}&tab=overview`);
+	return link;
+}
+function appendNodeLinks(parent, title, dagRunId, nodeIds) {
+	if (!nodeIds.length) return;
+	const section = el("div", "node-relation-links"); section.appendChild(el("h5", null, title));
+	for (const id of nodeIds) section.appendChild(inspectorNodeLink(dagRunId, id));
+	parent.appendChild(section);
+}
+
+/** 长校验码截断显示：中段省略，完整值保留在 title（人工可读优先）。 */
+function shortHashDisplay(value) {
+	const raw = String(value ?? "");
+	if (raw.length <= 24) return raw;
+	return `${raw.slice(0, 10)}…${raw.slice(-6)}`;
+}
+
 function artifactInventorySection(data, dagRunId, nodeId) {
 	const root = el("section", "node-input-section node-artifact-inventory");
 	root.appendChild(el("h4", null, "本节点生成和使用的文件"));
+	root.appendChild(el("p", "muted", "文件关系属于整个节点；下方执行输出随尝试切换。"));
 	if (!data?.binding?.available) {
 		const warning = el("div", "node-transparency-omission");
 		const bindingCode =
@@ -2864,11 +3180,19 @@ function artifactInventorySection(data, dagRunId, nodeId) {
 		root.appendChild(warning);
 		return root;
 	}
+	const graphSha = data.binding.artifactGraphSha256;
+	const graphShaCell = graphSha
+		? (() => {
+				const code = el("code", "artifact-hash-code", shortHashDisplay(graphSha));
+				code.setAttribute("title", `完整校验码：${graphSha}`);
+				return code;
+			})()
+		: null;
 	root.appendChild(
 		transparencyMetaList([
 			["origin", data.origin?.kind ?? "unknown"],
 			["parent", data.origin?.parentRunId ?? null],
-			["graph sha256", data.binding.artifactGraphSha256],
+			["graph sha256", graphShaCell],
 		]),
 	);
 	for (const artifact of data.produces ?? []) {
@@ -2894,11 +3218,7 @@ function artifactInventorySection(data, dagRunId, nodeId) {
 				],
 			]),
 		);
-		appendCodeList(
-			card,
-			"会直接使用此文件的节点",
-			artifact.directConsumerNodeIds ?? [],
-		);
+		appendNodeLinks(card, "会直接使用此文件的节点", dagRunId, artifact.directConsumerNodeIds ?? []);
 		if (artifact.materialization?.status === "materialized") {
 			card.appendChild(
 				createArtifactContentPreview(dagRunId, nodeId, () => artifact, {
@@ -2913,7 +3233,7 @@ function artifactInventorySection(data, dagRunId, nodeId) {
 		card.appendChild(el("h5", null, `使用 ${artifact.artifactId}`));
 		card.appendChild(
 			transparencyMetaList([
-				["producer", artifact.producerNodeId],
+				["producer", inspectorNodeLink(dagRunId, artifact.producerNodeId)],
 				["path", artifact.path],
 				["required", artifact.required ? "yes" : "no"],
 			]),
@@ -2943,6 +3263,23 @@ async function prependArtifactInventory(content, dagRunId, node) {
 		activeInspectorTab() !== "output"
 	)
 		return;
+	// 失败节点优先暴露错误：没有登记任何文件关系时空卡不占首屏，
+	// 「没有登记」这一事实由错误输出之后的一行说明保留。
+	const body = result.ok ? result.body : null;
+	const emptyInventory =
+		body?.binding?.available &&
+		(body.produces ?? []).length === 0 &&
+		(body.consumes ?? []).length === 0;
+	if (isNodeFailed(node?.status) && emptyInventory) {
+		const note = el(
+			"p",
+			"empty node-artifact-inventory-empty",
+			"该节点没有登记会生成或使用的文件。",
+		);
+		const lead = content.querySelector(".inspector-page-lead");
+		content.insertBefore(note, lead?.nextSibling ?? content.firstChild);
+		return;
+	}
 	const section =
 		result.ok && result.body
 			? artifactInventorySection(result.body, dagRunId, node.nodeId)
@@ -2979,15 +3316,15 @@ async function renderRunLineage(content, dagRunId, node) {
 	root.appendChild(
 		transparencyMetaList([
 			["运行类型", data.kind === "root" ? "首次运行" : "派生运行"],
-			["来源运行", data.parentRunId ?? null],
+			["来源运行", data.parentRunId ? inspectorNodeLink(data.parentRunId, data.operatorSelectedNodeId || node.nodeId, data.parentRunId) : null],
 			["发起方式", inspectorValueLabel("发起方式", data.trigger)],
 			["人工选择节点", data.operatorSelectedNodeId ?? null],
 			["从此节点重新执行", data.effectiveFromNodeId ?? null],
 			["重跑计划哈希", data.planHash ?? null],
 		]),
 	);
-	appendCodeList(root, "沿用既有结果的节点", data.importedNodeIds ?? []);
-	appendCodeList(root, "替换结果的节点", data.overriddenNodeIds ?? []);
+	appendNodeLinks(root, "沿用既有结果的节点", dagRunId, data.importedNodeIds ?? []);
+	appendNodeLinks(root, "替换结果的节点", dagRunId, data.overriddenNodeIds ?? []);
 	if (data.kind === "root")
 		root.appendChild(
 			el("p", "muted", "这是首次运行，没有来源运行。"),
@@ -2996,19 +3333,37 @@ async function renderRunLineage(content, dagRunId, node) {
 	restoreInspectorContentScroll(content, dagRunId, node.nodeId, "lineage");
 }
 
+function inspectorTabDefinitions(node = inspectorSelection.node) {
+	const options = node ? attemptSelectorOptions(node) : [];
+	const hasPassOnlyHistory = options[0]?.key.startsWith("pass-");
+	const tabDefs = DAG_INSPECTOR_READ_ONLY_TABS.filter(([tab]) => {
+		if (tab === "context") return !["shell", "static"].includes(node?.executor) && !hasPassOnlyHistory;
+		if (tab === "timeline") return node?.executor !== "static";
+		return true;
+	}).map((definition) => [...definition]);
+	if (options.length >= 2) {
+		tabDefs.splice(tabDefs.findIndex(([tab]) => tab === "spec-evidence"), 0, ["compare", "尝试对比", "ri-layout-column-line"]);
+	}
+	// A scoped credential controls the mutation surface independently of data.
+	if (globalThis.__INSPECT_MUTATION_TOKEN__) tabDefs.push([...DAG_INSPECTOR_MUTATION_TAB]);
+	return tabDefs;
+}
+
 function activeInspectorTab() {
-	return [
-		"overview",
-		"input",
-		"context",
-		"timeline",
-		"output",
-		"lineage",
-		"spec-evidence",
-		"prompt-restart",
-	].includes(uiState.dagInspectorTab)
-		? uiState.dagInspectorTab
-		: "output";
+	const available = inspectorTabDefinitions().map(([tab]) => tab);
+	const requested = uiState.dagInspectorTab;
+	if (available.includes(requested)) return requested;
+	if (requested === "compare" && available.includes("timeline")) return "timeline";
+	return ["compare", "context", "timeline"].includes(requested) ? "overview" : "output";
+}
+
+function inspectorTabUsesAttempt(tab, node) {
+	return tab === "timeline" || tab === "output" ||
+		(tab === "context" && (node.executionSummary?.attempts?.length ?? 0) > 1);
+}
+
+function inspectorTabExecutionKey(dagRunId, node, tab = activeInspectorTab()) {
+	return inspectorTabUsesAttempt(tab, node) ? effectiveExecutionKey(dagRunId, node) : null;
 }
 
 function saveInspectorContentScroll(
@@ -3019,7 +3374,14 @@ function saveInspectorContentScroll(
 	options = {},
 ) {
 	if (!content) return null;
-	const regionKey = inspectorViewportRegionKey(dagRunId, nodeId, tab);
+	const regionKey = inspectorViewportRegionKey(dagRunId, nodeId, tab, content.dataset.executionKey);
+	if (content._readingState) {
+		const reading = content._readingState;
+		if (!(options.preserveIntent && content.scrollTop === 0 && reading.scrollTop > 0)) {
+			reading.scrollTop = content.scrollTop;
+			reading.scrollLeft = content.scrollLeft;
+		}
+	}
 	const saved = saveDagInspectorViewportState(
 		regionKey,
 		content.scrollLeft,
@@ -3055,7 +3417,8 @@ function saveInspectorContentScroll(
 
 function restoreInspectorContentScroll(content, dagRunId, nodeId, tab) {
 	if (!content) return;
-	const regionKey = inspectorViewportRegionKey(dagRunId, nodeId, tab);
+	const regionKey = inspectorViewportRegionKey(dagRunId, nodeId, tab, content.dataset.executionKey);
+	if (tab === "output" && !content.querySelector(".process-timeline-autoscroll-dock")) content.insertBefore(createTimelineAutoScrollControl(content), content.firstChild);
 	const apply = () => {
 		if (
 			!content.isConnected ||
@@ -3065,19 +3428,14 @@ function restoreInspectorContentScroll(content, dagRunId, nodeId, tab) {
 		) {
 			return;
 		}
-		if (tab === "timeline" && uiState.dagTimelineAutoScrollEnabled !== false) {
+		if ((tab === "timeline" || tab === "output") && content._readingState?.followLatest) {
 			content.scrollLeft = uiState.dagTimelineViewportState?.scrollLeft ?? 0;
 			content.scrollTop = content.scrollHeight;
+			content._lastRestoredTop = content.scrollTop;
+			content._syncTimelineFollow?.();
 			return;
 		}
-		if (tab === "output") {
-			const saved = uiState.dagNodeOutputViewportState;
-			if (saved?.regionKey === regionKey && saved.followLatest) {
-				content.scrollTop = content.scrollHeight;
-				content.scrollLeft = saved.scrollLeft ?? 0;
-				return;
-			}
-		}
+
 		const saved =
 			getDagInspectorViewportState(regionKey) ??
 			(tab === "input" &&
@@ -3092,8 +3450,10 @@ function restoreInspectorContentScroll(content, dagRunId, nodeId, tab) {
 			uiState.dagNodeSpecEvidenceViewportState?.regionKey === regionKey
 				? uiState.dagNodeSpecEvidenceViewportState
 				: null);
-		content.scrollLeft = saved?.scrollLeft ?? 0;
-		content.scrollTop = saved?.scrollTop ?? 0;
+		content.scrollLeft = content._readingState?.scrollLeft ?? saved?.scrollLeft ?? 0;
+		content.scrollTop = content._readingState?.scrollTop ?? saved?.scrollTop ?? 0;
+		content._lastRestoredTop = content.scrollTop;
+		content._syncTimelineFollow?.();
 	};
 	apply();
 	if (typeof requestAnimationFrame === "function") {
@@ -3109,7 +3469,13 @@ function ensureInspectorContentScrollCapture(content, dagRunId, nodeId, tab) {
 		() => {
 			const runId = content.dataset.dagRunId;
 			const nId = content.dataset.dagNodeId;
-			const active = activeInspectorTab();
+			const active = content.dataset.inspectorTab;
+			if (["timeline", "output"].includes(active) && content._readingState && content.scrollTop < (content._lastRestoredTop ?? content._readingState.scrollTop) - 1 && content.scrollHeight - content.clientHeight - content.scrollTop > 48) {
+				content._readingState.followLatest = false;
+				uiState.dagTimelineAutoScrollEnabled = false;
+			}
+			content._lastRestoredTop = content.scrollTop;
+			content._syncTimelineFollow?.();
 			if (!runId || !nId || !active) return;
 			saveInspectorContentScroll(content, runId, nId, active, {
 				// Clearing a tall input pane for its loading shell can emit a native
@@ -3217,6 +3583,21 @@ function buildAttemptBar(dagRunId, node) {
 
 	const bar = el("div", "dag-inspector-attempt-bar");
 	bar.appendChild(el("label", "dag-inspector-attempt-label", "执行分次"));
+	const choose = (nextKey, source = "select") => {
+		uiState.dagInspectorAttempt = { dagRunId, nodeId: node.nodeId, key: String(nextKey) };
+		inspectorNodeSelections.set(`${dagRunId}:${node.nodeId}`, uiState.dagInspectorAttempt);
+		renderDagInspectorForCurrent();
+		const nextBar = document.querySelector(".dag-inspector-header .dag-inspector-attempt-bar");
+		const control = nextBar?.querySelector(`[data-attempt-action="${source}"]`);
+		(control && !control.disabled ? control : nextBar?.querySelector(".custom-select-trigger"))?.focus({ preventScroll: true });
+	};
+	const selectedIndex = options.findIndex((option) => option.key === selectedKey);
+	const previous = iconButton("上一次尝试", "ri-arrow-left-s-line");
+	previous.type = "button";
+	previous.dataset.attemptAction = "previous";
+	previous.disabled = selectedIndex <= 0;
+	previous.addEventListener("click", () => choose(options[selectedIndex - 1].key, "previous"));
+	bar.appendChild(previous);
 	const select = createCustomSelect({
 		ariaLabel: "选择执行分次",
 		className: "dag-inspector-attempt-select",
@@ -3225,25 +3606,25 @@ function buildAttemptBar(dagRunId, node) {
 			value: option.key,
 			label: option.label,
 		})),
-		onChange: (nextKey) => {
-			uiState.dagInspectorAttempt = {
-				dagRunId,
-				nodeId: node.nodeId,
-				key: String(nextKey),
-			};
-			renderDagInspectorForCurrent();
-		},
+		onChange: (nextKey) => choose(nextKey),
 	});
 	// Keep raw key on the root for existing integration assertions that read
 	// `.value` after assign + change (StubNode handler contract).
 	select.value = selectedKey;
 	bar.appendChild(select);
+	const next = iconButton("下一次尝试", "ri-arrow-right-s-line");
+	next.type = "button";
+	next.dataset.attemptAction = "next";
+	next.disabled = selectedIndex >= options.length - 1;
+	next.addEventListener("click", () => choose(options[selectedIndex + 1].key, "next"));
+	bar.appendChild(next);
 
 	const selected =
 		options.find((option) => option.key === selectedKey) ??
 		options[options.length - 1];
 	const data = selected.preview ?? {};
 	const preview = el("div", "dag-inspector-attempt-preview");
+	preview.setAttribute("title", [data.failureCategory ? attemptFailureLabel(data.failureCategory) : "", data.durationMs != null ? `耗时 ${formatMs(data.durationMs)}` : ""].filter(Boolean).join(" · "));
 	const status = attemptPreviewStatus(data.status);
 	if (status) {
 		preview.appendChild(el("span", `badge badge-${status.cls}`, status.label));
@@ -3272,6 +3653,19 @@ function buildAttemptBar(dagRunId, node) {
 	// Historical bodies load via execution-output endpoint; do not surface
 	// raw artifact paths as the primary path for full text (AC-003/004).
 	bar.appendChild(preview);
+	const diagnostic = iconButton("诊断摘要", "ri-file-info-line"); diagnostic.type = "button";
+	diagnostic.addEventListener("click", async () => {
+		diagnostic.disabled = true;
+		try {
+			const record = await recordedAttempt(dagRunId, node, selectedKey);
+			const panel = document.querySelector(".dag-inspector-content");
+			if (!panel || panel.dataset.dagNodeId !== node.nodeId || panel.dataset.executionKey !== selectedKey) return;
+			panel.querySelector(".diagnostic-preview")?.remove();
+			const detail = el("details", "diagnostic-preview"); detail.open = true; detail.appendChild(el("summary", null, "诊断摘要预览（仅当前尝试）"));
+			const text = attemptDiagnostic(dagRunId, node, record); detail.appendChild(el("pre", "process-timeline-code", text));
+			const copy = el("button", "btn btn-secondary", "复制摘要"); copy.type = "button"; copy.addEventListener("click", async () => { copy.textContent = await copyText(text) ? "已复制" : "复制失败"; }); detail.appendChild(copy); panel.insertBefore(detail, panel.firstChild); panel.scrollTop = 0; if (panel._readingState) panel._readingState.followLatest = false;
+		} finally { diagnostic.disabled = false; }
+	}); bar.appendChild(diagnostic);
 	return { bar, selectedKey, latestKey, options };
 }
 
@@ -3341,11 +3735,22 @@ function composeExecutionErrorText(payload) {
 	return typeof payload.stderr === "string" ? payload.stderr : "";
 }
 
+function buildExecutionErrorSection(errorText) {
+	const error = el("section", "markdown-error");
+	error.appendChild(el("p", "markdown-error-title", "错误输出"));
+	error.appendChild(renderInspectorDocument(errorText));
+	return error;
+}
+
 function appendOutputBody(content, outputText, errorText, options = null) {
 	if (!outputText && !errorText) {
 		content.appendChild(el("p", "empty", UI_TEXT.noOutput));
 		return;
 	}
+	// 失败节点错误优先：先看错误，再对照正文（正文可能很长）。
+	if (options?.priorityError === true && errorText) {
+		content.appendChild(buildExecutionErrorSection(errorText));
+	}
 	if (outputText) content.appendChild(renderInspectorDocument(outputText));
 	// Truncation note only for full/cached execution-output bodies (AC-003);
 	// preview path never invents truncated/maxBytes.
@@ -3359,15 +3764,13 @@ function appendOutputBody(content, outputText, errorText, options = null) {
 			),
 		);
 	}
-	if (errorText) {
-		const error = el("section", "markdown-error");
-		error.appendChild(el("p", "markdown-error-title", "错误输出"));
-		error.appendChild(renderInspectorDocument(errorText));
-		content.appendChild(error);
+	if (errorText && options?.priorityError !== true) {
+		content.appendChild(buildExecutionErrorSection(errorText));
 	}
 }
 
 function renderCachedOrPreviewBody(content, dagRunId, node, key, isLatest) {
+	const priorityError = isNodeFailed(node?.status);
 	const cached = key
 		? getDagNodeExecutionOutputCache(dagRunId, node.nodeId, key)
 		: null;
@@ -3379,6 +3782,7 @@ function renderCachedOrPreviewBody(content, dagRunId, node, key, isLatest) {
 			{
 				truncated: cached.body.truncated === true,
 				maxBytes: cached.body.maxBytes,
+				priorityError,
 			},
 		);
 		return "cached";
@@ -3388,6 +3792,7 @@ function renderCachedOrPreviewBody(content, dagRunId, node, key, isLatest) {
 			content,
 			node.outputPreview ?? "",
 			node.errorPreview ?? "",
+			{ priorityError },
 		);
 		return "preview";
 	}
@@ -3653,39 +4058,7 @@ function renderNonPiProcess(content, body) {
 		ul.appendChild(li);
 	}
 	content.appendChild(ul);
-	appendProcessExportButton(content, body, body);
-}
-
-function downloadTextFile(filename, text) {
-	const blob = new Blob([text], { type: "text/html;charset=utf-8" });
-	const url = URL.createObjectURL(blob);
-	const a = document.createElement("a");
-	a.href = url;
-	a.download = filename;
-	document.body.appendChild(a);
-	a.click();
-	a.remove();
-	URL.revokeObjectURL(url);
-}
-
-function appendProcessExportButton(content, body, meta) {
-	if (!body || ((body.commands ?? []).length === 0 && (body.steps ?? []).length === 0)) return;
-	const toolbar = el("div", "process-timeline-export-bar");
-	const btn = el("button", "btn btn-secondary", "导出 HTML");
-	btn.type = "button";
-	btn.addEventListener("click", async () => {
-		const cssText = await fetchPageStylesheetText();
-		// 复用页面真实渲染 DOM，保证导出排版与页面一致。
-		const clone = content.cloneNode(true);
-		const bar = clone.querySelector(".process-timeline-export-bar");
-		if (bar) bar.remove();
-		downloadTextFile(
-			`node-process-${meta?.nodeId || "node"}-${Date.now()}.html`,
-			buildPageStyledDoc(clone.innerHTML, meta ?? {}, cssText),
-		);
-	});
-	toolbar.appendChild(btn);
-	content.insertBefore(toolbar, content.firstChild);
+	content.appendChild(createTimelineAutoScrollControl(content));
 }
 
 export async function mergeNodeProcess(dagRunId, node) {
@@ -3736,6 +4109,7 @@ function renderExecutorAwareTimeline(content, dagRunId, node) {
 	if (sameNode && cached.kind === "pi-session") {
 		renderSessionTimeline(content, node.nodeId, {
 			executionKey: effectiveExecutionKey(dagRunId, node),
+			attemptCount: node.executionSummary?.totalAttemptCount,
 		});
 		return;
 	}
@@ -3746,6 +4120,7 @@ function renderExecutorAwareTimeline(content, dagRunId, node) {
 	if ((node.executor ?? "pi") === "pi") {
 		renderSessionTimeline(content, node.nodeId, {
 			executionKey: effectiveExecutionKey(dagRunId, node),
+			attemptCount: node.executionSummary?.totalAttemptCount,
 		});
 		return;
 	}
@@ -3803,6 +4178,10 @@ function fillDagInspectorContent(content, dagRunId, node, run) {
 	content.dataset.dagNodeId = String(node.nodeId ?? "");
 	content.dataset.dagRunId = String(dagRunId ?? "");
 	content.dataset.inspectorTab = activeTab;
+	content.dataset.executionKey = inspectorTabExecutionKey(dagRunId, node, activeTab) ?? "";
+	content._readingState = inspectorReadingState(dagRunId, node.nodeId, activeTab, content.dataset.executionKey, isLatestExecutionSelection(dagRunId, node) && ["running", "pending"].includes(String(node.status ?? "").toLowerCase()));
+	uiState.dagTimelineAutoScrollEnabled = content._readingState.followLatest;
+	uiState.dagTimelineViewportState = { ...content._readingState, dagRunId, nodeId: node.nodeId };
 	// Drop timeline-only classes when switching tabs so output layout stays clean.
 	content.className = "dag-inspector-content";
 	if (activeTab !== "prompt-restart") {
@@ -3814,7 +4193,9 @@ function fillDagInspectorContent(content, dagRunId, node, run) {
 		node.nodeId,
 		activeTab,
 	);
-	if (activeTab === "overview") {
+	if (activeTab === "compare") {
+		void renderAttemptComparison(content, dagRunId, node);
+	} else if (activeTab === "overview") {
 		renderNodeOverview(content, dagRunId, node);
 	} else if (activeTab === "context") {
 		void renderEffectiveContext(content, dagRunId, node);
@@ -3827,8 +4208,7 @@ function fillDagInspectorContent(content, dagRunId, node, run) {
 		void renderPromptRestart(content, dagRunId, node, run);
 	} else if (activeTab === "timeline") {
 		ensureInspectorPageLead(content, "timeline");
-		const attemptBuilt = buildAttemptBar(dagRunId, node);
-		if (attemptBuilt?.bar) content.appendChild(attemptBuilt.bar);
+
 		renderExecutorAwareTimeline(content, dagRunId, node);
 		// Initial content is rendered before it is attached. Restore again on the
 		// connected animation frame so live-follow sees the final scroll height.
@@ -3838,8 +4218,7 @@ function fillDagInspectorContent(content, dagRunId, node, run) {
 	} else {
 		// output tab: attempt bar + latest preview immediate / historical async body.
 		ensureInspectorPageLead(content, "output");
-		const attemptBuilt = buildAttemptBar(dagRunId, node);
-		if (attemptBuilt?.bar) content.appendChild(attemptBuilt.bar);
+
 		const key = effectiveExecutionKey(dagRunId, node);
 		const latest = isLatestExecutionSelection(dagRunId, node);
 		const rendered = renderCachedOrPreviewBody(
@@ -3873,46 +4252,49 @@ function inspectorNodePurpose(node) {
 	return describeDagNodePurpose(node?.nodeId, node);
 }
 
+/** 纯函数：Tab 条两端是否有被裁切内容（驱动渐隐提示）。 */
+export function inspectorTabOverflowState({ scrollLeft = 0, clientWidth = 0, scrollWidth = 0 } = {}) {
+	const maxScroll = Math.max(0, scrollWidth - clientWidth);
+	return {
+		start: scrollLeft > 1 && maxScroll > 0,
+		end: scrollLeft < maxScroll - 1 && maxScroll > 0,
+	};
+}
+
+function syncInspectorTabOverflowClasses(tabs) {
+	if (!tabs?.classList) return;
+	const state = inspectorTabOverflowState({
+		scrollLeft: tabs.scrollLeft ?? 0,
+		clientWidth: tabs.clientWidth ?? 0,
+		scrollWidth: tabs.scrollWidth ?? 0,
+	});
+	tabs.classList.toggle("is-overflow-start", state.start);
+	tabs.classList.toggle("is-overflow-end", state.end);
+}
+
+/** 选中 Tab 保持可见：只滚动 Tab 条自身，不牵动外层页面。 */
+function revealInspectorTab(tabs, button) {
+	if (!tabs || !button) return;
+	const left = button.offsetLeft;
+	const right = left + (button.offsetWidth ?? 0);
+	if (!Number.isFinite(left) || !Number.isFinite(right)) return;
+	if (left < tabs.scrollLeft + 8) tabs.scrollLeft = Math.max(0, left - 8);
+	else if (right > tabs.scrollLeft + tabs.clientWidth - 8) {
+		tabs.scrollLeft = right - tabs.clientWidth + 8;
+	}
+	syncInspectorTabOverflowClasses(tabs);
+}
+
 function appendInspectorPurpose(title, node) {
 	const purpose = inspectorNodePurpose(node);
 	if (!purpose) return;
 	title.appendChild(el("p", "dag-inspector-purpose", purpose));
 }
 
-function buildDagInspectorHeader(dagRunId, node) {
-	const header = el("div", "dag-inspector-header");
-	header.dataset.dagRunId = String(dagRunId ?? "");
-	header.dataset.dagNodeId = String(node.nodeId ?? "");
-	const title = el("div", "dag-inspector-title");
-	title.appendChild(el("h3", null, "节点检查器"));
-	title.appendChild(el("div", "dag-inspector-node", node.nodeId));
-	appendInspectorPurpose(title, node);
-	header.appendChild(title);
-	const controls = el("div", "dag-inspector-controls");
-	const status = badge(node.status ?? "unknown");
-	status.classList.add("dag-inspector-status");
-	controls.appendChild(status);
-	const close = document.createElement("button");
-	close.type = "button";
-	close.className = "dag-inspector-close";
-	close.setAttribute("aria-label", "关闭节点检查器");
-	const closeIcon = el("i", "ri-close-line");
-	closeIcon.setAttribute("aria-hidden", "true");
-	close.appendChild(closeIcon);
-	close.addEventListener("click", closeDagInspector);
-	controls.appendChild(close);
-	header.appendChild(controls);
-
-	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([...DAG_INSPECTOR_MUTATION_TAB]);
-	}
+function buildDagInspectorTabs(node) {
+	const tabDefs = inspectorTabDefinitions(node);
 	const tabs = el("div", "dag-inspector-tabs");
+	tabs.dataset.tabsSignature = tabDefs.map(([tab]) => tab).join(",");
 	tabs.setAttribute("role", "tablist");
 	tabs.setAttribute("aria-label", "节点检查器面板");
 	for (const [tab, label, icon] of tabDefs) {
@@ -3935,6 +4317,10 @@ function buildDagInspectorHeader(dagRunId, node) {
 			renderDagInspectorForCurrent();
 			const next = document.getElementById(`dag-inspector-tab-${tab}`);
 			next?.focus();
+			revealInspectorTab(
+				document.querySelector(".dag-inspector-tabs"),
+				next,
+			);
 		});
 		button.addEventListener("keydown", (event) => {
 			if (event.key !== "ArrowLeft" && event.key !== "ArrowRight") return;
@@ -3947,17 +4333,106 @@ function buildDagInspectorHeader(dagRunId, node) {
 			const nextTab = order[(idx + delta + order.length) % order.length];
 			uiState.dagInspectorTab = nextTab;
 			renderDagInspectorForCurrent();
-			document.getElementById(`dag-inspector-tab-${nextTab}`)?.focus();
+			const next = document.getElementById(`dag-inspector-tab-${nextTab}`);
+			next?.focus();
+			revealInspectorTab(document.querySelector(".dag-inspector-tabs"), next);
 		});
 		tabs.appendChild(button);
 	}
+	// 溢出渐隐与选中可见性：挂载后测量（构建时 offsetLeft 不可用）。
+	tabs.addEventListener("scroll", () => syncInspectorTabOverflowClasses(tabs), { passive: true });
+	if (typeof ResizeObserver === "function") {
+		const overflowObserver = new ResizeObserver(() => {
+			syncInspectorTabOverflowClasses(tabs);
+		});
+		overflowObserver.observe(tabs);
+	}
+	if (typeof requestAnimationFrame === "function") {
+		requestAnimationFrame(() => {
+			if (!tabs.isConnected) return;
+			syncInspectorTabOverflowClasses(tabs);
+			const selected = tabs.querySelector("[role='tab'][aria-selected='true']");
+			revealInspectorTab(tabs, selected);
+		});
+	}
+	return tabs;
+}
+
+function buildDagInspectorHeader(dagRunId, node) {
+	const header = el("div", "dag-inspector-header");
+	header.dataset.dagRunId = String(dagRunId ?? "");
+	header.dataset.dagNodeId = String(node.nodeId ?? "");
+	const title = el("div", "dag-inspector-title");
+	title.appendChild(el("h3", null, "节点检查器"));
+	title.appendChild(el("div", "dag-inspector-node", node.nodeId));
+	appendInspectorPurpose(title, node);
+	header.appendChild(title);
+	const controls = el("div", "dag-inspector-controls");
+	const status = badge(node.status ?? "unknown");
+	status.classList.add("dag-inspector-status");
+	controls.appendChild(status);
+	const expand = iconButton(uiState.dagInspectorExpanded ? "还原宽度" : "展开阅读", uiState.dagInspectorExpanded ? "ri-contract-left-right-line" : "ri-expand-left-right-line");
+	expand.type = "button";
+	expand.setAttribute("aria-pressed", String(Boolean(uiState.dagInspectorExpanded)));
+	expand.addEventListener("click", () => {
+		uiState.dagInspectorExpanded = !uiState.dagInspectorExpanded;
+		document.getElementById("dag-inspector")?.classList.toggle("is-expanded", uiState.dagInspectorExpanded);
+		setIconButton(expand, uiState.dagInspectorExpanded ? "还原宽度" : "展开阅读", uiState.dagInspectorExpanded ? "ri-contract-left-right-line" : "ri-expand-left-right-line");
+		expand.setAttribute("aria-pressed", String(uiState.dagInspectorExpanded));
+	});
+	controls.appendChild(expand);
+	const share = iconButton("复制位置", "ri-link");
+	share.type = "button";
+	share.addEventListener("click", async () => {
+		const selection = inspectorSelection;
+		const query = new URLSearchParams({ node: selection.node.nodeId, tab: activeInspectorTab() });
+		const key = effectiveExecutionKey(selection.dagRunId, selection.node);
+		if (key) query.set("attempt", key);
+		const href = inspectPathToCanonicalHref(`/dag/${encodeURIComponent(selection.dagRunId)}?${query}`);
+		const copied = await copyText(new URL(href, location.href).href);
+		setIconButton(share, copied ? "已复制位置" : "复制失败", copied ? "ri-check-line" : "ri-error-warning-line");
+	});
+	controls.appendChild(share);
+	const close = document.createElement("button");
+	close.type = "button";
+	close.className = "dag-inspector-close";
+	close.setAttribute("aria-label", "关闭节点检查器");
+	const closeIcon = el("i", "ri-close-line");
+	closeIcon.setAttribute("aria-hidden", "true");
+	close.appendChild(closeIcon);
+	close.addEventListener("click", closeDagInspector);
+	controls.appendChild(close);
+	header.appendChild(controls);
+
+	const tabs = buildDagInspectorTabs(node);
 	header.appendChild(tabs);
+	const attempt = inspectorTabUsesAttempt(activeInspectorTab(), node) ? buildAttemptBar(dagRunId, node) : null;
+	if (attempt) header.appendChild(attempt.bar);
+	header.dataset.attemptSignature = JSON.stringify([activeInspectorTab(), effectiveExecutionKey(dagRunId, node), node.executionSummary, node.passes]);
 	return header;
 }
 
 function syncDagInspectorHeader(panel, dagRunId, node) {
 	const header = panel.querySelector(".dag-inspector-header");
 	if (!header) return;
+	const tabs = header.querySelector(".dag-inspector-tabs");
+	const tabsSignature = inspectorTabDefinitions(node).map(([tab]) => tab).join(",");
+	if (tabs && tabs.dataset.tabsSignature !== tabsSignature) {
+		const restoreFocus = document.activeElement?.getAttribute("role") === "tab" && tabs.contains(document.activeElement);
+		const nextTabs = buildDagInspectorTabs(node);
+		const scrollLeft = tabs.scrollLeft;
+		tabs.replaceWith(nextTabs);
+		nextTabs.scrollLeft = scrollLeft;
+		syncInspectorTabOverflowClasses(nextTabs);
+		if (restoreFocus) document.getElementById(`dag-inspector-tab-${activeInspectorTab()}`)?.focus();
+	}
+	const attemptSignature = JSON.stringify([activeInspectorTab(), effectiveExecutionKey(dagRunId, node), node.executionSummary, node.passes]);
+	if (header.dataset.dagNodeId !== String(node.nodeId) || header.dataset.attemptSignature !== attemptSignature) {
+		header.querySelector(".dag-inspector-attempt-bar")?.remove();
+		const attempt = inspectorTabUsesAttempt(activeInspectorTab(), node) ? buildAttemptBar(dagRunId, node) : null;
+		if (attempt) header.appendChild(attempt.bar);
+		header.dataset.attemptSignature = attemptSignature;
+	}
 	header.dataset.dagRunId = String(dagRunId ?? "");
 	header.dataset.dagNodeId = String(node.nodeId ?? "");
 	const nodeLabel = header.querySelector(".dag-inspector-node");
@@ -3987,7 +4462,7 @@ function syncDagInspectorHeader(panel, dagRunId, node) {
 
 function dagInspectorSignature(dagRunId, node) {
 	const tab = activeInspectorTab();
-	const execKey = effectiveExecutionKey(dagRunId, node);
+	const execKey = inspectorTabExecutionKey(dagRunId, node, tab);
 	const cachedBody = execKey
 		? getDagNodeExecutionOutputCache(dagRunId, node.nodeId, execKey)
 		: null;
@@ -4024,11 +4499,11 @@ function dagInspectorSignature(dagRunId, node) {
 	// the DOM while selection/history are unchanged; switching attempt or a
 	// changed attempt count rebuilds the selector.
 	const summary = node.executionSummary;
-	const attemptRevision = [
+	const attemptRevision = tab === "compare" ? attemptSelectorOptions(node) : inspectorTabUsesAttempt(tab, node) ? [
 		summary?.totalAttemptCount ?? 0,
 		(node.passes ?? []).join(","),
 		execKey ?? "latest",
-	];
+	] : null;
 	return JSON.stringify([
 		dagRunId,
 		node.nodeId,
@@ -4047,6 +4522,8 @@ export function renderDagInspector(dagRunId, node, initial = true, run = null) {
 	inspectorSelection.run = run;
 	const panel = document.getElementById("dag-inspector");
 	if (!panel) return;
+	// 运行状态标记：回到底部按钮由滚动位置自行显隐（终态同样可用），此标记仅供诊断。
+	panel.dataset.runEnded = run && !isDagRunActive(run) ? "1" : "0";
 	captureDagTimelineViewportState(panel);
 	if (!uiState.dagInspectorOpen || !node) {
 		panel.classList.remove("is-open");
@@ -4054,6 +4531,8 @@ export function renderDagInspector(dagRunId, node, initial = true, run = null) {
 		return;
 	}
 
+	uiState.dagInspectorTab = activeInspectorTab();
+
 	// Defer tearing down the inspector shell while the user is actively
 	// dragging the resize handle (or the graph) so the pointer-capture target
 	// is not destroyed mid-gesture; the next poll refreshes the content.
@@ -4073,6 +4552,7 @@ export function renderDagInspector(dagRunId, node, initial = true, run = null) {
 		if (panel.dataset.contentSignature === nextContentSignature) return;
 		const previousNode = existingContent.dataset.dagNodeId ?? "";
 		const previousRun = existingContent.dataset.dagRunId ?? "";
+		const previousExecutionKey = existingContent.dataset.executionKey;
 		const previousTab =
 			existingContent.dataset.inspectorTab ?? activeInspectorTab();
 		const nodeChanged =
@@ -4104,7 +4584,7 @@ export function renderDagInspector(dagRunId, node, initial = true, run = null) {
 				activeTab,
 			);
 		}
-		if (!nodeChanged && previousTab === activeTab) {
+		if (!nodeChanged && previousTab === activeTab && previousExecutionKey === existingContent.dataset.executionKey) {
 			for (const [index, pre] of [
 				...existingContent.querySelectorAll("pre"),
 			].entries()) {
@@ -4121,6 +4601,7 @@ export function renderDagInspector(dagRunId, node, initial = true, run = null) {
 	clearNode(panel);
 	panel.classList.add("is-open");
 	panel.setAttribute("aria-hidden", "false");
+	panel.classList.toggle("is-expanded", Boolean(uiState.dagInspectorExpanded));
 	panel.appendChild(createDagInspectorResizeHandle(panel));
 	panel.appendChild(buildDagInspectorHeader(dagRunId, node));