@tea-agent/loop-agent 0.26.0 → 0.26.1

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

@@ -1,172 +1,172 @@
-/** DAG dependency graph rendering (Observe UI R5). */
-import { layoutDag } from "../dag-layout.js";
-import { el } from "../dom.js";
-import {
-	statusLabel,
-	statusSymbol,
-	formatMs,
-	truncateText,
-} from "../format.js";
-import {
-	uiState,
-	dagGraphViewportStates,
-	updateDagGraphViewportState,
-} from "../state.js";
-import { selectDagNode } from "./dag-inspector.js";
-
-export function svgEl(tag, attrs = {}) {
-	const node = document.createElementNS("http://www.w3.org/2000/svg", tag);
-	for (const [key, value] of Object.entries(attrs))
-		node.setAttribute(key, String(value));
-	return node;
-}
-
-export function renderDagGraph(dag, dagRunId, existingWrap = null) {
-	const nodes = dag.nodes ?? [];
-	const edges = dag.edges ?? [];
-	const layout = layoutDag(nodes, edges, dag.ranks ?? []);
-	const wrap = existingWrap ?? el("div", "dag-graph-wrap");
-	if (existingWrap) {
-		// reuse-dag-graph-wrap: replace children while keeping wrap identity.
-		while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
-	}
-	const toolbar = el("div", "dag-graph-toolbar");
-	toolbar.appendChild(
-		el(
-			"span",
-			"dag-graph-summary",
-			`${nodes.length} 节点 · ${layout.edges.length} 条依赖`,
-		),
-	);
-	const reset = el("button", "dag-graph-reset", "重置视图");
-	toolbar.appendChild(reset);
-	wrap.appendChild(toolbar);
-	if (edges.length === 0)
-		wrap.appendChild(
-			el(
-				"p",
-				"dag-graph-fallback",
-				"该运行没有可用依赖数据；图按并行层级展示，节点表格仍保留完整数据。",
-			),
-		);
-	const viewport = el("div", "dag-graph-viewport");
-	viewport.dataset.dagRunId = dagRunId;
-	const svg = svgEl("svg", {
-		class: "dag-graph",
-		viewBox: `0 0 ${layout.width} ${layout.height}`,
-		width: layout.width,
-		height: layout.height,
-		role: "img",
-		"aria-label": `DAG 依赖图，共 ${nodes.length} 个节点`,
-	});
-	const defs = svgEl("defs");
-	const marker = svgEl("marker", {
-		id: "dag-arrow",
-		viewBox: "0 0 10 10",
-		refX: 9,
-		refY: 5,
-		markerWidth: 7,
-		markerHeight: 7,
-		orient: "auto-start-reverse",
-	});
-	marker.appendChild(svgEl("path", { d: "M 0 0 L 10 5 L 0 10 z" }));
-	defs.appendChild(marker);
-	svg.appendChild(defs);
-	const related = new Set([uiState.selectedDagNodeId]);
-	for (const edge of layout.edges)
-		if (
-			edge.from === uiState.selectedDagNodeId ||
-			edge.to === uiState.selectedDagNodeId
-		) {
-			related.add(edge.from);
-			related.add(edge.to);
-		}
-	for (const edge of layout.edges) {
-		const path = svgEl("path", {
-			d: edge.path,
-			class: `dag-edge${uiState.selectedDagNodeId && (!related.has(edge.from) || !related.has(edge.to)) ? " dag-dimmed" : ""}`,
-			"marker-end": "url(#dag-arrow)",
-		});
-		path.appendChild(svgEl("title"));
-		path.firstChild.textContent = `${edge.from} → ${edge.to}`;
-		svg.appendChild(path);
-	}
-	const byId = Object.fromEntries(nodes.map((node) => [node.nodeId, node]));
-	for (const position of layout.nodes) {
-		const node = byId[position.nodeId] ?? { nodeId: position.nodeId };
-		const status = (node.status ?? "unknown").toLowerCase();
-		const group = svgEl("g", {
-			transform: `translate(${position.x} ${position.y})`,
-			class: `dag-graph-node status-${status}${node.nodeId === uiState.selectedDagNodeId ? " selected" : ""}${uiState.selectedDagNodeId && !related.has(node.nodeId) ? " dag-dimmed" : ""}`,
-			tabindex: 0,
-			role: "button",
-			"aria-label": `${node.nodeId}，状态 ${status}`,
-		});
-		group.appendChild(
-			svgEl("rect", { width: position.width, height: position.height, rx: 10 }),
-		);
-		const title = svgEl("title");
-		title.textContent = `${node.nodeId}\n${node.executor ?? "未知执行器"}\n${status}`;
-		group.appendChild(title);
-		const label = svgEl("text", { x: 14, y: 26, class: "dag-node-label" });
-		label.textContent = truncateText(node.label ?? node.nodeId, 26);
-		group.appendChild(label);
-		const executor = svgEl("text", { x: 14, y: 50, class: "dag-node-meta" });
-		executor.textContent = `◈ ${node.executor ?? "unknown"}`;
-		group.appendChild(executor);
-		const state = svgEl("text", { x: 14, y: 74, class: "dag-node-status" });
-		state.textContent = `${statusSymbol(status)} ${statusLabel(node.status)} · ${formatMs(node.durationMs)}`;
-		group.appendChild(state);
-		const activate = () => selectDagNode(dagRunId, node.nodeId);
-		group.addEventListener("click", activate);
-		group.addEventListener("keydown", (event) => {
-			if (event.key === "Enter" || event.key === " ") {
-				event.preventDefault();
-				activate();
-			}
-		});
-		svg.appendChild(group);
-	}
-	viewport.appendChild(svg);
-	wrap.appendChild(viewport);
-	const graphViewportState =
-		dagGraphViewportStates.get(dagRunId) ??
-		(uiState.dagGraphViewportState?.dagRunId === dagRunId
-			? uiState.dagGraphViewportState
-			: null);
-	viewport.addEventListener(
-		"scroll",
-		() => {
-			uiState.dagGraphViewportState = updateDagGraphViewportState(
-				uiState.dagGraphViewportState,
-				dagRunId,
-				viewport.scrollLeft,
-				viewport.scrollTop,
-			);
-			dagGraphViewportStates.set(dagRunId, uiState.dagGraphViewportState);
-		},
-		{ passive: true },
-	);
-	if (graphViewportState) {
-		const restoreViewport = () => {
-			viewport.scrollLeft = graphViewportState.scrollLeft;
-			viewport.scrollTop = graphViewportState.scrollTop;
-		};
-		if (typeof requestAnimationFrame === "function") {
-			requestAnimationFrame(restoreViewport);
-		} else {
-			restoreViewport();
-		}
-	}
-	reset.addEventListener("click", () => {
-		uiState.dagGraphViewportState = updateDagGraphViewportState(
-			uiState.dagGraphViewportState,
-			dagRunId,
-			0,
-			0,
-		);
-		dagGraphViewportStates.set(dagRunId, uiState.dagGraphViewportState);
-		viewport.scrollTo({ left: 0, top: 0, behavior: "smooth" });
-	});
-	return wrap;
-}
+/** DAG dependency graph rendering (Observe UI R5). */
+import { layoutDag } from "../dag-layout.js";
+import { el } from "../dom.js";
+import {
+	statusLabel,
+	statusSymbol,
+	formatMs,
+	truncateText,
+} from "../format.js";
+import {
+	uiState,
+	dagGraphViewportStates,
+	updateDagGraphViewportState,
+} from "../state.js";
+import { selectDagNode } from "./dag-inspector.js";
+
+export function svgEl(tag, attrs = {}) {
+	const node = document.createElementNS("http://www.w3.org/2000/svg", tag);
+	for (const [key, value] of Object.entries(attrs))
+		node.setAttribute(key, String(value));
+	return node;
+}
+
+export function renderDagGraph(dag, dagRunId, existingWrap = null) {
+	const nodes = dag.nodes ?? [];
+	const edges = dag.edges ?? [];
+	const layout = layoutDag(nodes, edges, dag.ranks ?? []);
+	const wrap = existingWrap ?? el("div", "dag-graph-wrap");
+	if (existingWrap) {
+		// reuse-dag-graph-wrap: replace children while keeping wrap identity.
+		while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
+	}
+	const toolbar = el("div", "dag-graph-toolbar");
+	toolbar.appendChild(
+		el(
+			"span",
+			"dag-graph-summary",
+			`${nodes.length} 节点 · ${layout.edges.length} 条依赖`,
+		),
+	);
+	const reset = el("button", "dag-graph-reset", "重置视图");
+	toolbar.appendChild(reset);
+	wrap.appendChild(toolbar);
+	if (edges.length === 0)
+		wrap.appendChild(
+			el(
+				"p",
+				"dag-graph-fallback",
+				"该运行没有可用依赖数据；图按并行层级展示，节点表格仍保留完整数据。",
+			),
+		);
+	const viewport = el("div", "dag-graph-viewport");
+	viewport.dataset.dagRunId = dagRunId;
+	const svg = svgEl("svg", {
+		class: "dag-graph",
+		viewBox: `0 0 ${layout.width} ${layout.height}`,
+		width: layout.width,
+		height: layout.height,
+		role: "img",
+		"aria-label": `DAG 依赖图，共 ${nodes.length} 个节点`,
+	});
+	const defs = svgEl("defs");
+	const marker = svgEl("marker", {
+		id: "dag-arrow",
+		viewBox: "0 0 10 10",
+		refX: 9,
+		refY: 5,
+		markerWidth: 7,
+		markerHeight: 7,
+		orient: "auto-start-reverse",
+	});
+	marker.appendChild(svgEl("path", { d: "M 0 0 L 10 5 L 0 10 z" }));
+	defs.appendChild(marker);
+	svg.appendChild(defs);
+	const related = new Set([uiState.selectedDagNodeId]);
+	for (const edge of layout.edges)
+		if (
+			edge.from === uiState.selectedDagNodeId ||
+			edge.to === uiState.selectedDagNodeId
+		) {
+			related.add(edge.from);
+			related.add(edge.to);
+		}
+	for (const edge of layout.edges) {
+		const path = svgEl("path", {
+			d: edge.path,
+			class: `dag-edge${uiState.selectedDagNodeId && (!related.has(edge.from) || !related.has(edge.to)) ? " dag-dimmed" : ""}`,
+			"marker-end": "url(#dag-arrow)",
+		});
+		path.appendChild(svgEl("title"));
+		path.firstChild.textContent = `${edge.from} → ${edge.to}`;
+		svg.appendChild(path);
+	}
+	const byId = Object.fromEntries(nodes.map((node) => [node.nodeId, node]));
+	for (const position of layout.nodes) {
+		const node = byId[position.nodeId] ?? { nodeId: position.nodeId };
+		const status = (node.status ?? "unknown").toLowerCase();
+		const group = svgEl("g", {
+			transform: `translate(${position.x} ${position.y})`,
+			class: `dag-graph-node status-${status}${node.nodeId === uiState.selectedDagNodeId ? " selected" : ""}${uiState.selectedDagNodeId && !related.has(node.nodeId) ? " dag-dimmed" : ""}`,
+			tabindex: 0,
+			role: "button",
+			"aria-label": `${node.nodeId}，状态 ${status}`,
+		});
+		group.appendChild(
+			svgEl("rect", { width: position.width, height: position.height, rx: 10 }),
+		);
+		const title = svgEl("title");
+		title.textContent = `${node.nodeId}\n${node.executor ?? "未知执行器"}\n${status}`;
+		group.appendChild(title);
+		const label = svgEl("text", { x: 14, y: 26, class: "dag-node-label" });
+		label.textContent = truncateText(node.label ?? node.nodeId, 26);
+		group.appendChild(label);
+		const executor = svgEl("text", { x: 14, y: 50, class: "dag-node-meta" });
+		executor.textContent = `◈ ${node.executor ?? "unknown"}`;
+		group.appendChild(executor);
+		const state = svgEl("text", { x: 14, y: 74, class: "dag-node-status" });
+		state.textContent = `${statusSymbol(status)} ${statusLabel(node.status)} · ${formatMs(node.durationMs)}`;
+		group.appendChild(state);
+		const activate = () => selectDagNode(dagRunId, node.nodeId);
+		group.addEventListener("click", activate);
+		group.addEventListener("keydown", (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				activate();
+			}
+		});
+		svg.appendChild(group);
+	}
+	viewport.appendChild(svg);
+	wrap.appendChild(viewport);
+	const graphViewportState =
+		dagGraphViewportStates.get(dagRunId) ??
+		(uiState.dagGraphViewportState?.dagRunId === dagRunId
+			? uiState.dagGraphViewportState
+			: null);
+	viewport.addEventListener(
+		"scroll",
+		() => {
+			uiState.dagGraphViewportState = updateDagGraphViewportState(
+				uiState.dagGraphViewportState,
+				dagRunId,
+				viewport.scrollLeft,
+				viewport.scrollTop,
+			);
+			dagGraphViewportStates.set(dagRunId, uiState.dagGraphViewportState);
+		},
+		{ passive: true },
+	);
+	if (graphViewportState) {
+		const restoreViewport = () => {
+			viewport.scrollLeft = graphViewportState.scrollLeft;
+			viewport.scrollTop = graphViewportState.scrollTop;
+		};
+		if (typeof requestAnimationFrame === "function") {
+			requestAnimationFrame(restoreViewport);
+		} else {
+			restoreViewport();
+		}
+	}
+	reset.addEventListener("click", () => {
+		uiState.dagGraphViewportState = updateDagGraphViewportState(
+			uiState.dagGraphViewportState,
+			dagRunId,
+			0,
+			0,
+		);
+		dagGraphViewportStates.set(dagRunId, uiState.dagGraphViewportState);
+		viewport.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+	});
+	return wrap;
+}

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

@@ -1,143 +1,143 @@
-/** Observe UI view module (R5). */
-import {
-	UI_TEXT,
-	LIVENESS_LABELS,
-	ARTIFACT_LABELS,
-	ARTIFACT_KEYS,
-	STEP_LABELS,
-	STEP_ORDER,
-	DAG_INSPECTOR_DEFAULT_WIDTH,
-	DAG_INSPECTOR_MIN_WIDTH,
-	DAG_INSPECTOR_MAX_WIDTH,
-	DAG_INSPECTOR_RIGHT_OFFSET,
-	DAG_INSPECTOR_VIEWPORT_MARGIN,
-	DAG_INSPECTOR_KEYBOARD_STEP,
-	TERMINAL_RUN_STATUSES,
-	DAG_EFFECTIVE_STATUS_LABELS,
-	STATUS_LABELS,
-} from "../constants.js";
-import { clearNode, el, metaGrid, buildTable } from "../dom.js";
-import {
-	badge,
-	badgeClass,
-	statusLabel,
-	formatTs,
-	formatMs,
-	formatDuration,
-	formatAgo,
-	dagStatusBadge,
-	livenessBadge,
-	displayDurationMs,
-	derivedDurationMs,
-	summaryText,
-	truncateText,
-	repoBaseName,
-	parseMarkdownBlocks,
-	markdownLinkHref,
-} from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
-import { fetchJson, artifactUrl, parseArtifactPreviewResponse } from "../api.js";
-import {
-	objectRouteLink,
-	findFeatureInSnapshot,
-	featureLookupState,
-	buildObjectRelations,
-	renderObjectRelationBar,
-} from "../relations.js";
-import { copyText, renderRecommendedCommand } from "../copy.js";
-import {
-	isPageVisible,
-	detailPollDelay,
-	dashboardPollDelay,
-	captureDagGraphViewportState,
-	updateDagGraphViewportState,
-	updateDagTimelineViewportState,
-	renderViewState,
-	mountViewState,
-} from "../state.js";
-import { uiState } from "../state.js";
-import { sortPoolTasks } from "../format-pool.js";
-import {
-	dagMetaVisibility,
-	isDagRunActive,
-	dashboardVisibleFeatures,
-	findDagForRun,
-} from "../dag-model.js";
-import { layoutDag } from "../dag-layout.js";
-import { showView, setBreadcrumb, updateHeaderRefresh } from "../shell-chrome.js";
-import { artifactLink } from "../kpi.js";
-
-export async function renderFailures() {
-	showView("failures");
-	setBreadcrumb([
-		{ label: UI_TEXT.dashboard, href: "#/" },
-		{ label: UI_TEXT.failures },
-	]);
-
-	const listEl = document.getElementById("failures-list");
-	const emptyEl = document.getElementById("failures-empty");
-	clearNode(listEl);
-	if (emptyEl) {
-		emptyEl.hidden = true;
-		clearNode(emptyEl);
-	}
-	if (listEl) mountViewState(listEl, "loading", "加载失败收件箱…");
-
-	const snapshot = await fetchJson("/api/snapshot");
-	if (!snapshot) {
-		if (listEl) mountViewState(listEl, "error", "无法加载 snapshot。");
-		return;
-	}
-	uiState.lastSnapshot = snapshot;
-	updateHeaderRefresh(snapshot.generatedAt);
-
-	const tasks = (snapshot.tasks ?? []).filter(
-		(task) =>
-			task.status === "failed" ||
-			task.status === "blocked" ||
-			task.status === "stale" ||
-			task.liveness === "stale",
-	);
-
-	if (tasks.length === 0) {
-		clearNode(listEl);
-		if (emptyEl) {
-			emptyEl.hidden = false;
-			mountViewState(emptyEl, "empty", "当前没有失败或阻塞的 Task。");
-		} else {
-			mountViewState(listEl, "empty", "当前没有失败或阻塞的 Task。");
-		}
-		return;
-	}
-	if (emptyEl) emptyEl.hidden = true;
-	clearNode(listEl);
-
-	const refs = (task) => task.artifactRefs ?? {};
-	const rows = tasks.map((task) => ({
-		className: `row-${task.status}`,
-		onClick: task.workerRunId
-			? () => navigate(`/run/${encodeURIComponent(task.workerRunId)}`)
-			: undefined,
-		cells: [
-			task.taskId ?? "—",
-			task.featureId ?? "—",
-			badge(task.status),
-			task.failureCategory ?? "—",
-			task.recommendedFollowUp ?? "—",
-			(() => {
-				const links = el("div", "artifact-links");
-				const r = refs(task);
-				links.appendChild(artifactLink("报告", r.reportMarkdown));
-				links.appendChild(document.createTextNode(" "));
-				links.appendChild(artifactLink("诊断", r.doctorMarkdown));
-				links.appendChild(document.createTextNode(" "));
-				links.appendChild(artifactLink("收尾方案", r.closeoutDraft));
-				return links;
-			})(),
-		],
-	}));
-	listEl.appendChild(
-		buildTable(["Task ID", "功能", "状态", "分类", "建议跟进", "产物"], rows),
-	);
-}
-
+/** Observe UI view module (R5). */
+import {
+	UI_TEXT,
+	LIVENESS_LABELS,
+	ARTIFACT_LABELS,
+	ARTIFACT_KEYS,
+	STEP_LABELS,
+	STEP_ORDER,
+	DAG_INSPECTOR_DEFAULT_WIDTH,
+	DAG_INSPECTOR_MIN_WIDTH,
+	DAG_INSPECTOR_MAX_WIDTH,
+	DAG_INSPECTOR_RIGHT_OFFSET,
+	DAG_INSPECTOR_VIEWPORT_MARGIN,
+	DAG_INSPECTOR_KEYBOARD_STEP,
+	TERMINAL_RUN_STATUSES,
+	DAG_EFFECTIVE_STATUS_LABELS,
+	STATUS_LABELS,
+} from "../constants.js";
+import { clearNode, el, metaGrid, buildTable } from "../dom.js";
+import {
+	badge,
+	badgeClass,
+	statusLabel,
+	formatTs,
+	formatMs,
+	formatDuration,
+	formatAgo,
+	dagStatusBadge,
+	livenessBadge,
+	displayDurationMs,
+	derivedDurationMs,
+	summaryText,
+	truncateText,
+	repoBaseName,
+	parseMarkdownBlocks,
+	markdownLinkHref,
+} from "../format.js";
+import { parseRoute, navigate, buildHashPath } from "../router.js";
+import { fetchJson, artifactUrl, parseArtifactPreviewResponse } from "../api.js";
+import {
+	objectRouteLink,
+	findFeatureInSnapshot,
+	featureLookupState,
+	buildObjectRelations,
+	renderObjectRelationBar,
+} from "../relations.js";
+import { copyText, renderRecommendedCommand } from "../copy.js";
+import {
+	isPageVisible,
+	detailPollDelay,
+	dashboardPollDelay,
+	captureDagGraphViewportState,
+	updateDagGraphViewportState,
+	updateDagTimelineViewportState,
+	renderViewState,
+	mountViewState,
+} from "../state.js";
+import { uiState } from "../state.js";
+import { sortPoolTasks } from "../format-pool.js";
+import {
+	dagMetaVisibility,
+	isDagRunActive,
+	dashboardVisibleFeatures,
+	findDagForRun,
+} from "../dag-model.js";
+import { layoutDag } from "../dag-layout.js";
+import { showView, setBreadcrumb, updateHeaderRefresh } from "../shell-chrome.js";
+import { artifactLink } from "../kpi.js";
+
+export async function renderFailures() {
+	showView("failures");
+	setBreadcrumb([
+		{ label: UI_TEXT.dashboard, href: "#/" },
+		{ label: UI_TEXT.failures },
+	]);
+
+	const listEl = document.getElementById("failures-list");
+	const emptyEl = document.getElementById("failures-empty");
+	clearNode(listEl);
+	if (emptyEl) {
+		emptyEl.hidden = true;
+		clearNode(emptyEl);
+	}
+	if (listEl) mountViewState(listEl, "loading", "加载失败收件箱…");
+
+	const snapshot = await fetchJson("/api/snapshot");
+	if (!snapshot) {
+		if (listEl) mountViewState(listEl, "error", "无法加载 snapshot。");
+		return;
+	}
+	uiState.lastSnapshot = snapshot;
+	updateHeaderRefresh(snapshot.generatedAt);
+
+	const tasks = (snapshot.tasks ?? []).filter(
+		(task) =>
+			task.status === "failed" ||
+			task.status === "blocked" ||
+			task.status === "stale" ||
+			task.liveness === "stale",
+	);
+
+	if (tasks.length === 0) {
+		clearNode(listEl);
+		if (emptyEl) {
+			emptyEl.hidden = false;
+			mountViewState(emptyEl, "empty", "当前没有失败或阻塞的 Task。");
+		} else {
+			mountViewState(listEl, "empty", "当前没有失败或阻塞的 Task。");
+		}
+		return;
+	}
+	if (emptyEl) emptyEl.hidden = true;
+	clearNode(listEl);
+
+	const refs = (task) => task.artifactRefs ?? {};
+	const rows = tasks.map((task) => ({
+		className: `row-${task.status}`,
+		onClick: task.workerRunId
+			? () => navigate(`/run/${encodeURIComponent(task.workerRunId)}`)
+			: undefined,
+		cells: [
+			task.taskId ?? "—",
+			task.featureId ?? "—",
+			badge(task.status),
+			task.failureCategory ?? "—",
+			task.recommendedFollowUp ?? "—",
+			(() => {
+				const links = el("div", "artifact-links");
+				const r = refs(task);
+				links.appendChild(artifactLink("报告", r.reportMarkdown));
+				links.appendChild(document.createTextNode(" "));
+				links.appendChild(artifactLink("诊断", r.doctorMarkdown));
+				links.appendChild(document.createTextNode(" "));
+				links.appendChild(artifactLink("收尾方案", r.closeoutDraft));
+				return links;
+			})(),
+		],
+	}));
+	listEl.appendChild(
+		buildTable(["Task ID", "功能", "状态", "分类", "建议跟进", "产物"], rows),
+	);
+}
+