@tangle-network/sandbox-ui 2.0.9 → 2.0.11

package/dist/hooks.js

@@ -1,5 +1,5 @@
 import { t as usePtySession } from "./use-pty-session-BHVQlSs-.js";
-import { i as useSessionStream, n as SESSION_STREAM_RECONNECT_DELAY_MS, r as SessionStreamError, t as useSidecarAuth } from "./use-sidecar-auth-DpG0aWQ3.js";
+import { i as useSessionStream, n as SESSION_STREAM_RECONNECT_DELAY_MS, r as SessionStreamError, t as useSidecarAuth } from "./use-sidecar-auth-D9BrWCg1.js";
 import * as React$1 from "react";
 import { RealtimeSessionRegistry, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/hooks";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -53,7 +53,7 @@ function useSandboxMetrics({ apiBaseUrl, sandboxId, token, enabled = true, inter
 			try {
 				const headers = {};
 				if (token) headers.Authorization = `Bearer ${token}`;
-				const res = await fetch(`${apiBaseUrl}/v1/sidecar-proxy/${encodeURIComponent(sandboxId)}/metrics/json`, {
+				const res = await fetch(`${apiBaseUrl}/v1/sandboxes/${encodeURIComponent(sandboxId)}/runtime/metrics/json`, {
 					method: "GET",
 					credentials: "include",
 					headers,
@@ -168,7 +168,7 @@ function useSessions(apiUrl, token) {
 			apiUrl,
 			token
 		],
-		queryFn: () => sessionFetch(apiUrl, token, "/session/sessions"),
+		queryFn: () => sessionFetch(apiUrl, token, "/agents/sessions"),
 		enabled: !!token,
 		staleTime: 3e4
 	});
@@ -178,7 +178,7 @@ function useCreateSession(apiUrl, token) {
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationFn: async (title) => {
-			return sessionFetch(apiUrl, token, "/session/sessions", {
+			return sessionFetch(apiUrl, token, "/agents/sessions", {
 				method: "POST",
 				body: JSON.stringify({
 					title,
@@ -200,7 +200,7 @@ function useDeleteSession(apiUrl, token) {
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationFn: async (sessionId) => {
-			return sessionFetch(apiUrl, token, `/session/sessions/${encodeURIComponent(sessionId)}`, { method: "DELETE" });
+			return sessionFetch(apiUrl, token, `/agents/sessions/${encodeURIComponent(sessionId)}`, { method: "DELETE" });
 		},
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: [
@@ -216,7 +216,7 @@ function useRenameSession(apiUrl, token) {
 	const queryClient = useQueryClient();
 	return useMutation({
 		mutationFn: async ({ sessionId, title }) => {
-			return sessionFetch(apiUrl, token, `/session/sessions/${encodeURIComponent(sessionId)}`, {
+			return sessionFetch(apiUrl, token, `/agents/sessions/${encodeURIComponent(sessionId)}`, {
 				method: "PATCH",
 				body: JSON.stringify({ title })
 			});

package/dist/index.js

@@ -12,13 +12,13 @@ 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 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-BzfG6aO5.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-CJyFiBG9.js";
 import { t as LatestEvents } from "./latest-events-v_vXRyd7.js";
-import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-CzsY5-Mv.js";
+import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-D-evY-c_.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";
-import { i as useSessionStream, t as useSidecarAuth } from "./use-sidecar-auth-DpG0aWQ3.js";
+import { i as useSessionStream, t as useSidecarAuth } from "./use-sidecar-auth-D9BrWCg1.js";
 import { RealtimeSessionRegistry, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useCreateSession, useDeleteSession, useDropdownMenu, useLiveTime, useRealtimeSession, useRenameSession, useRunCollapseState, useRunGroups, useSSEStream, useSandboxMetrics, useSdkSession, useSessions, useToolCallStream } from "./hooks.js";
 import { 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 "./types.js";

package/dist/{record-CzsY5-Mv.js → record-D-evY-c_.js}

@@ -136,8 +136,16 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 	useEffect(() => {
 		const element = scroller.current;
 		if (!element) return;
-		const release = () => {
-			pending.current = null;
+		const release = (event) => {
+			const key = event instanceof KeyboardEvent && event.target === element && !event.defaultPrevented ? event.key : "";
+			pending.current = items.length && (key === "Home" || key === "End") ? {
+				key: keyOf(items[key === "Home" ? 0 : items.length - 1]),
+				until: performance.now() + 2e3
+			} : null;
+			if (pending.current) {
+				event.preventDefault();
+				settle();
+			}
 		};
 		element.addEventListener("wheel", release, { passive: true });
 		element.addEventListener("touchstart", release, { passive: true });
@@ -149,7 +157,12 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 			element.removeEventListener("pointerdown", release);
 			element.removeEventListener("keydown", release);
 		};
-	}, [scroller]);
+	}, [
+		scroller,
+		items,
+		keyOf,
+		offsets
+	]);
 	const bind = (key) => (element) => {
 		if (!element) {
 			rows.current.delete(key);
@@ -173,7 +186,10 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 	});
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("div", {
-			style: { height: offsets[start] },
+			style: {
+				height: offsets[start],
+				transitionProperty: "none"
+			},
 			"aria-hidden": "true"
 		}),
 		items.slice(start, end).map((item, i) => {
@@ -186,7 +202,10 @@ function VirtualList({ items, keyOf, render, scroller, estimate = 96, overscan =
 			}, key);
 		}),
 		/* @__PURE__ */ jsx("div", {
-			style: { height: offsets[items.length] - offsets[end] },
+			style: {
+				height: offsets[items.length] - offsets[end],
+				transitionProperty: "none"
+			},
 			"aria-hidden": "true"
 		})
 	] });

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

package/dist/{run-BzfG6aO5.js → run-CJyFiBG9.js}

@@ -3,7 +3,7 @@ import { i as modelBrandFor, t as ModelBrandStack } from "./model-brand-bTcMjQtB
 import { t as ProviderIcon } from "./provider-logo-CPKRPHcS.js";
 import { f as syncAmbient, l as activityTiming, t as AgentGraph, u as ambientStyle } from "./AgentGraph-CFlI9qta.js";
 import { t as LatestEvents } from "./latest-events-v_vXRyd7.js";
-import "./record-CzsY5-Mv.js";
+import "./record-D-evY-c_.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,4 +1,4 @@
-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-BzfG6aO5.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-CJyFiBG9.js";
 import { t as LatestEvents } from "./latest-events-v_vXRyd7.js";
-import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-CzsY5-Mv.js";
+import { a as VirtualList, i as model_exports, n as Conversation, r as indexRecord, t as withPrompts } from "./record-D-evY-c_.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/dist/sdk-hooks.js

@@ -1,3 +1,3 @@
-import { i as useSessionStream, t as useSidecarAuth } from "./use-sidecar-auth-DpG0aWQ3.js";
+import { i as useSessionStream, t as useSidecarAuth } from "./use-sidecar-auth-D9BrWCg1.js";
 import { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from "@tangle-network/ui/sdk-hooks";
 export { RealtimeSessionRegistry, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useSessionStream, useSidecarAuth, useToolCallStream };

package/dist/{use-sidecar-auth-DpG0aWQ3.js → use-sidecar-auth-D9BrWCg1.js}

@@ -188,7 +188,7 @@ function useSessionStream({ apiUrl, token, sessionId, enabled = true }) {
 	const refetch = useCallback(async () => {
 		if (!token || !sessionId || !apiUrl) return;
 		try {
-			const data = await fetchJson(`${apiUrl}/session/sessions/${encodeURIComponent(sessionId)}/messages?limit=200`, token);
+			const data = await fetchJson(`${apiUrl}/agents/sessions/${encodeURIComponent(sessionId)}/messages?limit=200`, token);
 			const apiMessages = Array.isArray(data) ? data : data.messages ?? [];
 			const newMessages = [];
 			const newPartMap = {};
@@ -237,7 +237,7 @@ function useSessionStream({ apiUrl, token, sessionId, enabled = true }) {
 		seedGenerationRef.current.set(sessionId, generation);
 		let seeded;
 		try {
-			const field = (await fetchJson(`${apiUrl}/session/sessions/${encodeURIComponent(sessionId)}`, token)).hubConnectionsDegraded;
+			const field = (await fetchJson(`${apiUrl}/agents/sessions/${encodeURIComponent(sessionId)}`, token)).hubConnectionsDegraded;
 			if (field === void 0 || field === null) seeded = null;
 			else {
 				seeded = readDegradation(field);
@@ -270,7 +270,7 @@ function useSessionStream({ apiUrl, token, sessionId, enabled = true }) {
 			if (activeExecutionIds.length === 1) eventQuery.set("executionId", activeExecutionIds[0]);
 			else if (activeExecutionIds.length > 1) eventQuery.set("replayExecutionIds", activeExecutionIds.join(","));
 			if (lastEventIdRef.current) eventQuery.set("since", lastEventIdRef.current);
-			const url = `${apiUrl}/session/events?${eventQuery.toString()}`;
+			const url = `${apiUrl}/agents/events?${eventQuery.toString()}`;
 			const res = await fetch(url, {
 				headers: { Authorization: `Bearer ${token}` },
 				signal: controller.signal,
@@ -522,7 +522,7 @@ function useSessionStream({ apiUrl, token, sessionId, enabled = true }) {
 		}));
 		setIsStreaming(true);
 		try {
-			const response = await fetchJson(`${apiUrl}/session/sessions/${encodeURIComponent(sessionId)}/messages`, token, {
+			const response = await fetchJson(`${apiUrl}/agents/sessions/${encodeURIComponent(sessionId)}/messages`, token, {
 				method: "POST",
 				body: JSON.stringify({
 					parts: [{
@@ -574,7 +574,7 @@ function useSessionStream({ apiUrl, token, sessionId, enabled = true }) {
 	const abort = useCallback(async () => {
 		if (!token || !sessionId || !apiUrl) return;
 		try {
-			await fetchJson(`${apiUrl}/session/sessions/${encodeURIComponent(sessionId)}/abort`, token, { method: "POST" });
+			await fetchJson(`${apiUrl}/agents/sessions/${encodeURIComponent(sessionId)}/abort`, token, { method: "POST" });
 		} catch (err) {
 			const msg = err instanceof Error ? err.message : "Failed to abort";
 			setError(msg);

package/package.json

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