@tea-agent/loop-agent 0.42.0-next.6 → 0.42.0-next.8

package/dist/worker/console/static-src/shell/console-update-reload.js

@@ -1,19 +1,46 @@
+export function isReplacementConsoleHealth(health, expectedConsoleInstanceId, previousConsoleInstanceId) {
+    if (!health || typeof health !== "object")
+        return false;
+    const instanceId = typeof health.consoleInstanceId ===
+        "string"
+        ? health.consoleInstanceId.trim()
+        : "";
+    if (!instanceId)
+        return false;
+    const expected = expectedConsoleInstanceId?.trim();
+    if (expected)
+        return instanceId === expected;
+    return previousConsoleInstanceId !== null && instanceId !== previousConsoleInstanceId;
+}
 /**
- * Poll /api/health until a (possibly brand-new) Console instance answers,
- * then reload. A handoff restart kills the old process before the new one
- * starts listening, so reloading immediately after "restarting" hits a dead
- * port and reads as "the page is gone".
+ * Poll /api/health until the replacement Console answers, then reload. A
+ * handoff deliberately leaves the old process alive briefly, so HTTP 200 alone
+ * is insufficient: the response must carry the new instance identity.
  */
-export async function reloadWhenConsoleReady(timeoutMs = 30_000) {
+export async function reloadWhenConsoleReady(options = {}) {
+    const timeoutMs = options.timeoutMs ?? 30_000;
+    const fetchImpl = options.fetchImpl ?? fetch;
+    const reload = options.reload ?? (() => window.location.reload());
     const started = Date.now();
+    let previousConsoleInstanceId = null;
     while (Date.now() - started < timeoutMs) {
         try {
-            const res = await fetch(`/api/health?ts=${Date.now()}`, {
+            const res = await fetchImpl(`/api/health?ts=${Date.now()}`, {
                 cache: "no-store",
             });
             if (res.ok) {
-                window.location.reload();
-                return;
+                const health = await res.json().catch(() => null);
+                if (isReplacementConsoleHealth(health, options.expectedConsoleInstanceId, previousConsoleInstanceId)) {
+                    reload();
+                    return true;
+                }
+                const healthRecord = health;
+                const instanceId = typeof healthRecord?.consoleInstanceId === "string"
+                    ? healthRecord.consoleInstanceId.trim()
+                    : "";
+                if (instanceId && previousConsoleInstanceId === null) {
+                    previousConsoleInstanceId = instanceId;
+                }
             }
         }
         catch {
@@ -21,5 +48,5 @@ export async function reloadWhenConsoleReady(timeoutMs = 30_000) {
         }
         await new Promise((resolve) => setTimeout(resolve, 1000));
     }
-    window.location.reload();
+    return false;
 }

package/dist/worker/console/static-src/shell/workspace-route.js

@@ -170,6 +170,17 @@ export function withWorkspaceId(href, workspaceId) {
     const qs = query.toString();
     return `/#${path}${qs ? `?${qs}` : ""}`;
 }
+/** Preserve the selected scope for a deep link emitted inside an Operate page.
+ * Components should prefer this to hand-writing `/#/inspect/...`: it reads the
+ * canonical hash at click/render time and intentionally leaves bare Chat URLs
+ * unchanged because Chat selection is client state. */
+export function withCurrentWorkspaceId(href, locationLike = typeof globalThis.location === "undefined" ? undefined : globalThis.location) {
+    const { query } = splitHash(locationLike?.hash ?? "");
+    const workspaceId = query.get("workspaceId")?.trim() ||
+        new URLSearchParams(locationLike?.search ?? "").get("workspaceId")?.trim() ||
+        undefined;
+    return withWorkspaceId(href, workspaceId);
+}
 export function buildCanonicalHref(input) {
     if (input.workspace === "chat")
         return buildChatHref(input);

package/dist/worker/observe/static/dag-helpers.js

@@ -6,7 +6,7 @@ import {
 	formatDuration,
 	formatAgo,
 } from "./format.js";
-import { navigate } from "./router.js";
+import { inspectPathToCanonicalHref, navigate } from "./router.js";
 
 export function isNodeActive(status) {
 	if (!status) return false;
@@ -151,7 +151,9 @@ export function frontendLintSummary(frontendLint) {
 	card.appendChild(meta);
 
 	const link = el("a", "active-dag-link", UI_TEXT.enterDetail);
-	link.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+	link.href = inspectPathToCanonicalHref(
+		`/dag/${encodeURIComponent(dag.dagRunId)}`,
+	);
 	link.addEventListener("click", (e) => {
 		e.preventDefault();
 		navigate(`/dag/${encodeURIComponent(dag.dagRunId)}`);

package/dist/worker/observe/static/inspect-workspace.js

@@ -10,6 +10,7 @@ import {
 	parseRoute,
 	setNavigateHandler,
 	inspectPathToCanonicalHref,
+	workspaceIdFromLocation,
 } from "./router.js";
 import {
 	isPageVisible,
@@ -93,6 +94,25 @@ function onInspectRootClick(event) {
 	navigateInspectPath(href);
 }
 
+/** Static Inspect markup still contains a few compatibility anchors. Normalize
+ * them on mount/route change so opening a link in a new tab preserves the
+ * workspace as reliably as an ordinary in-app click. Chat remains deliberately
+ * bare: its selected workspace is client state, not a hash contract. */
+function scopeInspectShellLinks(root, workspaceId) {
+	if (!root?.querySelectorAll) return;
+	for (const anchor of root.querySelectorAll("a[href]")) {
+		const href = anchor.getAttribute("href");
+		if (!href || href.startsWith("/#/chat") || href.startsWith("#/chat")) {
+			continue;
+		}
+		if (!isInspectShellHref(href)) continue;
+		anchor.setAttribute(
+			"href",
+			inspectPathToCanonicalHref(href, workspaceId),
+		);
+	}
+}
+
 function resumeInspectPolling() {
 	if (!isPageVisible() || !isWorkspaceActive()) return;
 	const r = lastInspectHash
@@ -187,6 +207,7 @@ export function startStandaloneInspect() {
 	if (typeof window === "undefined") return;
 	// Multi-workspace (AC-003): sync scope from the URL query before any fetch.
 	syncWorkspaceScopeFromLocation();
+	scopeInspectShellLinks(document, workspaceIdFromLocation());
 	window.addEventListener("hashchange", syncWorkspaceScopeFromLocation);
 	const chromeHost = document.getElementById("operator-chrome");
 	if (chromeHost) {
@@ -242,6 +263,7 @@ export function mountInspectWorkspace(root, options = {}) {
 
 	setNavigateHandler(onNavigate);
 	lastInspectHash = options.hash || (typeof location !== "undefined" ? location.hash : "");
+	scopeInspectShellLinks(root, workspaceIdFromHash(lastInspectHash));
 	setWorkspaceActive(options.active !== false);
 
 	const listenerAbort =
@@ -266,6 +288,7 @@ export function mountInspectWorkspace(root, options = {}) {
 		updateRoute(hashValue) {
 			if (host.destroyed) return;
 			lastInspectHash = hashValue || lastInspectHash;
+			scopeInspectShellLinks(root, workspaceIdFromHash(lastInspectHash));
 			if (!uiState.workspaceActive) return;
 			// AC-006: a hosted route update that carries a DIFFERENT workspaceId
 			// must not route under the old scope. Swap atomically:

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

@@ -1,13 +1,13 @@
 /** KPI cards, projection fault, artifact/inbox links. */
 import { UI_TEXT } from "./constants.js";
 import { el } from "./dom.js";
-import { navigate } from "./router.js";
+import { inspectPathToCanonicalHref, 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.href = inspectPathToCanonicalHref("/failures");
 	a.addEventListener("click", (e) => {
 		e.preventDefault();
 		navigate("/failures");

package/dist/worker/observe/static/operator-chrome.d.ts

@@ -62,10 +62,18 @@ export function parseInspectObjectView(
 export function activeInspectTabHref(hashValue: string): string | null;
 export function parseInspectContext(hashValue: string): InspectContext | null;
 export function resolveOperateHrefFromInspectHash(hashValue: string): string;
-export function buildOperateInterruptHref(dagRunId: string): string;
+export function buildOperateInterruptHref(
+	dagRunId: string,
+	options?: { workspaceId?: string | null },
+): string;
 export function buildInspectDagHref(
 	dagRunId: string,
-	options?: { from?: string },
+	options?: { from?: string; workspaceId?: string | null },
+): string;
+export function parseInspectWorkspaceId(hashValue: string): string | null;
+export function withWorkspaceQuery(
+	href: string,
+	workspaceId?: string | null,
 ): string;
 export function clearInspectContextSource(hashValue: string): string;
 export function repoBaseName(repoRoot: string): string;

package/dist/worker/observe/static/operator-chrome.js

@@ -11,6 +11,8 @@
  * mountOperatorChrome 仅在浏览器环境调用。
  */
 
+import { withWorkspaceQuery } from "./router.js";
+
 export const OPERATE_TABS = Object.freeze([
 	{ id: "tasks", label: "任务", href: "/#/operate/tasks" },
 	{ id: "recovery", label: "恢复", href: "/#/operate/recovery" },
@@ -52,16 +54,7 @@ export function parseInspectWorkspaceId(hashValue) {
 	return id || null;
 }
 
-export function withWorkspaceQuery(href, workspaceId) {
-	const raw = String(href ?? "");
-	if (!workspaceId) return raw;
-	const qIndex = raw.indexOf("?");
-	if (qIndex < 0) return `${raw}?workspaceId=${encodeURIComponent(workspaceId)}`;
-	const params = new URLSearchParams(raw.slice(qIndex + 1));
-	if (params.get("workspaceId") === workspaceId) return raw;
-	params.set("workspaceId", workspaceId);
-	return `${raw.slice(0, qIndex)}?${params.toString()}`;
-}
+export { withWorkspaceQuery };
 
 function splitHash(hashValue) {
 	const raw = String(hashValue ?? "").replace(/^#/, "");
@@ -129,13 +122,17 @@ export function parseInspectContext(hashValue) {
 	if (from !== "recovery") return null;
 	const returnParams = new URLSearchParams();
 	if (objectView.view === "dag") returnParams.set("dagRunId", objectView.id);
+	const workspaceId = parseInspectWorkspaceId(hashValue);
 	const suffix = returnParams.toString();
 	return {
 		view: objectView.view,
 		id: objectView.id,
 		from,
 		kindLabel: CONTEXT_KIND_LABELS[objectView.view] ?? objectView.view,
-		returnHref: `/#/operate/recovery${suffix ? `?${suffix}` : ""}`,
+		returnHref: withWorkspaceQuery(
+			`/#/operate/recovery${suffix ? `?${suffix}` : ""}`,
+			workspaceId,
+		),
 		returnLabel: "返回 恢复",
 	};
 }
@@ -143,21 +140,31 @@ export function parseInspectContext(hashValue) {
 /** 从 Inspect 切回操作侧：持有 DAG 选中时不丢对象（换动作不换对象）。 */
 export function resolveOperateHrefFromInspectHash(hashValue) {
 	const objectView = parseInspectObjectView(hashValue);
+	const workspaceId = parseInspectWorkspaceId(hashValue);
 	if (objectView?.view === "dag") {
-		return `/#/operate/recovery?dagRunId=${encodeURIComponent(objectView.id)}`;
+		return withWorkspaceQuery(
+			`/#/operate/recovery?dagRunId=${encodeURIComponent(objectView.id)}`,
+			workspaceId,
+		);
 	}
-	return "/#/operate/tasks";
+	return withWorkspaceQuery("/#/operate/tasks", workspaceId);
 }
 
 /** Inspect DAG 详情 → Operate Recovery 协作中止深链（只改导航，不发 mutation）。 */
-export function buildOperateInterruptHref(dagRunId) {
-	return `/#/operate/recovery?dagRunId=${encodeURIComponent(dagRunId)}&intent=interrupt`;
+export function buildOperateInterruptHref(dagRunId, options = {}) {
+	return withWorkspaceQuery(
+		`/#/operate/recovery?dagRunId=${encodeURIComponent(dagRunId)}&intent=interrupt`,
+		options.workspaceId,
+	);
 }
 
 /** 操作侧 → Inspect 的 canonical 深链（可携带 from 以激活上下文 chip）。 */
 export function buildInspectDagHref(dagRunId, options = {}) {
 	const base = `/#/inspect/dag/${encodeURIComponent(dagRunId)}`;
-	return options.from === "recovery" ? `${base}?from=recovery` : base;
+	return withWorkspaceQuery(
+		options.from === "recovery" ? `${base}?from=recovery` : base,
+		options.workspaceId,
+	);
 }
 
 /** 清除跨模式来源标记，但保留对象页上的其它查询参数与当前历史位置。 */
@@ -218,14 +225,19 @@ export function buildOperatorChromeModel(config) {
 				: []
 	).map((tab) => ({
 		...tab,
+		href: withWorkspaceQuery(
+			tab.href,
+			config.workspaceSwitcher?.activeId ?? config.workspaceId,
+		),
 		active:
-			tab.href ===
+			tab.href.split("?")[0] ===
 			(String(config.activeTabHref ?? "").split("?")[0] || null),
 	}));
 	const state = config.readinessState ?? "unknown";
 	const operateHref = config.operateHref ?? "/#/operate/tasks";
 	const inspectHref = config.inspectHref ?? "/#/inspect";
-	const activeWorkspaceId = config.workspaceSwitcher?.activeId ?? null;
+	const activeWorkspaceId =
+		config.workspaceSwitcher?.activeId ?? config.workspaceId ?? null;
 	return {
 		mode,
 		homeHref: withWorkspaceQuery(
@@ -245,13 +257,13 @@ export function buildOperatorChromeModel(config) {
 			{
 				id: "operate",
 				label: "操作",
-				href: operateHref,
+				href: withWorkspaceQuery(operateHref, activeWorkspaceId),
 				active: mode === "operate",
 			},
 			{
 				id: "inspect",
 				label: "观测",
-				href: inspectHref,
+				href: withWorkspaceQuery(inspectHref, activeWorkspaceId),
 				active: mode === "inspect",
 			},
 		],
@@ -261,9 +273,10 @@ export function buildOperatorChromeModel(config) {
 		pi: {
 			state,
 			label: READINESS_LABELS[state] ?? state,
-			href:
-				config.readinessHref ??
-				(mode === "inspect" ? "/#/operate/models" : "/#/operate/models"),
+			href: withWorkspaceQuery(
+				config.readinessHref ?? "/#/operate/models",
+				activeWorkspaceId,
+			),
 			title: config.readinessTitle ?? "",
 		},
 		workspaceTabsVisible: tabs.length > 0,
@@ -424,6 +437,7 @@ export function mountOperatorChrome(root, config = {}) {
 		const base = { ...currentConfig };
 		if (base.liveLocation) {
 			const hash = window.location.hash;
+			base.workspaceId = parseInspectWorkspaceId(hash);
 			base.activeTabHref = activeInspectTabHref(hash);
 			base.operateHref = resolveOperateHrefFromInspectHash(hash);
 			base.context = parseInspectContext(hash);

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

@@ -1,6 +1,6 @@
 /** Object relation navigation (Observe UI R5). */
 import { el } from "./dom.js";
-import { navigate } from "./router.js";
+import { inspectPathToCanonicalHref, navigate } from "./router.js";
 
 export function objectExistsInSnapshot(kind, id, snapshot, featureId) {
 	if (!id) return false;
@@ -48,7 +48,7 @@ export function objectRouteLink(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.href = inspectPathToCanonicalHref(path);
 	a.addEventListener("click", (e) => {
 		e.preventDefault();
 		e.stopPropagation();

package/dist/worker/observe/static/router.d.ts

@@ -18,7 +18,18 @@ export function parseRoute(): InspectHashRoute;
 export function setNavigateHandler(
 	handler: ((href: string) => void) | null,
 ): void;
-export function inspectPathToCanonicalHref(path: string): string;
+export function workspaceIdFromLocation(locationLike?: {
+	hash?: string;
+	search?: string;
+} | null): string | null;
+export function withWorkspaceQuery(
+	href: string,
+	workspaceId?: string | null,
+): string;
+export function inspectPathToCanonicalHref(
+	path: string,
+	workspaceId?: string | null,
+): string;
 export function navigate(path: string): void;
 
 export const DAG_HISTORY_DEFAULT_PAGE: number;

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

@@ -70,15 +70,57 @@ export function setNavigateHandler(handler) {
 	navigateHandler = typeof handler === "function" ? handler : null;
 }
 
-export function inspectPathToCanonicalHref(path) {
+/** Read the selected workspace from either Console's canonical hash or the
+ * standalone Inspect document query. The latter remains a compatibility
+ * entrypoint, so it must not manufacture a scope when none was supplied. */
+export function workspaceIdFromLocation(locationLike = typeof location !== "undefined" ? location : null) {
+	if (!locationLike) return null;
+	const hash = String(locationLike.hash ?? "").replace(/^#/, "");
+	const hashQuery = hash.includes("?") ? hash.slice(hash.indexOf("?") + 1) : "";
+	const fromHash = new URLSearchParams(hashQuery).get("workspaceId")?.trim();
+	if (fromHash) return fromHash;
+	return new URLSearchParams(String(locationLike.search ?? ""))
+		.get("workspaceId")
+		?.trim() || null;
+}
+
+/** Add the current workspace to a Console hash href without changing the
+ * destination's own query. This is deliberately usable for Inspect, Operate,
+ * and Chat; Console canonicalization still strips scope from Chat itself. */
+export function withWorkspaceQuery(href, workspaceId = workspaceIdFromLocation()) {
+	const raw = String(href ?? "").trim();
+	const id = workspaceId?.trim();
+	if (!raw || !id) return raw;
+	const normalized = raw.startsWith("#") ? `/${raw}` : raw;
+	const qIndex = normalized.indexOf("?");
+	const base = qIndex >= 0 ? normalized.slice(0, qIndex) : normalized;
+	const query = new URLSearchParams(qIndex >= 0 ? normalized.slice(qIndex + 1) : "");
+	query.set("workspaceId", id);
+	return `${base}?${query.toString()}`;
+}
+
+export function inspectPathToCanonicalHref(path, workspaceId = workspaceIdFromLocation()) {
 	const raw = String(path ?? "");
-	if (raw.startsWith("/#/inspect")) return raw;
-	if (raw.startsWith("#/inspect")) return `/${raw}`;
+	if (raw.startsWith("/#/inspect")) return withWorkspaceQuery(raw, workspaceId);
+	if (raw.startsWith("#/inspect")) return withWorkspaceQuery(`/${raw}`, workspaceId);
+	// Inspect owns only its own paths.  Passing an Operate/Chat deep link through
+	// the old converter produced /#/inspect/#/operate/... and was the direct
+	// cause of the live-DAG interrupt link landing on the wrong page.
+	if (raw.startsWith("/#/operate") || raw.startsWith("/#/chat")) {
+		return withWorkspaceQuery(raw, workspaceId);
+	}
+	if (raw.startsWith("#/operate") || raw.startsWith("#/chat")) {
+		return withWorkspaceQuery(`/${raw}`, workspaceId);
+	}
 	const stripped = raw.replace(/^#/, "");
 	const withSlash = stripped.startsWith("/") ? stripped : `/${stripped}`;
-	if (withSlash === "/inspect" || withSlash === "/") return "/#/inspect";
-	if (withSlash.startsWith("/inspect/")) return `/#${withSlash}`;
-	return `/#/inspect${withSlash}`;
+	if (withSlash === "/inspect" || withSlash === "/") {
+		return withWorkspaceQuery("/#/inspect", workspaceId);
+	}
+	if (withSlash.startsWith("/inspect/")) {
+		return withWorkspaceQuery(`/#${withSlash}`, workspaceId);
+	}
+	return withWorkspaceQuery(`/#/inspect${withSlash}`, workspaceId);
 }
 
 export function navigate(path) {

package/dist/worker/observe/static/run-processing.js

@@ -6,7 +6,7 @@ import {
 	ARTIFACT_KEYS,
 } from "./constants.js";
 import { badge } from "./format.js";
-import { navigate } from "./router.js";
+import { inspectPathToCanonicalHref, navigate } from "./router.js";
 
 export function stepDisplayLabel(label) {
 	return STEP_LABELS[label] ?? label;
@@ -127,7 +127,9 @@ export function taskRunHistoryRow(run) {
 	let runLink = run.workerRunId;
 	if (run.workerRunId) {
 		const a = document.createElement("a");
-		a.href = `#/run/${encodeURIComponent(run.workerRunId)}`;
+		a.href = inspectPathToCanonicalHref(
+			`/run/${encodeURIComponent(run.workerRunId)}`,
+		);
 		a.textContent = run.workerRunId;
 		a.addEventListener("click", (e) => {
 			e.preventDefault();

package/dist/worker/observe/static/shell-chrome.js

@@ -2,7 +2,7 @@
 import { UI_TEXT } from "./constants.js";
 import { clearNode, el } from "./dom.js";
 import { formatAgo } from "./format.js";
-import { navigate } from "./router.js";
+import { inspectPathToCanonicalHref, navigate } from "./router.js";
 import { buildObjectRelations, renderObjectRelationBar } from "./relations.js";
 import { closeDagInspector } from "./views/dag-inspector.js";
 
@@ -23,7 +23,7 @@ export function setBreadcrumb(parts) {
 		if (i > 0) nav.appendChild(document.createTextNode(" / "));
 		if (part.href) {
 			const a = document.createElement("a");
-			a.href = part.href;
+			a.href = inspectPathToCanonicalHref(part.href);
 			a.textContent = part.label;
 			a.addEventListener("click", (e) => {
 				e.preventDefault();

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

@@ -105,6 +105,11 @@ export const uiState = {
 	dagGraphViewportState: null,
 	dagTrajectoryViewportState: null,
 	dagTimelineViewportState: null,
+	/**
+	 * Explicit「执行记录」auto-scroll preference for the selected node.
+	 * Defaults on for every newly selected node and survives polling/tab switches.
+	 */
+	dagTimelineAutoScrollEnabled: true,
 	dagNodeOutputViewportState: null,
 	dagNodeInputViewportState: null,
 	/** Spec-evidence inspector content scroll (single active region snapshot). */

package/dist/worker/observe/static/styles.css

@@ -1968,6 +1968,101 @@ body.is-resizing-dag-graph {
 	gap: 8px;
 	margin-bottom: var(--space-2);
 }
+.process-timeline-autoscroll-dock {
+	position: sticky;
+	top: calc(100% - 42px);
+	z-index: 4;
+	display: flex;
+	justify-content: flex-end;
+	height: 0;
+	margin: 0 2px;
+	pointer-events: none;
+}
+.process-timeline-autoscroll {
+	position: relative;
+	pointer-events: auto;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	gap: 7px;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	border: 1px solid var(--hairline-strong);
+	border-radius: 50%;
+	background: color-mix(in srgb, var(--surface) 94%, var(--canvas));
+	color: var(--body);
+	box-shadow: 0 8px 24px rgb(38 37 30 / 14%);
+	font-size: 14px;
+	cursor: pointer;
+	backdrop-filter: blur(10px);
+}
+.process-timeline-autoscroll::after {
+	position: absolute;
+	right: 0;
+	bottom: calc(100% + 8px);
+	padding: 6px 8px;
+	border: 1px solid var(--hairline-strong);
+	border-radius: var(--radius-sm);
+	background: var(--ink);
+	color: #fff;
+	box-shadow: 0 6px 16px rgb(38 37 30 / 14%);
+	content: attr(data-tooltip);
+	font-size: 11px;
+	font-weight: 650;
+	line-height: 1;
+	white-space: nowrap;
+	opacity: 0;
+	transform: translateY(3px);
+	pointer-events: none;
+	transition: opacity 120ms ease, transform 120ms ease;
+}
+.process-timeline-autoscroll:hover::after,
+.process-timeline-autoscroll:focus-visible::after {
+	opacity: 1;
+	transform: translateY(0);
+}
+.process-timeline-autoscroll:hover,
+.process-timeline-autoscroll:focus-visible {
+	border-color: var(--orange);
+	color: var(--orange-active);
+	outline: none;
+	box-shadow: 0 8px 24px rgb(38 37 30 / 16%), 0 0 0 3px var(--orange-soft);
+}
+.process-timeline-autoscroll.is-active {
+	border-color: var(--ink);
+	background: var(--ink);
+	color: #fff;
+}
+.process-timeline-autoscroll.is-active:hover,
+.process-timeline-autoscroll.is-active:focus-visible {
+	border-color: var(--orange);
+	background: var(--ink);
+	color: #fff;
+}
+.process-timeline-autoscroll-signal {
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+	background: var(--muted-soft);
+}
+.process-timeline-autoscroll.is-active .process-timeline-autoscroll-signal {
+	background: var(--orange);
+	box-shadow: 0 0 0 4px rgb(245 78 0 / 16%);
+	animation: process-timeline-live-pulse 1.8s ease-out infinite;
+}
+@keyframes process-timeline-live-pulse {
+	0%, 55%, 100% { box-shadow: 0 0 0 4px rgb(245 78 0 / 16%); }
+	75% { box-shadow: 0 0 0 7px rgb(245 78 0 / 0%); }
+}
+@media (prefers-reduced-motion: reduce) {
+	.process-timeline-autoscroll.is-active .process-timeline-autoscroll-signal {
+		animation: none;
+	}
+	.process-timeline-autoscroll::after {
+		transition: none;
+	}
+}
 .process-timeline-filter-group {
 	display: inline-flex;
 	flex-wrap: wrap;

package/dist/worker/observe/static/views/dag-inspector.js

@@ -421,6 +421,10 @@ function renderDagInspectorForCurrent() {
 function resetInspectorNodeSelection(dagRunId, nodeId) {
 	uiState.selectedDagNodeId = nodeId;
 	uiState.dagInspectorOpen = true;
+	// Each node opens in live-follow mode by default. The explicit floating
+	// control can pause it without losing the reader's current position.
+	uiState.dagTimelineAutoScrollEnabled = true;
+	uiState.dagTimelineViewportState = null;
 	// Reset the per-attempt selection so an old node's attempt cannot leak
 	// into the newly selected node (always defaults back to the latest).
 	uiState.dagInspectorAttempt = null;
@@ -594,18 +598,13 @@ export function createDagInspectorResizeHandle(panel) {
 export function captureDagTimelineViewportState(panel) {
 	const scrollEl = panel.querySelector(".process-timeline-scroll");
 	if (scrollEl?.dataset.dagRunId && scrollEl.dataset.nodeId) {
-		const followLatest = computeFollowLatest(
-			scrollEl.scrollTop,
-			scrollEl.scrollHeight,
-			scrollEl.clientHeight,
-		);
 		uiState.dagTimelineViewportState = updateDagTimelineViewportState(
 			uiState.dagTimelineViewportState,
 			scrollEl.dataset.dagRunId,
 			scrollEl.dataset.nodeId,
 			scrollEl.scrollLeft,
 			scrollEl.scrollTop,
-			followLatest,
+			uiState.dagTimelineAutoScrollEnabled !== false,
 		);
 	}
 }
@@ -2111,7 +2110,7 @@ function buildArtifactRevisionSection(dagRunId, node) {
 											? "打开新运行"
 											: "打开失败的新运行";
 									open.addEventListener("click", () => {
-										window.location.hash = `#/dag/${encodeURIComponent(childRunId)}`;
+										navigate(`/dag/${encodeURIComponent(childRunId)}`);
 									});
 									planHost.appendChild(open);
 								}
@@ -2919,6 +2918,11 @@ function restoreInspectorContentScroll(content, dagRunId, nodeId, tab) {
 		) {
 			return;
 		}
+		if (tab === "timeline" && uiState.dagTimelineAutoScrollEnabled !== false) {
+			content.scrollLeft = uiState.dagTimelineViewportState?.scrollLeft ?? 0;
+			content.scrollTop = content.scrollHeight;
+			return;
+		}
 		if (tab === "output") {
 			const saved = uiState.dagNodeOutputViewportState;
 			if (saved?.regionKey === regionKey && saved.followLatest) {
@@ -3673,6 +3677,9 @@ function fillDagInspectorContent(content, dagRunId, node) {
 		const attemptBuilt = buildAttemptBar(dagRunId, node);
 		if (attemptBuilt?.bar) content.appendChild(attemptBuilt.bar);
 		renderExecutorAwareTimeline(content, dagRunId, node);
+		// Initial content is rendered before it is attached. Restore again on the
+		// connected animation frame so live-follow sees the final scroll height.
+		restoreInspectorContentScroll(content, dagRunId, node.nodeId, "timeline");
 	} else if (activeTab === "input") {
 		void renderDagNodeInput(content, dagRunId, node);
 	} else {