@tea-agent/loop-agent 0.13.0 → 0.15.0

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

@@ -1,227 +1,227 @@
-/** 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, mountRelationBar } from "../shell-chrome.js";
-import { artifactLink } from "../kpi.js";
-import { renderInlineArtifactList } from "./run.js";
-import { mountBoundedEventTimeline } from "./timeline.js";
-
-export async function renderBatch(batchRunId) {
-	showView("batch");
-	setBreadcrumb([
-		{ label: UI_TEXT.dashboard, href: "#/" },
-		{ label: batchRunId },
-	]);
-
-	const metaEl = document.getElementById("batch-meta");
-	const tasksEl = document.getElementById("batch-tasks");
-	const evidenceEl = document.getElementById("batch-evidence");
-	const timelineEl = document.getElementById("batch-timeline");
-	if (metaEl) mountViewState(metaEl, "loading", "加载批次…");
-
-	const [batch, snapshot] = await Promise.all([
-		fetchJson(`/api/batches/${encodeURIComponent(batchRunId)}`),
-		fetchJson("/api/snapshot"),
-	]);
-	if (snapshot) {
-		uiState.lastSnapshot = snapshot;
-		updateHeaderRefresh(snapshot.generatedAt);
-	}
-	if (!batch) {
-		clearNode(metaEl);
-		mountViewState(metaEl, "error", "找不到该批次。");
-		if (tasksEl) clearNode(tasksEl);
-		if (evidenceEl) clearNode(evidenceEl);
-		if (timelineEl) clearNode(timelineEl);
-		mountRelationBar("batch-relations", {}, snapshot);
-		return;
-	}
-
-	mountRelationBar(
-		"batch-relations",
-		{
-			featureId: batch.featureId,
-			batchRunId: batch.batchRunId,
-			taskId: batch.tasks?.[0]?.taskId,
-			workerRunId: batch.tasks?.[0]?.workerRunId,
-			dagRunId: batch.tasks?.[0]?.dagRunId,
-		},
-		snapshot,
-	);
-
-	const totalDerived = derivedDurationMs(batch.startedAt, batch.finishedAt);
-	clearNode(metaEl);
-	metaEl.appendChild(
-		metaGrid([
-			["批次 ID", batch.batchRunId],
-			[
-				"功能 ID",
-				batch.featureId
-					? objectRouteLink("feature", batch.featureId, snapshot)
-					: el("span", "muted", "—"),
-			],
-			["状态", badge(batch.status)],
-			["开始时间", formatTs(batch.startedAt)],
-			["结束时间", formatTs(batch.finishedAt)],
-			["总耗时", formatDuration(totalDerived)],
-			["摘要", summaryText(batch.summary)],
-		]),
-	);
-
-	clearNode(tasksEl);
-	tasksEl.appendChild(el("h3", null, "Task"));
-
-	const tasks = batch.tasks ?? [];
-	if (tasks.length === 0) {
-		mountViewState(tasksEl, "empty", "该批次暂无 Task");
-	} else {
-		const snap = snapshot ?? uiState.lastSnapshot;
-		const rows = tasks.map((task) => {
-			const links = el("div", "artifact-links batch-task-links");
-			links.appendChild(
-				objectRouteLink("task", task.taskId, snap, task.featureId ?? batch.featureId),
-			);
-			links.appendChild(document.createTextNode(" · "));
-			links.appendChild(objectRouteLink("run", task.workerRunId, snap));
-			if (task.dagRunId) {
-				links.appendChild(document.createTextNode(" · "));
-				links.appendChild(objectRouteLink("dag", task.dagRunId, snap));
-			}
-			const evidence = el("div", "artifact-links batch-task-evidence");
-			const refs = task.artifactRefs ?? {};
-			evidence.appendChild(artifactLink("报告", refs.reportMarkdown));
-			evidence.appendChild(document.createTextNode(" "));
-			evidence.appendChild(artifactLink("诊断", refs.doctorMarkdown));
-			evidence.appendChild(document.createTextNode(" "));
-			evidence.appendChild(artifactLink("收尾方案", refs.closeoutDraft));
-			evidence.appendChild(document.createTextNode(" "));
-			evidence.appendChild(artifactLink("run 记录", refs.runRecordPath));
-			const taskDur = displayDurationMs(task);
-			return {
-				className: task.status === "running" ? "active-task" : "",
-				onClick: task.workerRunId
-					? () => navigate(`/run/${encodeURIComponent(task.workerRunId)}`)
-					: undefined,
-				cells: [
-					task.taskId,
-					task.featureId ?? "—",
-					task.harnessTaskId ?? "—",
-					task.workerRunId ?? "—",
-					badge(task.status),
-					formatTs(task.startedAt),
-					formatTs(task.finishedAt),
-					formatMs(taskDur),
-					task.failureCategory ?? "—",
-					task.recommendedFollowUp ?? "—",
-					links,
-					evidence,
-				],
-			};
-		});
-		tasksEl.appendChild(
-			buildTable(
-				[
-					"Task ID",
-					"Feature",
-					"Harness Task",
-					"Worker 运行 ID",
-					"状态",
-					"开始",
-					"结束",
-					"耗时",
-					"失败分类",
-					"建议跟进",
-					"关联",
-					"证据",
-				],
-				rows,
-			),
-		);
-	}
-
-	if (evidenceEl) {
-		clearNode(evidenceEl);
-		evidenceEl.appendChild(el("h3", null, "批次证据预览"));
-		const batchArts = new Map();
-		if (batch.batchRunPath) batchArts.set("batch-run", batch.batchRunPath);
-		for (const task of tasks) {
-			const refs = task.artifactRefs ?? {};
-			for (const key of ARTIFACT_KEYS) {
-				const p = refs[key];
-				if (p) batchArts.set(`${task.taskId}:${key}`, p);
-			}
-		}
-		renderInlineArtifactList(evidenceEl, batchArts);
-	}
-
-	if (timelineEl) {
-		await mountBoundedEventTimeline(
-			timelineEl,
-			`/api/batches/${encodeURIComponent(batchRunId)}/events`,
-			"批次事件时间线",
-		);
-	}
-}
+/** 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, mountRelationBar } from "../shell-chrome.js";
+import { artifactLink } from "../kpi.js";
+import { renderInlineArtifactList } from "./run.js";
+import { mountBoundedEventTimeline } from "./timeline.js";
+
+export async function renderBatch(batchRunId) {
+	showView("batch");
+	setBreadcrumb([
+		{ label: UI_TEXT.dashboard, href: "#/" },
+		{ label: batchRunId },
+	]);
+
+	const metaEl = document.getElementById("batch-meta");
+	const tasksEl = document.getElementById("batch-tasks");
+	const evidenceEl = document.getElementById("batch-evidence");
+	const timelineEl = document.getElementById("batch-timeline");
+	if (metaEl) mountViewState(metaEl, "loading", "加载批次…");
+
+	const [batch, snapshot] = await Promise.all([
+		fetchJson(`/api/batches/${encodeURIComponent(batchRunId)}`),
+		fetchJson("/api/snapshot"),
+	]);
+	if (snapshot) {
+		uiState.lastSnapshot = snapshot;
+		updateHeaderRefresh(snapshot.generatedAt);
+	}
+	if (!batch) {
+		clearNode(metaEl);
+		mountViewState(metaEl, "error", "找不到该批次。");
+		if (tasksEl) clearNode(tasksEl);
+		if (evidenceEl) clearNode(evidenceEl);
+		if (timelineEl) clearNode(timelineEl);
+		mountRelationBar("batch-relations", {}, snapshot);
+		return;
+	}
+
+	mountRelationBar(
+		"batch-relations",
+		{
+			featureId: batch.featureId,
+			batchRunId: batch.batchRunId,
+			taskId: batch.tasks?.[0]?.taskId,
+			workerRunId: batch.tasks?.[0]?.workerRunId,
+			dagRunId: batch.tasks?.[0]?.dagRunId,
+		},
+		snapshot,
+	);
+
+	const totalDerived = derivedDurationMs(batch.startedAt, batch.finishedAt);
+	clearNode(metaEl);
+	metaEl.appendChild(
+		metaGrid([
+			["批次 ID", batch.batchRunId],
+			[
+				"功能 ID",
+				batch.featureId
+					? objectRouteLink("feature", batch.featureId, snapshot)
+					: el("span", "muted", "—"),
+			],
+			["状态", badge(batch.status)],
+			["开始时间", formatTs(batch.startedAt)],
+			["结束时间", formatTs(batch.finishedAt)],
+			["总耗时", formatDuration(totalDerived)],
+			["摘要", summaryText(batch.summary)],
+		]),
+	);
+
+	clearNode(tasksEl);
+	tasksEl.appendChild(el("h3", null, "Task"));
+
+	const tasks = batch.tasks ?? [];
+	if (tasks.length === 0) {
+		mountViewState(tasksEl, "empty", "该批次暂无 Task");
+	} else {
+		const snap = snapshot ?? uiState.lastSnapshot;
+		const rows = tasks.map((task) => {
+			const links = el("div", "artifact-links batch-task-links");
+			links.appendChild(
+				objectRouteLink("task", task.taskId, snap, task.featureId ?? batch.featureId),
+			);
+			links.appendChild(document.createTextNode(" · "));
+			links.appendChild(objectRouteLink("run", task.workerRunId, snap));
+			if (task.dagRunId) {
+				links.appendChild(document.createTextNode(" · "));
+				links.appendChild(objectRouteLink("dag", task.dagRunId, snap));
+			}
+			const evidence = el("div", "artifact-links batch-task-evidence");
+			const refs = task.artifactRefs ?? {};
+			evidence.appendChild(artifactLink("报告", refs.reportMarkdown));
+			evidence.appendChild(document.createTextNode(" "));
+			evidence.appendChild(artifactLink("诊断", refs.doctorMarkdown));
+			evidence.appendChild(document.createTextNode(" "));
+			evidence.appendChild(artifactLink("收尾方案", refs.closeoutDraft));
+			evidence.appendChild(document.createTextNode(" "));
+			evidence.appendChild(artifactLink("run 记录", refs.runRecordPath));
+			const taskDur = displayDurationMs(task);
+			return {
+				className: task.status === "running" ? "active-task" : "",
+				onClick: task.workerRunId
+					? () => navigate(`/run/${encodeURIComponent(task.workerRunId)}`)
+					: undefined,
+				cells: [
+					task.taskId,
+					task.featureId ?? "—",
+					task.harnessTaskId ?? "—",
+					task.workerRunId ?? "—",
+					badge(task.status),
+					formatTs(task.startedAt),
+					formatTs(task.finishedAt),
+					formatMs(taskDur),
+					task.failureCategory ?? "—",
+					task.recommendedFollowUp ?? "—",
+					links,
+					evidence,
+				],
+			};
+		});
+		tasksEl.appendChild(
+			buildTable(
+				[
+					"Task ID",
+					"Feature",
+					"Harness Task",
+					"Worker 运行 ID",
+					"状态",
+					"开始",
+					"结束",
+					"耗时",
+					"失败分类",
+					"建议跟进",
+					"关联",
+					"证据",
+				],
+				rows,
+			),
+		);
+	}
+
+	if (evidenceEl) {
+		clearNode(evidenceEl);
+		evidenceEl.appendChild(el("h3", null, "批次证据预览"));
+		const batchArts = new Map();
+		if (batch.batchRunPath) batchArts.set("batch-run", batch.batchRunPath);
+		for (const task of tasks) {
+			const refs = task.artifactRefs ?? {};
+			for (const key of ARTIFACT_KEYS) {
+				const p = refs[key];
+				if (p) batchArts.set(`${task.taskId}:${key}`, p);
+			}
+		}
+		renderInlineArtifactList(evidenceEl, batchArts);
+	}
+
+	if (timelineEl) {
+		await mountBoundedEventTimeline(
+			timelineEl,
+			`/api/batches/${encodeURIComponent(batchRunId)}/events`,
+			"批次事件时间线",
+		);
+	}
+}