Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -296,6 +296,7 @@ const TutorialTasks: React.FC = () => {
   const [selectedGroups, setSelectedGroups] = useState<{[key: string]: number}>({});
   
   const GroupDocSection: React.FC<{ weekNumber: number }> = ({ weekNumber }) => {
+    const containerRef = useRef<HTMLDivElement | null>(null);
     const [group, setGroup] = useState<number>(() => {
       const saved = localStorage.getItem(`tutorial_group_${weekNumber}`);
       return saved ? parseInt(saved) : 1;
@@ -308,6 +309,7 @@ const TutorialTasks: React.FC = () => {
     const viewMode = (localStorage.getItem('viewMode') || 'auto');
     const actualRole = (JSON.parse(localStorage.getItem('user') || '{}').role);
     const isAdmin = viewMode === 'student' ? false : actualRole === 'admin';
+    const isDocsFetchInFlightRef = useRef(false);
 
     const CopySquaresIcon: React.FC<{ className?: string }> = ({ className }) => (
       <svg className={className || 'h-4 w-4'} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.5" xmlns="http://www.w3.org/2000/svg">
@@ -324,11 +326,18 @@ const TutorialTasks: React.FC = () => {
           setTimeout(() => { if (!mutatingTaskId) loadDocs(); }, 400);
           return;
         }
+        if (isDocsFetchInFlightRef.current) {
+          try { console.log('[Trace] Docs:skipInFlight', { weekNumber }); } catch {}
+          return;
+        }
+        isDocsFetchInFlightRef.current = true;
         try { console.log('[Trace] Docs:fetch', { weekNumber }); } catch {}
         const resp = await api.get(`/api/docs/list?weekNumber=${weekNumber}`);
         setDocs(resp.data?.docs || []);
       } catch (e) {
         setDocs([]);
+      } finally {
+        isDocsFetchInFlightRef.current = false;
       }
     }, [weekNumber, mutatingTaskId]);
 
@@ -366,8 +375,25 @@ const TutorialTasks: React.FC = () => {
       } catch {}
     };
 
+    useEffect(() => {
+      const el = containerRef.current;
+      if (!el) return;
+      if (mutatingTaskId) {
+        const h = el.getBoundingClientRect().height;
+        try { console.log('[Trace] Docs:lockHeight', { h }); } catch {}
+        el.style.minHeight = `${h}px`;
+        el.style.height = `${h}px`;
+        el.style.overflow = 'hidden';
+      } else {
+        el.style.minHeight = '';
+        el.style.height = '';
+        el.style.overflow = '';
+        try { console.log('[Trace] Docs:unlockHeight'); } catch {}
+      }
+    }, [mutatingTaskId]);
+
     return (
-      <div>
+      <div ref={containerRef}>
         {/* Top control row */}
         {isAdmin && (
           <div className="mb-4 max-w-2xl">