@tea-agent/loop-agent 0.42.0-next.1 → 0.42.0-next.11

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

@@ -35,7 +35,12 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	withWorkspaceQuery,
+} from "../router.js";
 import {
 	fetchJson,
 	artifactUrl,
@@ -71,6 +76,7 @@ import {
 	findDagForRun,
 } from "../dag-model.js";
 import { describeDagNodePurpose } from "../dag-node-purpose.js";
+import { inspectorValueLabel } from "../dag-inspector-humanize.js";
 import { layoutDag } from "../dag-layout.js";
 import {
 	showView,
@@ -192,7 +198,9 @@ export function buildDagNodeTable(dagRunId, nodes) {
 				index + 1,
 				node.nodeId,
 				node.rank ?? "—",
-				node.executor ?? "—",
+				node.executor
+					? inspectorValueLabel("executor", node.executor)
+					: "—",
 				node.model ?? "—",
 				node.status ? badge(node.status) : "—",
 				formatMs(node.durationMs),
@@ -206,10 +214,10 @@ export function buildDagNodeTable(dagRunId, nodes) {
 	const nodeTable = buildTable(
 		[
 			"序号",
-			"节点 ID",
-			"依赖层",
+			"步骤编号",
+			"执行层级",
 			"执行方式",
-			"模型",
+			"实际模型",
 			"状态",
 			"耗时",
 			"执行历史",
@@ -248,6 +256,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		uiState.dagInspectorAttempt = null;
 		uiState.dagGraphViewportState = null;
 		uiState.dagTimelineViewportState = null;
+		uiState.dagTimelineAutoScrollEnabled = true;
 	}
 	// AC-001：同会话内重新进入同一 dagRunId 保持当前图视图模式（不切回逻辑拓扑）。
 	uiState.dagGraphViewMode = dagGraphViewModes.get(dagRunId) ?? "topology";
@@ -255,7 +264,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 	const metaEl = document.getElementById("dag-meta");
 	const ranksEl = document.getElementById("dag-ranks");
 	const nodesEl = document.getElementById("dag-nodes");
-	if (initial && metaEl) mountViewState(metaEl, "loading", "加载 DAG…");
+	if (initial && metaEl) mountViewState(metaEl, "loading", "正在加载运行流程…");
 	uiState.dagGraphViewportState = captureDagGraphViewportState(
 		uiState.dagGraphViewportState,
 		dagRunId,
@@ -275,7 +284,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 	}
 	if (!dag) {
 		clearNode(metaEl);
-		mountViewState(metaEl, "error", "找不到该 DAG 运行。");
+		mountViewState(metaEl, "error", "找不到这次运行。运行记录可能已被清理。");
 		mountRelationBar("dag-relations", {}, snapshot);
 		closeDagInspector();
 		return false;
@@ -348,7 +357,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		LIVENESS_LABELS[dag.liveness] ?? dag.liveness ?? LIVENESS_LABELS.unknown;
 	const primaryEntries = [
 		["标题", dag.title || dag.dagRunId],
-		["DAG 运行 ID", dag.dagRunId],
+		["运行编号", dag.dagRunId],
 		["状态", dagStatusBadge(dag.effectiveStatus ?? dag.status)],
 	];
 	if (visibility.showExecutorStatus)
@@ -364,7 +373,9 @@ export async function renderDagDetail(dagRunId, initial = true) {
 			"page-action-btn",
 			"在操作台中止此运行 →",
 		);
-		interruptLink.href = `/#/operate/recovery?dagRunId=${encodeURIComponent(dag.dagRunId)}&intent=interrupt`;
+		interruptLink.href = withWorkspaceQuery(
+			`/#/operate/recovery?dagRunId=${encodeURIComponent(dag.dagRunId)}&intent=interrupt`,
+		);
 		interruptLink.setAttribute("data-testid", "inspect-dag-interrupt-link");
 		interruptLink.title = "只跳转到操作台 Recovery，不会在观测页执行中止";
 		primaryEntries.push(["协作中止", interruptLink]);
@@ -375,7 +386,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		["总耗时", formatDuration(dag.durationMs)],
 		["进度", `${progress.finished}/${progress.total}`],
 		["成功/失败/跳过", `${succeededCount}/${failedCount}/${skippedCount}`],
-		["DAG 路径", dag.dagPath ?? "—"],
+		["记录保存位置", dag.dagPath ?? "—"],
 	);
 	const lintSummary = frontendLintSummary(dag.frontendLint);
 	if (lintSummary) {
@@ -421,7 +432,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 	);
 	if (nodes.length === 0) {
 		clearNode(ranksEl);
-		ranksEl.appendChild(el("h3", null, "DAG 依赖图"));
+		ranksEl.appendChild(el("h3", null, "执行步骤关系"));
 		ranksEl.appendChild(el("p", "empty", UI_TEXT.noNodes));
 	} else if (reuseShell && existingGraphWrap?.parentNode === ranksEl) {
 		// reuse-dag-graph-wrap + viewport identity: keep wrap/viewport alive.
@@ -432,16 +443,16 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		}
 	} else {
 		clearNode(ranksEl);
-		ranksEl.appendChild(el("h3", null, "DAG 依赖图"));
+		ranksEl.appendChild(el("h3", null, "执行步骤关系"));
 		ranksEl.appendChild(renderDagGraph(dag, dagRunId, null));
 	}
 
 	const nodesScrollLeft = nodesEl.scrollLeft;
 	clearNode(nodesEl);
 	const nodeHeading = el("div", "dag-section-heading");
-	nodeHeading.appendChild(el("h3", null, "节点"));
+	nodeHeading.appendChild(el("h3", null, "执行步骤"));
 	nodeHeading.appendChild(
-		el("span", "dag-section-meta", `共 ${nodes.length} 个节点`),
+		el("span", "dag-section-meta", `共 ${nodes.length} 个步骤`),
 	);
 	nodesEl.appendChild(nodeHeading);
 
@@ -471,6 +482,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		dagRunId,
 		nodes.find((node) => node.nodeId === uiState.selectedDagNodeId),
 		initial,
+		dag,
 	);
 	return isDagRunActive(dag);
 }

package/dist/worker/observe/static/views/dags.js

@@ -327,7 +327,9 @@ function buildRow(run) {
 
 	const nameTd = document.createElement("td");
 	const nameLink = el("a", "dags-name-link", run.title || run.dagRunId);
-	nameLink.href = `#/dag/${encodeURIComponent(run.dagRunId)}`;
+	nameLink.href = inspectPathToCanonicalHref(
+		`/dag/${encodeURIComponent(run.dagRunId)}`,
+	);
 	nameLink.addEventListener("click", (event) => {
 		event.preventDefault();
 		event.stopPropagation();

package/dist/worker/observe/static/views/dashboard.js

@@ -35,7 +35,13 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+	withWorkspaceQuery,
+} from "../router.js";
 import { fetchJson, artifactUrl, parseArtifactPreviewResponse } from "../api.js";
 import {
 	objectRouteLink,
@@ -118,14 +124,14 @@ async function renderNightStrip() {
 
 	const actions = el("div", "night-strip-actions");
 	const detail = el("a", "page-action-btn", "夜间详情");
-	detail.href = "/#/inspect/night";
+	detail.href = inspectPathToCanonicalHref("/night");
 	detail.addEventListener("click", (e) => {
 		e.preventDefault();
 		navigate("/night");
 	});
 	actions.appendChild(detail);
 	const manage = el("a", "page-action-btn night-strip-manage", "晨审处置 →");
-	manage.href = "/#/operate/night";
+	manage.href = withWorkspaceQuery("/#/operate/night");
 	manage.title = "夜间计划的管理与晨审处置在操作台完成（Inspect 保持只读）";
 	actions.appendChild(manage);
 	strip.appendChild(actions);
@@ -528,7 +534,7 @@ export async function renderDashboard(scrollTo) {
 							workerBlock.appendChild(el("div", "risk-total", String(block.total)));
 							workerBlock.appendChild(el("p", "risk-summary", block.summary));
 							const link = el("a", "risk-link", "查看异常 Task →");
-							link.href = "#/failures";
+							link.href = inspectPathToCanonicalHref("/failures");
 							link.addEventListener("click", (event) => {
 								event.preventDefault();
 								navigate("/failures");
@@ -556,7 +562,7 @@ export async function renderDashboard(scrollTo) {
 			const head = el("div", "section-heading-row");
 			head.appendChild(el("h3", "section-heading", UI_TEXT.recentDags));
 			const allLink = el("a", "section-heading-action", UI_TEXT.viewAllDags);
-			allLink.href = "#/dags?page=1&pageSize=20";
+			allLink.href = inspectPathToCanonicalHref("/dags?page=1&pageSize=20");
 			allLink.setAttribute("aria-label", "查看全部 DAG 运行历史");
 			allLink.addEventListener("click", (event) => {
 				event.preventDefault();
@@ -686,7 +692,9 @@ function syncTableRow(row, cells) {
 function buildDagTimelineItem(dag) {
 	const progress = dagProgress(dag);
 	const item = el("a", "dag-run-timeline-item");
-	item.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+	item.href = inspectPathToCanonicalHref(
+		`/dag/${encodeURIComponent(dag.dagRunId)}`,
+	);
 	item.title = dag.title || dag.dagRunId;
 	item.addEventListener("click", (event) => {
 		event.preventDefault();

package/dist/worker/observe/static/views/pool.js

@@ -8,7 +8,12 @@ import {
 	livenessBadge,
 	truncateText,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+} from "../router.js";
 import { fetchJson } from "../api.js";
 import { objectRouteLink } from "../relations.js";
 import {
@@ -118,7 +123,7 @@ function taskPath(task) {
 
 function linkTo(path, label, className) {
 	const a = el("a", className || "object-link", label);
-	a.href = `#${path}`;
+	a.href = inspectPathToCanonicalHref(path);
 	a.addEventListener("click", (e) => {
 		e.preventDefault();
 		e.stopPropagation();

package/dist/worker/observe/static/views/run.js

@@ -35,7 +35,12 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+} from "../router.js";
 import {
 	fetchJson,
 	artifactUrl,
@@ -176,7 +181,9 @@ export function renderRunDagProgress(task, snapshot) {
 				"详情",
 				(() => {
 					const a = el("a", "link", "查看 DAG 详情 →");
-					a.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+					a.href = inspectPathToCanonicalHref(
+						`/dag/${encodeURIComponent(dag.dagRunId)}`,
+					);
 					a.addEventListener("click", (e) => {
 						e.preventDefault();
 						navigate(`/dag/${encodeURIComponent(dag.dagRunId)}`);
@@ -295,7 +302,9 @@ export function renderRunPanels(task, events, snapshot) {
 		li.appendChild(marker);
 		if (step.label === "run-dag" && dag?.dagRunId) {
 			const link = document.createElement("a");
-			link.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+			link.href = inspectPathToCanonicalHref(
+				`/dag/${encodeURIComponent(dag.dagRunId)}`,
+			);
 			link.className = "step-link";
 			link.textContent = "DAG →";
 			link.addEventListener("click", (e) => {

package/dist/worker/observe/static/views/session-timeline.js

@@ -7,12 +7,72 @@ import { fetchJson } from "../api.js";
 import {
 	uiState,
 	updateDagTimelineViewportState,
-	computeFollowLatest,
 } from "../state.js";
 
 /** Default visible lines for tool result preview before expand. */
 export const TOOL_RESULT_PREVIEW_LINES = 20;
 
+function isTimelineAutoScrollEnabled() {
+	return uiState.dagTimelineAutoScrollEnabled !== false;
+}
+
+function scrollTimelineToLatest(content) {
+	content.scrollLeft = 0;
+	content.scrollTop = content.scrollHeight;
+	uiState.dagTimelineViewportState = updateDagTimelineViewportState(
+		uiState.dagTimelineViewportState,
+		uiState.currentDagRunId,
+		content.dataset.nodeId,
+		content.scrollLeft,
+		content.scrollTop,
+		true,
+	);
+}
+
+/** Floating, explicit live-follow control for the execution-record viewport. */
+export function createTimelineAutoScrollControl(content) {
+	const dock = el("div", "process-timeline-autoscroll-dock");
+	const button = document.createElement("button");
+	button.type = "button";
+	const signal = el("span", "process-timeline-autoscroll-signal");
+	signal.setAttribute("aria-hidden", "true");
+	const icon = el("i", "ri-arrow-down-line");
+	icon.setAttribute("aria-hidden", "true");
+	button.appendChild(signal);
+	button.appendChild(icon);
+
+	const sync = () => {
+		const enabled = isTimelineAutoScrollEnabled();
+		const actionLabel = enabled ? "关闭自动滚动" : "自动滚动";
+		button.className = `process-timeline-autoscroll${enabled ? " is-active" : ""}`;
+		button.setAttribute("aria-pressed", String(enabled));
+		button.setAttribute("aria-label", actionLabel);
+		button.setAttribute("data-tooltip", actionLabel);
+		icon.className = enabled ? "ri-arrow-down-line" : "ri-pause-mini-fill";
+	};
+
+	button.addEventListener("click", () => {
+		const enabled = !isTimelineAutoScrollEnabled();
+		uiState.dagTimelineAutoScrollEnabled = enabled;
+		if (enabled) scrollTimelineToLatest(content);
+		else {
+			uiState.dagTimelineViewportState = updateDagTimelineViewportState(
+				uiState.dagTimelineViewportState,
+				uiState.currentDagRunId,
+				content.dataset.nodeId,
+				content.scrollLeft,
+				content.scrollTop,
+				false,
+			);
+		}
+		sync();
+	});
+
+	sync();
+	dock.appendChild(button);
+	return dock;
+}
+
 export function normalizeSessionEventFields(event) {
 	if (!event || typeof event !== "object") return {};
 	const args = event.args ?? event.input ?? event.toolInput;
@@ -951,6 +1011,7 @@ export function renderSessionTimeline(content, nodeId, options = {}) {
 	});
 	toolbar.appendChild(exportBtn);
 	content.appendChild(toolbar);
+	content.appendChild(createTimelineAutoScrollControl(content));
 
 	const timelineItems = filterExecutionRecordItems(
 		buildRichTimelineItems(visible.events, { showProtocol }),
@@ -1030,23 +1091,18 @@ export function renderSessionTimeline(content, nodeId, options = {}) {
 	content.addEventListener(
 		"scroll",
 		() => {
-			const followLatest = computeFollowLatest(
-				content.scrollTop,
-				content.scrollHeight,
-				content.clientHeight,
-			);
 			uiState.dagTimelineViewportState = updateDagTimelineViewportState(
 				uiState.dagTimelineViewportState,
 				uiState.currentDagRunId,
 				nodeId,
 				content.scrollLeft,
 				content.scrollTop,
-				followLatest,
+				isTimelineAutoScrollEnabled(),
 			);
 		},
 		{ passive: true },
 	);
-	if (timelineState?.followLatest ?? true) {
+	if (isTimelineAutoScrollEnabled()) {
 		content.scrollLeft = timelineState?.scrollLeft ?? 0;
 		content.scrollTop = content.scrollHeight;
 	} else {
@@ -1058,14 +1114,19 @@ export function renderSessionTimeline(content, nodeId, options = {}) {
 function rerenderSessionTimeline(content, nodeId, options) {
 	const scrollTop = content.scrollTop;
 	const scrollLeft = content.scrollLeft;
+	const autoScrollEnabled = isTimelineAutoScrollEnabled();
 	const preserved = [...content.children].filter((child) =>
-		String(child.className ?? "")
-			.split(/\s+/)
-			.includes("dag-inspector-attempt-bar"),
+		["dag-inspector-attempt-bar", "inspector-page-lead"].some((className) =>
+			String(child.className ?? "")
+				.split(/\s+/)
+				.includes(className),
+		),
 	);
 	while (content.firstChild) content.removeChild(content.firstChild);
 	for (const child of preserved) content.appendChild(child);
 	renderSessionTimeline(content, nodeId, options);
-	content.scrollTop = scrollTop;
-	content.scrollLeft = scrollLeft;
+	if (!autoScrollEnabled) {
+		content.scrollTop = scrollTop;
+		content.scrollLeft = scrollLeft;
+	}
 }

package/dist/worker/observe/static/views/task.js

@@ -36,7 +36,12 @@ import {
 	markdownLinkHref,
 	formatLedgerSummary,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+} from "../router.js";
 import {
 	fetchJson,
 	fetchJsonResult,
@@ -133,7 +138,7 @@ export async function renderTaskDetail(featureId, taskId) {
 					if (!c?.featureId || !c?.taskId) continue;
 					const path = `/feature/${encodeURIComponent(c.featureId)}/task/${encodeURIComponent(c.taskId)}`;
 					const a = el("a", "object-link", `${c.featureId}::${c.taskId}`);
-					a.href = `#${path}`;
+					a.href = inspectPathToCanonicalHref(path);
 					a.addEventListener("click", (e) => {
 						e.preventDefault();
 						navigate(path);