feat(F-139): completed feature

project/apps/admin/src/components/ServerLogViewer.tsx

@@ -62,8 +62,12 @@ export function ServerLogViewer({ backendUrl = 'http://192.168.18.93:3000' }: Se
     // Build the SSE URL with the session cookie forwarded
     // We use a fetch-based approach: open a GET request and read as text/event-stream
     let aborted = false;
+    let retryDelay = 1000; // ms — exponential backoff
+    const MAX_DELAY = 30_000;
 
     const connect = async () => {
+      if (aborted) return;
+      setStatus('connecting');
       try {
         // Use the same-origin proxy so the httpOnly backoffice cookie is forwarded server-side.
         const response = await fetch('/api/admin/logs/stream', {
@@ -71,22 +75,30 @@ export function ServerLogViewer({ backendUrl = 'http://192.168.18.93:3000' }: Se
         });
 
         if (!response.ok || aborted) {
-          if (!aborted) setStatus('reconnecting');
+          if (!aborted) scheduleRetry();
           return;
         }
 
         const reader = response.body?.getReader();
-        if (!reader) { setStatus('error'); return; }
+        if (!reader) { if (!aborted) scheduleRetry(); return; }
 
         const decoder = new TextDecoder();
         let buffer = '';
 
         setStatus('live');
+        retryDelay = 1000; // reset backoff on success
 
         while (true) {
-          if (aborted) break;
+          if (aborted) {
+            reader.cancel();
+            break;
+          }
           const { done, value } = await reader.read();
-          if (done) break;
+          if (done) {
+            // Stream closed by server — schedule reconnect
+            if (!aborted) scheduleRetry();
+            break;
+          }
           buffer += decoder.decode(value, { stream: true });
           const lines = buffer.split('\n');
           buffer = lines.pop() ?? '';
@@ -104,10 +116,19 @@ export function ServerLogViewer({ backendUrl = 'http://192.168.18.93:3000' }: Se
           }
         }
       } catch {
-        if (!aborted) setStatus('reconnecting');
+        if (!aborted) scheduleRetry();
       }
     };
 
+    const scheduleRetry = () => {
+      if (aborted) return;
+      setStatus('reconnecting');
+      setTimeout(() => {
+        retryDelay = Math.min(retryDelay * 2, MAX_DELAY);
+        connect();
+      }, retryDelay);
+    };
+
     connect();
 
     return () => {