@tangle-network/sandbox-ui 0.111.0 → 0.111.2

package/README.md

@@ -16,7 +16,7 @@ React component library for [Tangle Sandbox](https://sandbox.tangle.tools) — a
 npm install @tangle-network/sandbox-ui
 ```
 
-**Required peers:** `react` and `react-dom` 18 or 19, `@tangle-network/agent-interface ^1.0.0`, `@tangle-network/brand ^1.5.0`, and `@tangle-network/ui ^11.6.0`.
+**Required peers:** `react` and `react-dom` 18 or 19, `@tangle-network/agent-interface ^1.0.0 || ^2.0.0`, `@tangle-network/brand ^1.5.0`, and `@tangle-network/ui ^11.6.0`.
 Optional peers are required only by the subpaths that use them; see [package.json](./package.json). `/editor` needs its tiptap, `yjs` and `@hocuspocus/provider` peers only when it renders an editor, and the `@tangle-network/ui` README holds the table of which surface needs which.
 
 ## Usage

package/dist/{chunk-X24MVW2R.js → chunk-5M67IFVI.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-K4Q4E7D7.js";
 import {
   TerminalView
-} from "./chunk-LWSWKLI5.js";
+} from "./chunk-IACRDXER.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/{chunk-LWSWKLI5.js → chunk-IACRDXER.js}

@@ -1,6 +1,6 @@
 import {
   usePtySession
-} from "./chunk-F7LNWZQR.js";
+} from "./chunk-MYZAW4RX.js";
 
 // src/terminal/terminal-view.tsx
 import "@xterm/xterm/css/xterm.css";

package/dist/{chunk-F7LNWZQR.js → chunk-MYZAW4RX.js}

@@ -83,6 +83,7 @@ function usePtySession({
   const rowsRef = useRef(DEFAULT_TERMINAL_ROWS);
   const wsRef = useRef(null);
   const pendingWsRef = useRef(null);
+  const geometryPendingRef = useRef(false);
   const pendingBatchRef = useRef(createEmptyBatch());
   const drainPromiseRef = useRef(null);
   const inputAbortRef = useRef(null);
@@ -133,6 +134,7 @@ function usePtySession({
       inputAbortRef.current = null;
     }
     transportReadyRef.current = false;
+    geometryPendingRef.current = false;
     if (sessionIdRef.current) {
       const sid = sessionIdRef.current;
       const shouldDeleteSession = shouldDeleteSessionRef.current;
@@ -231,6 +233,7 @@ function usePtySession({
               cols: colsRef.current,
               rows: rowsRef.current
             }));
+            geometryPendingRef.current = false;
           } catch {
             try {
               ws.close();
@@ -337,6 +340,24 @@ function usePtySession({
       };
     });
   }, [apiUrl, rejectPendingInput]);
+  const patchGeometry = useCallback(async (sessionId, cols, rows) => {
+    try {
+      const res = await fetch(`${apiUrl}/terminals/${sessionId}`, {
+        method: "PATCH",
+        headers: {
+          Authorization: `Bearer ${tokenRef.current}`,
+          "Content-Type": "application/json"
+        },
+        credentials: "include",
+        body: JSON.stringify({ cols, rows })
+      });
+      if (!res.ok) {
+        console.error("Failed to resize terminal:", res.status);
+      }
+    } catch (err) {
+      console.error("Failed to resize terminal", err);
+    }
+  }, [apiUrl]);
   const connectStream = useCallback(async (sessionId) => {
     if (exactAttachRequiredRef.current) {
       throw new Error(
@@ -364,6 +385,10 @@ function usePtySession({
         setError(null);
         retryCountRef.current = 0;
         ensureDrainRunningRef.current?.();
+        if (geometryPendingRef.current) {
+          geometryPendingRef.current = false;
+          void patchGeometry(sessionId, colsRef.current, rowsRef.current);
+        }
       }
       const reader = streamRes.body.getReader();
       const decoder = new TextDecoder();
@@ -427,7 +452,7 @@ function usePtySession({
         }
       }
     }
-  }, [apiUrl, abortStream]);
+  }, [apiUrl, abortStream, patchGeometry]);
   onDataRef.current = onData;
   tokenRef.current = token;
   incarnationIdRef.current = incarnationId;
@@ -482,6 +507,7 @@ function usePtySession({
           rows: rowsRef.current
         })
       });
+      geometryPendingRef.current = false;
       if (!res.ok) {
         throw new Error(`Failed to create terminal: ${res.status}`);
       }
@@ -533,28 +559,17 @@ function usePtySession({
         console.warn("Terminal resize over WS failed; falling back to HTTP", err);
       }
     }
+    if (pendingWsRef.current) {
+      geometryPendingRef.current = true;
+      return;
+    }
     if (exactAttachRequiredRef.current) {
       throw new Error(
         "Interactive terminal is not attached with its exact identity"
       );
     }
-    try {
-      const res = await fetch(`${apiUrl}/terminals/${sid}`, {
-        method: "PATCH",
-        headers: {
-          Authorization: `Bearer ${tokenRef.current}`,
-          "Content-Type": "application/json"
-        },
-        credentials: "include",
-        body: JSON.stringify({ cols, rows })
-      });
-      if (!res.ok) {
-        console.error("Failed to resize terminal:", res.status);
-      }
-    } catch (err) {
-      console.error("Failed to resize terminal", err);
-    }
-  }, [apiUrl]);
+    await patchGeometry(sid, cols, rows);
+  }, [apiUrl, patchGeometry]);
   const drainInputQueue = useCallback(async () => {
     while (pendingBatchRef.current.data.length > 0) {
       const sid = sessionIdRef.current;

package/dist/hooks.js

@@ -26,7 +26,7 @@ import {
 } from "./chunk-72UF2H5H.js";
 import {
   usePtySession
-} from "./chunk-F7LNWZQR.js";
+} from "./chunk-MYZAW4RX.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   RealtimeSessionRegistry,

package/dist/index.js

@@ -147,7 +147,7 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-X24MVW2R.js";
+} from "./chunk-5M67IFVI.js";
 import {
   FileArtifactPane,
   FilePreview,
@@ -232,10 +232,10 @@ import {
   UsageChart,
   formatPrice
 } from "./chunk-OMUIPJQZ.js";
-import "./chunk-LWSWKLI5.js";
+import "./chunk-IACRDXER.js";
 import {
   usePtySession
-} from "./chunk-F7LNWZQR.js";
+} from "./chunk-MYZAW4RX.js";
 import {
   Avatar,
   AvatarFallback,

package/dist/terminal.js

@@ -1,8 +1,8 @@
 import {
   DEFAULT_TERMINAL_THEME,
   TerminalView
-} from "./chunk-LWSWKLI5.js";
-import "./chunk-F7LNWZQR.js";
+} from "./chunk-IACRDXER.js";
+import "./chunk-MYZAW4RX.js";
 import "./chunk-CZ7CSFO4.js";
 export {
   DEFAULT_TERMINAL_THEME,

package/dist/workbench.js

@@ -12,12 +12,12 @@ import {
   buildUnifiedPatch,
   computeDiffStats,
   resolveLanguage
-} from "./chunk-X24MVW2R.js";
+} from "./chunk-5M67IFVI.js";
 import "./chunk-PZVUIUUW.js";
 import "./chunk-K4Q4E7D7.js";
 import "./chunk-OMUIPJQZ.js";
-import "./chunk-LWSWKLI5.js";
-import "./chunk-F7LNWZQR.js";
+import "./chunk-IACRDXER.js";
+import "./chunk-MYZAW4RX.js";
 import "./chunk-2XPJ2XF7.js";
 import "./chunk-RQZRXKMR.js";
 import "./chunk-BGVEHENC.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.111.0",
+  "version": "0.111.2",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -118,7 +118,7 @@
   "peerDependencies": {
     "@hocuspocus/provider": ">=2.15.0 <5.0.0",
     "@nanostores/react": ">=0.8.4 <2.0.0",
-    "@tangle-network/agent-interface": "^1.0.0",
+    "@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
     "@tangle-network/brand": "^1.5.0",
     "@tangle-network/ui": "^11.6.0",
     "@tanstack/react-query": "^5.0.0",
@@ -197,7 +197,7 @@
     "@storybook/react": "^10.5.4",
     "@storybook/react-vite": "^10.5.4",
     "@tailwindcss/postcss": "^4.3.3",
-    "@tangle-network/agent-interface": "1.0.0",
+    "@tangle-network/agent-interface": "2.1.1",
     "@tangle-network/brand": "^1.5.0",
     "@tangle-network/ui": "^11.6.0",
     "@tanstack/react-query": "^5.101.4",