Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -78,6 +78,8 @@ const TutorialTasks: React.FC = () => {
   const submissionsContainerRefs = useRef<{[key: string]: HTMLDivElement | null}>({});
   const withPreservedScroll = useRef<(fn: () => void) => void>();
   const pendingUnlocksRef = useRef<Set<string>>(new Set());
+  const lastPreHeightRef = useRef<{[key: string]: number}>({});
+  const disableCompensationRef = useRef<Set<string>>(new Set());
 
   const setGlobalAnchorDisabled = (disabled: boolean) => {
     try {
@@ -185,6 +187,14 @@ const TutorialTasks: React.FC = () => {
       fn();
       return;
     }
+    if (disableCompensationRef.current.has(taskId)) {
+      fn();
+      return;
+    }
+    if ((lastPreHeightRef.current[taskId] || 0) === 0) {
+      fn();
+      return;
+    }
     const el = cardRefs.current[taskId];
     const topBefore = el ? el.getBoundingClientRect().top : null;
     const scrollYBefore = window.scrollY;
@@ -910,6 +920,8 @@ const TutorialTasks: React.FC = () => {
         const preContH = containerEl ? containerEl.getBoundingClientRect().height : 0;
         const preHeight = preGridH > 0 ? preGridH : preContH;
         if (preHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: preHeight }));
+        lastPreHeightRef.current[taskId] = preHeight;
+        disableCompensationRef.current.add(taskId);
         withPreservedCardOffset(taskId, () => {
           React.startTransition(() => {
             setTranslationText({ ...translationText, [taskId]: '' });
@@ -934,8 +946,9 @@ const TutorialTasks: React.FC = () => {
                   unlockGridHeightById(taskId);
                   pendingUnlocksRef.current.delete(taskId);
                   if (isSafari) { unfreezeScroll(); }
+                  disableCompensationRef.current.delete(taskId);
                 };
-                if (Math.abs((afterH || 0) - (preHeight || 0)) <= 1) {
+                if ((afterH || 0) > 0 && (preHeight || 0) > 0 && Math.abs(afterH - preHeight) <= 1) {
                   doUnlock();
                 } else {
                   // Gate one more frame for Safari layout to settle
@@ -946,7 +959,13 @@ const TutorialTasks: React.FC = () => {
                     const afterContH2 = afterCont2 ? afterCont2.getBoundingClientRect().height : 0;
                     const afterH2 = afterGridH2 > 0 ? afterGridH2 : afterContH2;
                     try { console.log('[Trace] Submit:unlockGate2', { taskId, preHeight, afterH2 }); } catch {}
-                    doUnlock();
+                    if ((afterH2 || 0) > 0 && (afterH || 0) > 0 && Math.abs(afterH2 - afterH) <= 1) {
+                      doUnlock();
+                    } else {
+                      // Fallback: still unlock to prevent permanent lock, but note trace
+                      try { console.log('[Trace] Submit:unlockFallback', { taskId, preHeight, afterH, afterH2 }); } catch {}
+                      doUnlock();
+                    }
                   });
                 }
               });
@@ -959,6 +978,7 @@ const TutorialTasks: React.FC = () => {
                 unlockGridHeightById(taskId);
                 pendingUnlocksRef.current.delete(taskId);
                 if (isSafari) { unfreezeScroll(); }
+                disableCompensationRef.current.delete(taskId);
               });
             });
           });