@tangle-network/sandbox-ui 1.1.5 → 1.1.7

package/dist/{index-UCV03IrH.d.ts → index-72uBu5lu.d.ts}

@@ -53,8 +53,10 @@ interface AgentStreamRow {
   stream?: string;
   attempt?: number;
   event: {
-    kind: "text" | "reasoning" | "tool-call" | "tool-result" | "user" | (string & {});
+    kind: "text" | "reasoning" | "tool-call" | "tool-result" | "user" | "notice" | (string & {});
     text?: string;
+    /** A notice's origin: the agent's `delegated-input`, its `recorded-result`, or a capture fact such as `capture-unavailable`. */
+    provenance?: string;
     toolCallId?: string;
     toolName?: string;
     args?: unknown;
@@ -68,6 +70,7 @@ type AgentTranscriptEntry = {
   kind: "message";
   role: "assistant" | "user";
   content: string;
+  sealed?: true;
 } | {
   id: string;
   at: number;
@@ -78,6 +81,11 @@ type AgentTranscriptEntry = {
   at: number;
   kind: "tool";
   call: ToolCallData;
+} | {
+  id: string;
+  at: number;
+  kind: "notice";
+  text: string;
 };
 interface AgentStreamState {
   generation?: string | number;
@@ -85,6 +93,7 @@ interface AgentStreamState {
   lastSeq: number;
   /** The agent is still producing output. */
   alive: boolean;
+  /** Why the stream shows nothing new; a reconnect that delivers rows clears it. */
   error?: string;
 }
 /** Fold stream rows into transcript entries: text of one turn merges, a tool call becomes a row its result completes. */

package/dist/index.d.ts

@@ -16,7 +16,7 @@ import { C as ChangedFile, D as SandboxArtifactTerminal, E as SandboxArtifactPan
 import { n as DiffViewProps, t as DiffView } from "./diff-view-DDHWtR6X.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-Ta5GI4hx.js";
 import { OPENUI_NODE_JSON_SCHEMA, OPENUI_NODE_TYPES, OpenUIAction, OpenUIActionsNode, OpenUIArtifactRenderer, OpenUIArtifactRendererProps, OpenUIBadgeNode, OpenUICardNode, OpenUICodeNode, OpenUIComponentNode, OpenUIGridNode, OpenUIHeadingNode, OpenUIKeyValueNode, OpenUIMarkdownNode, OpenUIPrimitive, OpenUISchemaIssue, OpenUISchemaValidation, OpenUISeparatorNode, OpenUIStackNode, OpenUIStatNode, OpenUITableNode, OpenUITextNode, findUnsupportedOpenUINode, validateOpenUIJsonArtifact, validateOpenUIJsonNode } from "./openui.js";
-import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ 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 parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-UCV03IrH.js";
+import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ 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 parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-72uBu5lu.js";
 import { n as filterFileNodes, t as fileTreeFromPaths } from "./index-CrN4d8gd.js";
 import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, ChatSession, RegisterActiveSessionOptions, SessionProjectKey, activeSessionsAtom, addMessage, addParts, bumpActiveSessionActivity, clearChat, connectSession, disconnectSession, getActiveSession, getAllActiveSessions, getAllProjectActivity, getSessionsByActivity, getSessionsForNavbar, getSessionsForProject, getTotalRunningSessionCount, hasBackgroundRunningSessions, isStreamingAtom, messagesAtom, partMapAtom, registerActiveSession, resetActiveSessions, sessionAtom, setActiveSessionAttention, setActiveSessionConnection, setActiveSessionError, setActiveSessionRunning, setForegroundActiveSession, unregisterActiveSession, updateActiveSessionMeta, updatePart, useActiveSession, useActiveSessions, useActiveSessionsState, useHasBackgroundRunningSessions, useNavbarSessions, useProjectActivity, useProjectSessions, useSessionsByActivity, useTotalRunningSessions } from "./stores.js";
 import { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from "./types.js";

package/dist/index.js

@@ -13,7 +13,7 @@ import { a as CodeSurface, i as CODE_THEME, n as buildUnifiedPatch, r as compute
 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 { a as MessageList, c as UserMessage, d as modelProvider, f as snapHarnessToModel, g as ReasoningLevelPicker, h as HARNESS_REASONING_OPTIONS, i as MessageAuthor, l as isViewerMessage, m as DEFAULT_REASONING_LEVEL_OPTIONS, n as ChatContainer, o as TRANSCRIPT_TEXT, p as AgentProfilePicker, r as ChatMessage, s as ThinkingIndicator, t as AgentTimeline, u as ArtifactAgentDock } from "./chat-4OZD23RA.js";
-import { _ as TraceWorkspace, a as InlineToolItem, b as TraceWaterfall, c as RunPhaseList, d as TaskList, f as ToolCallFeed, g as taskStatus, h as taskProgress, i as InlineThinkingItem, l as RunRowShell, m as showsTaskPriority, n as ApprovalDiffSummary, o as LiveDuration, p as parseToolEvent, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as foldAgentRows, x as traceSpanMark, y as useAgentStream } from "./run-2128n_Cm.js";
+import { _ as TraceWorkspace, a as InlineToolItem, b as TraceWaterfall, c as RunPhaseList, d as TaskList, f as ToolCallFeed, g as taskStatus, h as taskProgress, i as InlineThinkingItem, l as RunRowShell, m as showsTaskPriority, n as ApprovalDiffSummary, o as LiveDuration, p as parseToolEvent, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as foldAgentRows, x as traceSpanMark, y as useAgentStream } from "./run-Qern6muT.js";
 import "./vault-tree.js";
 import { a as TangleLoginButton, i as UserMenu, n as GitHubLoginButton, r as LoginLayout, t as AuthHeader } from "./auth-BDpoZ_2f.js";
 import { t as AgentMessagingConnection } from "./connections-DymjzHe_.js";

package/dist/{run-2128n_Cm.js → run-Qern6muT.js}

@@ -60,6 +60,14 @@ const brief = (value, max = 240) => {
 	return text.length > max ? `${text.slice(0, max - 1)}…` : text;
 };
 const failed = (result) => typeof result === "object" && result !== null && ("error" in result || result.is_error === true);
+const recorded = (text) => {
+	try {
+		const value = JSON.parse(text);
+		return typeof value === "object" && value !== null ? `\`\`\`json\n${text}\n\`\`\`` : text;
+	} catch {
+		return text;
+	}
+};
 /** Fold stream rows into transcript entries: text of one turn merges, a tool call becomes a row its result completes. */
 function foldAgentRows(entries, rows) {
 	const next = [...entries];
@@ -68,7 +76,7 @@ function foldAgentRows(entries, rows) {
 		const { event } = row;
 		const last = next[next.length - 1];
 		if (event.kind === "text" && event.text) {
-			if (last?.kind === "message" && last.role === "assistant") next[next.length - 1] = {
+			if (last?.kind === "message" && last.role === "assistant" && !last.sealed) next[next.length - 1] = {
 				...last,
 				content: last.content + event.text
 			};
@@ -86,7 +94,29 @@ function foldAgentRows(entries, rows) {
 			role: "user",
 			content: event.text
 		});
-		else if (event.kind === "reasoning" && event.text) {
+		else if (event.kind === "notice" && event.text) {
+			if (event.provenance === "delegated-input") next.push({
+				id: `u-${row.seq}`,
+				at,
+				kind: "message",
+				role: "user",
+				content: recorded(event.text)
+			});
+			else if (event.provenance === "recorded-result") next.push({
+				id: `m-${row.seq}`,
+				at,
+				kind: "message",
+				role: "assistant",
+				content: recorded(event.text),
+				sealed: true
+			});
+			else next.push({
+				id: `n-${row.seq}`,
+				at,
+				kind: "notice",
+				text: event.text
+			});
+		} else if (event.kind === "reasoning" && event.text) {
 			if (last?.kind === "reasoning") next[next.length - 1] = {
 				...last,
 				text: last.text + event.text
@@ -145,17 +175,23 @@ function reduce(state, action) {
 				generation: action.generation ?? state.generation,
 				entries: foldAgentRows(base.entries, fresh),
 				lastSeq: fresh.reduce((max, row) => Math.max(max, row.seq), base.lastSeq),
-				alive: action.alive ?? state.alive
+				alive: action.alive ?? state.alive,
+				error: void 0
 			};
 		}
 		case "end": return {
 			...state,
-			alive: false
+			alive: false,
+			error: void 0
 		};
 		case "error": return {
 			...state,
 			error: action.message
 		};
+		case "unreachable": return {
+			...state,
+			error: "The agent stream is unreachable; the viewer may be closed."
+		};
 	}
 }
 /**
@@ -179,6 +215,10 @@ function useAgentStream(url) {
 			const target = new URL(url, globalThis.location?.href);
 			if (lastSeq > 0) target.searchParams.set("after", String(lastSeq));
 			source = new EventSource(target.toString());
+			let opened = false;
+			source.onopen = () => {
+				opened = true;
+			};
 			source.addEventListener("rows", (message) => {
 				const data = JSON.parse(message.data);
 				lastSeq = Math.max(lastSeq, data.lastSeq ?? 0, ...data.events.map((row) => row.seq));
@@ -203,7 +243,9 @@ function useAgentStream(url) {
 			});
 			source.onerror = () => {
 				source?.close();
-				if (!closed) retry = setTimeout(open, 1e3);
+				if (closed) return;
+				if (!opened) dispatch({ type: "unreachable" });
+				retry = setTimeout(open, 1e3);
 			};
 		};
 		open();
@@ -267,6 +309,14 @@ function timelineItems(entries, streaming) {
 			kind: "tool",
 			call: entry.call
 		};
+		if (entry.kind === "notice") return {
+			id: entry.id,
+			kind: "custom",
+			content: /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: entry.text
+			})
+		};
 		return {
 			id: entry.id,
 			kind: "custom",
@@ -322,11 +372,8 @@ function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scorebo
 		agentCards
 	]);
 	const shown = cursor === null || origin === void 0 ? stream.entries : stream.entries.filter((entry) => entry.at - origin <= cursor);
-	const items = useMemo(() => timelineItems(shown, cursor === null && stream.alive), [
-		shown,
-		cursor,
-		stream.alive
-	]);
+	const live = stream.alive && !stream.error && cursor === null;
+	const items = useMemo(() => timelineItems(shown, live), [shown, live]);
 	const scroller = useRef(null);
 	const pinned = useRef(true);
 	const [unseen, setUnseen] = useState(false);
@@ -403,7 +450,7 @@ function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scorebo
 						className: "flex shrink-0 items-center gap-2 border-b border-border px-3 py-2",
 						children: [
 							/* @__PURE__ */ jsx("span", {
-								className: cn("h-2 w-2 shrink-0 rounded-full", stream.alive && cursor === null ? "bg-[var(--status-running,#34c48c)]" : "bg-muted-foreground/50"),
+								className: cn("h-2 w-2 shrink-0 rounded-full", live ? "bg-[var(--status-running,#34c48c)]" : "bg-muted-foreground/50"),
 								"aria-hidden": true
 							}),
 							/* @__PURE__ */ jsx("h3", {
@@ -438,7 +485,7 @@ function TraceWorkspace({ trace, streamUrl, events, onTimeChange, files, scorebo
 						className: "min-h-0 flex-1 overflow-y-auto px-3 py-2",
 						children: streamUrl ? /* @__PURE__ */ jsx(AgentTimeline, {
 							items,
-							isThinking: stream.alive && cursor === null && items.length === 0,
+							isThinking: live && items.length === 0,
 							emptyState: /* @__PURE__ */ jsx("p", {
 								className: "p-4 text-sm text-muted-foreground",
 								children: stream.error ?? "No messages yet."

package/dist/run.d.ts

@@ -1,2 +1,2 @@
-import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ 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 parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-UCV03IrH.js";
+import { A as ToolCallType, B as TraceEvent, C as TaskListItem, D as ToolCallFeed, E as ToolCallData, F as AgentStreamRow, G as traceSpanMark, H as TraceWorkspaceProps, I as AgentStreamState, L as AgentTranscriptEntry, M as showsTaskPriority, N as taskProgress, O as ToolCallFeedProps, P as taskStatus, R as foldAgentRows, S as TaskList, T as TaskStatus, U as TraceWaterfall, V as TraceWorkspace, W as TraceWaterfallProps, _ 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 parseToolEvent, k as ToolCallStatus, l as InlineThinkingItem, m as RunGroup, n as ApprovalCardProps, o as ExpandedToolDetail, p as LiveDuration, r as ApprovalDiffFile, s as ExpandedToolDetailProps, t as ApprovalCard, u as InlineThinkingItemProps, v as RunRowShell, w as TaskListProps, x as RunRowStatusDot, y as RunRowShellProps, z as useAgentStream } from "./index-72uBu5lu.js";
 export { type AgentStreamRow, type AgentStreamState, type AgentTranscriptEntry, ApprovalCard, type ApprovalCardProps, type ApprovalDiffFile, ApprovalDiffSummary, type ApprovalPlanStep, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LiveDuration, RunGroup, type RunGroupProps, type RunPhase, RunPhaseList, RunRowShell, type RunRowShellProps, type RunRowStatus, RunRowStatusDot, TaskList, type TaskListItem, type TaskListProps, type TaskStatus, type ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, foldAgentRows, parseToolEvent, showsTaskPriority, taskProgress, taskStatus, traceSpanMark, useAgentStream };

package/dist/run.js

@@ -1 +1 @@
-export { t as ApprovalCard, n as ApprovalDiffSummary, r as ExpandedToolDetail, i as InlineThinkingItem, a as InlineToolItem, o as LiveDuration, s as RunGroup, c as RunPhaseList, l as RunRowShell, u as RunRowStatusDot, d as TaskList, f as ToolCallFeed, b as TraceWaterfall, _ as TraceWorkspace, v as foldAgentRows, p as parseToolEvent, m as showsTaskPriority, h as taskProgress, g as taskStatus, x as traceSpanMark, y as useAgentStream } from "./run-2128n_Cm.js";
+export { t as ApprovalCard, n as ApprovalDiffSummary, r as ExpandedToolDetail, i as InlineThinkingItem, a as InlineToolItem, o as LiveDuration, s as RunGroup, c as RunPhaseList, l as RunRowShell, u as RunRowStatusDot, d as TaskList, f as ToolCallFeed, b as TraceWaterfall, _ as TraceWorkspace, v as foldAgentRows, p as parseToolEvent, m as showsTaskPriority, h as taskProgress, g as taskStatus, x as traceSpanMark, y as useAgentStream } from "./run-Qern6muT.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "license": "MIT",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {