Function SessionManager

apps/ui/src/components/session-manager.tsx:101–611

({
  currentSessionId,
  onSelectSession,
  projectPath,
  workingDirectory,
  isCurrentSessionThinking = false,
  onQuickCreateRef,
}: SessionManagerProps)

}

export function SessionManager({
  currentSessionId,
  onSelectSession,
  projectPath,
  workingDirectory,
  isCurrentSessionThinking = false,
  onQuickCreateRef,
}: SessionManagerProps) {
  const shortcuts = useKeyboardShortcutsConfig();
  const queryClient = useQueryClient();
  const [activeTab, setActiveTab] = useState<'active' | 'archived'>('active');
  const [editingSessionId, setEditingSessionId] = useState<string | null>(null);
  const [editingName, setEditingName] = useState('');
  const [isCreating, setIsCreating] = useState(false);
  const [newSessionName, setNewSessionName] = useState('');
  const [runningSessions, setRunningSessions] = useState<Set<string>>(new Set());
  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
  const [sessionToDelete, setSessionToDelete] = useState<SessionListItem | null>(null);
  const [isDeleteAllArchivedDialogOpen, setIsDeleteAllArchivedDialogOpen] = useState(false);

  // Use React Query for sessions list - always include archived, filter client-side
  const { data: sessions = [], refetch: refetchSessions } = useSessions(true);

  // Ref to track if we've done the initial running sessions check
  const hasCheckedInitialRef = useRef(false);

  // Check running state for all sessions
  const checkRunningSessions = useCallback(async (sessionList: SessionListItem[]) => {
    const api = getElectronAPI();
    if (!api?.agent) return;

    const runningIds = new Set<string>();

    // Check each session's running state
    for (const session of sessionList) {
      try {
        const result = await api.agent.getHistory(session.id);
        if (result.success && result.isRunning) {
          runningIds.add(session.id);
        }
      } catch (err) {
        // Ignore errors for individual session checks
        logger.warn(`Failed to check running state for ${session.id}:`, err);
      }
    }

    setRunningSessions(runningIds);
  }, []);

  // Helper to invalidate sessions cache and refetch
  const invalidateSessions = useCallback(async () => {
    await queryClient.invalidateQueries({ queryKey: queryKeys.sessions.all(true) });
    // Also check running state after invalidation
    const result = await refetchSessions();
    if (result.data) {
      await checkRunningSessions(result.data);
    }
    return result;