@tea-agent/loop-agent 0.13.0 → 0.14.0

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

@@ -1,292 +1,317 @@
-/** 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 = () => {
-		const text = paragraph.join(" ").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();
-		paragraph.push(line.trim());
-	}
-	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)}…`;
-}
-
-export function repoBaseName(repoRoot) {
-	if (!repoRoot) return "未绑定仓库";
-	const trimmed = String(repoRoot).replace(/[\\/]+$/, "");
-	const parts = trimmed.split(/[\\/]/);
-	return parts[parts.length - 1] || trimmed || "未绑定仓库";
-}
-
+/** 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)}…`;
+}
+
+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\/[^/]+/, "~");
+}
+