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

package/app/api/hub/nodes/route.ts

@@ -1,11 +1,13 @@
-import { requireDashboardAuth } from '@/app/lib/dashboard-auth';
+import { requireDashboardAuth, getV3UserToken } from '@/app/lib/dashboard-auth';
 
 const HUB_URL = process.env.COMMHUB_URL || 'http://47.77.216.1:9200';
 const AUTH_TOKEN = process.env.COMMHUB_AUTH_TOKEN || '';
 
-function hubHeaders(): Record<string, string> {
+async function hubHeaders(): Promise<Record<string, string>> {
+  const userToken = await getV3UserToken();
+  const bearer = userToken || AUTH_TOKEN;
   const h: Record<string, string> = {};
-  if (AUTH_TOKEN) h['Authorization'] = `Bearer ${AUTH_TOKEN}`;
+  if (bearer) h['Authorization'] = `Bearer ${bearer}`;
   return h;
 }
 
@@ -23,7 +25,7 @@ export async function GET(req: Request) {
   try {
     const url = `${HUB_URL}/api/nodes${params.toString() ? '?' + params.toString() : ''}`;
     const res = await fetch(url, {
-      headers: hubHeaders(),
+      headers: await hubHeaders(),
       next: { revalidate: 0 },
     });
     const contentType = res.headers.get('content-type') || '';
@@ -31,7 +33,7 @@ export async function GET(req: Request) {
       const data = await res.json();
       if (data.nodes && data.nodes.length > 0) return Response.json(data);
       // nodes table empty — fall back to sessions, map to node shape
-      const statusRes = await fetch(`${HUB_URL}/api/status`, { headers: hubHeaders(), next: { revalidate: 0 } });
+      const statusRes = await fetch(`${HUB_URL}/api/status`, { headers: await hubHeaders(), next: { revalidate: 0 } });
       if (statusRes.ok) {
         const statusData = await statusRes.json();
         const nodes = (statusData.sessions || []).map((s: Record<string, unknown>) => ({

package/app/api/hub/tasks/route.ts

@@ -1,11 +1,13 @@
-import { requireDashboardAuth } from '@/app/lib/dashboard-auth';
+import { requireDashboardAuth, getV3UserToken } from '@/app/lib/dashboard-auth';
 
 const HUB_URL = process.env.COMMHUB_URL || 'http://47.77.216.1:9200';
 const AUTH_TOKEN = process.env.COMMHUB_AUTH_TOKEN || '';
 
-function hubHeaders(): Record<string, string> {
+async function hubHeaders(): Promise<Record<string, string>> {
+  const userToken = await getV3UserToken();
+  const bearer = userToken || AUTH_TOKEN;
   const h: Record<string, string> = {};
-  if (AUTH_TOKEN) h['Authorization'] = `Bearer ${AUTH_TOKEN}`;
+  if (bearer) h['Authorization'] = `Bearer ${bearer}`;
   return h;
 }
 
@@ -46,7 +48,7 @@ export async function GET(req: Request) {
 
     const tasksRes = await fetch(
       `${HUB_URL}/api/tasks?${params.toString()}`,
-      { headers: hubHeaders(), next: { revalidate: 0 } },
+      { headers: await hubHeaders(), next: { revalidate: 0 } },
     );
     const contentType = tasksRes.headers.get('content-type') || '';
     if (tasksRes.ok && contentType.includes('application/json')) {
@@ -61,7 +63,7 @@ export async function GET(req: Request) {
         if (filterFrom) fallbackParams.set('from_name', filterFrom);
         if (filterTo) fallbackParams.set('to_name', filterTo);
         fallbackParams.set('limit', String(limit));
-        const fbRes = await fetch(`${HUB_URL}/api/tasks?${fallbackParams.toString()}`, { headers: hubHeaders(), next: { revalidate: 0 } });
+        const fbRes = await fetch(`${HUB_URL}/api/tasks?${fallbackParams.toString()}`, { headers: await hubHeaders(), next: { revalidate: 0 } });
         if (fbRes.ok) {
           const fbData = await fbRes.json();
           if (fbData.ok && fbData.tasks?.length > 0) {
@@ -75,7 +77,7 @@ export async function GET(req: Request) {
     // Fallback: map /api/completions to tasks shape
     const compRes = await fetch(
       `${HUB_URL}/api/completions?limit=${limit}`,
-      { headers: hubHeaders(), next: { revalidate: 0 } },
+      { headers: await hubHeaders(), next: { revalidate: 0 } },
     );
     const compData = await compRes.json();
     const completions: Completion[] = compData.completions || [];

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.7",
   "description": "Agent Network Dashboard — Web UI for managing AI Agent networks",
   "scripts": {
     "dev": "next dev",