Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -916,9 +916,12 @@ const TutorialTasks: React.FC = () => {
         // Measure grid height and set spacer before refetch to keep layout height constant
         const gridEl = submissionsGridRefs.current[taskId];
         const containerEl = submissionsContainerRefs.current[taskId];
+        const cardEl = cardRefs.current[taskId];
         const preGridH = gridEl ? gridEl.getBoundingClientRect().height : 0;
         const preContH = containerEl ? containerEl.getBoundingClientRect().height : 0;
-        const preHeight = preGridH > 0 ? preGridH : preContH;
+        const preCardH = cardEl ? cardEl.getBoundingClientRect().height : 0;
+        const preHeight = preGridH > 0 ? preGridH : (preContH > 0 ? preContH : preCardH);
+        try { console.log('[Trace] Submit:preHeights', { taskId, preGridH, preContH, preCardH, chosen: preHeight }); } catch {}
         if (preHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: preHeight }));
         lastPreHeightRef.current[taskId] = preHeight;
         disableCompensationRef.current.add(taskId);
@@ -936,10 +939,12 @@ const TutorialTasks: React.FC = () => {
                 setSpacerHeights(prev => ({ ...prev, [taskId]: 0 }));
                 const afterGrid = submissionsGridRefs.current[taskId];
                 const afterCont = submissionsContainerRefs.current[taskId];
+                const afterCard = cardRefs.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 afterCardH = afterCard ? afterCard.getBoundingClientRect().height : 0;
+                const afterH = afterGridH > 0 ? afterGridH : (afterContH > 0 ? afterContH : afterCardH);
+                try { console.log('[Trace] Submit:unlockGate', { taskId, preHeight, afterH, afterGridH, afterContH, afterCardH }); } catch {}
                 const doUnlock = () => {
                   unlockListHeight();
                   unlockCardHeightById(taskId);
@@ -955,10 +960,12 @@ const TutorialTasks: React.FC = () => {
                   requestAnimationFrame(() => {
                     const afterGrid2 = submissionsGridRefs.current[taskId];
                     const afterCont2 = submissionsContainerRefs.current[taskId];
+                    const afterCard2 = cardRefs.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 {}
+                    const afterCardH2 = afterCard2 ? afterCard2.getBoundingClientRect().height : 0;
+                    const afterH2 = afterGridH2 > 0 ? afterGridH2 : (afterContH2 > 0 ? afterContH2 : afterCardH2);
+                    try { console.log('[Trace] Submit:unlockGate2', { taskId, preHeight, afterH2, afterGridH2, afterContH2, afterCardH2 }); } catch {}
                     if ((afterH2 || 0) > 0 && (afterH || 0) > 0 && Math.abs(afterH2 - afterH) <= 1) {
                       doUnlock();
                     } else {