@tangle-network/sandbox-ui 6.0.0 → 6.0.1

package/dist/index.js

@@ -15,7 +15,7 @@ import { n as FileBreadcrumb, t as CodeView } from "./code-view-BlhCS1SD.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-DXsoPale.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIArtifactRenderer, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
 import { S as ReasoningLevelPicker, _ as modelProvider, a as ChatMessage, b as DEFAULT_REASONING_LEVEL_OPTIONS, c as SpeakerHeader, d as UserMessage, f as agentTimelineStepKind, g as ArtifactAgentDock, h as partitionBySpeaker, i as ChatContainer, l as TRANSCRIPT_TEXT, m as isViewerMessage, n as AgentTimelineColumn, o as MessageAuthor, p as foldSummary, r as AgentTimelineStep, s as MessageList, t as AgentTimeline, u as ThinkingIndicator, v as snapHarnessToModel, x as HARNESS_REASONING_OPTIONS, y as AgentProfilePicker } from "./chat-BrlLa4rg.js";
-import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-CTMV8zw_.js";
+import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-Cfil2Ma9.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-DZFn7QDO.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-D4d06rfH.js";
 import { t as withPrompts } from "./record-C-EUpK-n.js";

package/dist/run/live.js

@@ -1,21 +1,24 @@
 import { t as WorkspaceFilesPane } from "../workspace-files-pane-D24G7H_Z.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
-import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-CTMV8zw_.js";
+import { a as useEventStream, t as TraceWorkspace } from "../trace-workspace-Cfil2Ma9.js";
 import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { isOpen, runStatus } from "@tangle-network/ui/run/status-meta";
 // src/run/live-inspection.tsx
-/** The graph, conversation and files share one selected agent and one product-owned API. */
-function useLiveInspection(url, live, fetcher) {
-	const inventory = useDocument(url ?? null, live ? 3e3 : void 0, false, fetcher);
+/** The graph, conversation and files share one selected agent and one product-owned API. The inspection refetches
+* when the agent's own activity moves (`activity`, its lastActivityAt from the snapshot) with a slow fallback poll —
+* not a fixed 3 s tick for an agent that may think for minutes (#525). */
+function useLiveInspection(url, live, fetcher, activity) {
+	const gate = url ? `${url}${url.includes("?") ? "&" : "?"}activity=${activity ?? "quiet"}` : null;
+	const inventory = useDocument(gate, live ? 3e4 : void 0, false, fetcher);
 	const [selected, select] = useState();
 	const [download, setDownload] = useState();
 	const files = inventory.error ? [] : inventory.data?.files?.entries ?? [];
 	const entry = files.find((file) => file.path === selected) ?? files[0];
 	const fileUrl = entry && url ? `${url}/file?path=${encodeURIComponent(entry.path)}` : null;
-	const content = useDocument(fileUrl, live ? 3e3 : void 0, false, fetcher);
+	const content = useDocument(fileUrl ? `${fileUrl}&activity=${activity ?? "quiet"}` : null, live ? 3e4 : void 0, false, fetcher);
 	const file = content.data?.file;
 	const valid = !inventory.error && !content.error && file && entry && file.path === entry.path && file.sha256 === entry.sha256 && file.byteLength === entry.byteLength;
 	const fileKey = valid ? `${entry.path}:${entry.sha256}` : void 0;
@@ -212,9 +215,9 @@ function LiveRunView({ api, transport }) {
 	} : void 0, [active?.run, nodeIndex]);
 	const receiptIndex = useMemo(() => new Map((run?.workers ?? []).map((worker) => [worker.id, worker])), [run]);
 	const detail = useCallback((id) => {
-		const node = nodeIndex.get(id), receipt = receiptIndex.get(id)?.materialization;
-		return [node?.model ?? (receipt?.model?.status === "known" ? receipt.model.id : void 0), node?.backend ?? receipt?.backend].filter(Boolean).join(" · ") || void 0;
-	}, [nodeIndex, receiptIndex]);
+		const receipt = receiptIndex.get(id)?.materialization;
+		return [receipt?.model?.status === "known" ? receipt.model.id : void 0, receipt?.backend].filter(Boolean).join(" · ") || void 0;
+	}, [receiptIndex]);
 	const outcome = run?.outcome;
 	const outcomeText = outcome ? outcome.kind === "winner" ? "Winner" : `${outcome.kind === "no-winner" ? "No winner" : "Failed"}: ${outcome.reason}` : void 0;
 	const startedAt = run ? Math.min(...[run.startedAt, ...run.workers.map((worker) => worker.startedAt)].flatMap((value) => value && Number.isFinite(Date.parse(value)) ? [Date.parse(value)] : [])) : void 0;
@@ -335,7 +338,7 @@ function LiveRunView({ api, transport }) {
 		detail,
 		outcomeText
 	]);
-	const inspection = useLiveInspection(active && agent ? `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(agent)}` : void 0, !!run && isOpen(run.status), transport?.fetch);
+	const inspection = useLiveInspection(active && agent ? `${api}/agents/${active.root}/${encodeURIComponent(active.run.id)}/${encodeURIComponent(agent)}` : void 0, !!run && isOpen(run.status), transport?.fetch, run?.workers.find((worker) => worker.id === agent)?.lastActivityAt);
 	return /* @__PURE__ */ jsxs("main", {
 		className: "ws-live",
 		"data-api": api,

package/dist/run.js

@@ -1,5 +1,5 @@
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-CTMV8zw_.js";
+import { a as useEventStream, i as useAgentStream, n as LatestEvents, o as TraceWaterfall, r as foldAgentRows, s as traceSpanMark, t as TraceWorkspace } from "./trace-workspace-Cfil2Ma9.js";
 import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "./use-follow-tail-DZFn7QDO.js";
 import { n as Conversation, t as AgentTree } from "./AgentTree-D4d06rfH.js";
 import { t as withPrompts } from "./record-C-EUpK-n.js";

package/dist/{trace-workspace-CTMV8zw_.js → trace-workspace-Cfil2Ma9.js}

@@ -43,6 +43,40 @@ function TraceWaterfall({ renderIcon = traceSpanMark, ...props }) {
 }
 // src/run/agent-stream.ts
 const textOf = (value) => value == null ? void 0 : typeof value === "string" ? value : JSON.stringify(value);
+/** A native harness row (live-stream evidence and retained captures: `{ type, data }`) as a producer event, so
+*  non-root agents render: the wall's transcript pages and per-agent streams serve these rows verbatim, and before
+*  this adapter every one of them was dropped by the fold — a live child agent showed nothing at all. Text and
+*  reasoning parts (opencode `raw` events and the SDK's `message.part.updated`) become deltas; a `message.updated`
+*  carrying a user role becomes the user's words. Native tool shapes vary by harness and stay unrendered until a
+*  captured sample exists to map them honestly. */
+function nativeEventOf(row) {
+	const data = row.data;
+	if (!data || typeof data !== "object") return void 0;
+	const wrapped = data.event;
+	const source = wrapped && (wrapped.type === "text" || wrapped.type === "reasoning" || wrapped.type === "message") ? wrapped : data;
+	const type = source.type;
+	const part = source.part;
+	if ((type === "text" || type === "message.part.updated") && part?.type === "text" && typeof part.text === "string") return {
+		kind: "text_delta",
+		text: part.text
+	};
+	if ((type === "reasoning" || type === "message.part.updated") && part?.type === "reasoning" && typeof part.text === "string") return {
+		kind: "reasoning_delta",
+		text: part.text
+	};
+	if (type === "text" && typeof source.text === "string") return {
+		kind: "text_delta",
+		text: source.text
+	};
+	const info = source.properties?.info ?? source.info;
+	if ((type === "message" || type === "message.updated") && info?.role === "user") {
+		const words = typeof info.content === "string" ? info.content : typeof info.text === "string" ? info.text : void 0;
+		if (words) return {
+			kind: "user",
+			text: words
+		};
+	}
+}
 const failed = (value) => typeof value === "object" && value !== null && ("error" in value || value.is_error === true || value.isError === true);
 const recorded = (text) => {
 	try {
@@ -67,7 +101,7 @@ const TOOL_TYPES = /* @__PURE__ */ new Set([
 function foldAgentRows(entries, rows) {
 	const next = [...entries];
 	for (const row of rows) {
-		const event = row.event;
+		const event = row.event ?? nativeEventOf(row);
 		if (!event) continue;
 		const at = Date.parse(row.at ?? ""), scope = JSON.stringify([row.stream ?? null, row.attempt ?? null]);
 		const base = {

package/dist/workspace-viewer.js

@@ -41358,7 +41358,7 @@ function SB(e, t) {
 		r
 	]);
 }
-// dist/trace-workspace-CTMV8zw_.js
+// dist/trace-workspace-Cfil2Ma9.js
 function CB(e) {
 	if (e.kind === "pipeline" || e.kind === "model") {
 		let t = e.detail ? CP(e.detail) : null;
@@ -41381,14 +41381,40 @@ function wB({ renderIcon: e = CB, ...t }) {
 		...t
 	});
 }
-var TB = (e) => e == null ? void 0 : typeof e == "string" ? e : JSON.stringify(e), EB = (e) => typeof e == "object" && !!e && ("error" in e || e.is_error === !0 || e.isError === !0), DB = (e) => {
+var TB = (e) => e == null ? void 0 : typeof e == "string" ? e : JSON.stringify(e);
+function EB(e) {
+	let t = e.data;
+	if (!t || typeof t != "object") return;
+	let n = t.event, r = n && (n.type === "text" || n.type === "reasoning" || n.type === "message") ? n : t, i = r.type, a = r.part;
+	if ((i === "text" || i === "message.part.updated") && a?.type === "text" && typeof a.text == "string") return {
+		kind: "text_delta",
+		text: a.text
+	};
+	if ((i === "reasoning" || i === "message.part.updated") && a?.type === "reasoning" && typeof a.text == "string") return {
+		kind: "reasoning_delta",
+		text: a.text
+	};
+	if (i === "text" && typeof r.text == "string") return {
+		kind: "text_delta",
+		text: r.text
+	};
+	let o = r.properties?.info ?? r.info;
+	if ((i === "message" || i === "message.updated") && o?.role === "user") {
+		let e = typeof o.content == "string" ? o.content : typeof o.text == "string" ? o.text : void 0;
+		if (e) return {
+			kind: "user",
+			text: e
+		};
+	}
+}
+var DB = (e) => typeof e == "object" && !!e && ("error" in e || e.is_error === !0 || e.isError === !0), OB = (e) => {
 	try {
 		let t = JSON.parse(e);
 		return t && typeof t == "object" ? `\`\`\`json\n${e}\n\`\`\`` : e;
 	} catch {
 		return e;
 	}
-}, OB = /* @__PURE__ */ new Set([
+}, kB = /* @__PURE__ */ new Set([
 	"bash",
 	"read",
 	"write",
@@ -41400,10 +41426,10 @@ var TB = (e) => e == null ? void 0 : typeof e == "string" ? e : JSON.stringify(e
 	"inspect",
 	"audit"
 ]);
-function kB(e, t) {
+function AB(e, t) {
 	let n = [...e];
 	for (let e of t) {
-		let t = e.event;
+		let t = e.event ?? EB(e);
 		if (!t) continue;
 		let r = Date.parse(e.at ?? ""), i = JSON.stringify([e.stream ?? null, e.attempt ?? null]), a = {
 			id: t.id ?? `${i}:${e.seq}`,
@@ -41440,7 +41466,7 @@ function kB(e, t) {
 			...a,
 			kind: "message",
 			role: t.provenance === "delegated-input" ? "user" : "assistant",
-			content: DB(t.text),
+			content: OB(t.text),
 			sealed: !0
 		}) : n.push({
 			...a,
@@ -41463,7 +41489,7 @@ function kB(e, t) {
 					input: t.args,
 					call: {
 						id: i,
-						type: OB.has(r) ? r : "unknown",
+						type: kB.has(r) ? r : "unknown",
 						label: e,
 						status: "running",
 						detail: TB(t.args)
@@ -41474,7 +41500,7 @@ function kB(e, t) {
 				costUsd: t.costUsd ?? c.costUsd,
 				call: {
 					...c.call,
-					status: t.isError || EB(t.result) ? "error" : "success",
+					status: t.isError || DB(t.result) ? "error" : "success",
 					output: TB(t.result),
 					...t.durationMs === void 0 ? t.atBasis !== "carried" && Number.isFinite(r) && Number.isFinite(c.at) ? { duration: Math.max(0, r - c.at) } : {} : { duration: t.durationMs }
 				}
@@ -41486,7 +41512,7 @@ function kB(e, t) {
 					id: i,
 					type: "unknown",
 					label: t.toolName ?? "Tool result",
-					status: t.isError || EB(t.result) ? "error" : "success",
+					status: t.isError || DB(t.result) ? "error" : "success",
 					output: TB(t.result)
 				}
 			});
@@ -41498,7 +41524,7 @@ function kB(e, t) {
 	}
 	return n;
 }
-var AB = (e, t) => ({
+var jB = (e, t) => ({
 	identity: e,
 	rows: [],
 	entries: [],
@@ -41512,11 +41538,11 @@ var AB = (e, t) => ({
 	more: !1,
 	reading: !1
 });
-function jB(e, t, n, r) {
+function MB(e, t, n, r) {
 	if (!Array.isArray(t.events)) throw Error("Invalid agent rows stream");
 	let i = n === "tail" || n === "head" || t.reset || t.generation !== void 0 && t.generation !== e.generation, a = i ? t.events : n === "before" ? [...t.events, ...e.rows] : [...e.rows, ...t.events], o = [...new Map(a.map((e) => [e.seq, e])).values()].sort((e, t) => e.seq - t.seq), s = o.length > 2e3;
 	s && (o = e.reading ? o.slice(0, 2e3) : o.slice(-2e3));
-	let c = i ? t.firstSeq ?? o[0]?.seq ?? null : n === "before" ? t.firstSeq ?? e.first : s && !e.reading ? o[0]?.seq ?? e.first : e.first, l = i ? t.lastSeq ?? o.at(-1)?.seq ?? -1 : n === "before" ? e.lastSeq : t.lastSeq ?? o.at(-1)?.seq ?? e.lastSeq, u = i ? kB([], o) : n === "after" ? kB(e.entries, t.events) : kB([], o);
+	let c = i ? t.firstSeq ?? o[0]?.seq ?? null : n === "before" ? t.firstSeq ?? e.first : s && !e.reading ? o[0]?.seq ?? e.first : e.first, l = i ? t.lastSeq ?? o.at(-1)?.seq ?? -1 : n === "before" ? e.lastSeq : t.lastSeq ?? o.at(-1)?.seq ?? e.lastSeq, u = i ? AB([], o) : n === "after" ? AB(e.entries, t.events) : AB([], o);
 	return {
 		...e,
 		rows: o,
@@ -41533,7 +41559,7 @@ function jB(e, t, n, r) {
 		more: n === "before" ? e.more : r && !!t.hasMore
 	};
 }
-async function MB(e, t, n, r) {
+async function NB(e, t, n, r) {
 	let i = new URL(e, location.href), a = t === "head" ? 200 : t === "after" ? n.lastSeq : t === "before" ? n.first : null;
 	i.searchParams.set("limit", "200"), a !== null && a >= 0 && i.searchParams.set(t === "head" ? "before" : t, String(a)), n.generation !== void 0 && a !== null && i.searchParams.set("generation", String(n.generation));
 	let o = await fetch(i, {
@@ -41543,8 +41569,8 @@ async function MB(e, t, n, r) {
 	if (!o.ok) throw Error(`Transcript unavailable (HTTP ${o.status})`);
 	return o.json();
 }
-function NB(e, t) {
-	let n = e ? JSON.stringify([e, t?.url]) : void 0, [r, i] = (0, V.useState)(() => AB(n, t)), a = (0, V.useRef)(r), o = r.identity === n ? r : AB(n, t), [s, c] = (0, V.useState)(), [l, u] = (0, V.useState)(0), d = n !== void 0 && s === n, f = (0, V.useRef)(() => {}), p = (0, V.useRef)({
+function PB(e, t) {
+	let n = e ? JSON.stringify([e, t?.url]) : void 0, [r, i] = (0, V.useState)(() => jB(n, t)), a = (0, V.useRef)(r), o = r.identity === n ? r : jB(n, t), [s, c] = (0, V.useState)(), [l, u] = (0, V.useState)(0), d = n !== void 0 && s === n, f = (0, V.useRef)(() => {}), p = (0, V.useRef)({
 		identity: n,
 		alive: t?.alive
 	}), m = (e) => {
@@ -41555,19 +41581,19 @@ function NB(e, t) {
 		if (p.current = {
 			identity: n,
 			alive: t?.alive
-		}, r || m(AB(n, t)), !e || !t) return;
+		}, r || m(jB(n, t)), !e || !t) return;
 		let i = new AbortController(), o = d || !t.alive && !r, s = !1, c = !1, l = async (e) => {
 			if (s || c) return;
 			c = !0;
 			let n = a.current.lastSeq;
 			try {
-				let r = await MB(t.url, e, a.current, i.signal);
+				let r = await NB(t.url, e, a.current, i.signal);
 				if (s) return;
 				if (e === "head" && !r.events.length) {
 					queueMicrotask(() => void l("tail"));
 					return;
 				}
-				m(jB(a.current, r, e, o)), !o && e !== "before" && !t.alive && r.hasMore && a.current.lastSeq !== n && queueMicrotask(() => void l("after"));
+				m(MB(a.current, r, e, o)), !o && e !== "before" && !t.alive && r.hasMore && a.current.lastSeq !== n && queueMicrotask(() => void l("after"));
 			} catch (e) {
 				!s && !i.signal.aborted && m({
 					...a.current,
@@ -41601,8 +41627,8 @@ function NB(e, t) {
 		pageReader: f
 	};
 }
-function PB(e, t, n) {
-	let { state: r, current: i, update: a, beginning: o, begin: s, reload: c, pageReader: l } = NB(e, n), u = (0, V.useCallback)(() => {
+function FB(e, t, n) {
+	let { state: r, current: i, update: a, beginning: o, begin: s, reload: c, pageReader: l } = PB(e, n), u = (0, V.useCallback)(() => {
 		let t = new URL(e, location.href);
 		return i.current.generation !== void 0 && t.searchParams.set("generation", String(i.current.generation)), t.toString();
 	}, [e]);
@@ -41618,7 +41644,7 @@ function PB(e, t, n) {
 		events: {
 			rows: (e) => {
 				try {
-					a(jB(i.current, JSON.parse(e.data), "after", !1));
+					a(MB(i.current, JSON.parse(e.data), "after", !1));
 				} catch (e) {
 					a({
 						...i.current,
@@ -41629,7 +41655,7 @@ function PB(e, t, n) {
 			reset: (e) => {
 				try {
 					a({
-						...AB(r.identity, n),
+						...jB(r.identity, n),
 						generation: JSON.parse(e.data).generation,
 						ready: !0,
 						loading: !1
@@ -41656,7 +41682,7 @@ function PB(e, t, n) {
 	});
 	let d = r.entries, f = r.error;
 	if (n?.projectRows) try {
-		d = kB([], n.projectRows(r.rows) ?? r.rows);
+		d = AB([], n.projectRows(r.rows) ?? r.rows);
 	} catch (e) {
 		f = e instanceof Error ? e.message : String(e);
 	}
@@ -41686,14 +41712,14 @@ function PB(e, t, n) {
 		} } : {}
 	};
 }
-function FB(e, t) {
+function IB(e, t) {
 	for (let n = e; n; n = n.parentId ? t.get(n.parentId) : void 0) if (n.kind === "pipeline") return n;
 }
-function IB(e, t, n, i, a, s = []) {
+function LB(e, t, n, i, a, s = []) {
 	let c = [], l = [], u = /* @__PURE__ */ new Set(), d = new Set(e.flatMap((e) => e.kind === "pipeline" && e.id ? [e.id] : [])), f = /* @__PURE__ */ new Map();
 	for (let [r, a] of e.entries()) {
 		if (a.kind === "pipeline" || n !== null && a.startMs > n) continue;
-		let e = FB(a, t);
+		let e = IB(a, t);
 		if (!e?.id) continue;
 		let o = f.get(e.id) ?? [], s = [{
 			suffix: "start",
@@ -41735,7 +41761,7 @@ function IB(e, t, n, i, a, s = []) {
 			commits: n === null ? e?.commits : void 0,
 			tokens: n === null ? e?.tokens : void 0
 		});
-		let g = s.parentId ? t.get(s.parentId) : void 0, _ = g && FB(g, t);
+		let g = s.parentId ? t.get(s.parentId) : void 0, _ = g && IB(g, t);
 		_?.id && l.push({
 			from: _.id,
 			to: s.id,
@@ -41763,10 +41789,10 @@ function IB(e, t, n, i, a, s = []) {
 		edges: l
 	};
 }
-function LB({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChange: i, files: a, scoreboard: o, selectedAgentId: c, conversationOpen: l, onSelectAgent: u, renderAgentDrawer: d, docked: f, commission: p, agentCards: h, agentGraph: g, className: _, ...v }) {
+function RB({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChange: i, files: a, scoreboard: o, selectedAgentId: c, conversationOpen: l, onSelectAgent: u, renderAgentDrawer: d, docked: f, commission: p, agentCards: h, agentGraph: g, className: _, ...v }) {
 	let y = (0, V.useMemo)(() => new Map(e.spans.flatMap((e) => e.id ? [[e.id, e]] : [])), [e]), [b, S] = (0, V.useState)(), C = c ?? b, w = (e) => {
 		S(e), u?.(e);
-	}, T = C ? y.get(C) : void 0, E = C ? h?.[C] : void 0, D = T?.id ?? (E ? C : void 0), O = T?.name ?? E?.label ?? D, k = T?.detail ?? E?.model, A = !!D && l !== !1, ee = A && D ? d?.(D) : void 0, { defaultLayout: j = "tree", ...te } = g ?? {}, [M, P] = (0, V.useState)(j), [F, ne] = (0, V.useState)(null), re = PB(C && t ? t(C) : void 0, n), ie = (0, V.useMemo)(() => {
+	}, T = C ? y.get(C) : void 0, E = C ? h?.[C] : void 0, D = T?.id ?? (E ? C : void 0), O = T?.name ?? E?.label ?? D, k = T?.detail ?? E?.model, A = !!D && l !== !1, ee = A && D ? d?.(D) : void 0, { defaultLayout: j = "tree", ...te } = g ?? {}, [M, P] = (0, V.useState)(j), [F, ne] = (0, V.useState)(null), re = FB(C && t ? t(C) : void 0, n), ie = (0, V.useMemo)(() => {
 		if (v.startedAt !== void 0) return v.startedAt;
 		let e = re.entries[0]?.at;
 		return T && e !== void 0 ? e - T.startMs : void 0;
@@ -41774,7 +41800,7 @@ function LB({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChang
 		v.startedAt,
 		T,
 		re.entries
-	]), ae = (0, V.useMemo)(() => IB(e.spans, y, F, v.startedAt, h, g?.edges), [
+	]), ae = (0, V.useMemo)(() => LB(e.spans, y, F, v.startedAt, h, g?.edges), [
 		e,
 		y,
 		F,
@@ -41799,7 +41825,7 @@ function LB({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChang
 				selectedId: D,
 				onDeselect: () => w(void 0),
 				onSelect: (e) => {
-					let t = FB(e, y);
+					let t = IB(e, y);
 					t?.id && w(t.id);
 				},
 				onTimeChange: (e) => {
@@ -41959,8 +41985,8 @@ function LB({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChang
 	});
 }
 // dist/hooks/use-document.js
-var RB = 2500, zB = 6, BB = 4;
-function VB(e, t, n = !1, r = globalThis.fetch) {
+var zB = 2500, BB = 6, VB = 4;
+function HB(e, t, n = !1, r = globalThis.fetch) {
 	let [i, a] = (0, V.useState)({
 		url: e,
 		fetcher: r,
@@ -42039,13 +42065,13 @@ function VB(e, t, n = !1, r = globalThis.fetch) {
 					failing: n
 				});
 			} catch (e) {
-				c && !m.signal.aborted && f < BB ? p = !0 : c && !m.signal.aborted && a((t) => ({
+				c && !m.signal.aborted && f < VB ? p = !0 : c && !m.signal.aborted && a((t) => ({
 					...t,
 					loading: !1,
 					error: e instanceof Error ? e.message : "Request failed"
 				}));
 			} finally {
-				c && p ? (l = window.setTimeout(h, 1e3 * 2 ** f), f += 1) : c && u && d < zB ? (l = window.setTimeout(h, RB * 1.5 ** d), d += 1) : c && t && (l = window.setTimeout(h, t));
+				c && p ? (l = window.setTimeout(h, 1e3 * 2 ** f), f += 1) : c && u && d < BB ? (l = window.setTimeout(h, zB * 1.5 ** d), d += 1) : c && t && (l = window.setTimeout(h, t));
 			}
 		};
 		return h(), () => {
@@ -42062,68 +42088,68 @@ function VB(e, t, n = !1, r = globalThis.fetch) {
 	};
 }
 // dist/run/live.js
-function HB(e, t, n) {
-	let r = VB(e ?? null, t ? 3e3 : void 0, !1, n), [i, a] = (0, V.useState)(), [o, s] = (0, V.useState)(), c = r.error ? [] : r.data?.files?.entries ?? [], l = c.find((e) => e.path === i) ?? c[0], u = VB(l && e ? `${e}/file?path=${encodeURIComponent(l.path)}` : null, t ? 3e3 : void 0, !1, n), d = u.data?.file, f = !r.error && !u.error && d && l && d.path === l.path && d.sha256 === l.sha256 && d.byteLength === l.byteLength, p = f ? `${l.path}:${l.sha256}` : void 0;
+function UB(e, t, n, r) {
+	let i = HB(e ? `${e}${e.includes("?") ? "&" : "?"}activity=${r ?? "quiet"}` : null, t ? 3e4 : void 0, !1, n), [a, o] = (0, V.useState)(), [s, c] = (0, V.useState)(), l = i.error ? [] : i.data?.files?.entries ?? [], u = l.find((e) => e.path === a) ?? l[0], d = u && e ? `${e}/file?path=${encodeURIComponent(u.path)}` : null, f = HB(d ? `${d}&activity=${r ?? "quiet"}` : null, t ? 3e4 : void 0, !1, n), p = f.data?.file, m = !i.error && !f.error && p && u && p.path === u.path && p.sha256 === u.sha256 && p.byteLength === u.byteLength, h = m ? `${u.path}:${u.sha256}` : void 0;
 	(0, V.useEffect)(() => {
-		if (!p || !d) return;
-		let e = URL.createObjectURL(new Blob([d.content], { type: "text/plain;charset=utf-8" }));
-		return s({
-			key: p,
+		if (!h || !p) return;
+		let e = URL.createObjectURL(new Blob([p.content], { type: "text/plain;charset=utf-8" }));
+		return c({
+			key: h,
 			href: e
 		}), () => URL.revokeObjectURL(e);
-	}, [p, d?.content]);
-	let m = r.data?.coverage, h = r.error ? /* @__PURE__ */ (0, U.jsxs)("p", {
+	}, [h, p?.content]);
+	let g = i.data?.coverage, _ = i.error ? /* @__PURE__ */ (0, U.jsxs)("p", {
 		className: "ws-status",
 		role: "alert",
-		children: ["Conversation inspection unavailable: ", r.error]
-	}) : m ? /* @__PURE__ */ (0, U.jsxs)("details", {
+		children: ["Conversation inspection unavailable: ", i.error]
+	}) : g ? /* @__PURE__ */ (0, U.jsxs)("details", {
 		className: "ws-status",
-		open: m.status !== "complete",
-		"data-capture-status": m.status,
+		open: g.status !== "complete",
+		"data-capture-status": g.status,
 		children: [
-			/* @__PURE__ */ (0, U.jsx)("summary", { children: m.status === "complete" ? "Conversation retained" : "Conversation incomplete" }),
-			/* @__PURE__ */ (0, U.jsx)("p", { children: m.reason ?? m.source }),
-			!!r.data?.context?.length && /* @__PURE__ */ (0, U.jsxs)("details", { children: [/* @__PURE__ */ (0, U.jsx)("summary", { children: "Recorded context" }), r.data.context.map((e, t) => /* @__PURE__ */ (0, U.jsx)("pre", {
+			/* @__PURE__ */ (0, U.jsx)("summary", { children: g.status === "complete" ? "Conversation retained" : "Conversation incomplete" }),
+			/* @__PURE__ */ (0, U.jsx)("p", { children: g.reason ?? g.source }),
+			!!i.data?.context?.length && /* @__PURE__ */ (0, U.jsxs)("details", { children: [/* @__PURE__ */ (0, U.jsx)("summary", { children: "Recorded context" }), i.data.context.map((e, t) => /* @__PURE__ */ (0, U.jsx)("pre", {
 				className: "ws-code",
 				children: e.event.text
 			}, `${e.at}:${t}`))] }),
-			r.data?.files?.scope === "none" && /* @__PURE__ */ (0, U.jsx)("p", { children: r.data.files.reason ?? "No workspace inventory was captured." })
+			i.data?.files?.scope === "none" && /* @__PURE__ */ (0, U.jsx)("p", { children: i.data.files.reason ?? "No workspace inventory was captured." })
 		]
 	}) : void 0;
 	return {
-		scoreboard: /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [h, r.data?.files && !r.data.files.complete && /* @__PURE__ */ (0, U.jsxs)("p", {
+		scoreboard: /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [_, i.data?.files && !i.data.files.complete && /* @__PURE__ */ (0, U.jsxs)("p", {
 			className: "ws-status",
 			role: "alert",
-			children: ["Workspace inventory incomplete: ", r.data.files.reason ?? "Some files could not be retained."]
+			children: ["Workspace inventory incomplete: ", i.data.files.reason ?? "Some files could not be retained."]
 		})] }),
-		files: l ? /* @__PURE__ */ (0, U.jsx)("section", {
+		files: u ? /* @__PURE__ */ (0, U.jsx)("section", {
 			"aria-label": "Retained files",
 			className: "flex min-h-0 flex-1 flex-col",
-			"data-file-scope": r.data?.files?.scope,
-			"data-file-complete": r.data?.files?.complete,
-			"data-file": l.path,
-			"data-file-hash": l.sha256,
-			children: f ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(CE, {
+			"data-file-scope": i.data?.files?.scope,
+			"data-file-complete": i.data?.files?.complete,
+			"data-file": u.path,
+			"data-file-hash": u.sha256,
+			children: m ? /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)(CE, {
 				className: "min-h-0 flex-1",
-				paths: c.map((e) => e.path),
-				selectedPath: l.path,
+				paths: l.map((e) => e.path),
+				selectedPath: u.path,
 				onSelect: (e) => {
-					c.some((t) => t.path === e) && a(e);
+					l.some((t) => t.path === e) && o(e);
 				},
 				preview: {
-					path: l.path,
+					path: u.path,
 					content: /* @__PURE__ */ (0, U.jsx)(zN, {
-						path: l.path,
-						filename: l.path.split("/").at(-1) ?? l.path,
-						content: d.content,
+						path: u.path,
+						filename: u.path.split("/").at(-1) ?? u.path,
+						content: p.content,
 						showTree: !1
 					}),
-					...d.before ? { compare: {
-						label: d.before.source.ref,
+					...p.before ? { compare: {
+						label: p.before.source.ref,
 						content: /* @__PURE__ */ (0, U.jsx)(LN, {
-							filename: l.path,
-							baseline: d.before.content,
-							current: d.content
+							filename: u.path,
+							baseline: p.before.content,
+							current: p.content
 						})
 					} } : {}
 				}
@@ -42133,45 +42159,45 @@ function HB(e, t, n) {
 					/* @__PURE__ */ (0, U.jsx)("summary", { children: "Provenance" }),
 					/* @__PURE__ */ (0, U.jsx)("code", {
 						className: "break-all",
-						children: l.sha256
+						children: u.sha256
 					}),
-					d.before && /* @__PURE__ */ (0, U.jsxs)("p", { children: [
+					p.before && /* @__PURE__ */ (0, U.jsxs)("p", { children: [
 						"Compared with ",
-						d.before.source.kind,
+						p.before.source.kind,
 						" ",
 						/* @__PURE__ */ (0, U.jsx)("code", {
 							className: "break-all",
-							children: d.before.source.ref
+							children: p.before.source.ref
 						}),
 						": ",
 						/* @__PURE__ */ (0, U.jsx)("code", {
 							className: "break-all",
-							children: d.before.sha256
+							children: p.before.sha256
 						})
 					] }),
 					/* @__PURE__ */ (0, U.jsx)("p", { children: /* @__PURE__ */ (0, U.jsx)("a", {
-						href: o && o.key === p ? o.href : void 0,
-						download: l.path.split("/").at(-1),
+						href: s && s.key === h ? s.href : void 0,
+						download: u.path.split("/").at(-1),
 						children: "Download"
 					}) })
 				]
 			})] }) : /* @__PURE__ */ (0, U.jsx)("p", {
 				className: "ws-status",
-				role: u.loading ? "status" : "alert",
-				children: u.loading ? `Reading ${l.path}…` : `This retained file is unavailable: ${u.error ?? "its content identity did not match the inventory"}`
+				role: f.loading ? "status" : "alert",
+				children: f.loading ? `Reading ${u.path}…` : `This retained file is unavailable: ${f.error ?? "its content identity did not match the inventory"}`
 			})
 		}) : void 0
 	};
 }
-var UB = (e) => {
+var WB = (e) => {
 	let t = e ? Date.parse(e) : NaN;
 	return Number.isFinite(t) ? t : void 0;
-}, WB = (e) => e !== void 0 && Number.isFinite(e) ? new Date(e).toISOString() : void 0, GB = (e, t) => [...e.workers.map((e) => {
+}, GB = (e) => e !== void 0 && Number.isFinite(e) ? new Date(e).toISOString() : void 0, KB = (e, t) => [...e.workers.map((e) => {
 	let n = t.get(e.id);
 	return {
 		...e,
-		startedAt: e.startedAt ?? WB(n?.timing?.startedAt),
-		endedAt: e.endedAt ?? WB(n?.timing?.settledAt ?? n?.settledAt)
+		startedAt: e.startedAt ?? GB(n?.timing?.startedAt),
+		endedAt: e.endedAt ?? GB(n?.timing?.settledAt ?? n?.settledAt)
 	};
 }), ...[...t.values()].filter((t) => t.id !== e.id && !e.workers.some((e) => e.id === t.id)).map((e) => ({
 	id: e.id,
@@ -42179,10 +42205,10 @@ var UB = (e) => {
 	label: e.label ?? e.id,
 	runtime: e.runtime,
 	status: e.status ?? "unknown",
-	startedAt: WB(e.timing?.startedAt),
-	endedAt: WB(e.timing?.settledAt ?? e.settledAt)
-}))], KB = (...e) => e.every((e) => e && e.usdKnown !== !1 && Number.isFinite(e.usd) && e.usd >= 0) ? e.reduce((e, t) => e + (t?.usd ?? 0), 0) : void 0;
-function qB(e) {
+	startedAt: GB(e.timing?.startedAt),
+	endedAt: GB(e.timing?.settledAt ?? e.settledAt)
+}))], qB = (...e) => e.every((e) => e && e.usdKnown !== !1 && Number.isFinite(e.usd) && e.usd >= 0) ? e.reduce((e, t) => e + (t?.usd ?? 0), 0) : void 0;
+function JB(e) {
 	let t = (0, V.useRef)({
 		api: e.api,
 		transport: e.transport,
@@ -42196,9 +42222,9 @@ function qB(e) {
 		fetcher: e.transport?.fetch,
 		opener: e.transport?.openEventSource,
 		revision: t.current.revision + 1
-	}), /* @__PURE__ */ (0, U.jsx)(JB, { ...e }, t.current.revision);
+	}), /* @__PURE__ */ (0, U.jsx)(YB, { ...e }, t.current.revision);
 }
-function JB({ api: e, transport: t }) {
+function YB({ api: e, transport: t }) {
 	let [n, i] = (0, V.useState)([]), [a, o] = (0, V.useState)(null), [s, c] = (0, V.useState)(!1), [l, u] = (0, V.useState)(!1), [d, f] = (0, V.useState)(""), [p, m] = (0, V.useState)(0), [h, g] = (0, V.useState)(), [_, v] = (0, V.useState)(!0);
 	SB(`${e}/events`, {
 		opener: t?.openEventSource,
@@ -42232,14 +42258,14 @@ function JB({ api: e, transport: t }) {
 		return e;
 	}, [b?.snapshot, b?.run.id]), S = (0, V.useMemo)(() => b ? {
 		...b.run,
-		workers: GB(b.run, x)
+		workers: KB(b.run, x)
 	} : void 0, [b?.run, x]), w = (0, V.useMemo)(() => new Map((S?.workers ?? []).map((e) => [e.id, e])), [S]), T = (0, V.useCallback)((e) => {
-		let t = x.get(e), n = w.get(e)?.materialization;
-		return [t?.model ?? (n?.model?.status === "known" ? n.model.id : void 0), t?.backend ?? n?.backend].filter(Boolean).join(" · ") || void 0;
-	}, [x, w]), E = S?.outcome, D = E ? E.kind === "winner" ? "Winner" : `${E.kind === "no-winner" ? "No winner" : "Failed"}: ${E.reason}` : void 0, O = S ? Math.min(...[S.startedAt, ...S.workers.map((e) => e.startedAt)].flatMap((e) => e && Number.isFinite(Date.parse(e)) ? [Date.parse(e)] : [])) : void 0, k = (0, V.useMemo)(() => {
+		let t = w.get(e)?.materialization;
+		return [t?.model?.status === "known" ? t.model.id : void 0, t?.backend].filter(Boolean).join(" · ") || void 0;
+	}, [w]), E = S?.outcome, D = E ? E.kind === "winner" ? "Winner" : `${E.kind === "no-winner" ? "No winner" : "Failed"}: ${E.reason}` : void 0, O = S ? Math.min(...[S.startedAt, ...S.workers.map((e) => e.startedAt)].flatMap((e) => e && Number.isFinite(Date.parse(e)) ? [Date.parse(e)] : [])) : void 0, k = (0, V.useMemo)(() => {
 		let e = b?.snapshot.generatedAt ?? Date.now(), t = O !== void 0 && Number.isFinite(O) ? O : e, n = (S?.workers ?? []).flatMap((n) => {
 			if (!n.startedAt || !Number.isFinite(Date.parse(n.startedAt))) return [];
-			let i = Math.max(0, Date.parse(n.startedAt) - t), a = UB(n.endedAt) ?? (C(n.status) ? e : Date.parse(n.startedAt)), o = KB(n.spend, n.metered);
+			let i = Math.max(0, Date.parse(n.startedAt) - t), a = WB(n.endedAt) ?? (C(n.status) ? e : Date.parse(n.startedAt)), o = qB(n.spend, n.metered);
 			return [{
 				id: n.id,
 				parentId: n.parent && n.parent !== n.id ? n.parent : S.id,
@@ -42276,7 +42302,7 @@ function JB({ api: e, transport: t }) {
 				activityAt: [S.lastActivityAt - t],
 				medianEventGapMs: S.medianEventGapMs
 			},
-			...KB(S.driverSpend) === void 0 ? {} : { costUsd: KB(S.driverSpend) }
+			...qB(S.driverSpend) === void 0 ? {} : { costUsd: qB(S.driverSpend) }
 		});
 		let i = S?.totals;
 		return {
@@ -42296,8 +42322,8 @@ function JB({ api: e, transport: t }) {
 			label: "root",
 			status: r(S.status),
 			model: T(S.id),
-			costUsd: KB(S.driverSpend),
-			startedAt: UB(S.startedAt),
+			costUsd: qB(S.driverSpend),
+			startedAt: WB(S.startedAt),
 			lastActivityAt: S.lastActivityAt,
 			medianEventGapMs: S.medianEventGapMs,
 			result: D ?? S.reason ?? (r(S.status) === "failed" ? "Failure cause not recorded" : void 0)
@@ -42307,8 +42333,8 @@ function JB({ api: e, transport: t }) {
 			harness: e.runtime,
 			model: T(e.id),
 			status: r(e.status),
-			costUsd: KB(e.spend, e.metered),
-			startedAt: UB(e.startedAt),
+			costUsd: qB(e.spend, e.metered),
+			startedAt: WB(e.startedAt),
 			lastActivityAt: e.lastActivityAt,
 			medianEventGapMs: e.medianEventGapMs,
 			turn: e.liveTail?.at(-1),
@@ -42345,7 +42371,7 @@ function JB({ api: e, transport: t }) {
 		S,
 		T,
 		D
-	]), M = HB(b && h ? `${e}/agents/${b.root}/${encodeURIComponent(b.run.id)}/${encodeURIComponent(h)}` : void 0, !!S && C(S.status), t?.fetch);
+	]), M = UB(b && h ? `${e}/agents/${b.root}/${encodeURIComponent(b.run.id)}/${encodeURIComponent(h)}` : void 0, !!S && C(S.status), t?.fetch, S?.workers.find((e) => e.id === h)?.lastActivityAt);
 	return /* @__PURE__ */ (0, U.jsxs)("main", {
 		className: "ws-live",
 		"data-api": e,
@@ -42383,7 +42409,7 @@ function JB({ api: e, transport: t }) {
 				role: "alert",
 				children: ["Partial capture: ", e.diagnostics.map((e) => `${e.source}: ${e.reason}`).join(" · ")]
 			}, e.root)),
-			b ? /* @__PURE__ */ (0, U.jsx)(LB, {
+			b ? /* @__PURE__ */ (0, U.jsx)(RB, {
 				trace: k,
 				label: "Run",
 				selectedAgentId: h,
@@ -42412,8 +42438,8 @@ function JB({ api: e, transport: t }) {
 	});
 }
 // src/runtime-viewer.mjs
-var YB = document.getElementById("agent-workspace");
-if (YB) {
-	let e = YB.dataset.theme === "light" ? "light" : YB.dataset.theme === "dark" || matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	document.documentElement.dataset.theme = e, document.documentElement.classList.toggle("dark", e === "dark"), (0, at.createRoot)(YB).render((0, V.createElement)(V.StrictMode, null, (0, V.createElement)(qB, { api: YB.dataset.api ?? "/api/top" })));
+var XB = document.getElementById("agent-workspace");
+if (XB) {
+	let e = XB.dataset.theme === "light" ? "light" : XB.dataset.theme === "dark" || matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	document.documentElement.dataset.theme = e, document.documentElement.classList.toggle("dark", e === "dark"), (0, at.createRoot)(XB).render((0, V.createElement)(V.StrictMode, null, (0, V.createElement)(JB, { api: XB.dataset.api ?? "/api/top" })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -152,6 +152,7 @@
     "tailwind.config.cjs"
   ],
   "peerDependencies": {
+    "@drewstone/agent-record": "^2.0.0 || ^3.0.0",
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
     "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0 || ^5.2.0",
@@ -173,8 +174,7 @@
     "pdfjs-dist": ">=6.0.0 <7.0.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
-    "yjs": "^13.6.0",
-    "@drewstone/agent-record": "^2.0.0 || ^3.0.0"
+    "yjs": "^13.6.0"
   },
   "peerDependenciesMeta": {
     "@tangle-network/charts": {
@@ -241,17 +241,18 @@
     "@tangle-network/ui": "^11.51.12",
     "diff": "^9.0.0",
     "eventsource-parser": "4.1.2",
+    "katex": "^0.19.0",
     "lucide-react": "^1.61.0",
     "nanostores": "^1.5.5",
-    "tailwindcss-animate": "^1.0.7",
-    "yaml": "^2.9.1",
     "react-markdown": "^10.1.0",
+    "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
-    "rehype-katex": "^7.0.1",
-    "katex": "^0.19.0"
+    "tailwindcss-animate": "^1.0.7",
+    "yaml": "^2.9.1"
   },
   "devDependencies": {
+    "@drewstone/agent-record": "https://github.com/drewstone/agent-record/releases/download/v3.0.3/drewstone-agent-record-3.0.3.tgz",
     "@fontsource/geist": "5.3.0",
     "@fontsource/geist-mono": "5.3.0",
     "@fontsource/inter": "5.3.0",
@@ -263,8 +264,10 @@
     "@storybook/react-vite": "^10.6.3",
     "@tailwindcss/postcss": "^4.3.3",
     "@tangle-network/agent-interface": "5.10.2",
+    "@tangle-network/agent-runtime": "3.0.32",
     "@tangle-network/brand": "^1.31.3",
     "@tangle-network/charts": "^4.0.2",
+    "@tangle-network/ui": "^11.51.12",
     "@tanstack/react-query": "^5.104.5",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^7.0.1",
@@ -297,9 +300,7 @@
     "typescript": "^7.0.2",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "yjs": "^13.6.33",
-    "@drewstone/agent-record": "https://github.com/drewstone/agent-record/releases/download/v3.0.3/drewstone-agent-record-3.0.3.tgz",
-    "@tangle-network/ui": "^11.51.12"
+    "yjs": "^13.6.33"
   },
   "scripts": {
     "build": "tsdown",