@tangle-network/agent-app 0.36.0 → 0.38.0

package/dist/web-react/index.js

@@ -7,7 +7,7 @@ import {
 } from "../chunk-5VXPDXZJ.js";
 
 // src/web-react/index.tsx
-import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef3, useState as useState6, memo } from "react";
+import { useEffect as useEffect5, useMemo as useMemo3, useRef as useRef4, useState as useState6, memo } from "react";
 
 // src/web-react/smooth-text.ts
 import { useEffect, useRef, useState } from "react";
@@ -740,7 +740,7 @@ function AgentActivityPanel({ fetchActivity, renderMissionRef, title = "Agent ac
 }
 
 // src/web-react/sandbox-terminal.ts
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef3, useState as useState4 } from "react";
 var DEFAULT_PROVISION_POLL_INTERVAL_MS = 2e3;
 var DEFAULT_PROVISION_POLL_TIMEOUT_MS = 9e4;
 var DEFAULT_TOKEN_REFRESH_SKEW_MS = 12e4;
@@ -755,6 +755,8 @@ var EMPTY_CONNECTION = {
 };
 function useSandboxTerminalConnection(opts) {
   const [conn, setConn] = useState4(EMPTY_CONNECTION);
+  const mountedRef = useRef3(false);
+  const generationRef = useRef3(0);
   const fetcher = opts.fetcher ?? fetch;
   const pollIntervalMs = opts.provisionPollIntervalMs ?? DEFAULT_PROVISION_POLL_INTERVAL_MS;
   const pollTimeoutMs = opts.provisionPollTimeoutMs ?? DEFAULT_PROVISION_POLL_TIMEOUT_MS;
@@ -764,17 +766,25 @@ function useSandboxTerminalConnection(opts) {
     return opts.connectionUrl ?? `/api/workspaces/${encodeURIComponent(opts.workspaceId)}/sandbox/connection`;
   }, [opts.connectionUrl, opts.workspaceId]);
   const connect = useCallback2(async () => {
-    setConn((current) => ({ ...current, loading: true, error: null }));
+    const generation = generationRef.current + 1;
+    generationRef.current = generation;
+    const isCurrent = () => mountedRef.current && generationRef.current === generation;
+    const setCurrentConn = (value) => {
+      if (!isCurrent()) return;
+      setConn(value);
+    };
+    setCurrentConn((current) => ({ ...current, loading: true, error: null }));
     const deadline = Date.now() + pollTimeoutMs;
-    while (true) {
+    while (isCurrent()) {
       try {
         const res = await fetcher(connectionUrl());
         const data = await res.json();
+        if (!isCurrent()) return;
         const runtimeUrl = data.runtimeUrl ?? data.sidecarUrl;
         if (res.ok && runtimeUrl && data.token && data.expiresAt) {
-          setConn({
+          setCurrentConn({
             runtimeUrl,
-            sidecarUrl: runtimeUrl,
+            sidecarUrl: data.sidecarUrl ?? runtimeUrl,
             token: data.token,
             expiresAt: data.expiresAt,
             status: data.status ?? "running",
@@ -785,7 +795,7 @@ function useSandboxTerminalConnection(opts) {
           return;
         }
         if (res.ok) {
-          setConn({
+          setCurrentConn({
             runtimeUrl: null,
             sidecarUrl: null,
             token: null,
@@ -798,7 +808,7 @@ function useSandboxTerminalConnection(opts) {
           return;
         }
         if (res.status === 503 && Date.now() < deadline) {
-          setConn((current) => ({
+          setCurrentConn((current) => ({
             ...current,
             loading: true,
             status: data.status ?? "provisioning",
@@ -807,7 +817,7 @@ function useSandboxTerminalConnection(opts) {
           await sleep(pollIntervalMs);
           continue;
         }
-        setConn((current) => ({
+        setCurrentConn((current) => ({
           ...current,
           runtimeUrl: null,
           sidecarUrl: null,
@@ -819,11 +829,12 @@ function useSandboxTerminalConnection(opts) {
         }));
         return;
       } catch (err) {
+        if (!isCurrent()) return;
         if (Date.now() < deadline) {
           await sleep(pollIntervalMs);
           continue;
         }
-        setConn((current) => ({
+        setCurrentConn((current) => ({
           ...current,
           runtimeUrl: null,
           sidecarUrl: null,
@@ -836,6 +847,13 @@ function useSandboxTerminalConnection(opts) {
       }
     }
   }, [connectionUrl, fetcher, pollIntervalMs, pollTimeoutMs]);
+  useEffect4(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      generationRef.current += 1;
+    };
+  }, []);
   useEffect4(() => {
     void connect();
   }, [connect]);
@@ -1338,9 +1356,9 @@ function AssistantMessageImpl({
   const content = useSmoothText(msg.content, streaming);
   const reasoning = useSmoothText(msg.reasoning ?? "", streaming);
   const body = useMemo3(() => renderBody(content), [renderBody, content]);
-  const reasoningScrollRef = useRef3(null);
-  const thinkStartRef = useRef3(null);
-  const thinkMsRef = useRef3(null);
+  const reasoningScrollRef = useRef4(null);
+  const thinkStartRef = useRef4(null);
+  const thinkMsRef = useRef4(null);
   if (streaming && reasoning && !content && thinkStartRef.current === null) {
     thinkStartRef.current = performance.now();
   }