Add event stream reconnection and visibility handling

This helps when tabbing back-and-forth between browser tabs, as browsers kill background SSE connections.

Author: gergesh

packages/app/src/context/global-sdk.tsx

@@ -12,26 +12,64 @@ export const { use: useGlobalSDK, provider: GlobalSDKProvider } = createSimpleCo
     const server = useServer()
     const abort = new AbortController()
 
-    const eventSdk = createOpencodeClient({
-      baseUrl: server.url,
-      signal: abort.signal,
-      fetch: platform.fetch,
-    })
     const emitter = createGlobalEmitter<{
       [key: string]: Event
     }>()
 
-    void (async () => {
-      const events = await eventSdk.global.event()
-      for await (const event of events.stream) {
-        emitter.emit(event.directory ?? "global", event.payload)
+    let currentStreamAbort: AbortController | null = null
+
+    async function connectEventStream() {
+      if (currentStreamAbort) {
+        currentStreamAbort.abort()
+      }
+
+      currentStreamAbort = new AbortController()
+      const streamAbort = currentStreamAbort
+
+      const eventSdk = createOpencodeClient({
+        baseUrl: server.url,
+        signal: streamAbort.signal,
+        fetch: platform.fetch,
+      })
+
+      try {
+        const events = await eventSdk.global.event()
+        for await (const event of events.stream) {
+          if (streamAbort.signal.aborted) break
+          emitter.emit(event.directory ?? "global", event.payload)
+        }
+      } catch (error: any) {
+        if (error.name === "AbortError" || streamAbort.signal.aborted) return
+        console.error("Event stream error:", error)
       }
-    })().catch((error) => {
-      if (error.name === "AbortError") return
-      console.error("Event stream error:", error)
-    })
 
-    onCleanup(() => abort.abort())
+      if (!abort.signal.aborted && !streamAbort.signal.aborted) {
+        setTimeout(() => {
+          if (!abort.signal.aborted) {
+            connectEventStream()
+          }
+        }, 1000)
+      }
+    }
+
+    connectEventStream()
+
+    // Reconnect when tab regains visibility - browsers kill background SSE connections
+    function handleVisibilityChange() {
+      if (document.visibilityState === "visible" && !abort.signal.aborted) {
+        connectEventStream()
+      }
+    }
+
+    document.addEventListener("visibilitychange", handleVisibilityChange)
+
+    onCleanup(() => {
+      abort.abort()
+      if (currentStreamAbort) {
+        currentStreamAbort.abort()
+      }
+      document.removeEventListener("visibilitychange", handleVisibilityChange)
+    })
 
     const sdk = createOpencodeClient({
       baseUrl: server.url,