Function handleDeleteFolder

frontend/src/components/DraggableProjectTreeView.tsx:898–998

(folder: Folder, projectId: number)

  );

  const handleDeleteFolder = async (folder: Folder, projectId: number) => {
    // Check if folder has sessions
    const project = projectsWithSessions.find(p => p.id === projectId);
    if (!project) return;
    
    const folderSessions = project.sessions.filter(s => s.folderId === folder.id);
    
    // Show confirmation dialog
    const message = folderSessions.length > 0
      ? `Delete folder "${folder.name}" and permanently delete ${folderSessions.length} session${folderSessions.length > 1 ? 's' : ''} inside it? This action cannot be undone.`
      : `Delete empty folder "${folder.name}"?`;
    
    const confirmed = window.confirm(message);
    
    if (confirmed) {
      try {
        // First, delete all sessions in the folder
        if (folderSessions.length > 0) {
          console.log(`Deleting ${folderSessions.length} sessions in folder "${folder.name}"`);
          
          // Mark all sessions as deleting to prevent individual delete operations
          const sessionIds = folderSessions.map(s => s.id);
          useSessionStore.getState().setDeletingSessionIds(sessionIds);
          
          // Delete each session
          for (const session of folderSessions) {
            try {
              const sessionResponse = await API.sessions.delete(session.id);
              if (!sessionResponse.success) {
                throw new Error(`Failed to delete session "${session.name}": ${sessionResponse.error}`);
              }
              console.log(`Deleted session: ${session.name}`);
            } catch (error: unknown) {
              console.error(`Error deleting session ${session.name}:`, error);
              showError({
                title: `Failed to delete session "${session.name}"`,
                error: error instanceof Error ? error.message : 'Unknown error occurred'
              });
              // Clear deleting state and stop the operation if a session fails to delete
              useSessionStore.getState().clearDeletingSessionIds();
              return;
            }
          }
          
          // Update local state to remove deleted sessions
          setProjectsWithSessions(prev => prev.map(p => {
            if (p.id === projectId) {
              const updatedSessions = p.sessions.filter(s => !folderSessions.some(fs => fs.id === s.id));
              return { ...p, sessions: updatedSessions };
            }
            return p;
          }));
          
          // Clear active session if it was one of the deleted sessions
          const activeSessionId = useSessionStore.getState().activeSessionId;
          if (activeSessionId && folderSessions.some(s => s.id === activeSessionId)) {
            useSessionStore.getState().setActiveSession(null);
          }