@tangle-network/sandbox-ui 2.0.13 → 2.0.14

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-BU39pb2j.js";
-import { C as useAgentStream, S as foldAgentRows, T as traceSpanMark, _ 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 TraceWaterfall, x as LatestEvents, y as taskStatus } from "./run-DBTbnQrC.js";
-import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-Dt9gqJee.js";
+import { C as useAgentStream, S as foldAgentRows, T as traceSpanMark, _ 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 TraceWaterfall, x as LatestEvents, y as taskStatus } from "./run-CS2K9JxW.js";
+import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-DZnT6SWN.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/{record-Dt9gqJee.js → record-DZnT6SWN.js}

@@ -1346,7 +1346,14 @@ function Conversation({ index, actor, cutoff, query, category, selected, openSou
 		element.addEventListener("scroll", track, { passive: true });
 		return () => element.removeEventListener("scroll", track);
 	}, []);
+	const arrival = useRef({ actor });
 	useLayoutEffect(() => {
+		const tail = rows.at(-1), event = tail?.kind === "event" ? tail.event : tail?.events.at(-1), entry = tail?.kind === "event" ? tail.event.id : tail?.events[0]?.id;
+		let animate = live && arrival.current.actor === actor && !!arrival.current.id && arrival.current.id !== event?.id;
+		arrival.current = {
+			actor,
+			id: event?.id
+		};
 		const element = scroll.current;
 		if (!element || !following.current) return;
 		element.scrollTop = element.scrollHeight;
@@ -1354,6 +1361,15 @@ function Conversation({ index, actor, cutoff, query, category, selected, openSou
 		let frame = requestAnimationFrame(function pin() {
 			if (!following.current) return;
 			element.scrollTop = element.scrollHeight;
+			const row = entry && element.querySelector(`[data-entry="${CSS.escape(entry)}"]`);
+			if (animate && row) {
+				animate = false;
+				const style = getComputedStyle(element), value = style.getPropertyValue("--duration-stream").trim(), duration = parseFloat(value) * (value.endsWith("ms") ? 1 : 1e3);
+				if (duration > 0 && !matchMedia("(prefers-reduced-motion: reduce)").matches) row.animate([{ opacity: 0 }, { opacity: 1 }], {
+					duration,
+					easing: style.getPropertyValue("--ease-expo").trim() || "linear"
+				});
+			}
 			if (++frames < 20) frame = requestAnimationFrame(pin);
 		});
 		return () => cancelAnimationFrame(frame);
@@ -1385,7 +1401,11 @@ function Conversation({ index, actor, cutoff, query, category, selected, openSou
 		});
 	};
 	const keyOf = useCallback((row) => row.key, []);
-	const estimate = useCallback((row) => row.kind !== "event" ? 36 : isLifecycle(row.event) ? 26 : !textOf(row.event) && callsOf(row.event).length ? 16 + 36 * callsOf(row.event).length : 96, []);
+	const estimate = useCallback((row) => {
+		if (row.kind !== "event") return 36;
+		if (isLifecycle(row.event)) return 26;
+		return !textOf(row.event) && callsOf(row.event).length ? 16 + 36 * callsOf(row.event).length : 96;
+	}, []);
 	const context = {
 		index,
 		cutoff,

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-Dt9gqJee.js";
+export { n as Conversation, a as VirtualList, r as indexRecord, i as recordModel, t as withPrompts } from "../record-DZnT6SWN.js";

package/dist/{run-DBTbnQrC.js → run-CS2K9JxW.js}

@@ -2,7 +2,7 @@ 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 { t as AgentGraph$1 } from "./AgentGraph-CqLe8WCH.js";
-import "./record-Dt9gqJee.js";
+import "./record-DZnT6SWN.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.js

@@ -1,3 +1,3 @@
-import { C as useAgentStream, S as foldAgentRows, T as traceSpanMark, _ 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 TraceWaterfall, x as LatestEvents, y as taskStatus } from "./run-DBTbnQrC.js";
-import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-Dt9gqJee.js";
+import { C as useAgentStream, S as foldAgentRows, T as traceSpanMark, _ 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 TraceWaterfall, x as LatestEvents, y as taskStatus } from "./run-CS2K9JxW.js";
+import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-DZnT6SWN.js";
 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 };

package/package.json

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