Upload folder using huggingface_hub

client/src/pages/TutorialTasks.tsx

@@ -186,7 +186,10 @@ const TutorialTasks: React.FC = () => {
       const topAfter = el ? el.getBoundingClientRect().top : null;
       if (topBefore !== null && topAfter !== null) {
         const delta = topAfter - topBefore;
-        if (delta !== 0) window.scrollBy(0, delta);
+        if (delta !== 0) {
+          try { console.debug('[ScrollPreserve]', { taskId, delta, topBefore, topAfter, scrollYBefore }); } catch {}
+          window.scrollBy(0, delta);
+        }
       } else {
         window.scrollTo(0, scrollYBefore);
       }
@@ -867,6 +870,7 @@ const TutorialTasks: React.FC = () => {
       setSubmitting({ ...submitting, [taskId]: true });
       });
       const user = JSON.parse(localStorage.getItem('user') || '{}');
+      const t0 = performance.now();
       const response = await new Promise((resolve) => requestAnimationFrame(async () => {
         const res = await api.post('/api/submissions', {
         sourceTextId: taskId,
@@ -877,6 +881,7 @@ const TutorialTasks: React.FC = () => {
       });
         resolve(res);
       })) as any;
+      try { console.debug('[Submit]', { taskId, dt: Math.round(performance.now() - t0) }); } catch {}
 
       if (response.status >= 200 && response.status < 300) {
         const created = response.data;
@@ -911,10 +916,10 @@ const TutorialTasks: React.FC = () => {
           });
         });
       } else {
-        console.error('Failed to submit translation:', response.data);
+        console.error('[Submit][Error]', response.data);
       }
     } catch (error) {
-      console.error('Error submitting translation:', error);
+      console.error('[Submit][Exception]', error);
       
     } finally {
       withPreservedCardOffset(taskId, () => {
@@ -981,9 +986,11 @@ const TutorialTasks: React.FC = () => {
       if (taskId) setMutatingTaskId(taskId);
       if (isSafari) { freezeScroll(); }
       lockListHeight();
+      const t0 = performance.now();
       const response = await api.delete(`/api/submissions/${submissionId}`);
 
       if (response.status === 200) {
+        try { console.debug('[Delete]', { taskId, submissionId, dt: Math.round(performance.now() - t0) }); } catch {}
   
         // Optimistic removal (disabled on Safari to prevent multi-phase jumps)
         if (taskId && !isSafari) {
@@ -1020,7 +1027,7 @@ const TutorialTasks: React.FC = () => {
 
       }
     } catch (error) {
-      console.error('Error deleting submission:', error);
+      console.error('[Delete][Exception]', error);
 
     }
     // let DOM settle then unlock (both list and card if id known)
@@ -2324,7 +2331,7 @@ const TutorialTasks: React.FC = () => {
                       expandedSections[task._id] 
                         ? 'max-h-none overflow-visible' 
                         : 'max-h-0 overflow-hidden'
-                    }`}>
+                    }`} data-grid-id={task._id}>
                       {userSubmissions[task._id].map((submission, index) => (
                         <div key={submission._id} className="bg-white rounded-lg p-3 border border-stone-200 flex flex-col justify-between h-full">
                           <div className="flex items-center justify-between mb-2">