Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -857,24 +857,11 @@ const TutorialTasks: React.FC = () => {
           return { ...prev, [taskId]: next };
         });
 
-        // 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 gridHeight = gridEl ? gridEl.getBoundingClientRect().height : 0;
-        if (gridHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: gridHeight }));
+        // Defer only local state clears; skip refetch to avoid DOM churn
         withPreservedCardOffset(taskId, () => {
           React.startTransition(() => {
             setTranslationText({ ...translationText, [taskId]: '' });
             setSelectedGroups({ ...selectedGroups, [taskId]: 0 });
-            // Narrow refetch: only this task's submissions
-            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 })));
-            }).catch(() => {
-              requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
-            });
           });
         });
       } else {
@@ -954,27 +941,10 @@ const TutorialTasks: React.FC = () => {
           });
         }
 
-        // Defer refetch to prevent UI jumping and preserve scroll around DOM updates
+        // Skip refetch entirely to avoid layout churn; UI already updated optimistically
         if (taskId) lockCardHeightById(taskId);
         withPreservedCardOffset(taskId || '', () => {
-          React.startTransition(() => {
-            // Narrow refetch: only this task's submissions
-            if (taskId) {
-              const gridEl = submissionsGridRefs.current[taskId];
-              const gridHeight = gridEl ? gridEl.getBoundingClientRect().height : 0;
-              if (gridHeight > 0) setSpacerHeights(prev => ({ ...prev, [taskId]: gridHeight }));
-              api.get(`/api/submissions/by-source/${taskId}`).then(r => {
-                const list = (r.data && r.data.submissions) || [];
-                setUserSubmissions(prev => ({ ...prev, [taskId]: list }));
-                requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
-              }).catch(() => {
-                requestAnimationFrame(() => setSpacerHeights(prev => ({ ...prev, [taskId]: 0 })));
-              });
-            } else {
-              // Fallback
-              requestAnimationFrame(() => requestAnimationFrame(() => fetchUserSubmissions(tutorialTasks)));
-            }
-          });
+          React.startTransition(() => {});
         });
       } else {