@tea-agent/loop-agent 0.10.0 → 0.12.0

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

@@ -0,0 +1,292 @@
+/** 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 || "未绑定仓库";
+}
+