@tea-agent/loop-agent 0.42.0-next.9 → 0.42.1

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

@@ -43,6 +43,8 @@ import {
 } from "../router.js";
 import {
 	fetchJson,
+	fetchJsonResult,
+	summarizeFetchError,
 	artifactUrl,
 	parseArtifactPreviewResponse,
 } from "../api.js";
@@ -63,6 +65,7 @@ import {
 	updateDagGraphViewportState,
 	updateDagTimelineViewportState,
 	computeFollowLatest,
+	isScrollRegionAboveBottom,
 	updateDagOutputViewportState,
 	renderViewState,
 	mountViewState,
@@ -195,6 +198,32 @@ export function renderRunDagProgress(task, snapshot) {
 	);
 }
 
+/** 运行页「最新输出」的对话式「回到底部」按钮：可滚动且离开底部即出现，点击回到底部。 */
+function buildRunOutputFollowDock(pre) {
+	const dock = el("div", "run-output-follow-dock");
+	const button = document.createElement("button");
+	button.type = "button";
+	button.className = "process-timeline-autoscroll";
+	button.setAttribute("aria-label", "回到底部");
+	button.setAttribute("data-tooltip", "回到底部");
+	const icon = el("i", "ri-arrow-down-line");
+	icon.setAttribute("aria-hidden", "true");
+	button.appendChild(icon);
+	const sync = () => {
+		dock.hidden = !isScrollRegionAboveBottom(pre);
+	};
+	pre._syncJumpToBottom = sync;
+	button.addEventListener("click", () => {
+		pre.scrollLeft = 0;
+		pre.scrollTop = pre.scrollHeight;
+		sync();
+	});
+	pre.addEventListener("scroll", sync, { passive: true });
+	sync();
+	dock.appendChild(button);
+	return dock;
+}
+
 export function renderRunPanels(task, events, snapshot) {
 	const metaEl = document.getElementById("run-meta");
 	const stepsEl = document.getElementById("run-steps");
@@ -366,7 +395,10 @@ export function renderRunPanels(task, events, snapshot) {
 		clearNode(outputEl);
 		outputEl.appendChild(el("h3", null, "最新输出 (tail)"));
 		pre = el("pre", "output-block", nextOutput);
-		outputEl.appendChild(pre);
+		const shell = el("div", "run-output-shell");
+		shell.appendChild(pre);
+		shell.appendChild(buildRunOutputFollowDock(pre));
+		outputEl.appendChild(shell);
 	} else if (pre.textContent !== nextOutput) {
 		pre.textContent = nextOutput;
 	}
@@ -376,6 +408,7 @@ export function renderRunPanels(task, events, snapshot) {
 		pre.scrollTop = runOutputScrollTop;
 	}
 	pre.scrollLeft = runOutputScrollLeft;
+	pre._syncJumpToBottom?.();
 	const runRegionKey = `run:${task.workerRunId ?? task.taskId}:output`;
 	uiState.runOutputViewportState = updateDagOutputViewportState(
 		uiState.runOutputViewportState,
@@ -424,12 +457,22 @@ export async function renderRun(workerRunId, initial = true) {
 		return false;
 	}
 
-	const [task, snapshot] = await Promise.all([
-		fetchJson(`/api/runs/${encodeURIComponent(workerRunId)}`),
+	const generation = uiState.pollingGeneration;
+	const [taskResult, snapshot] = await Promise.all([
+		fetchJsonResult(`/api/runs/${encodeURIComponent(workerRunId)}`),
 		fetchJson("/api/snapshot"),
 	]);
+	if (generation !== uiState.pollingGeneration) return false;
+	const task = taskResult.ok ? taskResult.body : null;
+	if (!task && taskResult.status !== 404) {
+		const meta = document.getElementById("run-meta");
+		let error = meta?.querySelector(".run-refresh-error");
+		if (!error && meta) { error = el("p", "run-refresh-error node-input-error"); meta.appendChild(error); }
+		if (error) error.textContent = `更新失败，保留上次内容。${summarizeFetchError(taskResult)}`;
+		return true;
+	}
 	if (!task) {
-		if (initial) {
+		{
 			const runMeta = document.getElementById("run-meta");
 			if (runMeta) mountViewState(runMeta, "error", "找不到该运行。");
 		}
@@ -438,7 +481,7 @@ export async function renderRun(workerRunId, initial = true) {
 
 	if (snapshot) {
 		uiState.lastSnapshot = snapshot;
-		updateHeaderRefresh(snapshot.generatedAt);
+		updateHeaderRefresh(snapshot.generatedAt, { mode: TERMINAL_RUN_STATUSES.has(String(task.status ?? "").toLowerCase()) ? "ended" : "auto" });
 	}
 
 	uiState.currentBatchRunId = task.batchRunId ?? uiState.currentBatchRunId;