@tangle-network/sandbox-ui 2.0.3 → 2.0.4

package/dist/globals.css

@@ -9127,7 +9127,7 @@
 }
 .ag-live-slot {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
   height: 100%;
 }
@@ -9139,7 +9139,7 @@
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding: 10px;
+  padding: 8px;
   border: 1px solid var(--ag-border);
   border-radius: var(--radius-card);
   animation: agent-arrive var(--motion-arrive) both;
@@ -9165,7 +9165,7 @@
 .ag-live-name {
   grid-column: 2;
   grid-row: 1;
-  font-size: 14px;
+  font-size: var(--font-size-sm);
   line-height: 18px;
   font-weight: 600;
   overflow: hidden;
@@ -9173,7 +9173,7 @@
   white-space: nowrap;
 }
 .ag-live-meta, .ag-live-stats {
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 16px;
   color: var(--ag-muted);
 }
@@ -9187,6 +9187,7 @@
 .ag-live-accounting {
   grid-column: 2 / -1;
   grid-row: 3;
+  font-size: var(--font-size-xs);
   font-variant-numeric: tabular-nums;
 }
 .ag-live-pill {
@@ -9220,19 +9221,16 @@
   flex: 1;
   min-width: 0;
   margin: 0;
-  font-size: 13px;
-  line-height: 17px;
+  font-size: var(--font-size-sm);
+  line-height: 20px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
-.ag-live-failure {
-  color: var(--surface-danger-text);
-}
 .ag-live-quiet {
   color: var(--surface-warning-text);
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 16px;
 }
 .ag-live-inspect {
@@ -9246,8 +9244,8 @@
   text-decoration: underline;
 }
 .ag-live-respond {
-  height: 28px;
-  min-height: 28px;
+  height: var(--control-height-sm);
+  min-height: var(--control-height-sm);
   flex: none;
   border: 1px solid currentColor;
   border-radius: var(--radius-control);
@@ -9266,18 +9264,13 @@
   margin: 0;
   padding: 0;
   list-style: none;
-  min-height: 64px;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  transform: translateY(-16px);
 }
 .ag-live-events li {
   display: flex;
   align-items: center;
   gap: 6px;
   min-height: 16px;
-  font: 11px/16px var(--font-mono, monospace);
+  font: var(--font-size-xs)/16px var(--font-mono, monospace);
   color: var(--ag-muted);
   transition: color var(--motion-stream);
 }
@@ -9303,34 +9296,33 @@
   font-variant-numeric: tabular-nums;
 }
 .ag-live-chip {
-  height: 40px;
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-  border-radius: var(--radius-pill);
-  opacity: 1;
+  height: 80px;
+  display: grid;
+  grid-template-columns: 16px minmax(0, 1fr) auto auto;
+  grid-template-rows: 18px minmax(0, 1fr);
+  gap: 4px 8px;
 }
 .ag-live-chip .ag-live-head {
-  display: flex;
-  flex: none;
-  max-width: 45%;
+  display: contents;
 }
 .ag-live-chip .ag-live-names {
-  display: flex;
-  min-width: 0;
+  display: contents;
+}
+.ag-live-chip .ag-live-name {
+  grid-column: 2;
+  grid-row: 1;
 }
 .ag-live-chip .ag-live-stats, .ag-live-chip .ag-live-head > :first-child {
   display: none;
 }
 .ag-live-chip-result {
-  flex: 1;
+  grid-column: 1 / -1;
+  grid-row: 2;
   min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 500;
+  overflow: auto;
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-sm);
+  line-height: 18px;
 }
 .ag-phone-list {
   display: flex;
@@ -9400,8 +9392,8 @@
     flex: 0 0 auto;
   }
   .ag-live-card.ag-live-chip {
-    min-height: 40px;
-    height: 40px;
+    min-height: 80px;
+    height: 80px;
   }
 }
 .ag-live-accounting {
@@ -9411,44 +9403,49 @@
   max-width: 100%;
 }
 .ag-live-chip-status {
-  flex: none;
-  font-size: 12px;
+  grid-column: 3;
+  grid-row: 1;
+  font-size: var(--font-size-xs);
   color: var(--ag-status);
 }
 .ag-live-chip-cost {
-  flex: none;
-  font-size: 12px;
+  grid-column: 4;
+  grid-row: 1;
+  font-size: var(--font-size-xs);
   color: var(--ag-muted);
   font-variant-numeric: tabular-nums;
 }
 .ag-parent-label {
   color: var(--ag-muted);
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   font-weight: 400;
 }
 .ag-agent-card[data-status="needs-you"] p {
   -webkit-line-clamp: 1;
 }
 .ag-latest {
+  container-type: inline-size;
   flex: none;
   min-width: 0;
   border-bottom: 1px solid hsl(var(--border));
-  padding: 8px 12px;
+  padding: 4px 12px;
   color: hsl(var(--foreground));
-  font-size: 12px;
+  font-size: var(--font-size-xs);
   line-height: 16px;
 }
 .ag-latest header {
+  float: left;
+  width: 128px;
+  height: 64px;
   display: flex;
-  align-items: center;
-  min-height: 24px;
-  gap: 8px;
+  flex-direction: column;
+  align-items: start;
+  justify-content: center;
 }
 .ag-latest header > span {
   color: hsl(var(--muted-foreground));
 }
 .ag-latest header > button {
-  margin-left: auto;
   padding: 0;
   border: 0;
   background: transparent;
@@ -9458,20 +9455,26 @@
   cursor: pointer;
 }
 .ag-latest ol {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
+  gap: 0 12px;
   list-style: none;
-  margin: 0;
+  margin: 0 0 0 140px;
   padding: 0;
   overflow: auto;
+  height: 64px;
 }
 .ag-latest li {
-  height: 28px;
+  min-height: 64px;
 }
 .ag-latest li > button {
-  display: flex;
-  align-items: center;
-  gap: 6px;
+  display: grid;
+  grid-template-columns: 8px minmax(0, 1fr) auto;
+  gap: 0 6px;
+  align-content: start;
+  align-items: start;
   width: 100%;
-  height: 28px;
+  min-height: 64px;
   padding: 0;
   border: 0;
   background: transparent;
@@ -9487,8 +9490,8 @@
   font-weight: 600;
 }
 .ag-latest li strong {
-  flex: none;
-  max-width: 22%;
+  grid-column: 2;
+  grid-row: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -9497,34 +9500,91 @@
   box-sizing: border-box;
   width: 8px;
   height: 8px;
-  flex: none;
   border-radius: var(--radius-pill);
 }
 .ag-latest-state {
+  grid-column: 3;
+  grid-row: 1;
   display: inline-flex;
   align-items: center;
   gap: 4px;
-  flex: none;
 }
 .ag-latest-label {
-  flex: 1;
+  grid-column: 2 / -1;
+  grid-row: 2;
   min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font: 11px/16px var(--font-mono, monospace);
+  overflow-wrap: anywhere;
+  font: var(--font-size-xs)/16px var(--font-mono, monospace);
 }
 .ag-latest time {
-  flex: none;
+  grid-column: 2 / -1;
+  grid-row: 3;
   color: hsl(var(--muted-foreground));
-  font: 11px/16px var(--font-mono, monospace);
+  font: var(--font-size-xs)/16px var(--font-mono, monospace);
   font-variant-numeric: tabular-nums;
 }
 .ag-latest-empty {
+  grid-column: 1 / -1;
   display: flex;
   align-items: center;
   color: hsl(var(--muted-foreground));
 }
+.ag-frame-owner .ag-live-card {
+  height: 100%;
+  display: grid;
+  grid-template-columns: 18px minmax(0, 1fr) auto;
+  grid-template-rows: 18px minmax(0, 1fr);
+  gap: 4px 8px;
+}
+.ag-frame-owner .ag-live-chip-result {
+  white-space: nowrap;
+}
+.ag-frame-owner .ag-live-head {
+  display: contents;
+}
+.ag-frame-owner .ag-live-meta, .ag-frame-owner .ag-live-events-clip {
+  display: none;
+}
+.ag-frame-owner .ag-live-thinking-row {
+  grid-column: 2 / -1;
+  grid-row: 2;
+}
+.ag-frame-owner .ag-live-thinking {
+  -webkit-line-clamp: 1;
+}
+.ag-frame-owner .ag-live-accounting {
+  display: none;
+}
+.ag-frame-owner .ag-agent-card {
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+}
+@container (width < 600px) {
+  .ag-latest header {
+    float: none;
+    width: auto;
+    height: 24px;
+    flex-direction: row;
+    align-items: center;
+    justify-content: start;
+    gap: 8px;
+  }
+  .ag-latest header > button {
+    margin-left: auto;
+  }
+  .ag-latest ol {
+    grid-template-columns: 1fr;
+    margin-left: 0;
+    height: calc(var(--ag-latest-rows) * 64px);
+  }
+}
+@media (pointer: coarse) {
+  .ag-live-respond {
+    min-height: 44px;
+    min-width: 44px;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/{index-CjGeAD3E.d.ts → index-DMX2q0_h.d.ts}

@@ -1,4 +1,4 @@
-import { d as AgentGraphNode, n as AgentGraphProps } from "./AgentGraph-BqLPrigw.js";
+import { d as AgentGraphNode, n as AgentGraphProps } from "./AgentGraph-K7OCgKcC.js";
 import { ReactNode } from "react";
 import { ApprovalCard, ApprovalCardProps, ApprovalDiffFile, ApprovalDiffSummary, ApprovalPlanStep, ExpandedToolDetail, ExpandedToolDetailProps, FeedSegment, InlineThinkingItem as InlineThinkingItem$1, InlineThinkingItemProps, InlineToolItem, InlineToolItemProps, LiveDuration, RunGroup, RunGroupProps, RunPhase, RunPhaseList, RunRowShell, RunRowShellProps, RunRowStatus, RunRowStatusDot, RunStatus, RunStatusIcon as RunStatusIcon$1, RunStatusIconProps, StatusMeta, TaskList, TaskListItem, TaskListProps, TaskStatus, ToolCallData, ToolCallData as ToolCallData$1, ToolCallFeed, ToolCallFeedProps, ToolCallStatus, ToolCallType, parseToolEvent, runStatus as runStatus$1, showsTaskPriority, statusMeta as statusMeta$1, taskProgress, taskStatus } from "@tangle-network/ui/run";
 import { FlowWaterfallProps } from "@tangle-network/charts/react";

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 { $ as traceSpanMark, A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as AgentTranscriptEntry, H as LatestEventsProps, I as runStatus, J as TraceEvent, K as foldAgentRows, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfallProps, R as statusMeta, S as RunStatus, T as StatusMeta, U as AgentStreamRow, V as LatestEvents, W as AgentStreamState, X as TraceWorkspaceProps, Y as TraceWorkspace, Z as TraceWaterfall, _ 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 useAgentStream, 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-CjGeAD3E.js";
+import { $ as traceSpanMark, A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as AgentTranscriptEntry, H as LatestEventsProps, I as runStatus, J as TraceEvent, K as foldAgentRows, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfallProps, R as statusMeta, S as RunStatus, T as StatusMeta, U as AgentStreamRow, V as LatestEvents, W as AgentStreamState, X as TraceWorkspaceProps, Y as TraceWorkspace, Z as TraceWaterfall, _ 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 useAgentStream, 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-DMX2q0_h.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

@@ -12,8 +12,8 @@ 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 { 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 { C as TraceWaterfall, S as useAgentStream, _ as statusMeta, a as InlineToolItem, b as TraceWorkspace, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as showsTaskPriority, h as runStatus, i as InlineThinkingItem, l as RunRowShell, m as parseToolEvent, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as taskProgress, w as traceSpanMark, x as foldAgentRows, y as taskStatus } from "./run-B0HDqO5h.js";
-import { t as LatestEvents } from "./latest-events-D1i5Ny3N.js";
+import { C as TraceWaterfall, S as useAgentStream, _ as statusMeta, a as InlineToolItem, b as TraceWorkspace, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as showsTaskPriority, h as runStatus, i as InlineThinkingItem, l as RunRowShell, m as parseToolEvent, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as taskProgress, w as traceSpanMark, x as foldAgentRows, y as taskStatus } from "./run-X00BQO6i.js";
+import { t as LatestEvents } from "./latest-events-C_G-ekNg.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/{latest-events-D1i5Ny3N.js → latest-events-C_G-ekNg.js}

@@ -1,65 +1,45 @@
-import { g as useRunNow, h as useMotionAllowed, o as fmtEventTime, p as tokenMilliseconds } from "./AgentGraph-Dd1EBlhu.js";
+import { g as useRunNow, o as fmtEventTime, p as tokenMilliseconds } from "./AgentGraph-DA5lyE06.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { RunStatusIcon, statusMeta } from "@tangle-network/ui/run";
 // src/run/latest-events.tsx
 function EventRow({ entry, now, onSelect }) {
-	const ref = useRef(null), motion = useMotionAllowed();
-	useLayoutEffect(() => {
-		const element = ref.current;
-		if (!element) return;
-		const style = getComputedStyle(element);
-		const animation = element.animate([{
-			opacity: 0,
-			...motion ? { transform: "translateY(calc(" + style.getPropertyValue("--arrive-distance") + " * -1))" } : {}
-		}, {
-			opacity: 1,
-			...motion ? { transform: "none" } : {}
-		}], {
-			duration: tokenMilliseconds(motion ? "--duration-arrive" : "--duration-fast", element),
-			easing: style.getPropertyValue("--ease-entrance").trim() || "ease-out"
-		});
-		return () => animation.cancel();
-	}, [entry.id, motion]);
 	const meta = statusMeta(entry.observed ? entry.status : "unknown"), age = fmtEventTime(entry.at, now);
-	return /* @__PURE__ */ jsx("li", {
-		ref,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			disabled: !onSelect,
-			onClick: () => onSelect?.(entry),
-			title: entry.name + ": " + entry.label,
-			children: [
-				/* @__PURE__ */ jsx("span", {
-					className: "ag-latest-dot",
-					style: {
-						background: entry.observed ? "var(" + meta.token + ")" : "transparent",
-						border: entry.observed ? void 0 : "1.5px solid var(" + meta.token + ")"
-					},
+	return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+		type: "button",
+		disabled: !onSelect,
+		onClick: () => onSelect?.(entry),
+		title: entry.name + ": " + entry.label,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "ag-latest-dot",
+				style: {
+					background: entry.observed ? "var(" + meta.token + ")" : "transparent",
+					border: entry.observed ? void 0 : "1.5px solid var(" + meta.token + ")"
+				},
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ jsx("strong", { children: entry.name }),
+			entry.observed && /* @__PURE__ */ jsxs("span", {
+				className: "ag-latest-state",
+				style: { color: "var(" + meta.token + ")" },
+				children: [entry.status !== "running" && /* @__PURE__ */ jsx(RunStatusIcon, {
+					status: entry.status,
+					size: 14,
 					"aria-hidden": true
-				}),
-				/* @__PURE__ */ jsx("strong", { children: entry.name }),
-				entry.observed && /* @__PURE__ */ jsxs("span", {
-					className: "ag-latest-state",
-					style: { color: "var(" + meta.token + ")" },
-					children: [entry.status !== "running" && /* @__PURE__ */ jsx(RunStatusIcon, {
-						status: entry.status,
-						size: 14,
-						"aria-hidden": true
-					}), meta.label]
-				}),
-				/* @__PURE__ */ jsx("span", {
-					className: "ag-latest-label",
-					children: entry.label
-				}),
-				/* @__PURE__ */ jsxs("time", { children: [
-					entry.observed ? "Observed " : "",
-					age,
-					age !== "now" && age !== "—" ? " ago" : ""
-				] })
-			]
-		})
-	});
+				}), meta.label]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "ag-latest-label",
+				children: entry.label
+			}),
+			/* @__PURE__ */ jsxs("time", { children: [
+				entry.observed ? "Observed " : "",
+				age,
+				age !== "now" && age !== "—" ? " ago" : ""
+			] })
+		]
+	}) });
 }
 /** Recorded events and locally observed state changes. Hover or focus holds the reading position. */
 function LatestEvents({ agents, n = 5, now, live = now === void 0, selectedId, onSelect }) {
@@ -165,7 +145,7 @@ function LatestEvents({ agents, n = 5, now, live = now === void 0, selectedId, o
 			/* @__PURE__ */ jsx("ol", {
 				tabIndex: 0,
 				"aria-label": "Recorded activity events",
-				style: { height: Math.min(limit, 3) * 28 },
+				style: { "--ag-latest-rows": Math.min(limit, 3) },
 				children: visible.length ? visible.map((entry) => /* @__PURE__ */ jsx(EventRow, {
 					entry,
 					now: clock,

package/dist/{node-ui-DWv_oLvy.js → node-ui-DJo7yr4o.js}

@@ -1,6 +1,6 @@
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
-import { r as clampPreview } from "./AgentGraph-Dd1EBlhu.js";
+import { r as clampPreview } from "./AgentGraph-DA5lyE06.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AlertTriangle, Bell, Box, Cable, Camera, Circle, Clock, Code, GitBranch, Repeat, ScanSearch, Sparkles, UserCheck, Webhook, Zap } from "lucide-react";
 import { RunStatusIcon, statusMeta } from "@tangle-network/ui/run";

package/dist/{run-B0HDqO5h.js → run-X00BQO6i.js}

@@ -1,8 +1,8 @@
 import { t as cn } from "./utils-BER_bdgE.js";
 import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB.js";
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
-import { f as syncAmbient, l as activityTiming, t as AgentGraph, u as ambientStyle } from "./AgentGraph-Dd1EBlhu.js";
-import { t as LatestEvents } from "./latest-events-D1i5Ny3N.js";
+import { f as syncAmbient, l as activityTiming, t as AgentGraph, u as ambientStyle } from "./AgentGraph-DA5lyE06.js";
+import { t as LatestEvents } from "./latest-events-C_G-ekNg.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { X } from "lucide-react";

package/dist/run.d.ts

@@ -1,2 +1,2 @@
-import { $ as traceSpanMark, A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as AgentTranscriptEntry, H as LatestEventsProps, I as runStatus, J as TraceEvent, K as foldAgentRows, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfallProps, R as statusMeta, S as RunStatus, T as StatusMeta, U as AgentStreamRow, V as LatestEvents, W as AgentStreamState, X as TraceWorkspaceProps, Y as TraceWorkspace, Z as TraceWaterfall, _ 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 useAgentStream, 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-CjGeAD3E.js";
+import { $ as traceSpanMark, A as ToolCallData, B as taskStatus, C as RunStatusIcon, D as TaskListItem, E as TaskList, F as parseToolEvent, G as AgentTranscriptEntry, H as LatestEventsProps, I as runStatus, J as TraceEvent, K as foldAgentRows, L as showsTaskPriority, M as ToolCallFeedProps, N as ToolCallStatus, O as TaskListProps, P as ToolCallType, Q as TraceWaterfallProps, R as statusMeta, S as RunStatus, T as StatusMeta, U as AgentStreamRow, V as LatestEvents, W as AgentStreamState, X as TraceWorkspaceProps, Y as TraceWorkspace, Z as TraceWaterfall, _ 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 useAgentStream, 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-DMX2q0_h.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, LatestEvents, type LatestEventsProps, LiveDuration, 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 ToolCallData, ToolCallFeed, type ToolCallFeedProps, type ToolCallStatus, type ToolCallType, type TraceEvent, TraceWaterfall, type TraceWaterfallProps, TraceWorkspace, type TraceWorkspaceProps, foldAgentRows, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream };

package/dist/run.js

@@ -1,3 +1,3 @@
-import { C as TraceWaterfall, S as useAgentStream, _ as statusMeta, a as InlineToolItem, b as TraceWorkspace, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as showsTaskPriority, h as runStatus, i as InlineThinkingItem, l as RunRowShell, m as parseToolEvent, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as taskProgress, w as traceSpanMark, x as foldAgentRows, y as taskStatus } from "./run-B0HDqO5h.js";
-import { t as LatestEvents } from "./latest-events-D1i5Ny3N.js";
+import { C as TraceWaterfall, S as useAgentStream, _ as statusMeta, a as InlineToolItem, b as TraceWorkspace, c as RunPhaseList, d as RunStatusIcon, f as TaskList, g as showsTaskPriority, h as runStatus, i as InlineThinkingItem, l as RunRowShell, m as parseToolEvent, n as ApprovalDiffSummary, o as LiveDuration, p as ToolCallFeed, r as ExpandedToolDetail, s as RunGroup, t as ApprovalCard, u as RunRowStatusDot, v as taskProgress, w as traceSpanMark, x as foldAgentRows, y as taskStatus } from "./run-X00BQO6i.js";
+import { t as LatestEvents } from "./latest-events-C_G-ekNg.js";
 export { ApprovalCard, ApprovalDiffSummary, ExpandedToolDetail, InlineThinkingItem, InlineToolItem, LatestEvents, LiveDuration, RunGroup, RunPhaseList, RunRowShell, RunRowStatusDot, RunStatusIcon, TaskList, ToolCallFeed, TraceWaterfall, TraceWorkspace, foldAgentRows, parseToolEvent, runStatus, showsTaskPriority, statusMeta, taskProgress, taskStatus, traceSpanMark, useAgentStream };