Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -176,6 +176,8 @@ const Refinity: React.FC = () => {
       return String(params.get('taskId') || '');
     } catch { return ''; }
   });
+  // Track user-initiated task selections to prevent effect from overriding them
+  const userSelectedTaskIdRef = React.useRef<string | null>(null);
   const [versions, setVersions] = React.useState<Version[]>([]);
   const [currentVersionId, setCurrentVersionId] = React.useState<string | null>(() => {
     try {
@@ -345,36 +347,35 @@ const Refinity: React.FC = () => {
           const cached = JSON.parse(sessionStorage.getItem(TASKS_CACHE_KEY) || '[]');
           if (Array.isArray(cached) && cached.length && tasks.length === 0) {
             setTasks(cached);
-            if (!selectedTaskId) {
+            // Use a function to get current selectedTaskId to avoid stale closure
+            setSelectedTaskId(prev => {
+              if (prev) return prev; // Don't override if already set
               const initTaskId = initialRouteRef.current?.taskId;
               const isTutorial = getTutorialMode();
               if (initTaskId && cached.some((t:any)=>t.id===initTaskId)) {
-                setSelectedTaskId(initTaskId);
                 if (isTutorial) {
                   const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
                   if (weekNumber > 0) {
                     localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, initTaskId);
                   }
                 }
+                return initTaskId;
               } else if (cached.length) {
                 if (isTutorial) {
                   const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
                   if (weekNumber > 0) {
                     const savedTaskId = localStorage.getItem(`tutorial_selected_task_week_${weekNumber}`);
                     if (savedTaskId && cached.some((t:any)=>t.id===savedTaskId)) {
-                      setSelectedTaskId(savedTaskId);
+                      return savedTaskId;
                     } else {
-                      setSelectedTaskId(cached[0].id);
                       localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, cached[0].id);
                     }
-                  } else {
-                    setSelectedTaskId(cached[0].id);
                   }
-                } else {
-                  setSelectedTaskId(cached[0].id);
                 }
+                return cached[0].id;
               }
-            }
+              return prev;
+            });
           }
         } catch {}
         // In tutorial mode, include weekNumber in query
@@ -406,45 +407,49 @@ const Refinity: React.FC = () => {
         setTasks(normalized);
         try { sessionStorage.setItem(TASKS_CACHE_KEY, JSON.stringify(normalized)); } catch {}
         // Apply initial route task selection if available
-        const initTaskId = initialRouteRef.current?.taskId;
-        if (normalized.length) {
-          if (initTaskId && normalized.some(t => t.id === initTaskId)) {
-            setSelectedTaskId(initTaskId);
-            if (currentTutorialMode) {
-              const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
-              if (weekNumber > 0) {
-                localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, initTaskId);
-              }
-            }
-          } else if (!selectedTaskId) {
-            // In tutorial mode, try to restore from localStorage
-            if (currentTutorialMode) {
-              const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
-              if (weekNumber > 0) {
-                const savedTaskId = localStorage.getItem(`tutorial_selected_task_week_${weekNumber}`);
-                if (savedTaskId && normalized.some(t => t.id === savedTaskId)) {
-                  setSelectedTaskId(savedTaskId);
-                } else {
-                  setSelectedTaskId(normalized[0].id);
-                  localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, normalized[0].id);
+        // Use functional update to get current state and avoid overriding user selections
+        setSelectedTaskId(prev => {
+          // Don't override if user just selected a task
+          const currentUserSelection = userSelectedTaskIdRef.current;
+          if (currentUserSelection && normalized.some(t => t.id === currentUserSelection)) {
+            return currentUserSelection;
+          }
+          // If current selection is valid, keep it
+          if (prev && normalized.some(t => t.id === prev)) {
+            return prev;
+          }
+          // Otherwise, set initial selection
+          const initTaskId = initialRouteRef.current?.taskId;
+          if (normalized.length) {
+            if (initTaskId && normalized.some(t => t.id === initTaskId)) {
+              if (currentTutorialMode) {
+                const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
+                if (weekNumber > 0) {
+                  localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, initTaskId);
                 }
-              } else {
-                setSelectedTaskId(normalized[0].id);
               }
+              return initTaskId;
             } else {
-              setSelectedTaskId(normalized[0].id);
-            }
-          } else if (currentTutorialMode && selectedTaskId && normalized.some(t => t.id === selectedTaskId)) {
-            // Persist selected task in tutorial mode
-            const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
-            if (weekNumber > 0) {
-              localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, selectedTaskId);
+              // In tutorial mode, try to restore from localStorage
+              if (currentTutorialMode) {
+                const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
+                if (weekNumber > 0) {
+                  const savedTaskId = localStorage.getItem(`tutorial_selected_task_week_${weekNumber}`);
+                  if (savedTaskId && normalized.some(t => t.id === savedTaskId)) {
+                    return savedTaskId;
+                  } else {
+                    localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, normalized[0].id);
+                  }
+                }
+              }
+              return normalized[0].id;
             }
           }
-        }
+          return prev;
+        });
       } catch {}
     })();
-  }, [getApiBase, TASKS_CACHE_KEY, selectedTaskId, tasks.length, getTutorialMode]);
+  }, [getApiBase, TASKS_CACHE_KEY, tasks.length, getTutorialMode]);
 
   // Load versions when task changes
   React.useEffect(() => {
@@ -1110,7 +1115,21 @@ const Refinity: React.FC = () => {
                     <ul className="relative max-h-64 overflow-auto text-sm">
                       {tasks.map(t => (
                         <li key={t.id}>
-                          <button type="button" onClick={()=>{ setSelectedTaskId(t.id); setTaskMenuOpen(false); }} className={`w-full text-left px-3 py-1.5 text-gray-900 hover:bg-white/30 ${selectedTaskId===t.id ? 'bg-indigo-600/20' : ''}`}>{t.title}</button>
+                          <button type="button" onClick={()=>{ 
+                            userSelectedTaskIdRef.current = t.id;
+                            setSelectedTaskId(t.id);
+                            setTaskMenuOpen(false);
+                            // Persist user selection to localStorage in tutorial mode
+                            try {
+                              const isTutorial = localStorage.getItem('refinityMode') === 'tutorial';
+                              if (isTutorial) {
+                                const weekNumber = parseInt(localStorage.getItem('tutorialWeekNumber') || '0');
+                                if (weekNumber > 0) {
+                                  localStorage.setItem(`tutorial_selected_task_week_${weekNumber}`, t.id);
+                                }
+                              }
+                            } catch {}
+                          }} className={`w-full text-left px-3 py-1.5 text-gray-900 hover:bg-white/30 ${selectedTaskId===t.id ? 'bg-indigo-600/20' : ''}`}>{t.title}</button>
                         </li>
                       ))}
                       {tasks.length===0 && (