Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -931,75 +931,33 @@ const TutorialTasks: React.FC = () => {
         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 }));
+        if (!isSafari && preHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: preHeight }));
         lastPreHeightRef.current[taskId] = preHeight;
         disableCompensationRef.current.add(taskId);
         withPreservedCardOffset(taskId, () => {
           React.startTransition(() => {
             setTranslationText({ ...translationText, [taskId]: '' });
             setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
-            // Narrow refetch: only this task's submissions
+          });
+          if (!isSafari) {
+            // Narrow refetch immediately for non-Safari
             pendingUnlocksRef.current.add(taskId);
             api.get(`/api/submissions/by-source/${taskId}`).then(r => {
               const list = (r.data && r.data.submissions) || [];
               setUserSubmissions(prev => ({ ...prev, [taskId]: list }));
-              // Release spacer one frame after list update to avoid jump
-              requestAnimationFrame(() => {
-                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 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);
-                  unlockGridHeightById(taskId);
-                  unlockContainerHeightById(taskId);
-                  pendingUnlocksRef.current.delete(taskId);
-                  if (isSafari) { unfreezeScroll(); }
-                  disableCompensationRef.current.delete(taskId);
-                };
-        if ((afterH || 0) > 0 && (preHeight || 0) > 0 && Math.abs(afterH - preHeight) <= 1) {
-                  doUnlock();
-                } else {
-                  // Gate one more frame for Safari layout to settle
-                  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 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 && (preHeight || 0) > 0 && Math.abs(afterH2 - preHeight) <= 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();
-                    }
-                  });
-                }
-              });
+              requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
             }).catch(() => {
-              requestAnimationFrame(() => {
-                setSpacerHeights(prev => ({ ...prev, [taskId]: 0 }));
-                // On error, unlock now
-                unlockListHeight();
-                unlockCardHeightById(taskId);
-                unlockGridHeightById(taskId);
-                unlockContainerHeightById(taskId);
-                pendingUnlocksRef.current.delete(taskId);
-                if (isSafari) { unfreezeScroll(); }
-                disableCompensationRef.current.delete(taskId);
-              });
+              requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
             });
-          });
+          } else {
+            // Safari: delay refetch until after unlock to avoid visible reflow
+            setTimeout(() => {
+              api.get(`/api/submissions/by-source/${taskId}`).then(r => {
+                const list = (r.data && r.data.submissions) || [];
+                setUserSubmissions(prev => ({ ...prev, [taskId]: list }));
+              }).catch(() => {});
+            }, 300);
+          }
         });
       } else {
         console.error('[Trace] Submit:Error', response.data);