Files
kandev/apps/web/hooks/use-task-sessions.ts
T
2026-01-25 17:49:53 +00:00

49 lines
1.9 KiB
TypeScript

import { useCallback, useEffect } from 'react';
import { useAppStore } from '@/components/state-provider';
import { listTaskSessions } from '@/lib/api';
import type { TaskSession } from '@/lib/types/http';
const EMPTY_SESSIONS: TaskSession[] = [];
export function useTaskSessions(taskId: string | null) {
const sessions = useAppStore((state) =>
taskId ? state.taskSessionsByTask.itemsByTaskId[taskId] ?? EMPTY_SESSIONS : EMPTY_SESSIONS
);
const isLoading = useAppStore((state) =>
taskId ? state.taskSessionsByTask.loadingByTaskId[taskId] ?? false : false
);
const isLoaded = useAppStore((state) =>
taskId ? state.taskSessionsByTask.loadedByTaskId[taskId] ?? false : false
);
const setTaskSessionsForTask = useAppStore((state) => state.setTaskSessionsForTask);
const setTaskSessionsLoading = useAppStore((state) => state.setTaskSessionsLoading);
const loadSessions = useCallback(async (force = false) => {
if (!taskId) return;
if (!force && (isLoading || isLoaded)) return;
setTaskSessionsLoading(taskId, true);
try {
const response = await listTaskSessions(taskId, { cache: 'no-store' });
// Debug: log the fetched sessions to see if they have agent_profile_snapshot
console.log('[useTaskSessions] fetched sessions:', response.sessions?.map(s => ({
id: s.id,
hasSnapshot: !!s.agent_profile_snapshot,
cli_passthrough: s.agent_profile_snapshot?.cli_passthrough,
})));
setTaskSessionsForTask(taskId, response.sessions ?? []);
} catch {
setTaskSessionsForTask(taskId, []);
} finally {
setTaskSessionsLoading(taskId, false);
}
}, [isLoaded, isLoading, setTaskSessionsForTask, setTaskSessionsLoading, taskId]);
useEffect(() => {
if (!taskId) return;
if (isLoaded || isLoading) return;
loadSessions();
}, [isLoaded, isLoading, loadSessions, taskId]);
return { sessions, isLoading, isLoaded, loadSessions };
}