Function SessionList

src/components/sidebar/SessionList.tsx:13–177

()

import { Session } from '@/types';

export const SessionList: React.FC = () => {
  const { sessions, activeSessionId, setActiveSessionId, removeSession, addSession, setSessions } = useSessionStore();
  const { projects, activeProjectId } = useProjectStore();
  const [expandedProjects, setExpandedProjects] = useState<Set<string>>(() => {
    return new Set(activeProjectId ? [activeProjectId] : []);
  });
  const [deleteTarget, setDeleteTarget] = useState<string | null>(null);

  useEffect(() => {
    if (!activeProjectId) return;
    setExpandedProjects((prev) => new Set(prev).add(activeProjectId));
  }, [activeProjectId]);

  const toggleProject = (projectId: string) => {
    setExpandedProjects((prev) => {
      const next = new Set(prev);
      if (next.has(projectId)) {
        next.delete(projectId);
      } else {
        next.add(projectId);
      }
      return next;
    });
  };

  const handleNewSession = async (e: React.MouseEvent, projectId: string) => {
    e.stopPropagation();
    const now = new Date().toISOString();
    const session = { id: generateId(), projectId, title: 'New Chat', createdAt: now, updatedAt: now };
    addSession(session);
    setActiveSessionId(session.id);
    setExpandedProjects((prev) => new Set(prev).add(projectId));

    try {
      const createdSession = await invoke<Session>('create_session', { projectId, title: 'New Chat' });
      const currentSessions = useSessionStore.getState().sessions;
      setSessions(currentSessions.map((existing) => (existing.id === session.id ? createdSession : existing)));
      setActiveSessionId(createdSession.id);
    } catch (error) {
      console.error('Failed to persist session creation:', error);
    }
  };

  const handleDeleteSession = (e: React.MouseEvent, sessionId: string) => {
    e.stopPropagation();
    setDeleteTarget(sessionId);
  };

  const confirmDeleteSession = async () => {
    if (!deleteTarget) return;
    const sessionId = deleteTarget;
    setDeleteTarget(null);

    const wasActive = activeSessionId === sessionId;
    removeSession(sessionId);
    if (wasActive) {
      useChatStore.getState().setMessages([]);
      useAgentStore.getState().setAgentRuns([]);