@tea-agent/loop-agent 0.1.0-fe-test.0

package/dist/worker/observe/static/format-pool.js

@@ -0,0 +1,153 @@
+/** Pool task sorting and status filter buckets (Observe UI R5). */
+
+export function sortPoolTasks(tasks) {
+	const list = Array.isArray(tasks) ? [...tasks] : [];
+	const active = new Set(["running", "pending", "blocked", "stale", "unknown"]);
+	const rank = (status) => {
+		const key = (status ?? "unknown").toLowerCase();
+		if (key === "running") return 0;
+		if (key === "pending" || key === "queued") return 1;
+		if (key === "blocked") return 2;
+		if (key === "stale") return 3;
+		if (active.has(key)) return 4;
+		return 10;
+	};
+	const timeKey = (task) =>
+		task.updatedAt || task.finishedAt || task.startedAt || "";
+	list.sort((a, b) => {
+		const ra = rank(a.status);
+		const rb = rank(b.status);
+		if (ra !== rb) return ra - rb;
+		if (ra >= 10) {
+			const tb = timeKey(b).localeCompare(timeKey(a));
+			if (tb !== 0) return tb;
+		}
+		return String(a.taskId ?? "").localeCompare(String(b.taskId ?? ""));
+	});
+	return list;
+}
+
+/**
+ * Match task status against a hash filter token (same buckets as KPI counts).
+ * pending ⊇ queued; succeeded ⊇ reused|done; blocked ⊇ stale.
+ */
+export function matchesPoolStatusFilter(taskStatus, filter) {
+	const st = (taskStatus ?? "").toLowerCase();
+	const f = (filter ?? "").toLowerCase();
+	if (!f) return true;
+	if (f === "pending") return st === "pending" || st === "queued";
+	if (f === "succeeded")
+		return st === "succeeded" || st === "reused" || st === "done";
+	if (f === "blocked") return st === "blocked" || st === "stale";
+	if (f === "failed") return st === "failed" || st === "error";
+	if (f === "running") return st === "running";
+	return st === f;
+}
+
+export function poolStatusCounts(tasks) {
+	const counts = {
+		running: 0,
+		pending: 0,
+		blocked: 0,
+		failed: 0,
+		succeeded: 0,
+		other: 0,
+	};
+	for (const task of tasks) {
+		const key = (task.status ?? "unknown").toLowerCase();
+		if (key === "running") counts.running += 1;
+		else if (key === "pending" || key === "queued") counts.pending += 1;
+		else if (key === "blocked" || key === "stale") counts.blocked += 1;
+		else if (key === "failed" || key === "error") counts.failed += 1;
+		else if (key === "succeeded" || key === "reused" || key === "done")
+			counts.succeeded += 1;
+		else counts.other += 1;
+	}
+	return counts;
+}
+
+/** Tasks that need operator attention on the pool ops surface. */
+export function isPoolAttentionTask(task) {
+	const st = (task?.status ?? "").toLowerCase();
+	const live = (task?.liveness ?? "").toLowerCase();
+	if (["failed", "error", "blocked", "stale"].includes(st)) return true;
+	if (
+		[
+			"stale",
+			"orphaned",
+			"timeout-risk",
+			"suspected-stall",
+			"needs-attention",
+			"needs-reconcile",
+		].includes(live)
+	) {
+		return true;
+	}
+	return false;
+}
+
+export function attentionRank(task) {
+	const st = (task?.status ?? "").toLowerCase();
+	const live = (task?.liveness ?? "").toLowerCase();
+	if (st === "failed" || st === "error") return 0;
+	if (live === "timeout-risk" || live === "needs-attention") return 1;
+	if (
+		st === "stale"
+		|| live === "stale"
+		|| live === "orphaned"
+		|| live === "suspected-stall"
+		|| live === "needs-reconcile"
+	) {
+		return 2;
+	}
+	if (st === "blocked") return 3;
+	return 9;
+}
+
+export function sortAttentionTasks(tasks) {
+	const list = (tasks ?? []).filter(isPoolAttentionTask);
+	list.sort((a, b) => {
+		const diff = attentionRank(a) - attentionRank(b);
+		if (diff !== 0) return diff;
+		const ta = a.updatedAt || a.finishedAt || a.startedAt || "";
+		const tb = b.updatedAt || b.finishedAt || b.startedAt || "";
+		return tb.localeCompare(ta);
+	});
+	return list;
+}
+
+/**
+ * Collect Ready Planner `selected` across features.
+ * Preserves snapshot feature order and each feature's planner-selected order.
+ * Does not re-rank Ready tasks on the client.
+ */
+export function collectPlannerReadyTasks(features) {
+	const out = [];
+	const seen = new Set();
+	for (const feature of features ?? []) {
+		const featureId = feature?.featureId;
+		const selected = feature?.planning?.selected ?? [];
+		for (const item of selected) {
+			const taskId = item?.taskId;
+			if (!taskId) continue;
+			const fid = item.featureId ?? featureId;
+			if (!fid) continue;
+			const key = `${fid}\0${taskId}`;
+			if (seen.has(key)) continue;
+			seen.add(key);
+			out.push({
+				featureId: fid,
+				taskId,
+				title: item.title,
+				priority: item.priority,
+				type: item.type,
+				reason: item.reason ?? "dependencies-satisfied",
+			});
+		}
+	}
+	return out;
+}
+
+export function taskIdentityKey(featureId, taskId) {
+	return `${featureId ?? ""}\0${taskId ?? ""}`;
+}

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

@@ -0,0 +1,347 @@
+/** Format helpers for Observe UI (R5). */
+import {
+	STATUS_LABELS,
+	DAG_EFFECTIVE_STATUS_LABELS,
+	LIVENESS_LABELS,
+} from "./constants.js";
+import { el } from "./dom.js";
+
+export function parseMarkdownBlocks(markdown) {
+	const lines = String(markdown ?? "")
+		.replace(/\r\n?/g, "\n")
+		.split("\n");
+	const blocks = [];
+	let paragraph = [];
+	let list = null;
+	let code = null;
+
+	const flushParagraph = () => {
+		if (paragraph.length === 0) return;
+		// Preserve Markdown hard breaks (trailing "  " or "\") as \n segments.
+		// Soft-wrapped lines still join with a space.
+		let text = "";
+		let prevHardBreak = false;
+		for (let i = 0; i < paragraph.length; i += 1) {
+			const raw = paragraph[i] ?? "";
+			const hardBreak = / {2}$/.test(raw) || /\\$/.test(raw);
+			const cleaned = raw.replace(/(?: {2}|\\)$/, "").trim();
+			if (!cleaned && !hardBreak) continue;
+			if (i === 0 || text === "") text = cleaned;
+			else if (prevHardBreak) text += `\n${cleaned}`;
+			else text += ` ${cleaned}`;
+			prevHardBreak = hardBreak;
+		}
+		text = text.trim();
+		if (text) blocks.push({ type: "paragraph", text });
+		paragraph = [];
+	};
+	const flushList = () => {
+		if (list?.items.length) blocks.push(list);
+		list = null;
+	};
+
+	for (let index = 0; index < lines.length; index += 1) {
+		const line = lines[index] ?? "";
+		if (code) {
+			if (/^```\s*$/.test(line)) {
+				blocks.push({
+					type: "code",
+					language: code.language,
+					text: code.lines.join("\n"),
+				});
+				code = null;
+			} else {
+				code.lines.push(line);
+			}
+			continue;
+		}
+
+		const fence = line.match(/^```([^\s]*)\s*$/);
+		if (fence) {
+			flushParagraph();
+			flushList();
+			code = { language: fence[1] ?? "", lines: [] };
+			continue;
+		}
+		if (!line.trim()) {
+			flushParagraph();
+			flushList();
+			continue;
+		}
+		const heading = line.match(/^(#{1,4})\s+(.+)$/);
+		if (heading) {
+			flushParagraph();
+			flushList();
+			blocks.push({
+				type: "heading",
+				level: heading[1].length,
+				text: heading[2].trim(),
+			});
+			continue;
+		}
+		if (/^\s{0,3}([-*_])(?:\s*\1){2,}\s*$/.test(line)) {
+			flushParagraph();
+			flushList();
+			blocks.push({ type: "rule" });
+			continue;
+		}
+		if (line.startsWith(">")) {
+			flushParagraph();
+			flushList();
+			blocks.push({ type: "quote", text: line.replace(/^>\s?/, "") });
+			continue;
+		}
+		const unordered = line.match(/^[-*+]\s+(.+)$/);
+		const ordered = line.match(/^\d+[.)]\s+(.+)$/);
+		if (unordered || ordered) {
+			flushParagraph();
+			const orderedList = Boolean(ordered);
+			if (!list || list.ordered !== orderedList) {
+				flushList();
+				list = { type: "list", ordered: orderedList, items: [] };
+			}
+			list.items.push((ordered?.[1] ?? unordered?.[1] ?? "").trim());
+			continue;
+		}
+		if (
+			line.includes("|") &&
+			/^\s*\|?\s*:?-{3,}:?\s*(?:\|\s*:?-{3,}:?\s*)+\|?\s*$/.test(
+				lines[index + 1] ?? "",
+			)
+		) {
+			flushParagraph();
+			flushList();
+			const parseCells = (row) =>
+				row
+					.trim()
+					.replace(/^\||\|$/g, "")
+					.split("|")
+					.map((cell) => cell.trim());
+			const headers = parseCells(line);
+			const rows = [];
+			index += 2;
+			while (index < lines.length && lines[index].includes("|")) {
+				rows.push(parseCells(lines[index]));
+				index += 1;
+			}
+			index -= 1;
+			blocks.push({ type: "table", headers, rows });
+			continue;
+		}
+		flushList();
+		// Keep trailing hard-break markers; trim only leading indent.
+		paragraph.push(line.replace(/^\s+/, ""));
+	}
+	if (code)
+		blocks.push({
+			type: "code",
+			language: code.language,
+			text: code.lines.join("\n"),
+		});
+	flushParagraph();
+	flushList();
+	return blocks;
+}
+
+export function markdownLinkHref(value) {
+	const href = typeof value === "string" ? value.trim() : "";
+	if (!href) return null;
+	if (href.startsWith("#") || href.startsWith("/")) return href;
+	try {
+		const parsed = new URL(
+			href,
+			typeof location === "undefined" ? "http://localhost" : location.href,
+		);
+		return ["http:", "https:", "mailto:"].includes(parsed.protocol)
+			? href
+			: null;
+	} catch {
+		return null;
+	}
+}
+
+export function statusLabel(status) {
+	if (!status) return STATUS_LABELS.unknown;
+	const key = status.toLowerCase().replace(/-/g, "_");
+	if (STATUS_LABELS[key]) return STATUS_LABELS[key];
+	if (status === "FINISHED") return STATUS_LABELS.finished_upper;
+	if (status === "ERROR") return STATUS_LABELS.error_upper;
+	if (status === "SKIPPED") return STATUS_LABELS.skipped_upper;
+	return status;
+}
+
+export function statusSymbol(status) {
+	const key = (status ?? "unknown").toLowerCase();
+	if (["finished", "completed", "succeeded", "done"].includes(key)) return "✓";
+	if (["failed", "error"].includes(key)) return "✕";
+	if (key === "skipped") return "↷";
+	if (["running", "started"].includes(key)) return "●";
+	if (["pending", "queued", "blocked"].includes(key)) return "○";
+	return "◇";
+}
+
+export function badgeClass(status) {
+	if (!status) return "unknown";
+	const key = status.toLowerCase().replace(/_/g, "-");
+	if (
+		["finished", "completed", "succeeded", "done", "superseded"].includes(key)
+	) {
+		return "succeeded";
+	}
+	if (["error", "failed", "interrupted"].includes(key)) return "failed";
+	if (key === "partial-failed") return "partial-failed";
+	if (key === "skipped" || key === "abandoned") return "skipped";
+	if (key === "running" || key === "started" || key === "running-quiet")
+		return "running";
+	if (key === "paused") return "blocked";
+	if (key === "remote-unknown") return "unknown";
+	return key;
+}
+
+export function badge(status) {
+	const label = statusLabel(status);
+	const cls = badgeClass(status);
+	return el("span", `badge badge-${cls}`, label);
+}
+
+export function formatTs(value) {
+	if (!value) return "—";
+	const d = new Date(value);
+	if (Number.isNaN(d.getTime())) return value;
+	return d.toLocaleString("zh-CN", { hour12: false });
+}
+
+export function formatMs(ms) {
+	if (ms === undefined || ms === null) return "—";
+	if (ms < 1000) return `${ms}ms`;
+	if (ms >= 60_000) {
+		const totalSeconds = Math.floor(ms / 1000);
+		return `${Math.floor(totalSeconds / 60)}min ${totalSeconds % 60}s`;
+	}
+	return `${(ms / 1000).toFixed(1)}s`;
+}
+
+export function dagStatusBadge(status) {
+	const value = status ?? "unknown";
+	return el(
+		"span",
+		`badge badge-${badgeClass(value)}`,
+		DAG_EFFECTIVE_STATUS_LABELS[value] ?? statusLabel(value),
+	);
+}
+
+export function formatDuration(ms) {
+	if (ms === undefined || ms === null || Number.isNaN(ms)) return "—";
+	if (ms < 0) ms = 0;
+	const totalSec = Math.floor(ms / 1000);
+	const hours = Math.floor(totalSec / 3600);
+	const minutes = Math.floor((totalSec % 3600) / 60);
+	const seconds = totalSec % 60;
+	if (hours > 0) return `${hours}小时 ${minutes}分 ${seconds}秒`;
+	if (minutes > 0) return `${minutes}分 ${seconds}秒`;
+	return `${seconds}秒`;
+}
+
+export function formatAgo(iso, nowMs) {
+	if (!iso) return "—";
+	const ts = Date.parse(iso);
+	if (Number.isNaN(ts)) return "—";
+	const base = nowMs ?? Date.now();
+	const deltaSec = Math.max(0, Math.floor((base - ts) / 1000));
+	if (deltaSec < 10) return "刚刚";
+	if (deltaSec < 60) return `${deltaSec} 秒前`;
+	if (deltaSec < 3600) return `${Math.floor(deltaSec / 60)} 分钟前`;
+	if (deltaSec < 86400) return `${Math.floor(deltaSec / 3600)} 小时前`;
+	return `${Math.floor(deltaSec / 86400)} 天前`;
+}
+
+export function livenessBadge(liveness) {
+	if (!liveness) return null;
+	return el(
+		"span",
+		`badge liveness-${liveness}`,
+		LIVENESS_LABELS[liveness] ?? liveness,
+	);
+}
+
+export function summaryText(summary) {
+	if (!summary) return "—";
+	let text = `总计 ${summary.total} · 成功 ${summary.succeeded} · 失败 ${summary.failed} · 复用历史结果 ${summary.reused}`;
+	if (summary.recordErrors !== undefined) {
+		text += ` · 记录错误 ${summary.recordErrors}`;
+	}
+	if (summary.runErrors !== undefined) {
+		text += ` · 运行错误 ${summary.runErrors}`;
+	}
+	return text;
+}
+
+/** Derived duration from wall-clock facts only (not persisted). */
+export function derivedDurationMs(startedAt, finishedAt) {
+	if (!startedAt || !finishedAt) return undefined;
+	const start = Date.parse(startedAt);
+	const end = Date.parse(finishedAt);
+	if (!Number.isFinite(start) || !Number.isFinite(end) || end < start)
+		return undefined;
+	return end - start;
+}
+
+export function displayDurationMs(fact) {
+	return (
+		derivedDurationMs(fact?.startedAt, fact?.finishedAt) ?? fact?.durationMs
+	);
+}
+
+export function truncateText(text, maxLen) {
+	if (!text) return "—";
+	const normalized = String(text).replace(/\s+/g, " ").trim();
+	if (normalized.length <= maxLen) return normalized;
+	return `${normalized.slice(0, maxLen)}…`;
+}
+
+/** Approximate display columns for CJK-heavy UI strings (SVG node cards). */
+export function displayWidth(text) {
+	let width = 0;
+	for (const char of String(text ?? "")) {
+		const code = char.codePointAt(0) ?? 0;
+		// Treat non-ASCII (CJK / fullwidth / most symbols) as double-width.
+		width += code > 0x00ff ? 2 : 1;
+	}
+	return width;
+}
+
+/** Truncate by display width so CJK status lines fit fixed SVG node cards. */
+export function truncateDisplayText(text, maxWidth) {
+	if (!text) return "—";
+	const normalized = String(text).replace(/\s+/g, " ").trim();
+	const limit = Math.max(1, Number(maxWidth) || 0);
+	if (displayWidth(normalized) <= limit) return normalized;
+	let out = "";
+	let width = 0;
+	// Reserve 1 column for the ellipsis when possible.
+	const budget = Math.max(1, limit - 1);
+	for (const char of normalized) {
+		const code = char.codePointAt(0) ?? 0;
+		const w = code > 0x00ff ? 2 : 1;
+		if (width + w > budget) break;
+		out += char;
+		width += w;
+	}
+	return `${out}…`;
+}
+
+export function repoBaseName(repoRoot) {
+	if (!repoRoot) return "未绑定仓库";
+	const trimmed = String(repoRoot).replace(/[\\/]+$/, "");
+	const parts = trimmed.split(/[\\/]/);
+	return parts[parts.length - 1] || trimmed || "未绑定仓库";
+}
+
+/** Compact path for header display; full path stays in title/tooltip. */
+export function formatRepoPathDisplay(repoRoot) {
+	if (!repoRoot) return "路径未知";
+	return String(repoRoot)
+		.replace(/\\/g, "/")
+		.replace(/^\/Users\/[^/]+/, "~")
+		.replace(/^\/home\/[^/]+/, "~");
+}