Function handleSessionCreated

frontend/src/components/DraggableProjectTreeView.tsx:276–376

(newSession: Session)

    
    // Set up event listeners for session updates with targeted updates
    const handleSessionCreated = (newSession: Session) => {
      
      if (!newSession.projectId) {
        console.warn('[DraggableProjectTreeView] Session created without projectId, cannot add to tree');
        // Instead of reloading everything, just skip this session
        return;
      }
      
      // Check if this session belongs to a folder that might not exist yet
      if (newSession.folderId) {
        const project = projectsWithSessions.find(p => p.id === newSession.projectId);
        const folderExists = project?.folders?.some(f => f.id === newSession.folderId);
        
        if (!folderExists) {
          // If the folder doesn't exist in our local state, we need to refresh the data
          // This can happen when multiple sessions are created quickly in a new folder
          console.log('[DraggableProjectTreeView] Folder not found for new session, reloading project data');
          loadProjectsWithSessions();
          return;
        }
      }
      
      // Add the new session to the appropriate project without reloading everything
      setProjectsWithSessions(prevProjects => {
        const updatedProjects = prevProjects.map(project => {
          if (project.id === newSession.projectId) {
            // Add the new session to this project
            const updatedProject = {
              ...project,
              sessions: [...project.sessions, newSession]
            };
            return updatedProject;
          }
          return project;
        });
        
        // If no project was found, log a warning
        if (!updatedProjects.some(p => p.id === newSession.projectId)) {
          console.warn('[DraggableProjectTreeView] No matching project found for session projectId:', newSession.projectId);
        }
        
        return updatedProjects;
      });
      
      // Auto-expand the project that contains the new session (immediate for all sessions)
      if (newSession.projectId) {
        console.log('[DraggableProjectTreeView] Immediately expanding project:', newSession.projectId);
        setExpandedProjects(prev => {
          const newSet = new Set([...prev, newSession.projectId!]);
          console.log('[DraggableProjectTreeView] Expanded projects now:', Array.from(newSet));
          return newSet;
        });
      }
      
      // If the session has a folderId, auto-expand that folder too (immediate for all sessions)
      if (newSession.folderId) {
        console.log('[DraggableProjectTreeView] Immediately expanding folder:', newSession.folderId);
        setExpandedFolders(prev => {