@tangle-network/sandbox-ui 0.6.1 → 0.9.0

package/dist/{chunk-MXRQ4MJE.js → chunk-DXMIEK4K.js}

@@ -1,6 +1,6 @@
 import {
   parseToolEvent
-} from "./chunk-33W2TLUL.js";
+} from "./chunk-QID2OOMG.js";
 import {
   bumpActiveSessionActivity,
   registerActiveSession,
@@ -97,9 +97,9 @@ function useSSEStream(options) {
   const [events, setEvents] = React.useState([]);
   const [lastEvent, setLastEvent] = React.useState(null);
   const [error, setError] = React.useState(null);
-  const [retryCount, setRetryCount] = React.useState(0);
   const [lastEventTime, setLastEventTime] = React.useState(Date.now());
   const [timeSinceLastEvent, setTimeSinceLastEvent] = React.useState(0);
+  const retryCountRef = React.useRef(0);
   const eventSourceRef = React.useRef(null);
   const abortControllerRef = React.useRef(null);
   const reconnectTimeoutRef = React.useRef(null);
@@ -126,7 +126,10 @@ function useSSEStream(options) {
       }
       setLastEventTime(Date.now());
       setLastEvent(event);
-      setEvents((prev) => [...prev, event]);
+      setEvents((prev) => {
+        const next = [...prev, event];
+        return next.length > 1e3 ? next.slice(-1e3) : next;
+      });
       onEvent?.(event);
     },
     [onEvent]
@@ -181,7 +184,7 @@ function useSSEStream(options) {
           throw new Error("Response body is null");
         }
         setState("connected");
-        setRetryCount(0);
+        retryCountRef.current = 0;
         const reader = response.body.getReader();
         const decoder = new TextDecoder();
         let buffer = "";
@@ -227,10 +230,10 @@ function useSSEStream(options) {
         }
         if (autoReconnect && enabled) {
           setState("reconnecting");
-          const delay = reconnectDelay * 2 ** retryCount;
+          const delay = reconnectDelay * 2 ** retryCountRef.current;
           reconnectTimeoutRef.current = setTimeout(
             () => {
-              setRetryCount((c) => c + 1);
+              retryCountRef.current += 1;
               connect();
             },
             Math.min(delay, 3e4)
@@ -245,12 +248,12 @@ function useSSEStream(options) {
         setError(err);
         onError?.(err);
         setState("error");
-        if (autoReconnect && enabled && retryCount < maxRetries) {
+        if (autoReconnect && enabled && retryCountRef.current < maxRetries) {
           setState("reconnecting");
-          const delay = reconnectDelay * 2 ** retryCount;
+          const delay = reconnectDelay * 2 ** retryCountRef.current;
           reconnectTimeoutRef.current = setTimeout(
             () => {
-              setRetryCount((c) => c + 1);
+              retryCountRef.current += 1;
               connect();
             },
             Math.min(delay, 3e4)
@@ -262,19 +265,19 @@ function useSSEStream(options) {
       eventSourceRef.current = es;
       es.onopen = () => {
         setState("connected");
-        setRetryCount(0);
+        retryCountRef.current = 0;
       };
       es.onerror = () => {
         const err = new Error("EventSource connection error");
         setError(err);
         onError?.(err);
-        if (autoReconnect && enabled && retryCount < maxRetries) {
+        if (autoReconnect && enabled && retryCountRef.current < maxRetries) {
           setState("reconnecting");
           es.close();
-          const delay = reconnectDelay * 2 ** retryCount;
+          const delay = reconnectDelay * 2 ** retryCountRef.current;
           reconnectTimeoutRef.current = setTimeout(
             () => {
-              setRetryCount((c) => c + 1);
+              retryCountRef.current += 1;
               connect();
             },
             Math.min(delay, 3e4)
@@ -313,7 +316,6 @@ function useSSEStream(options) {
     autoReconnect,
     maxRetries,
     reconnectDelay,
-    retryCount,
     eventTypes,
     handleEvent,
     onError,
@@ -337,7 +339,7 @@ function useSSEStream(options) {
     connect,
     disconnect,
     clearEvents,
-    retryCount,
+    retryCount: retryCountRef.current,
     timeSinceLastEvent
   };
 }
@@ -345,8 +347,11 @@ function useSSEStream(options) {
 // src/hooks/use-sdk-session.ts
 import { useCallback as useCallback3, useMemo, useRef as useRef3, useState as useState3 } from "react";
 function uid() {
-  if (typeof crypto !== "undefined" && crypto.randomUUID) {
-    return crypto.randomUUID();
+  if (typeof globalThis.crypto !== "undefined" && typeof globalThis.crypto.randomUUID === "function") {
+    try {
+      return globalThis.crypto.randomUUID();
+    } catch {
+    }
   }
   return `sdk-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -1001,14 +1006,13 @@ function RealtimeSessionRegistry({ sessions }) {
 
 // src/hooks/use-session-stream.ts
 import { useCallback as useCallback4, useEffect as useEffect3, useRef as useRef5, useState as useState5 } from "react";
-var _insertionCounter = 0;
-function mapApiMessage(msg) {
+function mapApiMessage(msg, counterRef) {
   const created = msg.info.timestamp ? new Date(msg.info.timestamp).getTime() : Date.now();
   const message = {
     id: msg.info.id,
     role: msg.info.role,
     time: { created },
-    _insertionIndex: _insertionCounter++
+    _insertionIndex: counterRef.current++
   };
   const parts = (msg.parts ?? []).map((p, i) => {
     if (p.type === "tool" && p.tool) {
@@ -1056,7 +1060,9 @@ function useSessionStream({
   const [error, setError] = useState5(null);
   const [connected, setConnected] = useState5(false);
   const abortRef = useRef5(null);
+  const reconnectTimerRef = useRef5(null);
   const streamingMsgIdRef = useRef5(null);
+  const insertionCounterRef = useRef5(0);
   const handleSSEEventRef = useRef5(null);
   const refetch = useCallback4(async () => {
     if (!token || !sessionId || !apiUrl) return;
@@ -1067,7 +1073,7 @@ function useSessionStream({
       const newMessages = [];
       const newPartMap = {};
       for (const apiMsg of apiMessages) {
-        const { message, parts } = mapApiMessage(apiMsg);
+        const { message, parts } = mapApiMessage(apiMsg, insertionCounterRef);
         newMessages.push(message);
         newPartMap[message.id] = parts;
       }
@@ -1081,6 +1087,10 @@ function useSessionStream({
   }, [apiUrl, token, sessionId]);
   const connectSSE = useCallback4(async () => {
     if (!token || !sessionId || !apiUrl || !enabled) return;
+    if (reconnectTimerRef.current) {
+      clearTimeout(reconnectTimerRef.current);
+      reconnectTimerRef.current = null;
+    }
     abortRef.current?.abort();
     const controller = new AbortController();
     abortRef.current = controller;
@@ -1131,7 +1141,7 @@ function useSessionStream({
       setError(msg);
       setConnected(false);
       if (!controller.signal.aborted) {
-        setTimeout(() => connectSSE(), 3e3);
+        reconnectTimerRef.current = setTimeout(() => connectSSE(), 3e3);
       }
     }
   }, [apiUrl, token, sessionId, enabled]);
@@ -1151,7 +1161,7 @@ function useSessionStream({
             id,
             role,
             time: { created: Date.now() },
-            _insertionIndex: _insertionCounter++
+            _insertionIndex: insertionCounterRef.current++
           }
         ];
       });
@@ -1254,6 +1264,7 @@ function useSessionStream({
     connectSSE();
     return () => {
       abortRef.current?.abort();
+      if (reconnectTimerRef.current) clearTimeout(reconnectTimerRef.current);
       setConnected(false);
     };
   }, [enabled, token, sessionId, refetch, connectSSE]);