@tea-agent/loop-agent 0.42.0-next.5 → 0.42.0-next.7

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 {

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

@@ -35,7 +35,12 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	withWorkspaceQuery,
+} from "../router.js";
 import {
 	fetchJson,
 	artifactUrl,
@@ -248,6 +253,7 @@ export async function renderDagDetail(dagRunId, initial = true) {
 		uiState.dagInspectorAttempt = null;
 		uiState.dagGraphViewportState = null;
 		uiState.dagTimelineViewportState = null;
+		uiState.dagTimelineAutoScrollEnabled = true;
 	}
 	// AC-001：同会话内重新进入同一 dagRunId 保持当前图视图模式（不切回逻辑拓扑）。
 	uiState.dagGraphViewMode = dagGraphViewModes.get(dagRunId) ?? "topology";
@@ -364,7 +370,9 @@ export async function renderDagDetail(dagRunId, initial = true) {
 			"page-action-btn",
 			"在操作台中止此运行 →",
 		);
-		interruptLink.href = `/#/operate/recovery?dagRunId=${encodeURIComponent(dag.dagRunId)}&intent=interrupt`;
+		interruptLink.href = withWorkspaceQuery(
+			`/#/operate/recovery?dagRunId=${encodeURIComponent(dag.dagRunId)}&intent=interrupt`,
+		);
 		interruptLink.setAttribute("data-testid", "inspect-dag-interrupt-link");
 		interruptLink.title = "只跳转到操作台 Recovery，不会在观测页执行中止";
 		primaryEntries.push(["协作中止", interruptLink]);

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

@@ -327,7 +327,9 @@ function buildRow(run) {
 
 	const nameTd = document.createElement("td");
 	const nameLink = el("a", "dags-name-link", run.title || run.dagRunId);
-	nameLink.href = `#/dag/${encodeURIComponent(run.dagRunId)}`;
+	nameLink.href = inspectPathToCanonicalHref(
+		`/dag/${encodeURIComponent(run.dagRunId)}`,
+	);
 	nameLink.addEventListener("click", (event) => {
 		event.preventDefault();
 		event.stopPropagation();

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

@@ -35,7 +35,13 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+	withWorkspaceQuery,
+} from "../router.js";
 import { fetchJson, artifactUrl, parseArtifactPreviewResponse } from "../api.js";
 import {
 	objectRouteLink,
@@ -118,14 +124,14 @@ async function renderNightStrip() {
 
 	const actions = el("div", "night-strip-actions");
 	const detail = el("a", "page-action-btn", "夜间详情");
-	detail.href = "/#/inspect/night";
+	detail.href = inspectPathToCanonicalHref("/night");
 	detail.addEventListener("click", (e) => {
 		e.preventDefault();
 		navigate("/night");
 	});
 	actions.appendChild(detail);
 	const manage = el("a", "page-action-btn night-strip-manage", "晨审处置 →");
-	manage.href = "/#/operate/night";
+	manage.href = withWorkspaceQuery("/#/operate/night");
 	manage.title = "夜间计划的管理与晨审处置在操作台完成（Inspect 保持只读）";
 	actions.appendChild(manage);
 	strip.appendChild(actions);
@@ -528,7 +534,7 @@ export async function renderDashboard(scrollTo) {
 							workerBlock.appendChild(el("div", "risk-total", String(block.total)));
 							workerBlock.appendChild(el("p", "risk-summary", block.summary));
 							const link = el("a", "risk-link", "查看异常 Task →");
-							link.href = "#/failures";
+							link.href = inspectPathToCanonicalHref("/failures");
 							link.addEventListener("click", (event) => {
 								event.preventDefault();
 								navigate("/failures");
@@ -556,7 +562,7 @@ export async function renderDashboard(scrollTo) {
 			const head = el("div", "section-heading-row");
 			head.appendChild(el("h3", "section-heading", UI_TEXT.recentDags));
 			const allLink = el("a", "section-heading-action", UI_TEXT.viewAllDags);
-			allLink.href = "#/dags?page=1&pageSize=20";
+			allLink.href = inspectPathToCanonicalHref("/dags?page=1&pageSize=20");
 			allLink.setAttribute("aria-label", "查看全部 DAG 运行历史");
 			allLink.addEventListener("click", (event) => {
 				event.preventDefault();
@@ -686,7 +692,9 @@ function syncTableRow(row, cells) {
 function buildDagTimelineItem(dag) {
 	const progress = dagProgress(dag);
 	const item = el("a", "dag-run-timeline-item");
-	item.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+	item.href = inspectPathToCanonicalHref(
+		`/dag/${encodeURIComponent(dag.dagRunId)}`,
+	);
 	item.title = dag.title || dag.dagRunId;
 	item.addEventListener("click", (event) => {
 		event.preventDefault();

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

@@ -8,7 +8,12 @@ import {
 	livenessBadge,
 	truncateText,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+} from "../router.js";
 import { fetchJson } from "../api.js";
 import { objectRouteLink } from "../relations.js";
 import {
@@ -118,7 +123,7 @@ function taskPath(task) {
 
 function linkTo(path, label, className) {
 	const a = el("a", className || "object-link", label);
-	a.href = `#${path}`;
+	a.href = inspectPathToCanonicalHref(path);
 	a.addEventListener("click", (e) => {
 		e.preventDefault();
 		e.stopPropagation();

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

@@ -35,7 +35,12 @@ import {
 	parseMarkdownBlocks,
 	markdownLinkHref,
 } from "../format.js";
-import { parseRoute, navigate, buildHashPath } from "../router.js";
+import {
+	parseRoute,
+	navigate,
+	buildHashPath,
+	inspectPathToCanonicalHref,
+} from "../router.js";
 import {
 	fetchJson,
 	artifactUrl,
@@ -176,7 +181,9 @@ export function renderRunDagProgress(task, snapshot) {
 				"详情",
 				(() => {
 					const a = el("a", "link", "查看 DAG 详情 →");
-					a.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+					a.href = inspectPathToCanonicalHref(
+						`/dag/${encodeURIComponent(dag.dagRunId)}`,
+					);
 					a.addEventListener("click", (e) => {
 						e.preventDefault();
 						navigate(`/dag/${encodeURIComponent(dag.dagRunId)}`);
@@ -295,7 +302,9 @@ export function renderRunPanels(task, events, snapshot) {
 		li.appendChild(marker);
 		if (step.label === "run-dag" && dag?.dagRunId) {
 			const link = document.createElement("a");
-			link.href = `#/dag/${encodeURIComponent(dag.dagRunId)}`;
+			link.href = inspectPathToCanonicalHref(
+				`/dag/${encodeURIComponent(dag.dagRunId)}`,
+			);
 			link.className = "step-link";
 			link.textContent = "DAG →";
 			link.addEventListener("click", (e) => {