Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -905,7 +905,10 @@ const TutorialTasks: React.FC = () => {
         // Defer state updates and minimal refetch
         // Measure grid height and set spacer before refetch to keep layout height constant
         const gridEl = submissionsGridRefs.current[taskId];
-        const preHeight = gridEl ? gridEl.getBoundingClientRect().height : 0;
+        const containerEl = submissionsContainerRefs.current[taskId];
+        const preGridH = gridEl ? gridEl.getBoundingClientRect().height : 0;
+        const preContH = containerEl ? containerEl.getBoundingClientRect().height : 0;
+        const preHeight = preGridH > 0 ? preGridH : preContH;
         if (preHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: preHeight }));
         withPreservedCardOffset(taskId, () => {
           React.startTransition(() => {
@@ -919,8 +922,11 @@ const TutorialTasks: React.FC = () => {
               // Release spacer one frame after list update to avoid jump
               requestAnimationFrame(() => {
                 setSpacerHeights(prev => ({ ...prev, [taskId]: 0 }));
-                const afterEl = submissionsGridRefs.current[taskId];
-                const afterH = afterEl ? afterEl.getBoundingClientRect().height : 0;
+                const afterGrid = submissionsGridRefs.current[taskId];
+                const afterCont = submissionsContainerRefs.current[taskId];
+                const afterGridH = afterGrid ? afterGrid.getBoundingClientRect().height : 0;
+                const afterContH = afterCont ? afterCont.getBoundingClientRect().height : 0;
+                const afterH = afterGridH > 0 ? afterGridH : afterContH;
                 try { console.log('[Trace] Submit:unlockGate', { taskId, preHeight, afterH }); } catch {}
                 const doUnlock = () => {
                   unlockListHeight();
@@ -934,8 +940,11 @@ const TutorialTasks: React.FC = () => {
                 } else {
                   // Gate one more frame for Safari layout to settle
                   requestAnimationFrame(() => {
-                    const afterEl2 = submissionsGridRefs.current[taskId];
-                    const afterH2 = afterEl2 ? afterEl2.getBoundingClientRect().height : 0;
+                    const afterGrid2 = submissionsGridRefs.current[taskId];
+                    const afterCont2 = submissionsContainerRefs.current[taskId];
+                    const afterGridH2 = afterGrid2 ? afterGrid2.getBoundingClientRect().height : 0;
+                    const afterContH2 = afterCont2 ? afterCont2.getBoundingClientRect().height : 0;
+                    const afterH2 = afterGridH2 > 0 ? afterGridH2 : afterContH2;
                     try { console.log('[Trace] Submit:unlockGate2', { taskId, preHeight, afterH2 }); } catch {}
                     doUnlock();
                   });