Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -26,8 +26,8 @@ const mockTasks: Task[] = [
 
 const Refinity: React.FC = () => {
   const [stage, setStage] = React.useState<Stage>('task');
-  const [tasks, setTasks] = React.useState<Task[]>(mockTasks);
-  const [selectedTaskId, setSelectedTaskId] = React.useState<string>(mockTasks[0]?.id || '');
+  const [tasks, setTasks] = React.useState<Task[]>([]);
+  const [selectedTaskId, setSelectedTaskId] = React.useState<string>('');
   const [versions, setVersions] = React.useState<Version[]>([]);
   const [currentVersionId, setCurrentVersionId] = React.useState<string | null>(null);
   const [username] = React.useState<string>(() => {
@@ -53,6 +53,34 @@ const Refinity: React.FC = () => {
 
   const task = React.useMemo(() => tasks.find(t => t.id === selectedTaskId) || tasks[0], [tasks, selectedTaskId]);
   const taskVersions = React.useMemo(() => versions.filter(v => v.taskId === (task?.id || '')), [versions, task?.id]);
+  // Load tasks
+  React.useEffect(() => {
+    (async () => {
+      try {
+        const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+        const resp = await fetch(`${base}/api/refinity/tasks`);
+        const data: any[] = await resp.json().catch(()=>[]);
+        const normalized: Task[] = Array.isArray(data) ? data.map(d => ({ id: d._id, title: d.title, sourceText: d.sourceText })) : [];
+        setTasks(normalized);
+        if (normalized.length && !selectedTaskId) setSelectedTaskId(normalized[0].id);
+      } catch {}
+    })();
+  }, []);
+
+  // Load versions when task changes
+  React.useEffect(() => {
+    (async () => {
+      if (!task?.id) { setVersions([]); return; }
+      try {
+        const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+        const resp = await fetch(`${base}/api/refinity/tasks/${encodeURIComponent(task.id)}/versions`);
+        const data: any[] = await resp.json().catch(()=>[]);
+        const normalized: Version[] = Array.isArray(data) ? data.map(d => ({ id: d._id, taskId: d.taskId, originalAuthor: d.originalAuthor, revisedBy: d.revisedBy, versionNumber: d.versionNumber, content: d.content, parentVersionId: d.parentVersionId })) : [];
+        setVersions(normalized);
+        setCurrentVersionId(normalized.length ? normalized[normalized.length-1].id : null);
+      } catch { setVersions([]); }
+    })();
+  }, [task?.id]);
 
   const focusedIndex = React.useMemo(() => {
     const idx = taskVersions.findIndex(v => v.id === currentVersionId);
@@ -69,15 +97,12 @@ const Refinity: React.FC = () => {
       const data = await resp.json().catch(()=>({}));
       if (!resp.ok) throw new Error(data?.error || 'Failed to parse document');
       const baseText = String(data?.text || '').trim() || `Uploaded translation by ${username}`;
-      const nextVersionNumber = (taskVersions[taskVersions.length - 1]?.versionNumber || 0) + 1;
-      const newVersion: Version = {
-        id: `v_${Date.now()}`,
-        taskId: task?.id || 't1',
-        originalAuthor: username,
-        revisedBy: undefined,
-        versionNumber: nextVersionNumber,
-        content: baseText,
-      };
+      // Persist as new version
+      const base2 = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+      const resp2 = await fetch(`${base2}/api/refinity/tasks/${encodeURIComponent(task?.id || '')}/versions`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ originalAuthor: username, revisedBy: undefined, content: baseText }) });
+      const saved = await resp2.json().catch(()=>({}));
+      if (!resp2.ok) throw new Error(saved?.error || 'Failed to save version');
+      const newVersion: Version = { id: saved._id, taskId: saved.taskId, originalAuthor: saved.originalAuthor, revisedBy: saved.revisedBy, versionNumber: saved.versionNumber, content: saved.content, parentVersionId: saved.parentVersionId };
       setVersions(prev => [...prev, newVersion]);
       setCurrentVersionId(newVersion.id);
       setStage('flow');
@@ -101,17 +126,23 @@ const Refinity: React.FC = () => {
     }
   };
 
-  const saveNewTask = () => {
+  const saveNewTask = async () => {
     const title = newTaskTitle.trim();
     const src = newTaskSource.trim();
     if (!title || !src) return;
-    const id = `t_${Date.now()}`;
-    const t: Task = { id, title, sourceText: src };
-    setTasks(prev => [...prev, t]);
-    setSelectedTaskId(id);
-    setShowAddTask(false);
-    setNewTaskTitle('');
-    setNewTaskSource('');
+    try {
+      const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+      const body = { title, sourceText: src, createdBy: username };
+      const resp = await fetch(`${base}/api/refinity/tasks`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+      const saved = await resp.json().catch(()=>({}));
+      if (!resp.ok) throw new Error(saved?.error || 'Save failed');
+      const t: Task = { id: saved._id, title: saved.title, sourceText: saved.sourceText };
+      setTasks(prev => [...prev, t]);
+      setSelectedTaskId(t.id);
+      setShowAddTask(false);
+      setNewTaskTitle('');
+      setNewTaskSource('');
+    } catch {}
   };
 
   const assignRandom = () => {
@@ -159,8 +190,7 @@ const Refinity: React.FC = () => {
       {stage === 'task' && (
         <div>
           <div className="mb-6">
-            <h2 className="text-2xl font-semibold text-black">Refinity</h2>
-            <p className="text-gray-700">Infinite peer-based translation revision</p>
+            <p className="text-gray-700">A peer-based revision platform.</p>
           </div>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-end">
             <div className="md:col-span-1">