@tea-agent/loop-agent 0.26.0 → 0.26.2

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

@@ -1,148 +1,148 @@
-/** Run step/command/artifact processing and task history rows. */
-import {
-	STEP_LABELS,
-	ARTIFACT_LABELS,
-	STEP_ORDER,
-	ARTIFACT_KEYS,
-} from "./constants.js";
-import { badge } from "./format.js";
-import { navigate } from "./router.js";
-
-export function stepDisplayLabel(label) {
-	return STEP_LABELS[label] ?? label;
-}
-
-export function buildStepStates(events) {
-	const states = new Map();
-	for (const ev of events) {
-		if (ev.type === "step.started") {
-			states.set(ev.label, { status: "running", startedAt: ev.at });
-		} else if (ev.type === "step.finished") {
-			states.set(ev.label, {
-				status: ev.status === "failed" ? "failed" : "succeeded",
-				durationMs: ev.durationMs,
-			});
-		}
-	}
-
-	const ordered = [...STEP_ORDER];
-	for (const label of states.keys()) {
-		if (!ordered.includes(label)) ordered.push(label);
-	}
-
-	return ordered.map((label) => {
-		const state = states.get(label);
-		return {
-			label,
-			display: stepDisplayLabel(label),
-			status: state?.status ?? "pending",
-			durationMs: state?.durationMs,
-		};
-	});
-}
-
-export function stepMarker(status) {
-	switch (status) {
-		case "succeeded":
-			return "✓";
-		case "running":
-			return "●";
-		case "failed":
-			return "✗";
-		default:
-			return "○";
-	}
-}
-
-export function getCurrentCommand(events) {
-	const active = new Map();
-	for (const ev of events) {
-		if (ev.type === "command.started") {
-			active.set(ev.label, ev);
-		} else if (ev.type === "command.finished") {
-			active.delete(ev.label);
-		}
-	}
-	let latest = null;
-	for (const cmd of active.values()) {
-		if (!latest || cmd.at > latest.at) latest = cmd;
-	}
-	if (latest?.at) {
-		const elapsed = Date.now() - Date.parse(latest.at);
-		latest = { ...latest, elapsedMs: Number.isFinite(elapsed) ? elapsed : 0 };
-	}
-	return latest;
-}
-
-export function getOutputTail(events, commandLabel) {
-	if (!commandLabel) return "";
-	const chunks = [];
-	for (const ev of events) {
-		if (
-			ev.type === "command.output" &&
-			ev.label === commandLabel &&
-			ev.outputPreview
-		) {
-			chunks.push(ev.outputPreview);
-		}
-	}
-	return chunks.join("");
-}
-
-export function collectArtifacts(task, events) {
-	const arts = new Map();
-	const add = (label, artifactPath) => {
-		if (artifactPath && !arts.has(label)) arts.set(label, artifactPath);
-	};
-
-	if (task?.artifactRefs) {
-		for (const key of ARTIFACT_KEYS) {
-			add(ARTIFACT_LABELS[key] ?? key, task.artifactRefs[key]);
-		}
-	}
-
-	for (const ev of events) {
-		if (!ev.artifactRefs) continue;
-		for (const [key, artifactPath] of Object.entries(ev.artifactRefs)) {
-			add(ARTIFACT_LABELS[key] ?? key, artifactPath);
-		}
-	}
-
-	return arts;
-}
-
-export function findBatchRunIdForTask(snapshot, task) {
-	if (!snapshot || !task) return null;
-	const workerRunId = task.workerRunId;
-	if (!workerRunId) return null;
-	for (const batch of snapshot.batches ?? []) {
-		for (const t of batch.tasks ?? []) {
-			if (t.workerRunId === workerRunId) return batch.batchRunId;
-		}
-	}
-	return null;
-}
-
-export function taskRunHistoryRow(run) {
-	let runLink = run.workerRunId;
-	if (run.workerRunId) {
-		const a = document.createElement("a");
-		a.href = `#/run/${encodeURIComponent(run.workerRunId)}`;
-		a.textContent = run.workerRunId;
-		a.addEventListener("click", (e) => {
-			e.preventDefault();
-			navigate(`#/run/${encodeURIComponent(run.workerRunId)}`);
-		});
-		runLink = a;
-	}
-	return {
-		cells: [
-			runLink,
-			badge(run.status),
-			run.recordedAt ?? run.finishedAt ?? "—",
-			run.batchRunId ?? "—",
-			run.retryOfWorkerRunId ?? "—",
-			run.failureCategory ?? "—",
-		],
-	};
-}
+/** Run step/command/artifact processing and task history rows. */
+import {
+	STEP_LABELS,
+	ARTIFACT_LABELS,
+	STEP_ORDER,
+	ARTIFACT_KEYS,
+} from "./constants.js";
+import { badge } from "./format.js";
+import { navigate } from "./router.js";
+
+export function stepDisplayLabel(label) {
+	return STEP_LABELS[label] ?? label;
+}
+
+export function buildStepStates(events) {
+	const states = new Map();
+	for (const ev of events) {
+		if (ev.type === "step.started") {
+			states.set(ev.label, { status: "running", startedAt: ev.at });
+		} else if (ev.type === "step.finished") {
+			states.set(ev.label, {
+				status: ev.status === "failed" ? "failed" : "succeeded",
+				durationMs: ev.durationMs,
+			});
+		}
+	}
+
+	const ordered = [...STEP_ORDER];
+	for (const label of states.keys()) {
+		if (!ordered.includes(label)) ordered.push(label);
+	}
+
+	return ordered.map((label) => {
+		const state = states.get(label);
+		return {
+			label,
+			display: stepDisplayLabel(label),
+			status: state?.status ?? "pending",
+			durationMs: state?.durationMs,
+		};
+	});
+}
+
+export function stepMarker(status) {
+	switch (status) {
+		case "succeeded":
+			return "✓";
+		case "running":
+			return "●";
+		case "failed":
+			return "✗";
+		default:
+			return "○";
+	}
+}
+
+export function getCurrentCommand(events) {
+	const active = new Map();
+	for (const ev of events) {
+		if (ev.type === "command.started") {
+			active.set(ev.label, ev);
+		} else if (ev.type === "command.finished") {
+			active.delete(ev.label);
+		}
+	}
+	let latest = null;
+	for (const cmd of active.values()) {
+		if (!latest || cmd.at > latest.at) latest = cmd;
+	}
+	if (latest?.at) {
+		const elapsed = Date.now() - Date.parse(latest.at);
+		latest = { ...latest, elapsedMs: Number.isFinite(elapsed) ? elapsed : 0 };
+	}
+	return latest;
+}
+
+export function getOutputTail(events, commandLabel) {
+	if (!commandLabel) return "";
+	const chunks = [];
+	for (const ev of events) {
+		if (
+			ev.type === "command.output" &&
+			ev.label === commandLabel &&
+			ev.outputPreview
+		) {
+			chunks.push(ev.outputPreview);
+		}
+	}
+	return chunks.join("");
+}
+
+export function collectArtifacts(task, events) {
+	const arts = new Map();
+	const add = (label, artifactPath) => {
+		if (artifactPath && !arts.has(label)) arts.set(label, artifactPath);
+	};
+
+	if (task?.artifactRefs) {
+		for (const key of ARTIFACT_KEYS) {
+			add(ARTIFACT_LABELS[key] ?? key, task.artifactRefs[key]);
+		}
+	}
+
+	for (const ev of events) {
+		if (!ev.artifactRefs) continue;
+		for (const [key, artifactPath] of Object.entries(ev.artifactRefs)) {
+			add(ARTIFACT_LABELS[key] ?? key, artifactPath);
+		}
+	}
+
+	return arts;
+}
+
+export function findBatchRunIdForTask(snapshot, task) {
+	if (!snapshot || !task) return null;
+	const workerRunId = task.workerRunId;
+	if (!workerRunId) return null;
+	for (const batch of snapshot.batches ?? []) {
+		for (const t of batch.tasks ?? []) {
+			if (t.workerRunId === workerRunId) return batch.batchRunId;
+		}
+	}
+	return null;
+}
+
+export function taskRunHistoryRow(run) {
+	let runLink = run.workerRunId;
+	if (run.workerRunId) {
+		const a = document.createElement("a");
+		a.href = `#/run/${encodeURIComponent(run.workerRunId)}`;
+		a.textContent = run.workerRunId;
+		a.addEventListener("click", (e) => {
+			e.preventDefault();
+			navigate(`#/run/${encodeURIComponent(run.workerRunId)}`);
+		});
+		runLink = a;
+	}
+	return {
+		cells: [
+			runLink,
+			badge(run.status),
+			run.recordedAt ?? run.finishedAt ?? "—",
+			run.batchRunId ?? "—",
+			run.retryOfWorkerRunId ?? "—",
+			run.failureCategory ?? "—",
+		],
+	};
+}

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

@@ -53,6 +53,8 @@ export const uiState = {
 	dagTimelineViewportState: null,
 	dagNodeOutputViewportState: null,
 	dagNodeInputViewportState: null,
+	/** Spec-evidence inspector content scroll (single active region snapshot). */
+	dagNodeSpecEvidenceViewportState: null,
 	runOutputViewportState: null,
 	/**
 	 * Spec-evidence file preview drill-down. null = list view; otherwise
@@ -67,6 +69,65 @@ export const uiState = {
 /** Per-dagRunId graph viewport restore map (stable Map instance). */
 export const dagGraphViewportStates = new Map();
 
+/**
+ * Per-context inspector content scroll map.
+ * Key format: dag:<dagRunId>:<nodeId>:<tab>
+ */
+export const dagInspectorViewportStates = new Map();
+
+/** Build a stable inspector scroll region key (AC-005 context isolation). */
+export function inspectorViewportRegionKey(dagRunId, nodeId, tab) {
+	return `dag:${dagRunId ?? ""}:${nodeId ?? ""}:${tab ?? "output"}`;
+}
+
+export function updateDagInspectorViewportState(
+	_previous,
+	regionKey,
+	scrollLeft,
+	scrollTop,
+) {
+	return {
+		regionKey,
+		scrollLeft: Math.max(0, Number(scrollLeft) || 0),
+		scrollTop: Math.max(0, Number(scrollTop) || 0),
+	};
+}
+
+/**
+ * Persist inspector scroll for a context. When `preserveIntent` is true and the
+ * incoming position is a zero clamp on short (loading) content while a non-zero
+ * intent already exists, keep the previous intent instead of overwriting to 0.
+ */
+export function saveDagInspectorViewportState(
+	regionKey,
+	scrollLeft,
+	scrollTop,
+	options = {},
+) {
+	if (!regionKey) return null;
+	const left = Math.max(0, Number(scrollLeft) || 0);
+	const top = Math.max(0, Number(scrollTop) || 0);
+	if (options.preserveIntent) {
+		const existing = dagInspectorViewportStates.get(regionKey);
+		if (
+			existing &&
+			left === 0 &&
+			top === 0 &&
+			(existing.scrollLeft > 0 || existing.scrollTop > 0)
+		) {
+			return existing;
+		}
+	}
+	const next = updateDagInspectorViewportState(null, regionKey, left, top);
+	dagInspectorViewportStates.set(regionKey, next);
+	return next;
+}
+
+export function getDagInspectorViewportState(regionKey) {
+	if (!regionKey) return null;
+	return dagInspectorViewportStates.get(regionKey) ?? null;
+}
+
 /** Build a fresh session-event identity token and bump the global sequence. */
 export function makeSessionEventIdentity(dagRunId, nodeId) {
 	uiState.sessionEventIdentitySeq += 1;

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

@@ -1522,6 +1522,14 @@ body.is-resizing-dag-graph {
 #dag-arrow path {
 	fill: color-mix(in srgb, var(--hairline-strong) 80%, var(--muted));
 }
+.dag-edge-control {
+	stroke: var(--orange);
+	stroke-width: 2;
+	stroke-dasharray: 6 4;
+}
+#dag-arrow-control path {
+	fill: var(--orange);
+}
 .dag-graph-node {
 	cursor: pointer;
 	transition: opacity var(--transition-fast);