@sleep2agi/agent-network-dashboard 0.1.0-preview.5 → 0.1.0-preview.6

package/app/lib/useSSE.ts

@@ -30,22 +30,31 @@ export function useSSE({ url, onEvent, reconnectDelay = 3000, enabled = true }:
   const reconnectTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const unsupportedRef = useRef(false);
 
+  // Track the active probe + cancel flag so cleanup can abort the in-flight
+  // HEAD and prevent the EventSource from being created after unmount. Without
+  // this, every navigation leaks one SSE — six leaks saturate the browser's
+  // HTTP/1.1 pool and lock up further fetches (including RSC payloads).
+  const probeAbortRef = useRef<AbortController | null>(null);
+  const cancelledRef = useRef(false);
+
   const connect = useCallback(() => {
-    if (!enabled || !url || unsupportedRef.current) return;
+    if (!enabled || !url || unsupportedRef.current || cancelledRef.current) return;
 
-    // Clean up existing connection
     if (eventSourceRef.current) {
       eventSourceRef.current.close();
+      eventSourceRef.current = null;
     }
+    if (probeAbortRef.current) probeAbortRef.current.abort();
 
     const probeUrl = url.includes('?') ? `${url}&probe=1` : `${url}?probe=1`;
-
     const probeController = new AbortController();
+    probeAbortRef.current = probeController;
     const probeTimeout = setTimeout(() => probeController.abort(), 5000);
 
     fetch(probeUrl, { method: 'HEAD', cache: 'no-store', signal: probeController.signal })
       .finally(() => clearTimeout(probeTimeout))
       .then((res) => {
+        if (cancelledRef.current) return;
         if (res.headers.get('x-anet-sse-available') !== 'true') {
           unsupportedRef.current = true;
           setConnected(false);
@@ -57,9 +66,7 @@ export function useSSE({ url, onEvent, reconnectDelay = 3000, enabled = true }:
         const es = new EventSource(url);
         eventSourceRef.current = es;
 
-        es.onopen = () => {
-          setConnected(true);
-        };
+        es.onopen = () => setConnected(true);
 
         es.onmessage = (e) => {
           try {
@@ -73,11 +80,13 @@ export function useSSE({ url, onEvent, reconnectDelay = 3000, enabled = true }:
           setConnected(false);
           es.close();
           eventSourceRef.current = null;
-          // Auto-reconnect
-          reconnectTimerRef.current = setTimeout(connect, reconnectDelay);
+          if (!cancelledRef.current) {
+            reconnectTimerRef.current = setTimeout(connect, reconnectDelay);
+          }
         };
       })
       .catch(() => {
+        if (cancelledRef.current) return;
         setConnected(false);
         setSupported(false);
       });
@@ -85,9 +94,15 @@ export function useSSE({ url, onEvent, reconnectDelay = 3000, enabled = true }:
 
   useEffect(() => {
     unsupportedRef.current = false;
+    cancelledRef.current = false;
     setSupported(enabled ? null : false);
     connect();
     return () => {
+      cancelledRef.current = true;
+      if (probeAbortRef.current) {
+        probeAbortRef.current.abort();
+        probeAbortRef.current = null;
+      }
       if (eventSourceRef.current) {
         eventSourceRef.current.close();
         eventSourceRef.current = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sleep2agi/agent-network-dashboard",
-  "version": "0.1.0-preview.5",
+  "version": "0.1.0-preview.6",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",