@tangle-network/sandbox-ui 2.0.18 → 2.0.20

package/dist/{record-Bqt1kE_Q.js → record-Cwyo2oHb.js}

@@ -5,7 +5,7 @@ import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } fr
 import { Brain, Settings, Timer } from "lucide-react";
 import { formatDuration, getToolCategory, getToolDisplayMetadata } from "@tangle-network/ui/utils";
 import { AgentTimelineColumn, AgentTimelineStep, SpeakerHeader, agentTimelineStepKind } from "@tangle-network/ui/chat";
-import { ExpandedToolDetail, InlineThinkingItem, RunRowShell } from "@tangle-network/ui/run";
+import { ExpandedToolDetail, InlineThinkingItem, RunRowShell, RunStatusIcon, runStatus } from "@tangle-network/ui/run";
 // src/run/record/VirtualList.tsx
 /**
 * Renders only the rows near the viewport of `scroller`. Row heights are measured as they render; unmeasured
@@ -1516,4 +1516,82 @@ function withPrompts(record) {
 		events
 	};
 }
-export { VirtualList as a, model_exports as i, Conversation as n, indexRecord as r, withPrompts as t };
+// src/run/record/AgentTree.tsx
+/** Retained identity and recorded time define the hierarchy; labels never join sessions or invent parents. */
+function AgentTree({ index, actor, cutoff, select }) {
+	const roots = useMemo(() => {
+		const nodes = index.actors.filter((node) => node.kind !== "finding");
+		const byId = new Map(nodes.map((node) => [node.id, node]));
+		const children = /* @__PURE__ */ new Map();
+		for (const node of nodes) {
+			if (!node.parent) continue;
+			const parent = index.canonical(node.parent), siblings = children.get(parent) ?? [];
+			siblings.push(node);
+			children.set(parent, siblings);
+		}
+		const visited = /* @__PURE__ */ new Set();
+		const visit = (node) => {
+			if (visited.has(node.id)) return [];
+			visited.add(node.id);
+			return [{
+				node,
+				children: (children.get(node.id) ?? []).flatMap(visit)
+			}];
+		};
+		const roots = nodes.filter((node) => !node.parent || !byId.has(index.canonical(node.parent))).flatMap(visit);
+		for (const node of nodes) roots.push(...visit(node));
+		return roots;
+	}, [index]);
+	const renderNodes = (entries, nested = false) => /* @__PURE__ */ jsx("ul", {
+		className: nested ? "m-0 ml-3 list-none border-l border-border pl-2" : "m-0 grid list-none gap-1 p-0",
+		children: entries.map(({ node, children }) => {
+			const firstEvent = index.byActor.get(node.id)?.[0];
+			const begin = node.start ? ms(node.start) : firstEvent ? ms(firstEvent.at) : void 0;
+			const end = typeof node.end === "string" ? node.end : void 0;
+			const future = begin !== void 0 && begin > cutoff, ended = end !== void 0 && ms(end) <= cutoff;
+			const state = future ? "Not yet started" : ended ? node.status === "done" ? "Finished" : node.status === "down" ? "Stopped" : node.status ?? "Ended" : end ? "Not yet settled" : "No terminal record";
+			return /* @__PURE__ */ jsxs("li", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "flex w-full min-w-0 items-start gap-2 rounded border border-transparent px-2 py-1.5 text-left text-sm text-foreground hover:border-border focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring aria-pressed:border-border aria-pressed:bg-muted data-[future]:opacity-55",
+					"aria-label": "Read " + roleOf(node) + " " + node.label + " conversation. " + state + ".",
+					"aria-pressed": actor === node.id,
+					"data-node": node.id,
+					"data-future": future ? "" : void 0,
+					title: node.label + (node.assignment ? " · " + node.assignment : "") + " · " + state,
+					onClick: () => select(node.id),
+					children: [/* @__PURE__ */ jsx(RunStatusIcon, {
+						status: runStatus(future ? "unknown" : node.status === "down" || node.status === "no-winner" ? "stopped" : node.status ?? "unknown"),
+						className: "mt-0.5 size-3.5 shrink-0",
+						"aria-hidden": true
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "grid min-w-0 gap-0.5 break-words",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-semibold",
+							children: node.label
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "text-muted-foreground",
+							children: [
+								roleOf(node),
+								" · ",
+								state
+							]
+						})]
+					})]
+				}), children.length > 0 && renderNodes(children, true)]
+			}, node.id);
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "record-agent-tree max-h-80 overflow-auto px-2 py-2",
+		"data-graph": true,
+		role: "group",
+		"aria-label": "Recorded agent hierarchy. Select an agent to read its conversation.",
+		children: roots.length ? renderNodes(roots) : /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-muted-foreground",
+			children: "No agent topology was retained."
+		})
+	});
+}
+export { model_exports as a, indexRecord as i, withPrompts as n, VirtualList as o, Conversation as r, AgentTree as t };

package/dist/run/live.d.ts

@@ -1,4 +1,5 @@
 import { t as AgentStreamOpener } from "../agent-stream-CBZ2fXJ2.js";
+/** Keep one transport identity per authenticated account; changing it discards the previous view. */
 export interface LiveRunTransport {
   fetch?: typeof globalThis.fetch;
   openEventSource?: AgentStreamOpener;

package/dist/run/live.js

@@ -2,9 +2,9 @@ import { t as WorkspaceFilesPane } from "../workspace-files-pane-DB9Nvwh4.js";
 import { t as DiffView } from "../diff-view-B9mNeTLF.js";
 import { t as CodeView } from "../code-view-BlhCS1SD.js";
 import { t as TraceWorkspace } from "../trace-workspace-C8dHRBDV.js";
-import { t as useDocument } from "../use-document-D6Z9oFLm.js";
+import { useDocument } from "../hooks/use-document.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { runStatus } from "@tangle-network/ui/run";
 // src/run/live-inspection.tsx
 /** The graph, conversation and files share one selected agent and one product-owned API. */
@@ -12,12 +12,12 @@ function useLiveInspection(url, live, fetcher) {
 	const inventory = useDocument(url ?? null, live ? 3e3 : void 0, false, fetcher);
 	const [selected, select] = useState();
 	const [download, setDownload] = useState();
-	const files = inventory.data?.files?.entries ?? [];
+	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 file = content.data?.file;
-	const valid = file && entry && file.path === entry.path && file.sha256 === entry.sha256 && file.byteLength === entry.byteLength;
+	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;
 	useEffect(() => {
 		if (!fileKey || !file) return;
@@ -29,7 +29,11 @@ function useLiveInspection(url, live, fetcher) {
 		return () => URL.revokeObjectURL(href);
 	}, [fileKey, file?.content]);
 	const coverage = inventory.data?.coverage;
-	const scoreboard = inventory.status === 404 ? void 0 : coverage ? /* @__PURE__ */ jsxs("details", {
+	const scoreboard = inventory.error ? /* @__PURE__ */ jsxs("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Conversation inspection unavailable: ", inventory.error]
+	}) : coverage ? /* @__PURE__ */ jsxs("details", {
 		className: "ws-status",
 		open: coverage.status !== "complete",
 		"data-capture-status": coverage.status,
@@ -42,10 +46,6 @@ function useLiveInspection(url, live, fetcher) {
 			}, `${row.at}:${index}`))] }),
 			inventory.data?.files?.scope === "none" && /* @__PURE__ */ jsx("p", { children: inventory.data.files.reason ?? "No workspace inventory was captured." })
 		]
-	}) : inventory.error ? /* @__PURE__ */ jsxs("p", {
-		className: "ws-status",
-		role: "alert",
-		children: ["Conversation inspection unavailable: ", inventory.error]
 	}) : void 0;
 	return {
 		scoreboard: /* @__PURE__ */ jsxs(Fragment, { children: [scoreboard, inventory.data?.files && !inventory.data.files.complete && /* @__PURE__ */ jsxs("p", {
@@ -88,14 +88,23 @@ function useLiveInspection(url, live, fetcher) {
 				className: "ws-status",
 				children: [
 					/* @__PURE__ */ jsx("summary", { children: "Provenance" }),
-					/* @__PURE__ */ jsx("code", { children: entry.sha256 }),
+					/* @__PURE__ */ jsx("code", {
+						className: "break-all",
+						children: entry.sha256
+					}),
 					file.before && /* @__PURE__ */ jsxs("p", { children: [
 						"Compared with ",
 						file.before.source.kind,
 						" ",
-						/* @__PURE__ */ jsx("code", { children: file.before.source.ref }),
+						/* @__PURE__ */ jsx("code", {
+							className: "break-all",
+							children: file.before.source.ref
+						}),
 						": ",
-						/* @__PURE__ */ jsx("code", { children: file.before.sha256 })
+						/* @__PURE__ */ jsx("code", {
+							className: "break-all",
+							children: file.before.sha256
+						})
 					] }),
 					/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", {
 						href: download && download.key === fileKey ? download.href : void 0,
@@ -146,7 +155,21 @@ const isOpen = (status) => [
 ].includes(flowStatus(status));
 /** Both the Discovery host and agent-runtime-top mount this same stream consumer and shared run workspace. */
 function LiveRun(props) {
-	return /* @__PURE__ */ jsx(LiveRunView, { ...props }, props.api);
+	const scope = useRef({
+		api: props.api,
+		transport: props.transport,
+		fetcher: props.transport?.fetch,
+		opener: props.transport?.openEventSource,
+		revision: 0
+	});
+	if (scope.current.api !== props.api || scope.current.transport !== props.transport || scope.current.fetcher !== props.transport?.fetch || scope.current.opener !== props.transport?.openEventSource) scope.current = {
+		api: props.api,
+		transport: props.transport,
+		fetcher: props.transport?.fetch,
+		opener: props.transport?.openEventSource,
+		revision: scope.current.revision + 1
+	};
+	return /* @__PURE__ */ jsx(LiveRunView, { ...props }, scope.current.revision);
 }
 function LiveRunView({ api, transport }) {
 	const [snapshots, setSnapshots] = useState([]);

package/dist/run/record.d.ts

@@ -1,2 +1,2 @@
-import { a as EventFlag, c as indexRecord, d as ConversationNode, f as ConversationRecord, i as ConversationProps, l as model_d_exports, n as withPrompts, o as RecordIndex, r as Conversation, s as ToolCall, t as VirtualList, u as ConversationEvent } from "../index-DRLVHl-o.js";
-export { Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type RecordIndex, type ToolCall, VirtualList, indexRecord, model_d_exports as recordModel, withPrompts };
+import { a as ConversationProps, c as ToolCall, d as ConversationEvent, f as ConversationNode, i as Conversation, l as indexRecord, n as VirtualList, o as EventFlag, p as ConversationRecord, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "../index-BYkigpIM.js";
+export { AgentTree, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, type RecordIndex, type ToolCall, VirtualList, indexRecord, model_d_exports as recordModel, withPrompts };

package/dist/run/record.js

@@ -1 +1 @@
-export { n as Conversation, a as VirtualList, r as indexRecord, i as recordModel, t as withPrompts } from "../record-Bqt1kE_Q.js";
+export { t as AgentTree, r as Conversation, o as VirtualList, i as indexRecord, a as recordModel, n as withPrompts } from "../record-Cwyo2oHb.js";

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-import { A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as TraceWorkspaceProps, H as LatestEventsProps, I as runStatus, J as traceSpanMark, K as TraceWaterfall, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as statusMeta, S as RunStatus, T as StatusMeta, U as TraceEvent, V as LatestEvents, W as TraceWorkspace, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfallProps, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as taskProgress } from "./index-BnaVprN6.js";
+import { A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as TraceWorkspaceProps, H as LatestEventsProps, I as runStatus, J as traceSpanMark, K as TraceWaterfall, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as statusMeta, S as RunStatus, T as StatusMeta, U as TraceEvent, V as LatestEvents, W as TraceWorkspace, _ as RunPhaseList, a as ApprovalPlanStep, b as RunRowStatus, c as FeedSegment, d as InlineToolItem, f as InlineToolItemProps, g as RunPhase, h as RunGroupProps, i as ApprovalDiffSummary, j as ToolCallFeed, k as TaskStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, q as TraceWaterfallProps, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as RunStatusIconProps, x as RunRowStatusDot, y as RunRowShellProps, z as taskProgress } from "./index-ByNsP4VC.js";
 import { a as AgentTranscriptEntry, i as AgentStreamState, n as AgentStreamRow, o as foldAgentRows, r as AgentStreamSource, s as useAgentStream, t as AgentStreamOpener } from "./agent-stream-CBZ2fXJ2.js";
-import { a as EventFlag, c as indexRecord, d as ConversationNode, f as ConversationRecord, i as ConversationProps, l as model_d_exports, n as withPrompts, o as RecordIndex, r as Conversation, s as ToolCall, t as VirtualList, u as ConversationEvent } from "./index-DRLVHl-o.js";
-export { type AgentStreamOpener, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LatestEvents, type LatestEventsProps, LiveDuration, type RecordIndex, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStatus, RunStatusIcon, type RunStatusIconProps, type StatusMeta, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCall, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };
+import { a as ConversationProps, c as ToolCall, d as ConversationEvent, f as ConversationNode, i as Conversation, l as indexRecord, n as VirtualList, o as EventFlag, p as ConversationRecord, r as withPrompts, s as RecordIndex, t as AgentTree, u as model_d_exports } from "./index-BYkigpIM.js";
+export { type AgentStreamOpener, type AgentStreamRow, type AgentStreamSource, type AgentStreamState, type AgentTranscriptEntry, AgentTree, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, Conversation, type ConversationEvent, type ConversationNode, type ConversationProps, type ConversationRecord, type EventFlag, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LatestEvents, type LatestEventsProps, LiveDuration, type RecordIndex, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, type RunStatus, RunStatusIcon, type RunStatusIconProps, type StatusMeta, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCall, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };

package/dist/run.js

@@ -1,4 +1,4 @@
 import { a as TraceWaterfall, i as useAgentStream, n as LatestEvents, o as traceSpanMark, r as foldAgentRows, t as TraceWorkspace } from "./trace-workspace-C8dHRBDV.js";
-import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-Bqt1kE_Q.js";
+import { a as model_exports, i as indexRecord, n as withPrompts, o as VirtualList, r as Conversation, t as AgentTree } from "./record-Cwyo2oHb.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "@tangle-network/ui/run";
-export { ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };
+export { AgentTree, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, parseToolEvent, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream, withPrompts };

package/dist/styles.css

@@ -1991,6 +1991,9 @@
   .\[scrollbar-gutter\:stable\] {
     scrollbar-gutter: stable;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .appearance-none {
     appearance: none;
   }
@@ -5617,15 +5620,25 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .focus-visible\:outline-2:focus-visible {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
   .focus-visible\:-outline-offset-1:focus-visible {
     outline-offset: calc(1px * -1);
   }
   .focus-visible\:outline-offset-0:focus-visible {
     outline-offset: 0px;
   }
+  .focus-visible\:outline-offset-2:focus-visible {
+    outline-offset: 2px;
+  }
   .focus-visible\:outline-\[var\(--focus-border\)\]:focus-visible {
     outline-color: var(--focus-border);
   }
+  .focus-visible\:outline-ring:focus-visible {
+    outline-color: hsl(var(--ring));
+  }
   .focus-visible\:outline-none:focus-visible {
     --tw-outline-style: none;
     outline-style: none;
@@ -5746,6 +5759,9 @@
   .aria-invalid\:focus\:ring-\[var\(--focus-halo-danger\)\][aria-invalid="true"]:focus {
     --tw-ring-color: var(--focus-halo-danger);
   }
+  .aria-pressed\:border-border[aria-pressed="true"] {
+    border-color: hsl(var(--border));
+  }
   .aria-pressed\:bg-\[var\(--ix-sel-bg\)\][aria-pressed="true"] {
     background-color: var(--ix-sel-bg);
   }
@@ -5799,6 +5815,9 @@
   .data-\[disabled\]\:opacity-50[data-disabled] {
     opacity: 50%;
   }
+  .data-\[future\]\:opacity-55[data-future] {
+    opacity: 55%;
+  }
   .data-\[highlighted\]\:bg-\[var\(--ix-sel-bg\)\][data-highlighted] {
     background-color: var(--ix-sel-bg);
   }

package/dist/use-document-DCXGpk0q.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Same-origin JSON with ETag revalidation. `poll` refetches every `poll` ms while set; turning polling on or off keeps
+ * the document. With `keepPrevious`, a new URL (a record's next digest) keeps showing the previous document until the
+ * new one arrives, so a run being written never blanks between versions. A response marked stale is refetched until it is current.
+ */
+declare function useDocument<T>(url: string | null, poll?: number, keepPrevious?: boolean, fetcher?: typeof fetch): {
+  url: string | null;
+  fetcher: typeof fetcher;
+  data?: T;
+  error?: string;
+  status?: number;
+  loading: boolean;
+  stale?: boolean;
+  failing?: string;
+};
+export { useDocument as t };

package/dist/workspace-viewer.js

@@ -43989,91 +43989,112 @@ function SU({ trace: e, streamUrl: t, openEventSource: n, events: r, onTimeChang
 		]
 	});
 }
-// dist/use-document-D6Z9oFLm.js
+// dist/hooks/use-document.js
 var CU = 2500, wU = 6, TU = 4;
 function EU(e, t, n = !1, r = globalThis.fetch) {
 	let [i, a] = (0, G.useState)({
 		url: e,
+		fetcher: r,
 		loading: !!e
 	}), o = (0, G.useRef)(null), s = (0, G.useRef)(void 0);
 	return (0, G.useEffect)(() => {
-		if (s.current !== e && (s.current = e, o.current = null, a((t) => n && e && t.data !== void 0 ? {
+		let i = s.current?.fetcher === r;
+		if (s.current?.url === e && i || (s.current = {
+			url: e,
+			fetcher: r
+		}, o.current = null, a((t) => i && n && e && t.data !== void 0 ? {
 			...t,
 			url: e,
 			loading: !0,
 			error: void 0
 		} : {
 			url: e,
+			fetcher: r,
 			loading: !!e
 		})), !e) return;
-		let i = !0, c = 0, l = !1, u = 0, d = 0, f = !1, p = new AbortController(), m = async () => {
-			f = !1;
+		let c = !0, l = 0, u = !1, d = 0, f = 0, p = !1, m = new AbortController(), h = async () => {
+			p = !1;
 			try {
 				let t = await r(e, {
 					credentials: "same-origin",
-					signal: p.signal,
+					cache: "no-store",
+					signal: m.signal,
 					headers: o.current ? { "If-None-Match": o.current } : {}
 				});
-				if (!i) return;
-				d = 0, l = t.headers.get("X-Workspace-Stale") === "1";
+				if (!c) return;
+				f = 0, u = t.headers.get("X-Workspace-Stale") === "1";
 				let n = t.headers.get("X-Workspace-Compose-Error") ?? void 0;
-				if (!l && (t.ok || t.status === 304) && (u = 0), t.status === 304) {
-					a((e) => e.stale === l && e.failing === n ? e : {
+				if (!u && (t.ok || t.status === 304) && (d = 0), t.status === 304) {
+					a((e) => !e.error && e.stale === u && e.failing === n ? e : {
 						...e,
-						stale: l,
+						loading: !1,
+						error: void 0,
+						status: 304,
+						stale: u,
 						failing: n
 					});
 					return;
 				}
 				if (!t.ok) {
-					let e = `HTTP ${t.status}`;
+					let n = `HTTP ${t.status}`;
 					try {
-						let n = await t.json();
-						n && typeof n == "object" && typeof n.reason == "string" && (e = n.reason);
+						let e = await t.json();
+						e && typeof e == "object" && typeof e.reason == "string" && (n = e.reason);
 					} catch {}
-					a((n) => ({
-						...n,
+					if (!c) return;
+					let i = [
+						401,
+						403,
+						404
+					].includes(t.status);
+					i && (o.current = null), a((a) => ({
+						...i ? {
+							url: e,
+							fetcher: r
+						} : a,
 						loading: !1,
-						error: e,
+						error: n,
 						status: t.status
 					}));
 					return;
 				}
 				o.current = t.headers.get("ETag");
-				let s = await t.json();
-				i && a({
+				let i = await t.json();
+				c && a({
 					url: e,
-					data: s,
+					fetcher: r,
+					data: i,
 					loading: !1,
 					status: t.status,
-					stale: l,
+					stale: u,
 					failing: n
 				});
 			} catch (e) {
-				i && !p.signal.aborted && d < TU ? f = !0 : i && !p.signal.aborted && a((t) => ({
+				c && !m.signal.aborted && f < TU ? p = !0 : c && !m.signal.aborted && a((t) => ({
 					...t,
 					loading: !1,
 					error: e instanceof Error ? e.message : "Request failed"
 				}));
 			} finally {
-				i && f ? (c = window.setTimeout(m, 1e3 * 2 ** d), d += 1) : i && l && u < wU ? (c = window.setTimeout(m, CU * 1.5 ** u), u += 1) : i && t && (c = window.setTimeout(m, t));
+				c && p ? (l = window.setTimeout(h, 1e3 * 2 ** f), f += 1) : c && u && d < wU ? (l = window.setTimeout(h, CU * 1.5 ** d), d += 1) : c && t && (l = window.setTimeout(h, t));
 			}
 		};
-		return m(), () => {
-			i = !1, p.abort(), window.clearTimeout(c);
+		return h(), () => {
+			c = !1, m.abort(), window.clearTimeout(l);
 		};
 	}, [
 		e,
 		t,
 		r
-	]), n || i.url === e ? i : {
+	]), i.fetcher === r && (n || i.url === e) ? i : {
 		url: e,
+		fetcher: r,
 		loading: !!e
 	};
 }
 // dist/run/live.js
 function DU(e, t, n) {
-	let r = EU(e ?? null, t ? 3e3 : void 0, !1, n), [i, a] = (0, G.useState)(), [o, s] = (0, G.useState)(), c = r.data?.files?.entries ?? [], l = c.find((e) => e.path === i) ?? c[0], u = EU(l && e ? `${e}/file?path=${encodeURIComponent(l.path)}` : null, t ? 3e3 : void 0, !1, n), d = u.data?.file, f = d && l && d.path === l.path && d.sha256 === l.sha256 && d.byteLength === l.byteLength, p = f ? `${l.path}:${l.sha256}` : void 0;
+	let r = EU(e ?? null, t ? 3e3 : void 0, !1, n), [i, a] = (0, G.useState)(), [o, s] = (0, G.useState)(), c = r.error ? [] : r.data?.files?.entries ?? [], l = c.find((e) => e.path === i) ?? c[0], u = EU(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;
 	(0, G.useEffect)(() => {
 		if (!p || !d) return;
 		let e = URL.createObjectURL(new Blob([d.content], { type: "text/plain;charset=utf-8" }));
@@ -44082,7 +44103,11 @@ function DU(e, t, n) {
 			href: e
 		}), () => URL.revokeObjectURL(e);
 	}, [p, d?.content]);
-	let m = r.data?.coverage, h = r.status === 404 ? void 0 : m ? /* @__PURE__ */ (0, q.jsxs)("details", {
+	let m = r.data?.coverage, h = r.error ? /* @__PURE__ */ (0, q.jsxs)("p", {
+		className: "ws-status",
+		role: "alert",
+		children: ["Conversation inspection unavailable: ", r.error]
+	}) : m ? /* @__PURE__ */ (0, q.jsxs)("details", {
 		className: "ws-status",
 		open: m.status !== "complete",
 		"data-capture-status": m.status,
@@ -44095,10 +44120,6 @@ function DU(e, t, n) {
 			}, `${e.at}:${t}`))] }),
 			r.data?.files?.scope === "none" && /* @__PURE__ */ (0, q.jsx)("p", { children: r.data.files.reason ?? "No workspace inventory was captured." })
 		]
-	}) : r.error ? /* @__PURE__ */ (0, q.jsxs)("p", {
-		className: "ws-status",
-		role: "alert",
-		children: ["Conversation inspection unavailable: ", r.error]
 	}) : void 0;
 	return {
 		scoreboard: /* @__PURE__ */ (0, q.jsxs)(q.Fragment, { children: [h, r.data?.files && !r.data.files.complete && /* @__PURE__ */ (0, q.jsxs)("p", {
@@ -44141,14 +44162,23 @@ function DU(e, t, n) {
 				className: "ws-status",
 				children: [
 					/* @__PURE__ */ (0, q.jsx)("summary", { children: "Provenance" }),
-					/* @__PURE__ */ (0, q.jsx)("code", { children: l.sha256 }),
+					/* @__PURE__ */ (0, q.jsx)("code", {
+						className: "break-all",
+						children: l.sha256
+					}),
 					d.before && /* @__PURE__ */ (0, q.jsxs)("p", { children: [
 						"Compared with ",
 						d.before.source.kind,
 						" ",
-						/* @__PURE__ */ (0, q.jsx)("code", { children: d.before.source.ref }),
+						/* @__PURE__ */ (0, q.jsx)("code", {
+							className: "break-all",
+							children: d.before.source.ref
+						}),
 						": ",
-						/* @__PURE__ */ (0, q.jsx)("code", { children: d.before.sha256 })
+						/* @__PURE__ */ (0, q.jsx)("code", {
+							className: "break-all",
+							children: d.before.sha256
+						})
 					] }),
 					/* @__PURE__ */ (0, q.jsx)("p", { children: /* @__PURE__ */ (0, q.jsx)("a", {
 						href: o && o.key === p ? o.href : void 0,
@@ -44191,7 +44221,20 @@ var OU = (e) => {
 	"needs-you"
 ].includes(MU(e));
 function FU(e) {
-	return /* @__PURE__ */ (0, q.jsx)(IU, { ...e }, e.api);
+	let t = (0, G.useRef)({
+		api: e.api,
+		transport: e.transport,
+		fetcher: e.transport?.fetch,
+		opener: e.transport?.openEventSource,
+		revision: 0
+	});
+	return (t.current.api !== e.api || t.current.transport !== e.transport || t.current.fetcher !== e.transport?.fetch || t.current.opener !== e.transport?.openEventSource) && (t.current = {
+		api: e.api,
+		transport: e.transport,
+		fetcher: e.transport?.fetch,
+		opener: e.transport?.openEventSource,
+		revision: t.current.revision + 1
+	}), /* @__PURE__ */ (0, q.jsx)(IU, { ...e }, t.current.revision);
 }
 function IU({ api: e, transport: t }) {
 	let [n, r] = (0, G.useState)([]), [i, a] = (0, G.useState)(null), [o, s] = (0, G.useState)(!1), [c, l] = (0, G.useState)(!1), [u, d] = (0, G.useState)(""), [f, p] = (0, G.useState)(0), [m, h] = (0, G.useState)(), [g, _] = (0, G.useState)(!0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "2.0.18",
+  "version": "2.0.20",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
@@ -99,6 +99,10 @@
       "import": "./dist/pages.js",
       "types": "./dist/pages.d.ts"
     },
+    "./hooks/use-document": {
+      "import": "./dist/hooks/use-document.js",
+      "types": "./dist/hooks/use-document.d.ts"
+    },
     "./hooks": {
       "import": "./dist/hooks.js",
       "types": "./dist/hooks.d.ts"