@tea-agent/loop-agent 0.12.0 → 0.13.0-beta.0

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

@@ -1,260 +1,314 @@
-/** 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 { findBatchRunIdForTask, taskRunHistoryRow } from "../run-processing.js";
-
-export async function renderTaskDetail(taskId) {
-	showView("task");
-	setBreadcrumb([
-		{ label: UI_TEXT.dashboard, href: "#/" },
-		{ label: "资源池", href: "#/pool" },
-		{ label: taskId },
-	]);
-
-	const titleEl = document.getElementById("task-title");
-	const metaEl = document.getElementById("task-meta");
-	const linksEl = document.getElementById("task-links");
-	const evidenceEl = document.getElementById("task-evidence");
-	const runsEl = document.getElementById("task-runs");
-	if (!metaEl || !linksEl || !evidenceEl || !runsEl) return false;
-	if (titleEl) titleEl.textContent = taskId;
-	mountViewState(metaEl, "loading", "加载 Task…");
-
-	const [task, history, snapshot] = await Promise.all([
-		fetchJson(`/api/tasks/${encodeURIComponent(taskId)}`),
-		fetchJson(`/api/tasks/${encodeURIComponent(taskId)}/runs?limit=20`),
-		fetchJson("/api/snapshot"),
-	]);
-	if (snapshot) {
-		uiState.lastSnapshot = snapshot;
-		updateHeaderRefresh(snapshot.generatedAt);
-	}
-
-	clearNode(metaEl);
-	clearNode(linksEl);
-	clearNode(evidenceEl);
-	clearNode(runsEl);
-
-	if (!task) {
-		mountViewState(metaEl, "error", `未找到 Task：${taskId}`);
-		mountRelationBar("task-relations", {}, snapshot);
-		return false;
-	}
-
-	metaEl.appendChild(
-		metaGrid([
-			["Task ID", task.taskId],
-			["状态", badge(task.status)],
-			[
-				"Feature",
-				task.featureId
-					? objectRouteLink("feature", task.featureId, snapshot)
-					: el("span", "muted", "—"),
-			],
-			["更新时间", task.updatedAt ?? task.finishedAt ?? task.startedAt ?? "—"],
-			["最新 worker run", task.workerRunId ?? "—"],
-			["失败分类", task.failureCategory ?? "—"],
-			["建议跟进", task.recommendedFollowUp ?? "—"],
-			[
-				"活性",
-				task.liveness ? (LIVENESS_LABELS[task.liveness] ?? task.liveness) : "—",
-			],
-		]),
-	);
-
-	const batchRunId = findBatchRunIdForTask(snapshot, task);
-	const dag = findDagForRun(snapshot, task.workerRunId, task);
-	mountRelationBar(
-		"task-relations",
-		{
-			featureId: task.featureId,
-			taskId: task.taskId,
-			batchRunId: batchRunId ?? undefined,
-			workerRunId: task.workerRunId,
-			dagRunId: dag?.dagRunId ?? task.dagRunId,
-		},
-		snapshot,
-	);
-	linksEl.appendChild(el("h3", "section-heading", "真实关联"));
-	const linkList = el("div", "artifact-links");
-	linkList.appendChild(objectRouteLink("run", task.workerRunId, snapshot));
-	linkList.appendChild(document.createTextNode(" · "));
-	linkList.appendChild(
-		batchRunId
-			? objectRouteLink("batch", batchRunId, snapshot)
-			: el("span", "muted", "batch 缺失"),
-	);
-	linkList.appendChild(document.createTextNode(" · "));
-	linkList.appendChild(
-		dag
-			? objectRouteLink("dag", dag.dagRunId, snapshot)
-			: task.dagRunId
-				? el("span", "muted", task.dagRunId)
-				: el("span", "muted", "DAG 缺失"),
-	);
-	if (task.featureId) {
-		linkList.appendChild(document.createTextNode(" · "));
-		linkList.appendChild(objectRouteLink("feature", task.featureId, snapshot));
-	}
-	linksEl.appendChild(linkList);
-
-	evidenceEl.appendChild(el("h3", "section-heading", "失败证据"));
-	const r = task.artifactRefs ?? {};
-	const evidenceLinks = el("div", "artifact-links");
-	evidenceLinks.appendChild(artifactLink("报告", r.reportMarkdown));
-	evidenceLinks.appendChild(document.createTextNode(" "));
-	evidenceLinks.appendChild(artifactLink("诊断", r.doctorMarkdown));
-	evidenceLinks.appendChild(document.createTextNode(" "));
-	evidenceLinks.appendChild(artifactLink("收尾方案", r.closeoutDraft));
-	evidenceLinks.appendChild(document.createTextNode(" "));
-	evidenceLinks.appendChild(artifactLink("run 记录", r.runRecordPath));
-	if (
-		!r.reportMarkdown &&
-		!r.doctorMarkdown &&
-		!r.closeoutDraft &&
-		!r.runRecordPath
-	) {
-		evidenceEl.appendChild(el("p", "empty", "暂无 allowlist 内的证据路径。"));
-	} else {
-		evidenceEl.appendChild(evidenceLinks);
-	}
-
-	runsEl.appendChild(el("h3", "section-heading", "运行历史"));
-	const runs = history?.runs ?? [];
-	if (runs.length === 0) {
-		mountViewState(runsEl, "empty", "暂无 ledger 运行记录。");
-	} else {
-		const rows = runs.map(taskRunHistoryRow);
-		runsEl.appendChild(
-			buildTable(
-				["worker run", "状态", "时间", "batch", "retryOf", "失败分类"],
-				rows,
-			),
-		);
-		if (history?.nextBefore) {
-			const more = el("button", "link-button", "加载更早的运行");
-			more.type = "button";
-			more.addEventListener("click", () => {
-				void loadOlderTaskRuns(taskId, history.nextBefore, runsEl);
-			});
-			runsEl.appendChild(more);
-		}
-	}
-
-	const active = ["running", "pending", "blocked", "stale"].includes(
-		(task.status ?? "").toLowerCase(),
-	);
-	return active;
-}
-
-export async function loadOlderTaskRuns(taskId, before, runsEl) {
-	const page = await fetchJson(
-		`/api/tasks/${encodeURIComponent(taskId)}/runs?limit=20&before=${encodeURIComponent(before)}`,
-	);
-	if (!page?.runs?.length) return;
-	const table = runsEl.querySelector("table");
-	if (!table) return;
-	const tbody = table.querySelector("tbody") || table;
-	for (const run of page.runs) {
-		const tr = document.createElement("tr");
-		for (const cell of taskRunHistoryRow(run).cells) {
-			const td = document.createElement("td");
-			if (cell instanceof Node) td.appendChild(cell);
-			else td.textContent = cell;
-			tr.appendChild(td);
-		}
-		tbody.appendChild(tr);
-	}
-	const btn = runsEl.querySelector("button.link-button");
-	if (btn) {
-		if (page.nextBefore) {
-			btn.onclick = () => {
-				void loadOlderTaskRuns(taskId, page.nextBefore, runsEl);
-			};
-		} else {
-			btn.remove();
-		}
-	}
-}
-
-export function startTaskPolling(taskId) {
-	if (uiState.taskPollTimer) clearTimeout(uiState.taskPollTimer);
-	const generation = ++uiState.pollingGeneration;
-	const poll = async () => {
-		const active = await renderTaskDetail(taskId);
-		if (generation !== uiState.pollingGeneration || !active) return;
-		const delay = detailPollDelay("running", isPageVisible());
-		if (delay == null) return;
-		uiState.taskPollTimer = setTimeout(() => {
-			uiState.taskPollTimer = null;
-			void poll();
-		}, delay);
-	};
-	void poll();
-}
-
+/** 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,
+	fetchJsonResult,
+	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 { findBatchRunIdForTask, taskRunHistoryRow } from "../run-processing.js";
+
+export async function renderTaskDetail(featureId, taskId) {
+	if (taskId === undefined) {
+		taskId = featureId;
+		featureId = undefined;
+	}
+	const taskApi = featureId
+		? `/api/features/${encodeURIComponent(featureId)}/tasks/${encodeURIComponent(taskId)}`
+		: `/api/tasks/${encodeURIComponent(taskId)}`;
+	const displayLabel = featureId ? `${featureId}::${taskId}` : taskId;
+	showView("task");
+	setBreadcrumb([
+		{ label: UI_TEXT.dashboard, href: "#/" },
+		{ label: "资源池", href: "#/pool" },
+		{ label: displayLabel },
+	]);
+
+	const titleEl = document.getElementById("task-title");
+	const metaEl = document.getElementById("task-meta");
+	const linksEl = document.getElementById("task-links");
+	const evidenceEl = document.getElementById("task-evidence");
+	const runsEl = document.getElementById("task-runs");
+	if (!metaEl || !linksEl || !evidenceEl || !runsEl) return false;
+	if (titleEl) titleEl.textContent = displayLabel;
+	mountViewState(metaEl, "loading", "加载 Task…");
+
+	const [taskResult, historyResult, snapshot] = await Promise.all([
+		fetchJsonResult(taskApi),
+		fetchJsonResult(`${taskApi}/runs?limit=20`),
+		fetchJson("/api/snapshot"),
+	]);
+	const task = taskResult.ok ? taskResult.body : null;
+	const history = historyResult.ok ? historyResult.body : null;
+	if (snapshot) {
+		uiState.lastSnapshot = snapshot;
+		updateHeaderRefresh(snapshot.generatedAt);
+	}
+
+	clearNode(metaEl);
+	clearNode(linksEl);
+	clearNode(evidenceEl);
+	clearNode(runsEl);
+
+	if (!task) {
+		if (taskResult.status === 409) {
+			const candidates = Array.isArray(taskResult.body?.candidates)
+				? taskResult.body.candidates
+				: [];
+			mountViewState(
+				metaEl,
+				"error",
+				`Task 身份歧义：${taskId} 同时属于多个 Feature，请选择 Feature 作用域入口。`,
+			);
+			if (candidates.length > 0) {
+				const list = el("div", "artifact-links");
+				for (const c of candidates) {
+					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.addEventListener("click", (e) => {
+						e.preventDefault();
+						navigate(path);
+					});
+					list.appendChild(a);
+					list.appendChild(document.createTextNode(" "));
+				}
+				metaEl.appendChild(list);
+			}
+		} else {
+			mountViewState(metaEl, "error", `未找到 Task：${taskId}`);
+		}
+		mountRelationBar("task-relations", {}, snapshot);
+		return false;
+	}
+
+	metaEl.appendChild(
+		metaGrid([
+			["Task ID", task.taskId],
+			["状态", badge(task.status)],
+			[
+				"Feature",
+				task.featureId
+					? objectRouteLink("feature", task.featureId, snapshot)
+					: el("span", "muted", "—"),
+			],
+			["更新时间", task.updatedAt ?? task.finishedAt ?? task.startedAt ?? "—"],
+			["最新 worker run", task.workerRunId ?? "—"],
+			["失败分类", task.failureCategory ?? "—"],
+			["建议跟进", task.recommendedFollowUp ?? "—"],
+			[
+				"活性",
+				task.liveness ? (LIVENESS_LABELS[task.liveness] ?? task.liveness) : "—",
+			],
+		]),
+	);
+
+	const batchRunId = findBatchRunIdForTask(snapshot, task);
+	const dag = findDagForRun(snapshot, task.workerRunId, task);
+	mountRelationBar(
+		"task-relations",
+		{
+			featureId: task.featureId,
+			taskId: task.taskId,
+			batchRunId: batchRunId ?? undefined,
+			workerRunId: task.workerRunId,
+			dagRunId: dag?.dagRunId ?? task.dagRunId,
+		},
+		snapshot,
+	);
+	linksEl.appendChild(el("h3", "section-heading", "真实关联"));
+	const linkList = el("div", "artifact-links");
+	linkList.appendChild(objectRouteLink("run", task.workerRunId, snapshot));
+	linkList.appendChild(document.createTextNode(" · "));
+	linkList.appendChild(
+		batchRunId
+			? objectRouteLink("batch", batchRunId, snapshot)
+			: el("span", "muted", "batch 缺失"),
+	);
+	linkList.appendChild(document.createTextNode(" · "));
+	linkList.appendChild(
+		dag
+			? objectRouteLink("dag", dag.dagRunId, snapshot)
+			: task.dagRunId
+				? el("span", "muted", task.dagRunId)
+				: el("span", "muted", "DAG 缺失"),
+	);
+	if (task.featureId) {
+		linkList.appendChild(document.createTextNode(" · "));
+		linkList.appendChild(objectRouteLink("feature", task.featureId, snapshot));
+	}
+	linksEl.appendChild(linkList);
+
+	evidenceEl.appendChild(el("h3", "section-heading", "失败证据"));
+	const r = task.artifactRefs ?? {};
+	const evidenceLinks = el("div", "artifact-links");
+	evidenceLinks.appendChild(artifactLink("报告", r.reportMarkdown));
+	evidenceLinks.appendChild(document.createTextNode(" "));
+	evidenceLinks.appendChild(artifactLink("诊断", r.doctorMarkdown));
+	evidenceLinks.appendChild(document.createTextNode(" "));
+	evidenceLinks.appendChild(artifactLink("收尾方案", r.closeoutDraft));
+	evidenceLinks.appendChild(document.createTextNode(" "));
+	evidenceLinks.appendChild(artifactLink("run 记录", r.runRecordPath));
+	if (
+		!r.reportMarkdown &&
+		!r.doctorMarkdown &&
+		!r.closeoutDraft &&
+		!r.runRecordPath
+	) {
+		evidenceEl.appendChild(el("p", "empty", "暂无 allowlist 内的证据路径。"));
+	} else {
+		evidenceEl.appendChild(evidenceLinks);
+	}
+
+	runsEl.appendChild(el("h3", "section-heading", "运行历史"));
+	const runs = history?.runs ?? [];
+	if (runs.length === 0) {
+		mountViewState(runsEl, "empty", "暂无 ledger 运行记录。");
+	} else {
+		const rows = runs.map(taskRunHistoryRow);
+		runsEl.appendChild(
+			buildTable(
+				["worker run", "状态", "时间", "batch", "retryOf", "失败分类"],
+				rows,
+			),
+		);
+		if (history?.nextBefore) {
+			const more = el("button", "link-button", "加载更早的运行");
+			more.type = "button";
+			more.addEventListener("click", () => {
+				void loadOlderTaskRuns(featureId, taskId, history.nextBefore, runsEl);
+			});
+			runsEl.appendChild(more);
+		}
+	}
+
+	const active = ["running", "pending", "blocked", "stale"].includes(
+		(task.status ?? "").toLowerCase(),
+	);
+	return active;
+}
+
+export async function loadOlderTaskRuns(featureId, taskId, before, runsEl) {
+	if (runsEl === undefined) {
+		runsEl = before;
+		before = taskId;
+		taskId = featureId;
+		featureId = undefined;
+	}
+	const taskApi = featureId
+		? `/api/features/${encodeURIComponent(featureId)}/tasks/${encodeURIComponent(taskId)}`
+		: `/api/tasks/${encodeURIComponent(taskId)}`;
+	const page = await fetchJson(
+		`${taskApi}/runs?limit=20&before=${encodeURIComponent(before)}`,
+	);
+	if (!page?.runs?.length) return;
+	const table = runsEl.querySelector("table");
+	if (!table) return;
+	const tbody = table.querySelector("tbody") || table;
+	for (const run of page.runs) {
+		const tr = document.createElement("tr");
+		for (const cell of taskRunHistoryRow(run).cells) {
+			const td = document.createElement("td");
+			if (cell instanceof Node) td.appendChild(cell);
+			else td.textContent = cell;
+			tr.appendChild(td);
+		}
+		tbody.appendChild(tr);
+	}
+	const btn = runsEl.querySelector("button.link-button");
+	if (btn) {
+		if (page.nextBefore) {
+			btn.onclick = () => {
+				void loadOlderTaskRuns(featureId, taskId, page.nextBefore, runsEl);
+			};
+		} else {
+			btn.remove();
+		}
+	}
+}
+
+export function startTaskPolling(featureId, taskId) {
+	if (taskId === undefined) {
+		taskId = featureId;
+		featureId = undefined;
+	}
+	if (uiState.taskPollTimer) clearTimeout(uiState.taskPollTimer);
+	const generation = ++uiState.pollingGeneration;
+	const poll = async () => {
+		const active = await renderTaskDetail(featureId, taskId);
+		if (generation !== uiState.pollingGeneration || !active) return;
+		const delay = detailPollDelay("running", isPageVisible());
+		if (delay == null) return;
+		uiState.taskPollTimer = setTimeout(() => {
+			uiState.taskPollTimer = null;
+			void poll();
+		}, delay);
+	};
+	void poll();
+}