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

package/dist/worker/observe/static/views/session-timeline.js

@@ -1,205 +1,219 @@
-/** Session event timeline helpers (Observe UI R5). */
-import { UI_TEXT } from "../constants.js";
-import { el } from "../dom.js";
-import { formatTs } from "../format.js";
-import { fetchJson } from "../api.js";
-import {
-	uiState,
-	updateDagTimelineViewportState,
-	computeFollowLatest,
-} from "../state.js";
-
-export function extractAssistantSummary(event) {
-	if (!event || typeof event !== "object") return "—";
-	const record = event;
-	if (record.message && typeof record.message === "object") {
-		const content = record.message.content;
-		if (Array.isArray(content)) {
-			return (
-				content
-					.filter(
-						(part) => part?.type === "text" && typeof part.text === "string",
-					)
-					.map((part) => part.text)
-					.join(" ") || "—"
-			);
-		}
-		if (typeof record.message.content === "string") {
-			return record.message.content;
-		}
-	}
-	if (typeof record.text === "string") return record.text;
-	if (typeof record.outputPreview === "string") return record.outputPreview;
-	return "—";
-}
-
-export function formatSessionEventLabel(event) {
-	if (!event || typeof event !== "object") return "未知类型";
-	const type = typeof event.type === "string" ? event.type : "unknown";
-	const toolName = event.toolName ?? event.name ?? "—";
-	if (type === "agent_start") return "Agent 已启动";
-	if (type === "agent_end") return "Agent 已结束";
-	if (type === "agent_settled") return "Agent 已稳定";
-	if (type === "turn_start") return "开始新一轮处理";
-	if (type === "tool_execution_start" || type === "tool_start") {
-		return `调用工具 · ${toolName}`;
-	}
-	if (type === "tool_execution_end" || type === "tool_end") {
-		return `工具调用完成 · ${toolName}`;
-	}
-	if (
-		type === "turn_end" ||
-		type === "assistant" ||
-		type === "assistant_message"
-	) {
-		return `AI 回复摘要 · ${truncateText(extractAssistantSummary(event), 120)}`;
-	}
-	return type;
-}
-
-export function sessionEventTimestamp(event) {
-	if (!event || typeof event !== "object") return "";
-	const ts =
-		(typeof event.timestamp === "string" && event.timestamp) ||
-		(typeof event.at === "string" && event.at) ||
-		(typeof event.recordedAt === "string" && event.recordedAt);
-	return ts || "";
-}
-
-export function formatSessionEventTime(event) {
-	const ts = sessionEventTimestamp(event);
-	if (!ts) return "未记录时间";
-	return formatTs(ts).replace(/\s.*/, "") || formatTs(ts);
-}
-
-export function sessionEventKind(event) {
-	const type = typeof event?.type === "string" ? event.type : "unknown";
-	if (type === "tool_execution_start" || type === "tool_start")
-		return "tool-start";
-	if (type === "tool_execution_end" || type === "tool_end") return "tool-end";
-	if (
-		type === "turn_end" ||
-		type === "assistant" ||
-		type === "assistant_message"
-	) {
-		return "assistant";
-	}
-	if (type.startsWith("agent_") || type === "turn_start") return "lifecycle";
-	return "protocol";
-}
-
-export function buildSessionTimelineItems(events) {
-	const items = [];
-	for (let index = 0; index < events.length; index += 1) {
-		const event = events[index];
-		const type = typeof event?.type === "string" ? event.type : "unknown";
-		if (type === "message_start" || type === "message_end") {
-			let count = 1;
-			while (index + 1 < events.length) {
-				const nextType = events[index + 1]?.type;
-				if (nextType !== "message_start" && nextType !== "message_end") break;
-				count += 1;
-				index += 1;
-			}
-			items.push({ event, kind: "protocol", protocolCount: count });
-			continue;
-		}
-		items.push({ event, kind: sessionEventKind(event) });
-	}
-	return items;
-}
-
-export async function mergeSessionEvents(dagRunId, nodeId) {
-	if (!dagRunId || !nodeId) return;
-	const page = await fetchJson(
-		`/api/dag-runs/${encodeURIComponent(dagRunId)}/nodes/${encodeURIComponent(nodeId)}/session-events?after=${uiState.sessionEventOffset}`,
-	);
-	if (!page) return;
-	if (Array.isArray(page.events) && page.events.length > 0) {
-		uiState.sessionEvents = uiState.sessionEvents.concat(page.events);
-	}
-	if (typeof page.nextOffset === "number") {
-		uiState.sessionEventOffset = page.nextOffset;
-	}
-}
-
-export function renderSessionTimeline(content, nodeId) {
-	content.dataset.dagRunId = uiState.currentDagRunId ?? "";
-	content.dataset.nodeId = nodeId ?? "";
-	content.classList.add("process-timeline-scroll");
-	if (!nodeId || uiState.sessionEvents.length === 0) {
-		content.appendChild(el("p", "empty", UI_TEXT.noSessionEvents));
-		return;
-	}
-
-	const timelineItems = buildSessionTimelineItems(uiState.sessionEvents);
-	const hasEventTimes = uiState.sessionEvents.some((event) =>
-		Boolean(sessionEventTimestamp(event)),
-	);
-	if (!hasEventTimes) {
-		content.appendChild(
-			el(
-				"p",
-				"process-timeline-note",
-				"事件未记录具体时间，以下按采集顺序展示。",
-			),
-		);
-	}
-	const ul = el("ul", "process-timeline");
-	for (let index = 0; index < timelineItems.length; index += 1) {
-		const item = timelineItems[index];
-		const li = el(
-			"li",
-			`process-timeline-item process-timeline-${item.kind}${hasEventTimes ? " has-time" : ""}`,
-		);
-		if (index === 0) li.classList.add("is-first");
-		if (index === timelineItems.length - 1) li.classList.add("is-last");
-		const rail = el("span", "process-timeline-rail");
-		rail.appendChild(el("span", "process-timeline-dot"));
-		li.appendChild(rail);
-		if (hasEventTimes) {
-			li.appendChild(
-				el("span", "process-timeline-time", formatSessionEventTime(item.event)),
-			);
-		}
-		const label =
-			item.protocolCount > 1
-				? `消息收发 · 已合并 ${item.protocolCount} 条协议事件`
-				: formatSessionEventLabel(item.event);
-		li.appendChild(el("span", "process-timeline-label", label));
-		ul.appendChild(li);
-	}
-	content.appendChild(ul);
-
-	const timelineState =
-		uiState.dagTimelineViewportState?.dagRunId === uiState.currentDagRunId &&
-		uiState.dagTimelineViewportState.nodeId === nodeId
-			? uiState.dagTimelineViewportState
-			: null;
-	content.addEventListener(
-		"scroll",
-		() => {
-			const followLatest = computeFollowLatest(
-				content.scrollTop,
-				content.scrollHeight,
-				content.clientHeight,
-			);
-			uiState.dagTimelineViewportState = updateDagTimelineViewportState(
-				uiState.dagTimelineViewportState,
-				uiState.currentDagRunId,
-				nodeId,
-				content.scrollLeft,
-				content.scrollTop,
-				followLatest,
-			);
-		},
-		{ passive: true },
-	);
-	if (timelineState?.followLatest ?? true) {
-		content.scrollLeft = timelineState?.scrollLeft ?? 0;
-		content.scrollTop = content.scrollHeight;
-	} else {
-		content.scrollLeft = timelineState.scrollLeft;
-		content.scrollTop = timelineState.scrollTop;
-	}
-}
+/** Session event timeline helpers (Observe UI R5). */
+import { UI_TEXT } from "../constants.js";
+import { el } from "../dom.js";
+import { formatTs, truncateText } from "../format.js";
+import { fetchJson } from "../api.js";
+import {
+	uiState,
+	updateDagTimelineViewportState,
+	computeFollowLatest,
+} from "../state.js";
+
+export function extractAssistantSummary(event) {
+	if (!event || typeof event !== "object") return "—";
+	const record = event;
+	if (record.message && typeof record.message === "object") {
+		const content = record.message.content;
+		if (Array.isArray(content)) {
+			return (
+				content
+					.filter(
+						(part) => part?.type === "text" && typeof part.text === "string",
+					)
+					.map((part) => part.text)
+					.join(" ") || "—"
+			);
+		}
+		if (typeof record.message.content === "string") {
+			return record.message.content;
+		}
+	}
+	if (typeof record.text === "string") return record.text;
+	if (typeof record.outputPreview === "string") return record.outputPreview;
+	return "—";
+}
+
+export function formatSessionEventLabel(event) {
+	if (!event || typeof event !== "object") return "未知类型";
+	const type = typeof event.type === "string" ? event.type : "unknown";
+	const toolName = event.toolName ?? event.name ?? "—";
+	if (type === "agent_start") return "Agent 已启动";
+	if (type === "agent_end") return "Agent 已结束";
+	if (type === "agent_settled") return "Agent 已稳定";
+	if (type === "turn_start") return "开始新一轮处理";
+	if (type === "tool_execution_start" || type === "tool_start") {
+		return `调用工具 · ${toolName}`;
+	}
+	if (type === "tool_execution_end" || type === "tool_end") {
+		return `工具调用完成 · ${toolName}`;
+	}
+	if (
+		type === "turn_end" ||
+		type === "assistant" ||
+		type === "assistant_message"
+	) {
+		return `AI 回复摘要 · ${truncateText(extractAssistantSummary(event), 120)}`;
+	}
+	return type;
+}
+
+export function sessionEventTimestamp(event) {
+	if (!event || typeof event !== "object") return "";
+	const ts =
+		(typeof event.timestamp === "string" && event.timestamp) ||
+		(typeof event.at === "string" && event.at) ||
+		(typeof event.recordedAt === "string" && event.recordedAt);
+	return ts || "";
+}
+
+export function formatSessionEventTime(event) {
+	const ts = sessionEventTimestamp(event);
+	if (!ts) return "未记录时间";
+	return formatTs(ts).replace(/\s.*/, "") || formatTs(ts);
+}
+
+export function sessionEventKind(event) {
+	const type = typeof event?.type === "string" ? event.type : "unknown";
+	if (type === "tool_execution_start" || type === "tool_start")
+		return "tool-start";
+	if (type === "tool_execution_end" || type === "tool_end") return "tool-end";
+	if (
+		type === "turn_end" ||
+		type === "assistant" ||
+		type === "assistant_message"
+	) {
+		return "assistant";
+	}
+	if (type.startsWith("agent_") || type === "turn_start") return "lifecycle";
+	return "protocol";
+}
+
+export function buildSessionTimelineItems(events) {
+	const items = [];
+	for (let index = 0; index < events.length; index += 1) {
+		const event = events[index];
+		const type = typeof event?.type === "string" ? event.type : "unknown";
+		if (type === "message_start" || type === "message_end") {
+			let count = 1;
+			while (index + 1 < events.length) {
+				const nextType = events[index + 1]?.type;
+				if (nextType !== "message_start" && nextType !== "message_end") break;
+				count += 1;
+				index += 1;
+			}
+			items.push({ event, kind: "protocol", protocolCount: count });
+			continue;
+		}
+		items.push({ event, kind: sessionEventKind(event) });
+	}
+	return items;
+}
+
+export async function mergeSessionEvents(dagRunId, nodeId) {
+	if (!dagRunId || !nodeId) return;
+	// Capture the current identity token before awaiting. The token encodes the
+	// {dagRunId, nodeId} pair plus a per-switch sequence, and is bumped by
+	// selectDagNode / renderDagDetail whenever the selection changes. After the
+	// response resolves we re-check both the token and the live selection so a
+	// stale response for a previous node can never mutate the current node's
+	// event cache, even if the user switched nodes mid-flight.
+	const identity = uiState.sessionEventIdentity;
+	const page = await fetchJson(
+		`/api/dag-runs/${encodeURIComponent(dagRunId)}/nodes/${encodeURIComponent(nodeId)}/session-events?after=${uiState.sessionEventOffset}`,
+	);
+	if (
+		identity !== uiState.sessionEventIdentity ||
+		uiState.currentDagRunId !== dagRunId ||
+		uiState.selectedDagNodeId !== nodeId
+	) {
+		return;
+	}
+	if (!page) return;
+	if (Array.isArray(page.events) && page.events.length > 0) {
+		uiState.sessionEvents = uiState.sessionEvents.concat(page.events);
+	}
+	if (typeof page.nextOffset === "number") {
+		uiState.sessionEventOffset = page.nextOffset;
+	}
+}
+
+export function renderSessionTimeline(content, nodeId) {
+	content.dataset.dagRunId = uiState.currentDagRunId ?? "";
+	content.dataset.nodeId = nodeId ?? "";
+	content.classList.add("process-timeline-scroll");
+	if (!nodeId || uiState.sessionEvents.length === 0) {
+		content.appendChild(el("p", "empty", UI_TEXT.noSessionEvents));
+		return;
+	}
+
+	const timelineItems = buildSessionTimelineItems(uiState.sessionEvents);
+	const hasEventTimes = uiState.sessionEvents.some((event) =>
+		Boolean(sessionEventTimestamp(event)),
+	);
+	if (!hasEventTimes) {
+		content.appendChild(
+			el(
+				"p",
+				"process-timeline-note",
+				"事件未记录具体时间，以下按采集顺序展示。",
+			),
+		);
+	}
+	const ul = el("ul", "process-timeline");
+	for (let index = 0; index < timelineItems.length; index += 1) {
+		const item = timelineItems[index];
+		const li = el(
+			"li",
+			`process-timeline-item process-timeline-${item.kind}${hasEventTimes ? " has-time" : ""}`,
+		);
+		if (index === 0) li.classList.add("is-first");
+		if (index === timelineItems.length - 1) li.classList.add("is-last");
+		const rail = el("span", "process-timeline-rail");
+		rail.appendChild(el("span", "process-timeline-dot"));
+		li.appendChild(rail);
+		if (hasEventTimes) {
+			li.appendChild(
+				el("span", "process-timeline-time", formatSessionEventTime(item.event)),
+			);
+		}
+		const label =
+			item.protocolCount > 1
+				? `消息收发 · 已合并 ${item.protocolCount} 条协议事件`
+				: formatSessionEventLabel(item.event);
+		li.appendChild(el("span", "process-timeline-label", label));
+		ul.appendChild(li);
+	}
+	content.appendChild(ul);
+
+	const timelineState =
+		uiState.dagTimelineViewportState?.dagRunId === uiState.currentDagRunId &&
+		uiState.dagTimelineViewportState.nodeId === nodeId
+			? uiState.dagTimelineViewportState
+			: null;
+	content.addEventListener(
+		"scroll",
+		() => {
+			const followLatest = computeFollowLatest(
+				content.scrollTop,
+				content.scrollHeight,
+				content.clientHeight,
+			);
+			uiState.dagTimelineViewportState = updateDagTimelineViewportState(
+				uiState.dagTimelineViewportState,
+				uiState.currentDagRunId,
+				nodeId,
+				content.scrollLeft,
+				content.scrollTop,
+				followLatest,
+			);
+		},
+		{ passive: true },
+	);
+	if (timelineState?.followLatest ?? true) {
+		content.scrollLeft = timelineState?.scrollLeft ?? 0;
+		content.scrollTop = content.scrollHeight;
+	} else {
+		content.scrollLeft = timelineState.scrollLeft;
+		content.scrollTop = timelineState.scrollTop;
+	}
+}

package/dist/worker/observe/static/views/shell.js

@@ -1,7 +1,7 @@
-/**
- * Shell service locator removed in R5 boundary final (BND-02).
- * Views import focused modules directly (shell-chrome, kpi, dag-helpers, run-processing).
- * This file is retained only so historical bundle paths do not 404; do not reintroduce getShell.
- */
-
-export {};
+/**
+ * Shell service locator removed in R5 boundary final (BND-02).
+ * Views import focused modules directly (shell-chrome, kpi, dag-helpers, run-processing).
+ * This file is retained only so historical bundle paths do not 404; do not reintroduce getShell.
+ */
+
+export {};