feat: implement watch claude code project folders and sync state

src/app/projects/[projectId]/hooks/useProject.ts

@@ -12,6 +12,5 @@ export const useProject = (projectId: string) => {
       return await response.json();
     },
     refetchOnReconnect: true,
-    refetchInterval: 10 * 1000,
   });
 };

src/app/projects/[projectId]/sessions/[sessionId]/hooks/useSessionQuery.ts

@@ -3,7 +3,7 @@ import { honoClient } from "../../../../../../lib/api/client";
 
 export const useSessionQuery = (projectId: string, sessionId: string) => {
   return useSuspenseQuery({
-    queryKey: ["conversations", sessionId],
+    queryKey: ["sessions", sessionId],
     queryFn: async () => {
       const response = await honoClient.api.projects[":projectId"].sessions[
         ":sessionId"

src/app/projects/page.tsx

@@ -1,6 +1,9 @@
 import { HistoryIcon } from "lucide-react";
 import { ProjectList } from "./components/ProjectList";
 
+export const dynamic = "force-dynamic";
+export const fetchCache = "force-no-store";
+
 export default async function ProjectsPage() {
   return (
     <div className="container mx-auto px-4 py-8">