Function ProjectTreeView

frontend/src/components/ProjectTreeView.tsx:19–613

()

}

export function ProjectTreeView() {
  const [projectsWithSessions, setProjectsWithSessions] = useState<ProjectWithSessions[]>([]);
  const [expandedProjects, setExpandedProjects] = useState<Set<number>>(new Set());
  const storesSessions = useSessionStore(state => state.sessions);
  const [isLoading, setIsLoading] = useState(true);
  const [showCreateDialog, setShowCreateDialog] = useState(false);
  const [selectedProjectForCreate, setSelectedProjectForCreate] = useState<Project | null>(null);
  const [showProjectSettings, setShowProjectSettings] = useState(false);
  const [selectedProjectForSettings, setSelectedProjectForSettings] = useState<Project | null>(null);
  const [showAddProjectDialog, setShowAddProjectDialog] = useState(false);
  const [newProject, setNewProject] = useState<CreateProjectRequest>({ name: '', path: '', buildScript: '', runScript: '' });
  const [hasPendingUpdates, setHasPendingUpdates] = useState(false);
  const activeSessionId = useSessionStore((state) => state.activeSessionId);
  const [showMainBranchWarning, setShowMainBranchWarning] = useState(false);
  const [pendingMainBranchProject, setPendingMainBranchProject] = useState<Project | null>(null);
  const [detectedMainBranch, setDetectedMainBranch] = useState<string>('main');
  const [detectedBranchForNewProject, setDetectedBranchForNewProject] = useState<string | null>(null);
  const { showError } = useErrorStore();

  useEffect(() => {
    loadProjectsWithSessions();
    
    // Set up event listeners for session updates
    const handleSessionCreated = (newSession: Session) => {
      console.log('[ProjectTreeView] Session created:', newSession.id, 'projectId:', newSession.projectId);
      
      // Add the new session to the appropriate project without reloading everything
      setProjectsWithSessions(prevProjects => {
        const updatedProjects = prevProjects.map(project => {
          if (project.id === newSession.projectId) {
            console.log('[ProjectTreeView] Adding session to project:', project.id, project.name);
            // Add the new session to this project
            return {
              ...project,
              sessions: [...project.sessions, newSession]
            };
          }
          return project;
        });
        
        // If no project was found, log a warning
        if (!updatedProjects.some(p => p.id === newSession.projectId)) {
          console.warn('[ProjectTreeView] No matching project found for session projectId:', newSession.projectId);
          console.log('[ProjectTreeView] Available projects:', prevProjects.map(p => ({ id: p.id, name: p.name })));
        }
        
        return updatedProjects;
      });
      
      // Auto-expand the project that contains the new session
      if (newSession.projectId) {
        setExpandedProjects(prev => new Set([...prev, newSession.projectId!]));
      }
    };
    
    const handleSessionUpdated = (updatedSession: Session) => {
      // Only reload if the create dialog is not open
      // This prevents the dialog from losing state during session updates