@tea-agent/loop-agent 0.25.6 → 0.26.0

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/styles.css

@@ -47,8 +47,16 @@
 
 html {
 	background:
-		radial-gradient(1200px 480px at 8% -10%, rgb(241 216 203 / 45%), transparent 55%),
-		radial-gradient(900px 420px at 100% 0%, rgb(216 234 213 / 35%), transparent 50%),
+		radial-gradient(
+			1200px 480px at 8% -10%,
+			rgb(241 216 203 / 45%),
+			transparent 55%
+		),
+		radial-gradient(
+			900px 420px at 100% 0%,
+			rgb(216 234 213 / 35%),
+			transparent 50%
+		),
 		var(--canvas);
 	min-height: 100%;
 	scroll-behavior: smooth;
@@ -62,14 +70,8 @@ body {
 	color: var(--ink);
 	/* Keep system-ui first for shell contract tests; Chinese fonts follow. */
 	font-family:
-		system-ui,
-		-apple-system,
-		"Segoe UI",
-		"PingFang SC",
-		"Hiragino Sans GB",
-		"Noto Sans SC",
-		BlinkMacSystemFont,
-		sans-serif;
+		system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
+		"Noto Sans SC", BlinkMacSystemFont, sans-serif;
 	font-size: 14px;
 	line-height: 1.5;
 }
@@ -868,7 +870,7 @@ td:first-child,
 	transition: opacity var(--transition-fast);
 }
 /* Five-column default: right two columns open inward (left) to avoid viewport overflow. */
-.kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n-1) .kpi-tip,
+.kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n - 1) .kpi-tip,
 .kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n) .kpi-tip {
 	left: auto;
 	right: 12px;
@@ -1114,7 +1116,10 @@ td:first-child,
 }
 .feature-decision-row {
 	display: grid;
-	grid-template-columns: minmax(120px, 0.9fr) minmax(88px, 0.55fr) minmax(0, 1.6fr) auto;
+	grid-template-columns: minmax(120px, 0.9fr) minmax(88px, 0.55fr) minmax(
+			0,
+			1.6fr
+		) auto;
 	align-items: center;
 	gap: var(--space-3);
 	padding: 12px 14px;
@@ -1254,8 +1259,8 @@ tr.clickable:focus-within {
 	background: color-mix(in srgb, var(--red) 8%, var(--surface));
 }
 .badge-partial-failed {
-	color: color-mix(in srgb, var(--red) 70%, var(--ink));
-	background: color-mix(in srgb, var(--red) 6%, var(--surface));
+	color: color-mix(in srgb, var(--amber) 80%, var(--ink));
+	background: color-mix(in srgb, var(--amber) 10%, var(--surface));
 }
 .badge-running,
 .badge-started {
@@ -1494,7 +1499,11 @@ body.is-resizing-dag-graph {
 	border: 1px solid var(--hairline);
 	border-radius: var(--radius-lg);
 	background:
-		radial-gradient(800px 280px at 0% 0%, rgb(241 216 203 / 28%), transparent 55%),
+		radial-gradient(
+			800px 280px at 0% 0%,
+			rgb(241 216 203 / 28%),
+			transparent 55%
+		),
 		var(--canvas-soft);
 	scroll-behavior: auto;
 	box-shadow: inset 0 1px 0 rgb(255 255 255 / 60%);
@@ -2007,11 +2016,25 @@ body.is-resizing-dag-graph {
 	font-weight: 700;
 }
 
-.spec-evidence-section { padding-bottom: var(--space-4); border-bottom: 1px solid var(--hairline); }
-.spec-evidence-section + .spec-evidence-section { margin-top: var(--space-4); }
-.spec-evidence-section h4 { margin: 0 0 var(--space-2); color: var(--ink); font-size: 12px; font-weight: 700; }
+.spec-evidence-section {
+	padding-bottom: var(--space-4);
+	border-bottom: 1px solid var(--hairline);
+}
+.spec-evidence-section + .spec-evidence-section {
+	margin-top: var(--space-4);
+}
+.spec-evidence-section h4 {
+	margin: 0 0 var(--space-2);
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 700;
+}
 
-.node-input-root { display: flex; flex-direction: column; gap: var(--space-3); }
+.node-input-root {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-3);
+}
 .node-input-semantics {
 	margin: 0;
 	font-size: 12px;
@@ -2084,24 +2107,141 @@ body.is-resizing-dag-graph {
 	color: var(--danger, #b42318);
 	font-size: 13px;
 }
-.spec-evidence-summary { margin: var(--space-2) 0 0; color: var(--body); font-size: 12px; line-height: 1.6; }
-.spec-evidence-list { display: grid; gap: 6px; margin: var(--space-2) 0 0; padding: 0; list-style: none; }
-.spec-evidence-list li { display: flex; align-items: flex-start; gap: 6px; color: var(--body); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
-.spec-evidence-list li > i { flex-shrink: 0; margin-top: 2px; color: var(--muted); font-size: 13px; }
-.spec-evidence-list code { font-size: 11px; }
-.spec-evidence-time { margin-left: auto; color: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
-.spec-evidence-warning { display: flex; align-items: flex-start; gap: 8px; margin-top: var(--space-4); padding: 10px 12px; border: 1px solid var(--hairline); border-left: 3px solid color-mix(in srgb, var(--amber) 60%, var(--hairline)); border-radius: var(--radius-md); background: color-mix(in srgb, var(--amber) 8%, var(--surface)); color: var(--body); font-size: 12px; line-height: 1.6; }
-.spec-evidence-warning > i { flex-shrink: 0; margin-top: 2px; color: var(--amber); }
-.spec-evidence-file-btn { display: flex; align-items: flex-start; gap: 6px; width: 100%; padding: 6px 8px; background: none; border: none; text-align: left; cursor: pointer; color: inherit; font: inherit; line-height: 1.5; overflow-wrap: anywhere; border-radius: var(--radius-md); }
-.spec-evidence-file-btn:hover, .spec-evidence-file-btn:focus-visible { background: var(--orange-soft); outline: none; }
-.spec-evidence-file-btn:focus-visible { box-shadow: 0 0 0 2px color-mix(in srgb, var(--orange) 35%, transparent); }
-.spec-evidence-detail { display: grid; gap: var(--space-3); }
-.spec-evidence-back { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--hairline); border-radius: var(--radius-pill); background: var(--surface); color: var(--ink); font-size: 12px; font-weight: 650; cursor: pointer; }
-.spec-evidence-back:hover, .spec-evidence-back:focus-visible { background: var(--orange-soft); border-color: var(--orange); color: var(--orange-active); outline: none; }
-.spec-evidence-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 12px; color: var(--body); }
-.spec-evidence-detail-content { min-height: 0; max-width: 100%; margin: 0; padding: var(--space-3); border: 1px solid var(--hairline); border-radius: var(--radius-md); background: var(--canvas-soft); overflow-wrap: anywhere; font-size: 12px; line-height: 1.6; }
-.spec-evidence-detail-error { margin: 0; color: var(--red, #c00); font-size: 12px; }
-.spec-evidence-detail-truncated { margin: 0; color: var(--muted); font-size: 11px; }
+.spec-evidence-summary {
+	margin: var(--space-2) 0 0;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.6;
+}
+.spec-evidence-list {
+	display: grid;
+	gap: 6px;
+	margin: var(--space-2) 0 0;
+	padding: 0;
+	list-style: none;
+}
+.spec-evidence-list li {
+	display: flex;
+	align-items: flex-start;
+	gap: 6px;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.5;
+	overflow-wrap: anywhere;
+}
+.spec-evidence-list li > i {
+	flex-shrink: 0;
+	margin-top: 2px;
+	color: var(--muted);
+	font-size: 13px;
+}
+.spec-evidence-list code {
+	font-size: 11px;
+}
+.spec-evidence-time {
+	margin-left: auto;
+	color: var(--muted);
+	font-size: 10px;
+	font-variant-numeric: tabular-nums;
+	white-space: nowrap;
+}
+.spec-evidence-warning {
+	display: flex;
+	align-items: flex-start;
+	gap: 8px;
+	margin-top: var(--space-4);
+	padding: 10px 12px;
+	border: 1px solid var(--hairline);
+	border-left: 3px solid color-mix(in srgb, var(--amber) 60%, var(--hairline));
+	border-radius: var(--radius-md);
+	background: color-mix(in srgb, var(--amber) 8%, var(--surface));
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.6;
+}
+.spec-evidence-warning > i {
+	flex-shrink: 0;
+	margin-top: 2px;
+	color: var(--amber);
+}
+.spec-evidence-file-btn {
+	display: flex;
+	align-items: flex-start;
+	gap: 6px;
+	width: 100%;
+	padding: 6px 8px;
+	background: none;
+	border: none;
+	text-align: left;
+	cursor: pointer;
+	color: inherit;
+	font: inherit;
+	line-height: 1.5;
+	overflow-wrap: anywhere;
+	border-radius: var(--radius-md);
+}
+.spec-evidence-file-btn:hover,
+.spec-evidence-file-btn:focus-visible {
+	background: var(--orange-soft);
+	outline: none;
+}
+.spec-evidence-file-btn:focus-visible {
+	box-shadow: 0 0 0 2px color-mix(in srgb, var(--orange) 35%, transparent);
+}
+.spec-evidence-detail {
+	display: grid;
+	gap: var(--space-3);
+}
+.spec-evidence-back {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	padding: 6px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 650;
+	cursor: pointer;
+}
+.spec-evidence-back:hover,
+.spec-evidence-back:focus-visible {
+	background: var(--orange-soft);
+	border-color: var(--orange);
+	color: var(--orange-active);
+	outline: none;
+}
+.spec-evidence-detail-meta {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 8px;
+	font-size: 12px;
+	color: var(--body);
+}
+.spec-evidence-detail-content {
+	min-height: 0;
+	max-width: 100%;
+	margin: 0;
+	padding: var(--space-3);
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-md);
+	background: var(--canvas-soft);
+	overflow-wrap: anywhere;
+	font-size: 12px;
+	line-height: 1.6;
+}
+.spec-evidence-detail-error {
+	margin: 0;
+	color: var(--red, #c00);
+	font-size: 12px;
+}
+.spec-evidence-detail-truncated {
+	margin: 0;
+	color: var(--muted);
+	font-size: 11px;
+}
 
 .run-layer-process {
 	display: grid;
@@ -2312,10 +2452,12 @@ body.is-resizing-dag-graph {
 	background: color-mix(in srgb, var(--green) 75%, white);
 }
 .dag-run-timeline-dot.status-failed,
-.dag-run-timeline-dot.status-error,
-.dag-run-timeline-dot.status-partial_failed {
+.dag-run-timeline-dot.status-error {
 	background: color-mix(in srgb, var(--red) 75%, white);
 }
+.dag-run-timeline-dot.status-partial-failed {
+	background: color-mix(in srgb, var(--amber) 75%, white);
+}
 .dag-run-timeline-dot.status-running,
 .dag-run-timeline-dot.status-started {
 	background: var(--orange);
@@ -2374,7 +2516,7 @@ body.is-resizing-dag-graph {
 		border-left: 0;
 	}
 	/* Three-column: reset five-column tip edges, then rightmost column opens inward. */
-	.kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n-1) .kpi-tip,
+	.kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n - 1) .kpi-tip,
 	.kpi-grid:not(.pool-health-grid) > .kpi-card:nth-child(5n) .kpi-tip {
 		left: 12px;
 		right: auto;
@@ -2662,8 +2804,6 @@ button.copy-command:focus-visible {
 	margin: 0.15rem 0 0.35rem;
 }
 
-
-
 /* R5: unified view states + information hierarchy */
 .view-state {
 	border-radius: var(--radius-lg);