@tea-agent/loop-agent 0.13.0 → 0.14.0

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

@@ -1,94 +1,100 @@
-/** KPI cards, repo banner, projection fault, artifact/inbox links. */
-import { UI_TEXT } from "./constants.js";
-import { clearNode, el } from "./dom.js";
-import { repoBaseName } from "./format.js";
-import { navigate } from "./router.js";
-
-export function failuresInboxLink(count) {
-	const wrap = el("span");
-	wrap.appendChild(document.createTextNode(`${count} `));
-	const a = el("a", "inbox-link", `${UI_TEXT.failureInbox} →`);
-	a.href = "#/failures";
-	a.addEventListener("click", (e) => {
-		e.preventDefault();
-		navigate("/failures");
-	});
-	wrap.appendChild(a);
-	return wrap;
-}
-
-export function artifactLink(label, refPath) {
-	if (!refPath) return el("span", "muted", "—");
-	const a = el("a", "artifact-link", label);
-	a.href = `/api/artifacts?path=${encodeURIComponent(refPath)}&tail=200`;
-	a.target = "_blank";
-	return a;
-}
-
-let kpiHelpSeed = 0;
-export function kpiCard(label, value, extraClass, helpText) {
-	const card = el("div", `kpi-card${extraClass ? ` ${extraClass}` : ""}`);
-	card.appendChild(el("div", "kpi-label", label));
-	const valueWrap = el("div", "kpi-value-row");
-	const valueEl = el("div", "kpi-value");
-	if (value instanceof Node) valueEl.appendChild(value);
-	else valueEl.textContent = String(value);
-	valueWrap.appendChild(valueEl);
-	if (helpText) {
-		kpiHelpSeed += 1;
-		const tipId = `kpi-tip-${kpiHelpSeed}`;
-		const helpBtn = el("button", "kpi-help");
-		helpBtn.type = "button";
-		helpBtn.setAttribute("aria-describedby", tipId);
-		helpBtn.setAttribute("aria-label", `${label} 指标说明`);
-		const icon = el("i", "ri-question-line");
-		icon.setAttribute("aria-hidden", "true");
-		helpBtn.appendChild(icon);
-		const tip = el("span", "kpi-tip");
-		tip.id = tipId;
-		tip.setAttribute("role", "tooltip");
-		tip.textContent = helpText;
-		valueWrap.appendChild(helpBtn);
-		valueWrap.appendChild(tip);
-	}
-	card.appendChild(valueWrap);
-	return card;
-}
-
-export function renderRepoBanner(repoEl, snapshot) {
-	if (!repoEl) return;
-	clearNode(repoEl);
-	const repoRoot = snapshot.repoRoot ?? "";
-	const icon = el("i", "ri-git-repository-line");
-	icon.setAttribute("aria-hidden", "true");
-	repoEl.appendChild(icon);
-	const text = el("div", "repo-banner-text");
-	text.appendChild(el("span", "repo-banner-name", repoBaseName(repoRoot)));
-	const pathLine = el("span", "repo-banner-path", repoRoot || "路径未知");
-	pathLine.title = repoRoot || "";
-	text.appendChild(pathLine);
-	repoEl.appendChild(text);
-}
-
-export function renderProjectionFault(error) {
-	const banner = el("div", "projection-fault");
-	banner.setAttribute("role", "alert");
-	const icon = el("i", "ri-error-warning-line");
-	icon.setAttribute("aria-hidden", "true");
-	banner.appendChild(icon);
-	const body = el("div", "projection-fault-body");
-	body.appendChild(
-		el("p", "projection-fault-title", "指标暂不可用：数据投影失败。"),
-	);
-	body.appendChild(
-		el(
-			"p",
-			"projection-fault-message",
-			error.message ?? "投影失败 (projection failed)",
-		),
-	);
-	if (error.at)
-		body.appendChild(el("p", "projection-fault-at", `发生时间：${error.at}`));
-	banner.appendChild(body);
-	return banner;
-}
+/** KPI cards, repo banner, projection fault, artifact/inbox links. */
+import { UI_TEXT } from "./constants.js";
+import { clearNode, el } from "./dom.js";
+import { formatRepoPathDisplay, repoBaseName } from "./format.js";
+import { navigate } from "./router.js";
+
+export function failuresInboxLink(count) {
+	const wrap = el("span", "kpi-value-with-link");
+	wrap.appendChild(el("span", "kpi-value-num", String(count)));
+	const a = el("a", "inbox-link", `${UI_TEXT.failureInbox} →`);
+	a.href = "#/failures";
+	a.addEventListener("click", (e) => {
+		e.preventDefault();
+		navigate("/failures");
+	});
+	wrap.appendChild(a);
+	return wrap;
+}
+
+export function artifactLink(label, refPath) {
+	if (!refPath) return el("span", "muted", "—");
+	const a = el("a", "artifact-link", label);
+	a.href = `/api/artifacts?path=${encodeURIComponent(refPath)}&tail=200`;
+	a.target = "_blank";
+	return a;
+}
+
+let kpiHelpSeed = 0;
+export function kpiCard(label, value, extraClass, helpText) {
+	const card = el("div", `kpi-card${extraClass ? ` ${extraClass}` : ""}`);
+	card.appendChild(el("div", "kpi-label", label));
+	const valueWrap = el("div", "kpi-value-row");
+	const valueEl = el("div", "kpi-value");
+	if (value instanceof Node) valueEl.appendChild(value);
+	else valueEl.textContent = String(value);
+	valueWrap.appendChild(valueEl);
+	if (helpText) {
+		kpiHelpSeed += 1;
+		const tipId = `kpi-tip-${kpiHelpSeed}`;
+		const helpBtn = el("button", "kpi-help");
+		helpBtn.type = "button";
+		helpBtn.setAttribute("aria-describedby", tipId);
+		helpBtn.setAttribute("aria-label", `${label} 指标说明`);
+		const icon = el("i", "ri-question-line");
+		icon.setAttribute("aria-hidden", "true");
+		helpBtn.appendChild(icon);
+		const tip = el("span", "kpi-tip");
+		tip.id = tipId;
+		tip.setAttribute("role", "tooltip");
+		tip.textContent = helpText;
+		valueWrap.appendChild(helpBtn);
+		valueWrap.appendChild(tip);
+	}
+	card.appendChild(valueWrap);
+	return card;
+}
+
+export function renderRepoBanner(repoEl, snapshot) {
+	if (!repoEl) return;
+	clearNode(repoEl);
+	const repoRoot = snapshot.repoRoot ?? "";
+	const iconWrap = el("span", "repo-banner-icon");
+	const icon = el("i", "ri-git-repository-line");
+	icon.setAttribute("aria-hidden", "true");
+	iconWrap.appendChild(icon);
+	repoEl.appendChild(iconWrap);
+	const text = el("div", "repo-banner-text");
+	text.appendChild(el("span", "repo-banner-name", repoBaseName(repoRoot)));
+	const pathLine = el(
+		"span",
+		"repo-banner-path",
+		formatRepoPathDisplay(repoRoot),
+	);
+	pathLine.title = repoRoot || "路径未知";
+	text.appendChild(pathLine);
+	repoEl.appendChild(text);
+}
+
+export function renderProjectionFault(error) {
+	const banner = el("div", "projection-fault");
+	banner.setAttribute("role", "alert");
+	const icon = el("i", "ri-error-warning-line");
+	icon.setAttribute("aria-hidden", "true");
+	banner.appendChild(icon);
+	const body = el("div", "projection-fault-body");
+	body.appendChild(
+		el("p", "projection-fault-title", "指标暂不可用：数据投影失败。"),
+	);
+	body.appendChild(
+		el(
+			"p",
+			"projection-fault-message",
+			error.message ?? "投影失败 (projection failed)",
+		),
+	);
+	if (error.at)
+		body.appendChild(el("p", "projection-fault-at", `发生时间：${error.at}`));
+	banner.appendChild(body);
+	return banner;
+}

package/dist/worker/observe/static/markdown-render.js

@@ -0,0 +1,124 @@
+/** Shared safe Markdown → DOM rendering for Observe UI. */
+import { el } from "./dom.js";
+import { parseMarkdownBlocks, markdownLinkHref } from "./format.js";
+
+export function appendInlineMarkdown(target, text) {
+	const tokenPattern = /(`[^`]*`|\*\*[^*]+\*\*|\*[^*]+\*|\[[^\]]+\]\([^)]+\))/g;
+	let cursor = 0;
+	for (const match of text.matchAll(tokenPattern)) {
+		const index = match.index ?? 0;
+		if (index > cursor)
+			target.appendChild(document.createTextNode(text.slice(cursor, index)));
+		const token = match[0];
+		if (token.startsWith("`")) {
+			target.appendChild(el("code", null, token.slice(1, -1)));
+		} else if (token.startsWith("**")) {
+			const strong = document.createElement("strong");
+			strong.textContent = token.slice(2, -2);
+			target.appendChild(strong);
+		} else if (token.startsWith("*")) {
+			const emphasis = document.createElement("em");
+			emphasis.textContent = token.slice(1, -1);
+			target.appendChild(emphasis);
+		} else {
+			const link = token.match(/^\[([^\]]+)\]\((.+)\)$/);
+			const href = markdownLinkHref(link?.[2]);
+			if (link && href) {
+				const anchor = document.createElement("a");
+				anchor.href = href;
+				anchor.target = "_blank";
+				anchor.rel = "noopener noreferrer";
+				anchor.textContent = link[1];
+				target.appendChild(anchor);
+			} else {
+				target.appendChild(document.createTextNode(token));
+			}
+		}
+		cursor = index + token.length;
+	}
+	if (cursor < text.length)
+		target.appendChild(document.createTextNode(text.slice(cursor)));
+}
+
+/** Render paragraph text, honoring \n hard breaks as <br>. */
+export function appendParagraphMarkdown(target, text) {
+	const segments = String(text ?? "").split("\n");
+	for (let i = 0; i < segments.length; i += 1) {
+		if (i > 0) target.appendChild(document.createElement("br"));
+		appendInlineMarkdown(target, segments[i]);
+	}
+}
+
+export function renderMarkdown(content) {
+	const article = el("article", "markdown-output");
+	for (const block of parseMarkdownBlocks(content)) {
+		switch (block.type) {
+			case "heading": {
+				const heading = document.createElement(`h${block.level}`);
+				appendInlineMarkdown(heading, block.text);
+				article.appendChild(heading);
+				break;
+			}
+			case "paragraph": {
+				const paragraph = document.createElement("p");
+				appendParagraphMarkdown(paragraph, block.text);
+				article.appendChild(paragraph);
+				break;
+			}
+			case "quote": {
+				const quote = document.createElement("blockquote");
+				appendParagraphMarkdown(quote, block.text);
+				article.appendChild(quote);
+				break;
+			}
+			case "list": {
+				const list = document.createElement(block.ordered ? "ol" : "ul");
+				for (const item of block.items) {
+					const listItem = document.createElement("li");
+					appendInlineMarkdown(listItem, item);
+					list.appendChild(listItem);
+				}
+				article.appendChild(list);
+				break;
+			}
+			case "code": {
+				const pre = document.createElement("pre");
+				const code = document.createElement("code");
+				if (block.language) code.dataset.language = block.language;
+				code.textContent = block.text;
+				pre.appendChild(code);
+				article.appendChild(pre);
+				break;
+			}
+			case "table": {
+				const table = document.createElement("table");
+				const head = document.createElement("thead");
+				const headRow = document.createElement("tr");
+				for (const value of block.headers) {
+					const cell = document.createElement("th");
+					appendInlineMarkdown(cell, value);
+					headRow.appendChild(cell);
+				}
+				head.appendChild(headRow);
+				table.appendChild(head);
+				const body = document.createElement("tbody");
+				for (const row of block.rows) {
+					const tableRow = document.createElement("tr");
+					for (const value of row) {
+						const cell = document.createElement("td");
+						appendInlineMarkdown(cell, value);
+						tableRow.appendChild(cell);
+					}
+					body.appendChild(tableRow);
+				}
+				table.appendChild(body);
+				article.appendChild(table);
+				break;
+			}
+			case "rule":
+				article.appendChild(document.createElement("hr"));
+				break;
+		}
+	}
+	return article;
+}

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

@@ -1,133 +1,133 @@
-/** Object relation navigation (Observe UI R5). */
-import { el } from "./dom.js";
-import { navigate } from "./router.js";
-
-export function objectExistsInSnapshot(kind, id, snapshot, featureId) {
-	if (!id) return false;
-	if (kind === "feature") {
-		return (snapshot?.features ?? []).some((f) => f.featureId === id);
-	}
-	if (kind === "task") {
-		return (snapshot?.tasks ?? []).some(
-			(t) => t.taskId === id && (!featureId || t.featureId === featureId),
-		);
-	}
-	if (kind === "batch") {
-		return (snapshot?.batches ?? []).some((b) => b.batchRunId === id);
-	}
-	if (kind === "run") {
-		return (
-			(snapshot?.tasks ?? []).some((t) => t.workerRunId === id) ||
-			(snapshot?.batches ?? []).some((b) =>
-				(b.tasks ?? []).some((t) => t.workerRunId === id),
-			)
-		);
-	}
-	if (kind === "dag") {
-		return (snapshot?.dagRuns ?? []).some((d) => d.dagRunId === id);
-	}
-	return false;
-}
-
-export function objectRoutePath(kind, id, featureId) {
-	if (kind === "feature") return `/feature/${encodeURIComponent(id)}`;
-	if (kind === "task" && featureId) {
-		return `/feature/${encodeURIComponent(featureId)}/task/${encodeURIComponent(id)}`;
-	}
-	if (kind === "task") return `/task/${encodeURIComponent(id)}`;
-	if (kind === "batch") return `/batch/${encodeURIComponent(id)}`;
-	if (kind === "run") return `/run/${encodeURIComponent(id)}`;
-	if (kind === "dag") return `/dag/${encodeURIComponent(id)}`;
-	return "/";
-}
-
-/** Hash-route link only when id is present and snapshot contains the object. */
-export function objectRouteLink(kind, id, snapshot, featureId) {
-	if (!id) return el("span", "muted", "缺失");
-	const exists = objectExistsInSnapshot(kind, id, snapshot, featureId);
-	if (!exists) return el("span", "muted", id);
-	const path = objectRoutePath(kind, id, featureId);
-	const a = el("a", "object-link", id);
-	a.href = `#${path}`;
-	a.addEventListener("click", (e) => {
-		e.preventDefault();
-		e.stopPropagation();
-		navigate(path);
-	});
-	return a;
-}
-
-export function findFeatureInSnapshot(snapshot, featureId) {
-	if (!featureId) return undefined;
-	return (snapshot?.features ?? []).find((f) => f.featureId === featureId);
-}
-
-export function featureLookupState(snapshot, featureId) {
-	if (!snapshot) return { kind: "unavailable" };
-	const feature = findFeatureInSnapshot(snapshot, featureId);
-	return feature ? { kind: "found", feature } : { kind: "missing" };
-}
-
-export const RELATION_KIND_ORDER = ["feature", "task", "batch", "run", "dag"];
-export const RELATION_LABELS = {
-	feature: "Feature",
-	task: "Task",
-	batch: "Batch",
-	run: "Run",
-	dag: "DAG",
-};
-
-/**
- * Build proven relation descriptors only (id present AND object in snapshot).
- * Never infers links from identifier naming.
- */
-export function buildObjectRelations(ids, snapshot) {
-	const input = ids ?? {};
-	const candidates = [
-		{ kind: "feature", id: input.featureId },
-		{ kind: "task", id: input.taskId, featureId: input.featureId },
-		{ kind: "batch", id: input.batchRunId },
-		{ kind: "run", id: input.workerRunId },
-		{ kind: "dag", id: input.dagRunId },
-	];
-	const out = [];
-	for (const kind of RELATION_KIND_ORDER) {
-		const entry = candidates.find((c) => c.kind === kind);
-		if (!entry?.id) continue;
-		if (!objectExistsInSnapshot(kind, entry.id, snapshot, entry.featureId)) continue;
-		out.push({
-			kind,
-			id: entry.id,
-			label: RELATION_LABELS[kind] ?? kind,
-			featureId: entry.featureId,
-			href: `#${objectRoutePath(kind, entry.id, entry.featureId)}`,
-			path: objectRoutePath(kind, entry.id, entry.featureId),
-		});
-	}
-	return out;
-}
-
-export function renderObjectRelationBar(relations, snapshot) {
-	const bar = el("div", "object-relation-bar");
-	bar.setAttribute("aria-label", "对象关联");
-	const list = Array.isArray(relations)
-		? relations
-		: buildObjectRelations(relations, snapshot);
-	if (list.length === 0) {
-		bar.appendChild(el("span", "muted", "暂无已证明的对象关联"));
-		return bar;
-	}
-	list.forEach((rel, i) => {
-		if (i > 0) bar.appendChild(el("span", "object-relation-sep", "→"));
-		const item = el("span", "object-relation-item");
-		item.appendChild(el("span", "object-relation-label", rel.label));
-		item.appendChild(document.createTextNode(" "));
-		if (rel.href && rel.id) {
-			item.appendChild(objectRouteLink(rel.kind, rel.id, snapshot, rel.featureId));
-		} else {
-			item.appendChild(el("span", "muted", rel.id ?? "缺失"));
-		}
-		bar.appendChild(item);
-	});
-	return bar;
-}
+/** Object relation navigation (Observe UI R5). */
+import { el } from "./dom.js";
+import { navigate } from "./router.js";
+
+export function objectExistsInSnapshot(kind, id, snapshot, featureId) {
+	if (!id) return false;
+	if (kind === "feature") {
+		return (snapshot?.features ?? []).some((f) => f.featureId === id);
+	}
+	if (kind === "task") {
+		return (snapshot?.tasks ?? []).some(
+			(t) => t.taskId === id && (!featureId || t.featureId === featureId),
+		);
+	}
+	if (kind === "batch") {
+		return (snapshot?.batches ?? []).some((b) => b.batchRunId === id);
+	}
+	if (kind === "run") {
+		return (
+			(snapshot?.tasks ?? []).some((t) => t.workerRunId === id) ||
+			(snapshot?.batches ?? []).some((b) =>
+				(b.tasks ?? []).some((t) => t.workerRunId === id),
+			)
+		);
+	}
+	if (kind === "dag") {
+		return (snapshot?.dagRuns ?? []).some((d) => d.dagRunId === id);
+	}
+	return false;
+}
+
+export function objectRoutePath(kind, id, featureId) {
+	if (kind === "feature") return `/feature/${encodeURIComponent(id)}`;
+	if (kind === "task" && featureId) {
+		return `/feature/${encodeURIComponent(featureId)}/task/${encodeURIComponent(id)}`;
+	}
+	if (kind === "task") return `/task/${encodeURIComponent(id)}`;
+	if (kind === "batch") return `/batch/${encodeURIComponent(id)}`;
+	if (kind === "run") return `/run/${encodeURIComponent(id)}`;
+	if (kind === "dag") return `/dag/${encodeURIComponent(id)}`;
+	return "/";
+}
+
+/** Hash-route link only when id is present and snapshot contains the object. */
+export function objectRouteLink(kind, id, snapshot, featureId) {
+	if (!id) return el("span", "muted", "缺失");
+	const exists = objectExistsInSnapshot(kind, id, snapshot, featureId);
+	if (!exists) return el("span", "muted", id);
+	const path = objectRoutePath(kind, id, featureId);
+	const a = el("a", "object-link", id);
+	a.href = `#${path}`;
+	a.addEventListener("click", (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		navigate(path);
+	});
+	return a;
+}
+
+export function findFeatureInSnapshot(snapshot, featureId) {
+	if (!featureId) return undefined;
+	return (snapshot?.features ?? []).find((f) => f.featureId === featureId);
+}
+
+export function featureLookupState(snapshot, featureId) {
+	if (!snapshot) return { kind: "unavailable" };
+	const feature = findFeatureInSnapshot(snapshot, featureId);
+	return feature ? { kind: "found", feature } : { kind: "missing" };
+}
+
+export const RELATION_KIND_ORDER = ["feature", "task", "batch", "run", "dag"];
+export const RELATION_LABELS = {
+	feature: "Feature",
+	task: "Task",
+	batch: "Batch",
+	run: "Run",
+	dag: "DAG",
+};
+
+/**
+ * Build proven relation descriptors only (id present AND object in snapshot).
+ * Never infers links from identifier naming.
+ */
+export function buildObjectRelations(ids, snapshot) {
+	const input = ids ?? {};
+	const candidates = [
+		{ kind: "feature", id: input.featureId },
+		{ kind: "task", id: input.taskId, featureId: input.featureId },
+		{ kind: "batch", id: input.batchRunId },
+		{ kind: "run", id: input.workerRunId },
+		{ kind: "dag", id: input.dagRunId },
+	];
+	const out = [];
+	for (const kind of RELATION_KIND_ORDER) {
+		const entry = candidates.find((c) => c.kind === kind);
+		if (!entry?.id) continue;
+		if (!objectExistsInSnapshot(kind, entry.id, snapshot, entry.featureId)) continue;
+		out.push({
+			kind,
+			id: entry.id,
+			label: RELATION_LABELS[kind] ?? kind,
+			featureId: entry.featureId,
+			href: `#${objectRoutePath(kind, entry.id, entry.featureId)}`,
+			path: objectRoutePath(kind, entry.id, entry.featureId),
+		});
+	}
+	return out;
+}
+
+export function renderObjectRelationBar(relations, snapshot) {
+	const bar = el("div", "object-relation-bar");
+	bar.setAttribute("aria-label", "对象关联");
+	const list = Array.isArray(relations)
+		? relations
+		: buildObjectRelations(relations, snapshot);
+	if (list.length === 0) {
+		bar.appendChild(el("span", "muted", "暂无已证明的对象关联"));
+		return bar;
+	}
+	list.forEach((rel, i) => {
+		if (i > 0) bar.appendChild(el("span", "object-relation-sep", "→"));
+		const item = el("span", "object-relation-item");
+		item.appendChild(el("span", "object-relation-label", rel.label));
+		item.appendChild(document.createTextNode(" "));
+		if (rel.href && rel.id) {
+			item.appendChild(objectRouteLink(rel.kind, rel.id, snapshot, rel.featureId));
+		} else {
+			item.appendChild(el("span", "muted", rel.id ?? "缺失"));
+		}
+		bar.appendChild(item);
+	});
+	return bar;
+}