@tea-agent/loop-agent 0.13.0 → 0.14.0

package/dist/worker/observe/static/copy.js

@@ -1,67 +1,67 @@
-/** Copy-only recommended commands (Observe UI R5). */
-import { el } from "./dom.js";
-
-export async function copyText(text) {
-	const value = String(text ?? "");
-	if (!value) return false;
-	try {
-		if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-			await navigator.clipboard.writeText(value);
-			return true;
-		}
-	} catch {
-		// fall through
-	}
-	try {
-		const ta = document.createElement("textarea");
-		ta.value = value;
-		ta.setAttribute("readonly", "");
-		ta.style.position = "fixed";
-		ta.style.left = "-9999px";
-		document.body.appendChild(ta);
-		ta.select();
-		const ok = document.execCommand("copy");
-		document.body.removeChild(ta);
-		return ok;
-	} catch {
-		return false;
-	}
-}
-
-/** Advisory recommended command: copy-only, never executes. */
-export function renderRecommendedCommand(action) {
-	const block = el("div", "recommended-command");
-	if (!action) {
-		block.appendChild(el("span", "muted", "缺失"));
-		return block;
-	}
-	const head = el("div", "recommended-command-head");
-	if (action.kind) {
-		head.appendChild(el("span", "recommended-command-kind", action.kind));
-	}
-	head.appendChild(
-		el("span", "recommended-command-label", action.label ?? "—"),
-	);
-	block.appendChild(head);
-	if (action.command) {
-		const body = el("div", "recommended-command-body");
-		const code = el("code", "recommended-command-text", action.command);
-		body.appendChild(code);
-		const btn = el("button", "copy-command", "复制");
-		btn.type = "button";
-		btn.addEventListener("click", (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			void copyText(action.command).then((ok) => {
-				btn.textContent = ok ? "已复制" : "复制失败";
-				setTimeout(() => {
-					btn.textContent = "复制";
-				}, 1500);
-			});
-		});
-		body.appendChild(btn);
-		block.appendChild(body);
-	}
-	return block;
-}
-
+/** Copy-only recommended commands (Observe UI R5). */
+import { el } from "./dom.js";
+
+export async function copyText(text) {
+	const value = String(text ?? "");
+	if (!value) return false;
+	try {
+		if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+			await navigator.clipboard.writeText(value);
+			return true;
+		}
+	} catch {
+		// fall through
+	}
+	try {
+		const ta = document.createElement("textarea");
+		ta.value = value;
+		ta.setAttribute("readonly", "");
+		ta.style.position = "fixed";
+		ta.style.left = "-9999px";
+		document.body.appendChild(ta);
+		ta.select();
+		const ok = document.execCommand("copy");
+		document.body.removeChild(ta);
+		return ok;
+	} catch {
+		return false;
+	}
+}
+
+/** Advisory recommended command: copy-only, never executes. */
+export function renderRecommendedCommand(action) {
+	const block = el("div", "recommended-command");
+	if (!action) {
+		block.appendChild(el("span", "muted", "缺失"));
+		return block;
+	}
+	const head = el("div", "recommended-command-head");
+	if (action.kind) {
+		head.appendChild(el("span", "recommended-command-kind", action.kind));
+	}
+	head.appendChild(
+		el("span", "recommended-command-label", action.label ?? "—"),
+	);
+	block.appendChild(head);
+	if (action.command) {
+		const body = el("div", "recommended-command-body");
+		const code = el("code", "recommended-command-text", action.command);
+		body.appendChild(code);
+		const btn = el("button", "copy-command", "复制");
+		btn.type = "button";
+		btn.addEventListener("click", (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			void copyText(action.command).then((ok) => {
+				btn.textContent = ok ? "已复制" : "复制失败";
+				setTimeout(() => {
+					btn.textContent = "复制";
+				}, 1500);
+			});
+		});
+		body.appendChild(btn);
+		block.appendChild(body);
+	}
+	return block;
+}
+

package/dist/worker/observe/static/dag-helpers.js

@@ -1,172 +1,201 @@
-/** DAG status helpers, progress, active cards, rank lanes. */
-import { UI_TEXT } from "./constants.js";
-import { el } from "./dom.js";
-import {
-	badge,
-	dagStatusBadge,
-	formatDuration,
-	formatAgo,
-	formatMs,
-} from "./format.js";
-import { navigate } from "./router.js";
-
-export function isNodeActive(status) {
-	if (!status) return false;
-	const s = status.toLowerCase();
-	return (
-		s === "running" || s === "started" || s === "pending" || s === "queued"
-	);
-}
-
-export function isNodeFinished(status) {
-	if (!status) return false;
-	const s = status.toLowerCase();
-	return (
-		s === "finished" ||
-		s === "completed" ||
-		s === "succeeded" ||
-		s === "done" ||
-		s === "error" ||
-		s === "failed" ||
-		s === "skipped"
-	);
-}
-
-export function isNodeFailed(status) {
-	if (!status) return false;
-	const s = status.toLowerCase();
-	return s === "error" || s === "failed" || s === "partial_failed";
-}
-
-export function dagProgress(dag) {
-	const nodes = dag.nodes ?? [];
-	const finished = nodes.filter((n) => isNodeFinished(n.status)).length;
-	return { finished, total: nodes.length };
-}
-
-export function getActiveNodes(dag) {
-	return (dag.nodes ?? []).filter((n) => isNodeActive(n.status));
-}
-
-export function dagSortTime(dag) {
-	return dag.startedAt ?? dag.finishedAt ?? "";
-}
-
-export function renderActiveDagCard(dag, nowMs) {
-	const card = el("div", "active-dag-card");
-	if (isNodeActive(dag.status) || getActiveNodes(dag).length > 0) {
-		card.classList.add("active-dag-card-running");
-	}
-	const title = dag.title || dag.dagRunId;
-	const header = el("div", "active-dag-header");
-	header.appendChild(el("span", "active-dag-title", title));
-	header.appendChild(dagStatusBadge(dag.effectiveStatus ?? dag.status));
-	card.appendChild(header);
-
-	const progress = dagProgress(dag);
-	const activeNodes = getActiveNodes(dag);
-	const currentLabel =
-		activeNodes.length > 0
-			? activeNodes
-					.map((n) => {
-						const parts = [n.nodeId];
-						if (n.executor) parts.push(`(${n.executor})`);
-						if (n.model) parts.push(n.model);
-						return parts.join(" ");
-					})
-					.join(", ")
-			: "—";
-
-	const elapsed =
-		dag.durationMs ??
-		(dag.startedAt
-			? Math.max(0, nowMs - Date.parse(dag.startedAt))
-			: undefined);
-	const lastUpdate = dag.finishedAt ?? dag.startedAt;
-
-	const meta = el("div", "active-dag-meta");
-	meta.appendChild(
-		el(
-			"span",
-			null,
-			`进度 ${progress.finished}/${progress.total} · 当前节点：${currentLabel}`,
-		),
-	);
-	meta.appendChild(
-		el(
-			"span",
-			null,
-			`已用时 ${formatDuration(elapsed)} · 最近活动 ${formatAgo(lastUpdate, nowMs)}`,
-		),
-	);
-	card.appendChild(meta);
-
-	const link = el("a", "active-dag-link", UI_TEXT.enterDetail);
-	link.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
-	link.addEventListener("click", (e) => {
-		e.preventDefault();
-		navigate(`/dag/${encodeURIComponent(dag.dagRunId)}`);
-	});
-	card.appendChild(link);
-	return card;
-}
-
-export function renderRankLanes(dag) {
-	const container = el("div", "rank-lanes");
-	const nodes = dag.nodes ?? [];
-	const ranks = dag.ranks;
-	const rankGroups = new Map();
-
-	if (ranks && ranks.length > 0) {
-		for (let i = 0; i < ranks.length; i++) {
-			rankGroups.set(String(i), ranks[i]);
-		}
-		for (const node of nodes) {
-			const rank = node.rank ?? "—";
-			if (!rankGroups.has(rank)) {
-				rankGroups.set(rank, [node.nodeId]);
-			} else if (!rankGroups.get(rank).includes(node.nodeId)) {
-				rankGroups.get(rank).push(node.nodeId);
-			}
-		}
-	} else {
-		for (const node of nodes) {
-			const rank = node.rank ?? "—";
-			const list = rankGroups.get(rank) ?? [];
-			list.push(node.nodeId);
-			rankGroups.set(rank, list);
-		}
-	}
-
-	const sortedRanks = [...rankGroups.keys()].sort((a, b) => {
-		const na = Number(a);
-		const nb = Number(b);
-		if (!Number.isNaN(na) && !Number.isNaN(nb)) return na - nb;
-		return a.localeCompare(b);
-	});
-
-	const nodeById = Object.fromEntries(nodes.map((n) => [n.nodeId, n]));
-
-	for (const rank of sortedRanks) {
-		const lane = el("div", "rank-lane");
-		lane.appendChild(el("div", "rank-lane-label", `第 ${rank} 层`));
-		const chips = el("div", "rank-lane-nodes");
-		for (const nodeId of rankGroups.get(rank) ?? []) {
-			const node = nodeById[nodeId] ?? { nodeId };
-			const chip = el("div", "rank-node-chip");
-			if (isNodeActive(node.status)) chip.classList.add("rank-node-active");
-			if (isNodeFailed(node.status)) chip.classList.add("rank-node-error");
-			chip.appendChild(el("span", "rank-node-id", nodeId));
-			if (node.status) chip.appendChild(badge(node.status));
-			if (node.durationMs !== undefined) {
-				chip.appendChild(
-					el("span", "rank-node-dur", formatMs(node.durationMs)),
-				);
-			}
-			chips.appendChild(chip);
-		}
-		lane.appendChild(chips);
-		container.appendChild(lane);
-	}
-	return container;
-}
+/** DAG status helpers, progress, active cards, rank lanes. */
+import { UI_TEXT } from "./constants.js";
+import { el } from "./dom.js";
+import {
+	badge,
+	dagStatusBadge,
+	formatDuration,
+	formatAgo,
+	formatMs,
+} from "./format.js";
+import { navigate } from "./router.js";
+
+export function isNodeActive(status) {
+	if (!status) return false;
+	const s = status.toLowerCase();
+	return (
+		s === "running" || s === "started" || s === "pending" || s === "queued"
+	);
+}
+
+export function isNodeFinished(status) {
+	if (!status) return false;
+	const s = status.toLowerCase();
+	return (
+		s === "finished" ||
+		s === "completed" ||
+		s === "succeeded" ||
+		s === "done" ||
+		s === "error" ||
+		s === "failed" ||
+		s === "skipped"
+	);
+}
+
+export function isNodeFailed(status) {
+	if (!status) return false;
+	const s = status.toLowerCase();
+	return s === "error" || s === "failed" || s === "partial_failed";
+}
+
+export function dagProgress(dag) {
+	const nodes = dag.nodes ?? [];
+	const finished = nodes.filter((n) => isNodeFinished(n.status)).length;
+	return { finished, total: nodes.length };
+}
+
+export function getActiveNodes(dag) {
+	return (dag.nodes ?? []).filter((n) => isNodeActive(n.status));
+}
+
+	export function dagSortTime(dag) {
+		return dag.startedAt ?? dag.finishedAt ?? "";
+	}
+
+	/** Visual urgency for active DAG cards: attention > running > idle. */
+	export function dagCardUrgency(dag) {
+		const status = (dag?.effectiveStatus ?? "").toLowerCase();
+		const liveness = (dag?.liveness ?? "").toLowerCase();
+		const lifecycle = (dag?.lifecycle ?? "").toLowerCase();
+		if (
+			lifecycle === "paused" ||
+			dag?.stateConsistent === false ||
+			["interrupted", "remote-unknown"].includes(status) ||
+			["stale", "orphaned"].includes(liveness)
+		) {
+			return "attention";
+		}
+		if (isNodeActive(dag?.status) || getActiveNodes(dag).length > 0) {
+			return "running";
+		}
+		return "idle";
+	}
+
+	export function compareActiveDagUrgency(a, b) {
+		const rank = { attention: 0, running: 1, idle: 2 };
+		const diff = (rank[dagCardUrgency(a)] ?? 2) - (rank[dagCardUrgency(b)] ?? 2);
+		if (diff !== 0) return diff;
+		return dagSortTime(b).localeCompare(dagSortTime(a));
+	}
+
+	export function renderActiveDagCard(dag, nowMs) {
+		const card = el("div", "active-dag-card");
+		const urgency = dagCardUrgency(dag);
+		if (urgency === "attention") {
+			card.classList.add("active-dag-card-attention");
+		} else if (urgency === "running") {
+			card.classList.add("active-dag-card-running");
+		}
+		const title = dag.title || dag.dagRunId;
+	const header = el("div", "active-dag-header");
+	header.appendChild(el("span", "active-dag-title", title));
+	header.appendChild(dagStatusBadge(dag.effectiveStatus ?? dag.status));
+	card.appendChild(header);
+
+	const progress = dagProgress(dag);
+	const activeNodes = getActiveNodes(dag);
+	const currentLabel =
+		activeNodes.length > 0
+			? activeNodes
+					.map((n) => {
+						const parts = [n.nodeId];
+						if (n.executor) parts.push(`(${n.executor})`);
+						if (n.model) parts.push(n.model);
+						return parts.join(" ");
+					})
+					.join(", ")
+			: "—";
+
+	const elapsed =
+		dag.durationMs ??
+		(dag.startedAt
+			? Math.max(0, nowMs - Date.parse(dag.startedAt))
+			: undefined);
+	const lastUpdate = dag.finishedAt ?? dag.startedAt;
+
+	const meta = el("div", "active-dag-meta");
+	meta.appendChild(
+		el(
+			"span",
+			null,
+			`进度 ${progress.finished}/${progress.total} · 当前节点：${currentLabel}`,
+		),
+	);
+	meta.appendChild(
+		el(
+			"span",
+			null,
+			`已用时 ${formatDuration(elapsed)} · 最近活动 ${formatAgo(lastUpdate, nowMs)}`,
+		),
+	);
+	card.appendChild(meta);
+
+	const link = el("a", "active-dag-link", UI_TEXT.enterDetail);
+	link.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+	link.addEventListener("click", (e) => {
+		e.preventDefault();
+		navigate(`/dag/${encodeURIComponent(dag.dagRunId)}`);
+	});
+	card.appendChild(link);
+	return card;
+}
+
+export function renderRankLanes(dag) {
+	const container = el("div", "rank-lanes");
+	const nodes = dag.nodes ?? [];
+	const ranks = dag.ranks;
+	const rankGroups = new Map();
+
+	if (ranks && ranks.length > 0) {
+		for (let i = 0; i < ranks.length; i++) {
+			rankGroups.set(String(i), ranks[i]);
+		}
+		for (const node of nodes) {
+			const rank = node.rank ?? "—";
+			if (!rankGroups.has(rank)) {
+				rankGroups.set(rank, [node.nodeId]);
+			} else if (!rankGroups.get(rank).includes(node.nodeId)) {
+				rankGroups.get(rank).push(node.nodeId);
+			}
+		}
+	} else {
+		for (const node of nodes) {
+			const rank = node.rank ?? "—";
+			const list = rankGroups.get(rank) ?? [];
+			list.push(node.nodeId);
+			rankGroups.set(rank, list);
+		}
+	}
+
+	const sortedRanks = [...rankGroups.keys()].sort((a, b) => {
+		const na = Number(a);
+		const nb = Number(b);
+		if (!Number.isNaN(na) && !Number.isNaN(nb)) return na - nb;
+		return a.localeCompare(b);
+	});
+
+	const nodeById = Object.fromEntries(nodes.map((n) => [n.nodeId, n]));
+
+	for (const rank of sortedRanks) {
+		const lane = el("div", "rank-lane");
+		lane.appendChild(el("div", "rank-lane-label", `第 ${rank} 层`));
+		const chips = el("div", "rank-lane-nodes");
+		for (const nodeId of rankGroups.get(rank) ?? []) {
+			const node = nodeById[nodeId] ?? { nodeId };
+			const chip = el("div", "rank-node-chip");
+			if (isNodeActive(node.status)) chip.classList.add("rank-node-active");
+			if (isNodeFailed(node.status)) chip.classList.add("rank-node-error");
+			chip.appendChild(el("span", "rank-node-id", nodeId));
+			if (node.status) chip.appendChild(badge(node.status));
+			if (node.durationMs !== undefined) {
+				chip.appendChild(
+					el("span", "rank-node-dur", formatMs(node.durationMs)),
+				);
+			}
+			chips.appendChild(chip);
+		}
+		lane.appendChild(chips);
+		container.appendChild(lane);
+	}
+	return container;
+}

package/dist/worker/observe/static/dag-layout.d.ts

@@ -1,31 +1,31 @@
-export type DagLayoutNodeInput = { nodeId: string };
-export type DagLayoutEdgeInput = { from: string; to: string };
-export type DagLayoutNode = {
-	nodeId: string;
-	rank: number;
-	index: number;
-	x: number;
-	y: number;
-	width: number;
-	height: number;
-};
-export type DagLayoutEdge = DagLayoutEdgeInput & { path: string };
-export type DagLayout = {
-	width: number;
-	height: number;
-	nodes: DagLayoutNode[];
-	edges: DagLayoutEdge[];
-};
-
-export function layoutDag(
-	nodes?: DagLayoutNodeInput[],
-	edges?: DagLayoutEdgeInput[],
-	ranks?: string[][],
-	options?: Partial<{
-		nodeWidth: number;
-		nodeHeight: number;
-		rankGap: number;
-		nodeGap: number;
-		padding: number;
-	}>,
-): DagLayout;
+export type DagLayoutNodeInput = { nodeId: string };
+export type DagLayoutEdgeInput = { from: string; to: string };
+export type DagLayoutNode = {
+	nodeId: string;
+	rank: number;
+	index: number;
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+};
+export type DagLayoutEdge = DagLayoutEdgeInput & { path: string };
+export type DagLayout = {
+	width: number;
+	height: number;
+	nodes: DagLayoutNode[];
+	edges: DagLayoutEdge[];
+};
+
+export function layoutDag(
+	nodes?: DagLayoutNodeInput[],
+	edges?: DagLayoutEdgeInput[],
+	ranks?: string[][],
+	options?: Partial<{
+		nodeWidth: number;
+		nodeHeight: number;
+		rankGap: number;
+		nodeGap: number;
+		padding: number;
+	}>,
+): DagLayout;