@tea-agent/loop-agent 0.13.0-beta.0 → 0.14.0

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/shell-chrome.js

@@ -45,14 +45,20 @@ export function setBreadcrumb(parts) {
 	});
 }
 
-export function updateHeaderRefresh(generatedAt) {
+export function updateHeaderRefresh(generatedAt, options = {}) {
 	const elRefresh = document.getElementById("header-refresh");
 	if (!elRefresh) return;
 	if (!generatedAt) {
 		elRefresh.textContent = "";
 		return;
 	}
-	elRefresh.textContent = `${formatAgo(generatedAt)} · ${UI_TEXT.nearRealtime}`;
+	const modeLabel =
+		options.mode === "manual"
+			? UI_TEXT.manualRefresh
+			: options.mode === "auto"
+				? UI_TEXT.autoRefresh
+				: UI_TEXT.nearRealtime;
+	elRefresh.textContent = `${formatAgo(generatedAt)} · ${modeLabel}`;
 }
 
 export function mountRelationBar(containerId, ids, snapshot) {

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

@@ -17,6 +17,8 @@ export const uiState = {
 	runPollTimer: null,
 	dagPollTimer: null,
 	poolTimer: null,
+	/** Pool page: auto-refresh opt-in (default false). */
+	poolAutoRefresh: false,
 	taskPollTimer: null,
 	runEventOffset: 0,
 	runEvents: [],
@@ -26,6 +28,16 @@ export const uiState = {
 	selectedDagNodeId: null,
 	sessionEventOffset: 0,
 	sessionEvents: [],
+	// Identity token ("<dagRunId>:<nodeId>#<seq>") bumped on every node/DAG
+	// switch. In-flight session-event fetches capture this before await and
+	// reject themselves when it no longer matches, so a stale response for a
+	// previous node can never mutate the current node's event cache.
+	sessionEventIdentity: null,
+	sessionEventIdentitySeq: 0,
+	/** When true,「执行过程」展开 message_start/end 原始协议事件。 */
+	sessionTimelineShowProtocol: false,
+	/** Open <details> keys restored across timeline re-renders. */
+	sessionTimelineOpenDetails: null,
 	lastSnapshot: null,
 	dagInspectorOpen: false,
 	dagInspectorTab: "output",
@@ -40,6 +52,12 @@ export const uiState = {
 /** Per-dagRunId graph viewport restore map (stable Map instance). */
 export const dagGraphViewportStates = new Map();
 
+/** Build a fresh session-event identity token and bump the global sequence. */
+export function makeSessionEventIdentity(dagRunId, nodeId) {
+	uiState.sessionEventIdentitySeq += 1;
+	return `${dagRunId}:${nodeId}#${uiState.sessionEventIdentitySeq}`;
+}
+
 export function isPageVisible() {
 	return (
 		typeof document === "undefined" || document.visibilityState !== "hidden"
@@ -188,6 +206,8 @@ export function stopTimers() {
 	uiState.selectedDagNodeId = null;
 	uiState.sessionEventOffset = 0;
 	uiState.sessionEvents = [];
+	uiState.sessionEventIdentity = null;
+	uiState.sessionEventIdentitySeq += 1;
 	uiState.runEventOffset = 0;
 	uiState.runEvents = [];
 }