@tea-agent/loop-agent 0.39.1 → 0.40.0-next.10

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

@@ -0,0 +1,50 @@
+/** 与 state.js 对应的类型声明（供 vitest/TS 侧导入契约测试）。 */
+
+export type ViewStateKind = "loading" | "empty" | "degraded" | "error";
+
+export type ViewStateDescriptor = {
+	kind: ViewStateKind;
+	className: string;
+	role: string | null;
+	ariaLive: string | null;
+	message: string;
+	detail: string | null;
+	messageClass: string | null;
+};
+
+export const uiState: {
+	lastSnapshot: unknown;
+	specEvidenceDetail: {
+		source: string;
+		path: string;
+		loading: boolean;
+		error: string | null;
+		data: unknown;
+		triggerId: string | null;
+	} | null;
+	dagNodeExecutionOutputCache: Map<string, unknown> | null;
+	[key: string]: unknown;
+};
+
+export function setWorkspaceScope(workspaceId: string | null): void;
+export function workspaceScope(): string | null;
+export function scopedApiUrl(url: string): string;
+export function workspaceRequestSignal(): AbortSignal | undefined;
+export function fetchWithWorkspaceScope(
+	url: string,
+	init?: RequestInit,
+): Promise<Response>;
+export function abortWorkspaceRequests(): void;
+export function setWorkspaceActive(active: boolean): void;
+export function stopTimers(): void;
+export function pauseForegroundTimers(): void;
+
+/** Multi-workspace atomic scope switch (2026-08-26, AC-006). */
+export function applyWorkspaceScopeSwitch(
+	nextWorkspaceId: string | null,
+	routeValue?: (() => void) | string,
+	options?: {
+		route?: (hashValue: string) => void;
+		onTrace?: (trace: string[]) => void;
+	},
+): string[];

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

@@ -82,8 +82,8 @@ export const uiState = {
 	dagNodeExecutionOutputLoading: false,
 	dagNodeExecutionOutputError: null,
 	dagNodeExecutionOutputKey: null,
-	/** When true,「执行过程」展开 message_start/end 原始协议事件。默认展开，用户可点选隐藏。 */
-	sessionTimelineShowProtocol: true,
+	/** When true,「执行过程」展开 message_start/end 原始协议事件。默认隐藏，用户可点选展开。 */
+	sessionTimelineShowProtocol: false,
 	/** Open <details> keys restored across timeline re-renders. */
 	sessionTimelineOpenDetails: null,
 	lastSnapshot: null,
@@ -116,6 +116,8 @@ export const uiState = {
 	/** Last-rendered spec-evidence list, used to restore the list synchronously. */
 	specEvidenceListEvidence: null,
 	pollingGeneration: 0,
+	/** Hosted Inspect workspace is foreground. Standalone defaults to active. */
+	workspaceActive: true,
 };
 
 /** Per-dagRunId graph viewport restore map (stable Map instance). */
@@ -279,16 +281,186 @@ export function isPageVisible() {
 	);
 }
 
+export function isWorkspaceActive() {
+	return uiState.workspaceActive !== false;
+}
+
+export function setWorkspaceActive(active) {
+	uiState.workspaceActive = Boolean(active);
+}
+
+/**
+ * Multi-workspace scope (2026-08-23): every Observe GET must carry the
+ * current workspaceId (AC-002/AC-003). The scope is synced from the parent
+ * Console shell hash (`?workspaceId=`) or via postMessage for hosted mode;
+ * standalone pages default to null and all workspace-scoped routes fail closed
+ * until the host or hash publishes an explicit workspace id.
+ */
+let currentWorkspaceScope = null;
+let currentWorkspaceRequestController =
+	typeof AbortController === "undefined" ? null : new AbortController();
+
+export function setWorkspaceScope(workspaceId) {
+	currentWorkspaceScope =
+		typeof workspaceId === "string" && workspaceId.trim()
+			? workspaceId.trim()
+			: null;
+}
+
+export function workspaceScope() {
+	return currentWorkspaceScope;
+}
+
+/** Signal shared by every workspace-scoped Observe request in the active scope. */
+export function workspaceRequestSignal() {
+	if (
+		typeof AbortController !== "undefined" &&
+		(!currentWorkspaceRequestController ||
+			currentWorkspaceRequestController.signal.aborted)
+	) {
+		currentWorkspaceRequestController = new AbortController();
+	}
+	return currentWorkspaceRequestController?.signal;
+}
+
+function combinedRequestSignal(scopeSignal, requestSignal) {
+	const signals = [scopeSignal, requestSignal].filter(Boolean);
+	if (signals.length <= 1) return { signal: signals[0], cleanup: () => {} };
+	const controller = new AbortController();
+	const abort = () => controller.abort();
+	for (const signal of signals) {
+		if (signal.aborted) abort();
+		else signal.addEventListener("abort", abort, { once: true });
+	}
+	return {
+		signal: controller.signal,
+		cleanup: () => {
+			for (const signal of signals) signal.removeEventListener("abort", abort);
+		},
+	};
+}
+
+/** Fetch through the current workspace boundary and abort on any scope swap. */
+export async function fetchWithWorkspaceScope(url, init = {}) {
+	const { signal: requestSignal, ...rest } = init;
+	const combined = combinedRequestSignal(
+		workspaceRequestSignal(),
+		requestSignal,
+	);
+	try {
+		return await fetch(scopedApiUrl(url), {
+			...rest,
+			...(combined.signal ? { signal: combined.signal } : {}),
+		});
+	} finally {
+		combined.cleanup();
+	}
+}
+
+/** Abort every old-scope request and invalidate request identity guards. */
+export function abortWorkspaceRequests() {
+	currentWorkspaceRequestController?.abort();
+	currentWorkspaceRequestController =
+		typeof AbortController === "undefined" ? null : new AbortController();
+	uiState.dagHistoryAbortController?.abort?.();
+	uiState.dagHistoryAbortController = null;
+	uiState.dagHistoryRequestSeq += 1;
+	uiState.dagHistoryPrefetchGeneration += 1;
+	uiState.dagNodeInputRequestSeq += 1;
+	uiState.dagNodeProcessRequestSeq += 1;
+	uiState.dagNodeExecutionOutputRequestSeq += 1;
+}
+
+/** Multi-workspace atomic scope switch (2026-08-26, AC-006).
+ *
+ * Contract order — strictly sequential, no interleaving:
+ *   1. abort old   — stop every poll/SSE so no late request can race the swap;
+ *   2. clear old   — drop cached run/task/selection state of the old scope;
+ *   3. set scope   — publish the new workspaceId for scopedApiUrl;
+ *   4. reload new  — re-route/re-render with the new scope active.
+ *
+ * Observability: each stage appends to the returned trace so tests (and
+ * diagnostics) can assert the exact ordering; there is no window in which a
+ * new route is requested with the old scope or vice versa.
+ */
+export function applyWorkspaceScopeSwitch(
+	nextWorkspaceId,
+	routeValue,
+	options = {},
+) {
+	const trace = [];
+	// 1. abort old
+	abortWorkspaceRequests();
+	stopTimers();
+	pauseForegroundTimers();
+	trace.push("abort-old");
+	// 2. clear old
+	uiState.lastSnapshot = null;
+	uiState.specEvidenceDetail = null;
+	uiState.specEvidenceListEvidence = null;
+	clearDagNodeExecutionOutputCache();
+	trace.push("clear-old");
+	// 3. set scope
+	setWorkspaceScope(nextWorkspaceId);
+	trace.push(`set-scope:${workspaceScope() ?? ""}`);
+	// 4. route/reload new
+	if (typeof routeValue === "function") routeValue();
+	else if (typeof routeValue === "string") options.route?.(routeValue);
+	trace.push("route-new");
+	if (options.onTrace) options.onTrace(trace);
+	return trace;
+}
+
+/** Append ?workspaceId= to an observe API URL (real request path kept). */
+export function scopedApiUrl(url) {
+	const raw = String(url ?? "");
+	if (!currentWorkspaceScope || !raw.startsWith("/api/")) return raw;
+	const qIndex = raw.indexOf("?");
+	if (qIndex >= 0) {
+		const params = new URLSearchParams(raw.slice(qIndex + 1));
+		if (params.has("workspaceId")) return raw;
+		params.set("workspaceId", currentWorkspaceScope);
+		return `${raw.slice(0, qIndex)}?${params.toString()}`;
+	}
+	return `${raw}?workspaceId=${encodeURIComponent(currentWorkspaceScope)}`;
+}
+
 export function detailPollDelay(status, isVisible) {
 	const normalizedStatus = (status ?? "").toLowerCase().replace(/-/g, "_");
 	if (TERMINAL_RUN_STATUSES.has(normalizedStatus)) return null;
+	if (!isWorkspaceActive()) return null;
 	return isVisible ? ACTIVE_DETAIL_POLL_MS : HIDDEN_POLL_MS;
 }
 
 export function dashboardPollDelay() {
+	if (!isWorkspaceActive()) return null;
 	return isPageVisible() ? DASHBOARD_POLL_MS : HIDDEN_POLL_MS;
 }
 
+/** Stop pausable timers without destroying route/selection/scroll. */
+export function pauseForegroundTimers() {
+	if (uiState.dashboardTimer) {
+		clearTimeout(uiState.dashboardTimer);
+		uiState.dashboardTimer = null;
+	}
+	if (uiState.runPollTimer) {
+		clearTimeout(uiState.runPollTimer);
+		uiState.runPollTimer = null;
+	}
+	if (uiState.dagPollTimer) {
+		clearTimeout(uiState.dagPollTimer);
+		uiState.dagPollTimer = null;
+	}
+	if (uiState.poolTimer) {
+		clearTimeout(uiState.poolTimer);
+		uiState.poolTimer = null;
+	}
+	if (uiState.taskPollTimer) {
+		clearTimeout(uiState.taskPollTimer);
+		uiState.taskPollTimer = null;
+	}
+}
+
 export function updateDagGraphViewportState(
 	_previous,
 	dagRunId,

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

@@ -1222,6 +1222,13 @@ body.is-resizing-dag-graph {
 	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
 	overflow-wrap: anywhere;
 }
+.dag-inspector-purpose {
+	margin: 0;
+	color: var(--muted);
+	font-size: 12px;
+	line-height: 1.45;
+	overflow-wrap: anywhere;
+}
 .dag-inspector-controls {
 	display: inline-flex;
 	align-items: center;
@@ -3570,83 +3577,386 @@ button.copy-command:focus-visible {
 }
 
 /* Experimental prompt-override rerun tab (only rendered with the mutation token). */
+#dag-inspector-panel-prompt-restart {
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+}
+#dag-inspector-panel-prompt-restart:has(.prompt-restart-panel.is-readonly) {
+	overflow: hidden;
+}
+.prompt-restart-panel,
 .prompt-restart-box {
 	display: flex;
 	flex-direction: column;
-	gap: 0.75rem;
-	padding: 0.5rem 0.25rem;
+	gap: var(--space-3);
+	min-width: 0;
+	flex: 1;
+}
+.prompt-restart-panel.is-readonly {
+	min-height: 0;
+	overflow: hidden;
+}
+.prompt-restart-panel.is-readonly .prompt-restart-prompt-card {
+	flex: 1 1 auto;
+	min-height: 12rem;
+}
+.prompt-restart-toolbar {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: var(--space-3);
+	align-items: start;
+}
+.prompt-restart-mode-field {
+	min-width: 12.5rem;
+}
+.prompt-restart-banner {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 10px;
+	padding: 10px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+}
+.prompt-restart-banner.is-edit {
+	border-color: color-mix(in srgb, var(--orange) 28%, var(--hairline));
+	background: color-mix(in srgb, var(--orange-soft) 55%, var(--surface));
+}
+.prompt-restart-banner-kicker {
+	width: fit-content;
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+	letter-spacing: 0.02em;
+}
+.prompt-restart-banner.is-edit .prompt-restart-banner-kicker {
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+.prompt-restart-banner-title,
+.prompt-restart-banner-body {
+	margin: 0;
+}
+.prompt-restart-banner-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.35;
+}
+.prompt-restart-banner-body {
+	flex-basis: 100%;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.5;
 }
 .prompt-restart-field {
 	display: flex;
 	flex-direction: column;
-	gap: 0.35rem;
+	gap: 6px;
+	min-width: 0;
+}
+.prompt-restart-field.is-hidden,
+.prompt-restart-prompt-card.is-hidden {
+	display: none;
+}
+.prompt-restart-label {
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 700;
+	letter-spacing: 0.01em;
+}
+.prompt-restart-hint {
+	margin: 0;
+	color: var(--muted);
+	font-size: 12px;
+	line-height: 1.45;
+}
+.prompt-restart-candidate-select {
+	display: block;
+	width: 100%;
+	min-width: 0;
+}
+.prompt-restart-candidate-select .custom-select-trigger {
+	width: 100%;
+}
+.prompt-restart-candidate-select .custom-select-menu {
+	z-index: 6;
+}
+.prompt-restart-mode-switch {
+	display: flex;
+	width: fit-content;
+	max-width: 100%;
+	gap: 4px;
+	padding: 4px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option,
+.prompt-restart-mode-option {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+	width: auto;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: var(--radius-pill);
+	background: transparent;
+	color: var(--muted);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0;
+	white-space: nowrap;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:focus-visible,
+.prompt-restart-mode-option:hover,
+.prompt-restart-mode-option:focus-visible {
+	color: var(--ink);
+	background: var(--surface-muted);
+	border-color: transparent;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option.is-selected,
+.prompt-restart-mode-option.is-selected {
+	background: var(--ink);
+	color: #fff;
+	border-color: transparent;
 }
 .prompt-restart-prompt-card {
-	position: relative;
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	overflow: hidden;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
 }
 .prompt-restart-prompt-head {
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	justify-content: space-between;
-	gap: 0.5rem;
+	gap: var(--space-3);
+	padding: 10px 12px;
+	border-bottom: 1px solid var(--hairline);
+	background: var(--canvas-soft);
+}
+.prompt-restart-prompt-titles {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 8px;
+	min-width: 0;
+}
+.prompt-restart-prompt-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.3;
+}
+.prompt-restart-prompt-badge {
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.prompt-restart-prompt-meta {
+	flex-basis: 100%;
+	color: var(--muted);
+	font-size: 11px;
+	line-height: 1.3;
 }
 .prompt-restart-copy-icon {
 	flex: 0 0 auto;
+	margin-top: 1px;
+}
+.prompt-restart-prompt-actions {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	flex: 0 0 auto;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold,
+.prompt-restart-prompt-fold {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 10px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+	color: var(--body);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold:hover,
+.prompt-restart-prompt-fold:hover {
+	border-color: var(--hairline-strong);
+	background: var(--surface-muted);
+	color: var(--ink);
+	transform: none;
+}
+.prompt-restart-prompt-card.is-collapsed .prompt-restart-readonly {
+	display: none;
+}
+.prompt-restart-readonly {
+	margin: 0;
+	padding: 14px 16px;
+	overflow: auto;
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	tab-size: 2;
+}
+.prompt-restart-panel.is-readonly .prompt-restart-readonly {
+	flex: 1 1 auto;
+	min-height: 0;
+	max-height: none;
+}
+.prompt-restart-panel.is-edit .prompt-restart-readonly {
+	max-height: min(36vh, 18rem);
 }
 .prompt-restart-textarea {
 	width: 100%;
 	min-height: 8rem;
 	resize: vertical;
 	box-sizing: border-box;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow-wrap: normal;
+	padding: 12px 14px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
 	overflow-x: auto;
 }
-.prompt-restart-actions {
+.prompt-restart-textarea-work {
+	min-height: 10rem;
+}
+.prompt-restart-textarea:hover {
+	border-color: var(--hairline-strong);
+}
+.prompt-restart-textarea:focus-visible {
+	outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent);
+	outline-offset: 1px;
+	border-color: color-mix(in srgb, var(--orange) 35%, var(--hairline));
+}
+.prompt-restart-textarea-compact {
+	min-height: 4.5rem;
+}
+.prompt-restart-actions,
+.prompt-restart-footer {
 	display: flex;
-	gap: 0.5rem;
+	flex-wrap: wrap;
+	gap: var(--space-2);
 	align-items: center;
+	justify-content: flex-end;
+}
+.prompt-restart-footer {
+	position: sticky;
+	bottom: calc(-1 * var(--space-4));
+	z-index: 2;
+	margin-top: auto;
+	padding: 10px 0 2px;
+	border-top: 1px solid var(--hairline);
+	background: var(--surface);
 }
+.prompt-restart-footer .prompt-restart-status {
+	flex: 1 1 12rem;
+	min-width: 0;
+	margin-right: auto;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit,
 .prompt-restart-submit {
-	padding: 0.35rem 0.9rem;
-	font-size: 13.5px;
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 34px;
+	height: 34px;
+	padding: 0 16px;
+	border: 1px solid var(--orange);
+	border-radius: var(--radius-pill);
+	background: var(--orange);
+	color: #fff;
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0.01em;
+	box-shadow: none;
+	transform: none;
 	cursor: pointer;
 }
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:focus-visible,
+.prompt-restart-submit:hover,
+.prompt-restart-submit:focus-visible {
+	background: var(--orange-active);
+	border-color: var(--orange-active);
+	color: #fff;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary,
+.prompt-restart-submit.is-secondary {
+	border-color: var(--hairline);
+	background: var(--surface);
+	color: var(--ink);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:focus-visible,
+.prompt-restart-submit.is-secondary:hover,
+.prompt-restart-submit.is-secondary:focus-visible {
+	border-color: var(--orange);
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:disabled,
 .prompt-restart-submit:disabled {
 	opacity: 0.55;
 	cursor: wait;
+	transform: none;
 }
 .prompt-restart-status {
 	margin: 0;
-	font-size: 13px;
 	min-height: 1.2em;
+	color: var(--body);
+	font-size: 13px;
 	white-space: pre-wrap;
 	word-break: break-word;
 }
 .prompt-restart-status.prompt-restart-error {
-	color: var(--red, #c0392b);
-}
-.prompt-restart-readonly {
-	margin: 0;
-	padding: 0.5rem 0.6rem;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow: auto;
-	border: 1px solid var(--border-color, rgba(125, 125, 125, 0.35));
-	border-radius: 6px;
-	max-height: 60vh;
-}
-.prompt-restart-mode {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-}
-.prompt-restart-mode-select {
-	max-width: 100%;
-	font-size: 13px;
+	color: var(--red);
 }