fix: connect WebSocket on auth, subscribe to project events

src/app/(protected)/projects/[slug]/page.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from "react";
 import { useParams } from "next/navigation";
 import { getProjects, Project } from "@/lib/api";
+import { wsClient } from "@/lib/ws";
 import Sidebar from "@/components/Sidebar";
 import KanbanBoard from "@/components/KanbanBoard";
 import ChatPanel from "@/components/ChatPanel";
@@ -31,6 +32,14 @@ export default function ProjectPage() {
 
   const project = projects.find((p) => p.slug === slug);
 
+  // Subscribe to project WS events
+  useEffect(() => {
+    if (project?.id) {
+      wsClient.subscribeProject(project.id);
+      return () => wsClient.unsubscribeProject(project.id);
+    }
+  }, [project?.id]);
+
   const handleProjectUpdated = (updated: Project) => {
     setProjects((prev) => prev.map((p) => (p.id === updated.id ? updated : p)));
   };

src/components/AuthGuard.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { isAuthenticated } from "@/lib/auth-client";
+import { wsClient } from "@/lib/ws";
 
 export default function AuthGuard({ children }: { children: React.ReactNode }) {
   const router = useRouter();
@@ -13,7 +14,14 @@ export default function AuthGuard({ children }: { children: React.ReactNode }) {
       router.replace("/login");
     } else {
       setChecked(true);
+      // Connect WebSocket after auth check
+      if (!wsClient.connected) {
+        wsClient.connect();
+      }
     }
+    return () => {
+      // Don't disconnect on unmount — singleton stays alive
+    };
   }, [router]);
 
   if (!checked) {