Merge pull request #225 from aibtcdev/staging

Staging

Author: human058382928

src/components/chat/chat-window.tsx

@@ -23,7 +23,6 @@ export function ChatWindow() {
     selectedAgentId,
     setSelectedAgent,
     connect,
-    disconnect,
     activeThreadId,
   } = useChatStore();
 
@@ -32,52 +31,34 @@ export function ChatWindow() {
 
   const memoizedConnect = useCallback(
     (token: string) => {
-      console.log("Attempting to connect...");
-      connect(token);
+      if (!isConnected && token) {
+        console.log("Attempting to connect...");
+        connect(token);
+      }
     },
-    [connect]
+    [connect, isConnected]
   );
 
-  const memoizedDisconnect = useCallback(() => {
-    console.log("Disconnecting...");
-    disconnect();
-  }, [disconnect]);
-
   useEffect(() => {
     if (!accessToken) return;
 
-    const connectWithDelay = () => {
-      if (process.env.NODE_ENV === "development") {
-        setTimeout(() => {
-          memoizedConnect(accessToken);
-        }, 100);
-      } else {
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible" && !isConnected) {
         memoizedConnect(accessToken);
       }
     };
 
-    const handleVisibilityChange = () => {
-      if (document.visibilityState === "visible") {
-        // console.log("Page is now visible. Checking connection...");
-        if (!isConnected) {
-          // console.log("Not connected. Attempting to reconnect...");
-          connectWithDelay();
-        } else {
-          // console.log("Already connected. No action needed.");
-        }
-      }
-    };
+    // Initial connection
+    memoizedConnect(accessToken);
 
-    connectWithDelay();
+    // Add visibility change listener
     document.addEventListener("visibilitychange", handleVisibilityChange);
 
+    // Cleanup
     return () => {
       document.removeEventListener("visibilitychange", handleVisibilityChange);
-      if (process.env.NODE_ENV !== "development") {
-        memoizedDisconnect();
-      }
     };
-  }, [accessToken, memoizedConnect, memoizedDisconnect, isConnected]);
+  }, [accessToken, memoizedConnect, isConnected]);
 
   if (!accessToken) {
     return (