@tangle-network/sandbox-ui 6.0.0 → 7.0.0

package/dist/{AgentTree-D4d06rfH.js → AgentTree-abRugBMr.js}

@@ -1,5 +1,5 @@
 import { t as VirtualList } from "./VirtualList-DcSGbEtA.js";
-import { C as ms, D as toolKey, E as textOf, T as roleOf, a as isLifecycle, c as anchorsOf, d as collapseIdleTurns, f as collapsePolls, g as eventMatches, h as callsOf, l as answeredBy, m as thinkingMarkers, n as ConversationRowView, o as rowItems, p as quietThinking, t as useFollowTail, u as collapseHollowTurns } from "./use-follow-tail-DZFn7QDO.js";
+import { C as ms, D as toolKey, E as textOf, T as roleOf, a as isLifecycle, c as anchorsOf, d as collapseIdleTurns, f as collapsePolls, g as eventMatches, h as callsOf, l as answeredBy, m as thinkingMarkers, n as ConversationRowView, o as rowItems, p as quietThinking, t as useFollowTail, u as collapseHollowTurns } from "./use-follow-tail-Di1zlndg.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { AgentTimelineColumn, agentTimelineStepKind } from "@tangle-network/ui/chat/agent-timeline";

package/dist/{ResearchReport-D1TFmldm.js → ResearchReport-BPOmsUFI.js}

@@ -1,5 +1,5 @@
-import { C as ms, D as toolKey, E as textOf, O as utcTime, T as roleOf, _ as eventSource, b as interval, g as eventMatches, v as fmt, w as recordFlowTrace, x as modelIdentity, y as indexRecord } from "./use-follow-tail-DZFn7QDO.js";
-import { n as Conversation, t as AgentTree } from "./AgentTree-D4d06rfH.js";
+import { C as ms, D as toolKey, E as textOf, O as utcTime, T as roleOf, _ as eventSource, b as interval, g as eventMatches, v as fmt, w as recordFlowTrace, x as modelIdentity, y as indexRecord } from "./use-follow-tail-Di1zlndg.js";
+import { n as Conversation, t as AgentTree } from "./AgentTree-abRugBMr.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@tangle-network/ui/primitives";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, memo, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/globals.css

@@ -404,12 +404,12 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
-  .bottom-3 {
-    bottom: calc(var(--spacing) * 3);
-  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+  .bottom-14 {
+    bottom: calc(var(--spacing) * 14);
+  }
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
@@ -482,6 +482,9 @@
   .z-\[100\] {
     z-index: 100;
   }
+  .z-\[1100\] {
+    z-index: 1100;
+  }
   .order-last {
     order: 9999;
   }
@@ -986,9 +989,6 @@
   .h-\[36rem\] {
     height: 36rem;
   }
-  .h-\[60vh\] {
-    height: 60vh;
-  }
   .h-\[70vh\] {
     height: 70vh;
   }
@@ -1112,12 +1112,12 @@
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
-  .max-h-\[35vh\] {
-    max-height: 35vh;
-  }
   .max-h-\[40\%\] {
     max-height: 40%;
   }
+  .max-h-\[45\%\] {
+    max-height: 45%;
+  }
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
@@ -1244,8 +1244,8 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
-  .min-h-\[480px\] {
-    min-height: 480px;
+  .min-h-\[320px\] {
+    min-height: 320px;
   }
   .min-h-full {
     min-height: 100%;
@@ -1472,9 +1472,6 @@
   .w-\[calc\(100vw-32px\)\] {
     width: calc(100vw - 32px);
   }
-  .w-\[clamp\(320px\,32vw\,560px\)\] {
-    width: clamp(320px, 32vw, 560px);
-  }
   .w-\[min\(88vw\,24rem\)\] {
     width: min(88vw, 24rem);
   }
@@ -1571,6 +1568,9 @@
   .max-w-\[220px\] {
     max-width: 220px;
   }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
   .max-w-\[320px\] {
     max-width: 320px;
   }
@@ -1919,9 +1919,6 @@
   .resize-none {
     resize: none;
   }
-  .resize-x {
-    resize: horizontal;
-  }
   .resize-y {
     resize: vertical;
   }
@@ -1976,6 +1973,9 @@
   .grid-cols-\[minmax\(0\,1fr\)_minmax\(13rem\,20rem\)\] {
     grid-template-columns: minmax(0,1fr) minmax(13rem,20rem);
   }
+  .grid-cols-\[minmax\(0\,auto\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0,auto) minmax(0,1fr);
+  }
   .grid-cols-subgrid {
     grid-template-columns: subgrid;
   }
@@ -2845,9 +2845,6 @@
   .bg-\[var\(--surface-info-bg\)\] {
     background-color: var(--surface-info-bg);
   }
-  .bg-\[var\(--surface-info-text\)\] {
-    background-color: var(--surface-info-text);
-  }
   .bg-\[var\(--surface-neutral-bg\)\] {
     background-color: var(--surface-neutral-bg);
   }
@@ -3016,6 +3013,9 @@
       background-color: color-mix(in oklab, hsl(var(--card)) 90%, transparent);
     }
   }
+  .bg-current {
+    background-color: currentcolor;
+  }
   .bg-destructive {
     background-color: hsl(var(--destructive));
   }
@@ -3579,6 +3579,9 @@
   .text-right {
     text-align: right;
   }
+  .align-\[-3px\] {
+    vertical-align: -3px;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -4619,6 +4622,9 @@
   .not-first\:border-\[color\:var\(--border-subtle\)\]:not(:first-child) {
     border-color: var(--border-subtle);
   }
+  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
+    rotate: 90deg;
+  }
   .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
     opacity: 100%;
   }
@@ -4633,6 +4639,9 @@
       --tw-translate-x: calc(var(--spacing) * 0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .group-hover\:bg-\[hsl\(var\(--ring\)\)\]:is(:where(.group):hover *) {
+      background-color: hsl(var(--ring));
+    }
     .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
       background-color: hsl(var(--primary));
     }
@@ -4671,6 +4680,12 @@
       opacity: 100%;
     }
   }
+  .group-focus-visible\:w-0\.5:is(:where(.group):focus-visible *) {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .group-focus-visible\:bg-\[hsl\(var\(--ring\)\)\]:is(:where(.group):focus-visible *) {
+    background-color: hsl(var(--ring));
+  }
   .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--primary));
     @supports (color: color-mix(in lab, red, red)) {
@@ -5407,6 +5422,9 @@
   .focus-visible\:outline-offset-2:focus-visible {
     outline-offset: 2px;
   }
+  .focus-visible\:outline-\[hsl\(var\(--ring\)\)\]:focus-visible {
+    outline-color: hsl(var(--ring));
+  }
   .focus-visible\:outline-\[var\(--focus-border\)\]:focus-visible {
     outline-color: var(--focus-border);
   }
@@ -6461,6 +6479,9 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
+    display: none;
+  }
   .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
     display: none;
   }
@@ -16761,6 +16782,10 @@ svg.react-flow__connectionline {
   gap: 16px;
   padding: 4px 0;
 }
+.sandbox-trace-workspace .fw-root {
+  flex: 1 1 auto;
+  min-height: 0;
+}
 .ws-live {
   min-height: 100dvh;
   padding: 24px;

package/dist/{index-D6fZ1Hgz.d.ts → index-PolYo7h9.d.ts}

@@ -36,14 +36,19 @@ interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "marke
   conversationOpen?: boolean;
   /** Called with the agent the reader selected, or undefined when they close its drawer or press Escape. */
   onSelectAgent?: (agentId: string | undefined) => void;
-  /** Dock the conversation as a resizable pane in the layout instead of a fixed overlay over the right edge. */
+  /** Dock the inspector as a resizable split (drag or arrow keys; the width is remembered per viewer) instead of a fixed
+   *  overlay over the right edge. Below 768px the inspector is always a full-screen sheet. */
   docked?: boolean;
-  /** The words that created the selected agent — its parent's commission — pinned above its conversation. */
+  /** Why the selected agent has no conversation, when the host knows (no transcript captured, harness without a stream).
+   *  Shown in place of an empty transcript; without it the inspector says no conversation was recorded. */
+  transcriptNote?: (agentId: string) => string | undefined;
+  /** The words that created the selected agent — its parent's commission — collapsed above its conversation. */
   commission?: {
     by?: string;
     text?: string;
   };
-  /** The host's own account of the selected agent beyond its trace facts, such as its profile: its drawer shows it under them. */
+  /** The host's own account of the selected agent beyond its trace facts, such as its profile: shown in the inspector's
+   *  closed-by-default Details, after the conversation. */
   renderAgentDrawer?: (agentId: string) => ReactNode;
   /**
    * What the trace cannot say about a live agent, by agent id: its activity, thinking line, latest events, commits or
@@ -57,9 +62,9 @@ interface TraceWorkspaceProps extends Omit<TraceWaterfallProps, "trace" | "marke
   className?: string;
 }
 /**
- * The run workspace: the agent timeline and span waterfall over one clock, the selected agent's conversation
- * streaming in a right-hand drawer, and the page's code workspace and scoreboard following the time cursor. Scrubbing is time travel:
+ * The run workspace: the agent timeline and span waterfall over one clock, filling its parent's height, with the selected
+ * agent's conversation at the center of its inspector, and the page's code workspace and scoreboard following the time cursor. Scrubbing is time travel:
  * every panel shows what was true at the cursor, and the conversation shows what had been said by then.
  */
-declare function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChange, files, scoreboard, selectedAgentId, conversationOpen, onSelectAgent, renderAgentDrawer, docked, commission, agentCards, agentGraph, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
+declare function TraceWorkspace({ trace, streamUrl, openEventSource, events, onTimeChange, files, scoreboard, selectedAgentId, conversationOpen, onSelectAgent, renderAgentDrawer, transcriptNote, docked, commission, agentCards, agentGraph, className, ...waterfall }: TraceWorkspaceProps): import("react").JSX.Element;
 export { ToolCallData$1 as A, taskProgress as B, RunStatusIcon$1 as C, TaskListItem as D, TaskList as E, isOpen as F, TraceWorkspace as G, LatestEvents as H, parseToolEvent as I, TraceWaterfallProps as J, TraceWorkspaceProps as K, runStatus$1 as L, ToolCallFeedProps as M, ToolCallStatus as N, TaskListProps as O, ToolCallType as P, showsTaskPriority as R, RunStatus as S, StatusMeta as T, LatestEventsProps as U, taskStatus as V, TraceEvent as W, traceSpanMark as Y, RunPhaseList as _, ApprovalPlanStep as a, RunRowStatus as b, FeedSegment as c, InlineToolItem as d, InlineToolItemProps as f, RunPhase as g, RunGroupProps as h, ApprovalDiffSummary as i, ToolCallFeed as j, TaskStatus as k, InlineThinkingItem as l, RunGroup as m, ApprovalCardProps as n, ExpandedToolDetail as o, LiveDuration as p, TraceWaterfall as q, ApprovalDiffFile as r, ExpandedToolDetailProps as s, ApprovalCard as t, InlineThinkingItemProps as u, RunRowShell as v, RunStatusIconProps as w, RunRowStatusDot as x, RunRowShellProps as y, statusMeta$1 as z };

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { C as SandboxArtifactPane, D as SandboxArtifact, E as ChangesPaneProps,
 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 ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 TraceWaterfall, 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 statusMeta } from "./index-D6fZ1Hgz.js";
+import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 TraceWaterfall, 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 statusMeta } from "./index-PolYo7h9.js";
 import { i as useEventStream, n as AgentStreamSource, r as EventStreamHandlers, t as AgentStreamOpener } from "./event-stream-DNEbvx4s.js";
 import { C as foldAgentRows, S as AgentTranscriptEntry, _ as ConversationRecord, a as VirtualList, b as AgentStreamRow, c as ConversationProps, d as ToolCall, f as indexRecord, g as ConversationNode, h as ConversationEvent, i as AgentTree, l as EventFlag, m as recordFlowTrace, n as ToolStep, o as withPrompts, p as model_d_exports, r as timelineItems, s as Conversation, t as PromptMore, u as RecordIndex, v as AgentStreamHistory, w as useAgentStream, x as AgentStreamState, y as AgentStreamPage } from "./index-Bv2iiZaN.js";
 import { n as filterFileNodes, t as fileTreeFromPaths } from "./index-CrN4d8gd.js";

package/dist/index.js

@@ -15,10 +15,10 @@ 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 { 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";
+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-WJTjp2Id.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-Di1zlndg.js";
+import { n as Conversation, t as AgentTree } from "./AgentTree-abRugBMr.js";
+import { t as withPrompts } from "./record-hTSz-cf1.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "./run.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";

package/dist/record/ResearchReport.js

@@ -1 +1 @@
-export { t as ResearchReport } from "../ResearchReport-D1TFmldm.js";
+export { t as ResearchReport } from "../ResearchReport-BPOmsUFI.js";

package/dist/{record-C-EUpK-n.js → record-hTSz-cf1.js}

@@ -1,6 +1,6 @@
 import "./VirtualList-DcSGbEtA.js";
-import "./use-follow-tail-DZFn7QDO.js";
-import "./AgentTree-D4d06rfH.js";
+import "./use-follow-tail-Di1zlndg.js";
+import "./AgentTree-abRugBMr.js";
 // src/run/record/prompts.ts
 /** The conversation needs an opening prompt even when the provider did not retain its first user turn. */
 function withPrompts(record) {

package/dist/record.js

@@ -1,4 +1,4 @@
-import { n as AgentRecord, t as ResearchReport } from "./ResearchReport-D1TFmldm.js";
+import { n as AgentRecord, t as ResearchReport } from "./ResearchReport-BPOmsUFI.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from "react";
 import { useColorMode } from "@tangle-network/charts/react/agent-graph/presentation";

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-WJTjp2Id.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/record.js

@@ -1,5 +1,5 @@
 import { t as VirtualList } from "../VirtualList-DcSGbEtA.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";
+import { S as model_exports, i as ToolStep, r as PromptMore, s as timelineItems, w as recordFlowTrace, y as indexRecord } from "../use-follow-tail-Di1zlndg.js";
+import { n as Conversation, t as AgentTree } from "../AgentTree-abRugBMr.js";
+import { t as withPrompts } from "../record-hTSz-cf1.js";
 export { AgentTree, Conversation, PromptMore, ToolStep, VirtualList, indexRecord, recordFlowTrace, model_exports as recordModel, timelineItems, withPrompts };

package/dist/run.d.ts

@@ -1,4 +1,4 @@
-import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 TraceWaterfall, 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 statusMeta } from "./index-D6fZ1Hgz.js";
+import { A as ToolCallData, B as taskProgress, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as isOpen, G as TraceWorkspace, H as LatestEvents, I as parseToolEvent, J as TraceWaterfallProps, K as TraceWorkspaceProps, L as runStatus, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, R as showsTaskPriority, S as RunStatus, T as StatusMeta, U as LatestEventsProps, V as taskStatus, W as TraceEvent, Y as traceSpanMark, _ 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 TraceWaterfall, 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 statusMeta } from "./index-PolYo7h9.js";
 import { i as useEventStream, n as AgentStreamSource, r as EventStreamHandlers, t as AgentStreamOpener } from "./event-stream-DNEbvx4s.js";
 import { C as foldAgentRows, S as AgentTranscriptEntry, _ as ConversationRecord, a as VirtualList, b as AgentStreamRow, c as ConversationProps, d as ToolCall, f as indexRecord, g as ConversationNode, h as ConversationEvent, i as AgentTree, l as EventFlag, m as recordFlowTrace, n as ToolStep, o as withPrompts, p as model_d_exports, r as timelineItems, s as Conversation, t as PromptMore, u as RecordIndex, v as AgentStreamHistory, w as useAgentStream, x as AgentStreamState, y as AgentStreamPage } from "./index-Bv2iiZaN.js";
 export { type AgentStreamHistory, type AgentStreamOpener, type AgentStreamPage, 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, type EventStreamHandlers, ExpandedToolDetail, type ExpandedToolDetailProps, type FeedSegment, InlineThinkingItem, type InlineThinkingItemProps, InlineToolItem, type InlineToolItemProps, LatestEvents, type LatestEventsProps, LiveDuration, PromptMore, 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, ToolStep, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_d_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };

package/dist/run.js

@@ -1,7 +1,7 @@
 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 { 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";
+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-WJTjp2Id.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-Di1zlndg.js";
+import { n as Conversation, t as AgentTree } from "./AgentTree-abRugBMr.js";
+import { t as withPrompts } from "./record-hTSz-cf1.js";
 import { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, isOpen, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus } from "@tangle-network/ui/run";
 export { AgentTree, ApprovalCard, ApprovalDiffSummary, Conversation, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, PromptMore, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, ToolStep, TraceWaterfall, TraceWorkspace, VirtualList, foldAgentRows, indexRecord, isOpen, parseToolEvent, recordFlowTrace, model_exports as recordModel, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, timelineItems, traceSpanMark, useAgentStream, useEventStream, withPrompts };

package/dist/styles.css

@@ -404,12 +404,12 @@
   .bottom-2 {
     bottom: calc(var(--spacing) * 2);
   }
-  .bottom-3 {
-    bottom: calc(var(--spacing) * 3);
-  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+  .bottom-14 {
+    bottom: calc(var(--spacing) * 14);
+  }
   .bottom-\[-0\.75rem\] {
     bottom: -0.75rem;
   }
@@ -482,6 +482,9 @@
   .z-\[100\] {
     z-index: 100;
   }
+  .z-\[1100\] {
+    z-index: 1100;
+  }
   .order-last {
     order: 9999;
   }
@@ -986,9 +989,6 @@
   .h-\[36rem\] {
     height: 36rem;
   }
-  .h-\[60vh\] {
-    height: 60vh;
-  }
   .h-\[70vh\] {
     height: 70vh;
   }
@@ -1112,12 +1112,12 @@
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
-  .max-h-\[35vh\] {
-    max-height: 35vh;
-  }
   .max-h-\[40\%\] {
     max-height: 40%;
   }
+  .max-h-\[45\%\] {
+    max-height: 45%;
+  }
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
@@ -1244,8 +1244,8 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
-  .min-h-\[480px\] {
-    min-height: 480px;
+  .min-h-\[320px\] {
+    min-height: 320px;
   }
   .min-h-full {
     min-height: 100%;
@@ -1472,9 +1472,6 @@
   .w-\[calc\(100vw-32px\)\] {
     width: calc(100vw - 32px);
   }
-  .w-\[clamp\(320px\,32vw\,560px\)\] {
-    width: clamp(320px, 32vw, 560px);
-  }
   .w-\[min\(88vw\,24rem\)\] {
     width: min(88vw, 24rem);
   }
@@ -1571,6 +1568,9 @@
   .max-w-\[220px\] {
     max-width: 220px;
   }
+  .max-w-\[240px\] {
+    max-width: 240px;
+  }
   .max-w-\[320px\] {
     max-width: 320px;
   }
@@ -1919,9 +1919,6 @@
   .resize-none {
     resize: none;
   }
-  .resize-x {
-    resize: horizontal;
-  }
   .resize-y {
     resize: vertical;
   }
@@ -1976,6 +1973,9 @@
   .grid-cols-\[minmax\(0\,1fr\)_minmax\(13rem\,20rem\)\] {
     grid-template-columns: minmax(0,1fr) minmax(13rem,20rem);
   }
+  .grid-cols-\[minmax\(0\,auto\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0,auto) minmax(0,1fr);
+  }
   .grid-cols-subgrid {
     grid-template-columns: subgrid;
   }
@@ -2845,9 +2845,6 @@
   .bg-\[var\(--surface-info-bg\)\] {
     background-color: var(--surface-info-bg);
   }
-  .bg-\[var\(--surface-info-text\)\] {
-    background-color: var(--surface-info-text);
-  }
   .bg-\[var\(--surface-neutral-bg\)\] {
     background-color: var(--surface-neutral-bg);
   }
@@ -3016,6 +3013,9 @@
       background-color: color-mix(in oklab, hsl(var(--card)) 90%, transparent);
     }
   }
+  .bg-current {
+    background-color: currentcolor;
+  }
   .bg-destructive {
     background-color: hsl(var(--destructive));
   }
@@ -3579,6 +3579,9 @@
   .text-right {
     text-align: right;
   }
+  .align-\[-3px\] {
+    vertical-align: -3px;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -4619,6 +4622,9 @@
   .not-first\:border-\[color\:var\(--border-subtle\)\]:not(:first-child) {
     border-color: var(--border-subtle);
   }
+  .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) {
+    rotate: 90deg;
+  }
   .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
     opacity: 100%;
   }
@@ -4633,6 +4639,9 @@
       --tw-translate-x: calc(var(--spacing) * 0.5);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
+    .group-hover\:bg-\[hsl\(var\(--ring\)\)\]:is(:where(.group):hover *) {
+      background-color: hsl(var(--ring));
+    }
     .group-hover\:bg-primary\/20:is(:where(.group):hover *) {
       background-color: hsl(var(--primary));
     }
@@ -4671,6 +4680,12 @@
       opacity: 100%;
     }
   }
+  .group-focus-visible\:w-0\.5:is(:where(.group):focus-visible *) {
+    width: calc(var(--spacing) * 0.5);
+  }
+  .group-focus-visible\:bg-\[hsl\(var\(--ring\)\)\]:is(:where(.group):focus-visible *) {
+    background-color: hsl(var(--ring));
+  }
   .group-focus-visible\:bg-primary\/30:is(:where(.group):focus-visible *) {
     background-color: hsl(var(--primary));
     @supports (color: color-mix(in lab, red, red)) {
@@ -5407,6 +5422,9 @@
   .focus-visible\:outline-offset-2:focus-visible {
     outline-offset: 2px;
   }
+  .focus-visible\:outline-\[hsl\(var\(--ring\)\)\]:focus-visible {
+    outline-color: hsl(var(--ring));
+  }
   .focus-visible\:outline-\[var\(--focus-border\)\]:focus-visible {
     outline-color: var(--focus-border);
   }
@@ -6461,6 +6479,9 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
+    display: none;
+  }
   .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
     display: none;
   }
@@ -16761,6 +16782,10 @@ svg.react-flow__connectionline {
   gap: 16px;
   padding: 4px 0;
 }
+.sandbox-trace-workspace .fw-root {
+  flex: 1 1 auto;
+  min-height: 0;
+}
 .ws-live {
   min-height: 100dvh;
   padding: 24px;

package/dist/tailwind.css

@@ -8443,6 +8443,7 @@ button.tgc-count-label {
 .record-conversation .ar-turn { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 20px 0 8px; padding-top: 12px; border-top: 1px solid hsl(var(--border)); }
 .record-conversation .ar-turn time, .record-conversation .ar-idle-event time { flex: none; color: hsl(var(--muted-foreground)); font: var(--font-size-sm)/1.5 var(--font-sans); }
 .record-conversation .ar-idle-event { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 16px; padding: 4px 0; }
+.sandbox-trace-workspace .fw-root { flex: 1 1 auto; min-height: 0; }
 .ws-live { min-height: 100dvh; padding: 24px; background: hsl(var(--background)); color: hsl(var(--foreground)); font: 14px/1.5 var(--font-sans, sans-serif); }
 .ws-live > header { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-bottom: 24px; }
 .ws-live > header h1 { margin: 0 auto 0 0; font: 600 26px/1.3 var(--font-sans, sans-serif); }