feat: auto reconnect hosts when app resumes

packages/app/src/hooks/use-websocket.ts

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState, useCallback, useMemo } from "react";
+import { AppState } from "react-native";
 import type {
   WSInboundMessage,
   WSOutboundMessage,
@@ -176,6 +177,27 @@ export function useWebSocket(url: string, conversationId?: string | null): UseWe
     };
   }, [connect]);
 
+  useEffect(() => {
+    const subscription = AppState.addEventListener("change", (nextState) => {
+      if (nextState !== "active") {
+        return;
+      }
+
+      const readyState = wsRef.current?.readyState;
+      if (readyState === WebSocket.OPEN || readyState === WebSocket.CONNECTING) {
+        return;
+      }
+
+      shouldReconnectRef.current = true;
+      setIsConnecting(true);
+      connect();
+    });
+
+    return () => {
+      subscription.remove();
+    };
+  }, [connect]);
+
   const send = useCallback((message: WSInboundMessage) => {
     if (wsRef.current?.readyState === WebSocket.OPEN) {
       wsRef.current.send(JSON.stringify(message));