Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -53,6 +53,7 @@ const Refinity: React.FC = () => {
   const [addingSourceUploading, setAddingSourceUploading] = React.useState<boolean>(false);
   const [taskMenuOpen, setTaskMenuOpen] = React.useState<boolean>(false);
   const [pastedTranslation, setPastedTranslation] = React.useState<string>('');
+  const [taskStageNote, setTaskStageNote] = React.useState<string>('');
 
   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]);
@@ -150,7 +151,7 @@ const Refinity: React.FC = () => {
 
   const assignRandom = () => {
     const pool = taskVersions.filter(v => (v.originalAuthor !== username && v.revisedBy !== username));
-    if (!pool.length) return;
+    if (!pool.length) { setTaskStageNote('No eligible translations to revise yet. Try Manual Selection or add a translation.'); return; }
     const pick = pool[Math.floor(Math.random() * pool.length)];
     setCurrentVersionId(pick.id);
     setStage('editor');
@@ -177,21 +178,37 @@ const Refinity: React.FC = () => {
     setStage('editor');
   };
 
-  const handleSaveRevision = (newContent: string) => {
+  const handleSaveRevision = async (newContent: string) => {
     const parent = taskVersions.find(v => v.id === currentVersionId);
-    const nextVersionNumber = (taskVersions[taskVersions.length - 1]?.versionNumber || 0) + 1;
-    const v: Version = {
-      id: `v_${Date.now()}`,
-      taskId: task?.id || 't1',
-      originalAuthor: parent?.originalAuthor || username,
-      revisedBy: username,
-      versionNumber: nextVersionNumber,
-      content: newContent,
-      parentVersionId: parent?.id,
-    };
-    setVersions(prev => [...prev, v]);
-    setCurrentVersionId(v.id);
-    setStage('flow');
+    try {
+      const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+      const resp = await fetch(`${base}/api/refinity/tasks/${encodeURIComponent(task?.id || '')}/versions`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          originalAuthor: parent?.originalAuthor || username,
+          revisedBy: username,
+          content: newContent,
+          parentVersionId: parent?.id,
+        })
+      });
+      const saved = await resp.json().catch(()=>({}));
+      if (!resp.ok) throw new Error(saved?.error || 'Save failed');
+      const v: 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, v]);
+      setCurrentVersionId(v.id);
+      setStage('flow');
+    } catch {
+      // no-op; keep user in editor if needed
+    }
   };
 
   return (
@@ -258,8 +275,8 @@ const Refinity: React.FC = () => {
             </div>
           </div>
 
-          <div className="mt-8 flex gap-3">
-            <button onClick={assignRandom} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">
+          <div className="mt-8 flex gap-3 items-center flex-wrap">
+            <button onClick={assignRandom} disabled={!taskVersions.some(v=>v.originalAuthor!==username && v.revisedBy!==username)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 disabled:bg-gray-400 active:translate-y-0.5 transition-all duration-200">
               <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
               <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
               <span className="relative z-10">Random Mode</span>
@@ -276,6 +293,7 @@ const Refinity: React.FC = () => {
               <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
               <span className="relative z-10">New Task</span>
             </button>
+            {taskStageNote && <span className="text-sm text-gray-600 ml-2">{taskStageNote}</span>}
           </div>
 
           {showAddTask && (
@@ -351,7 +369,7 @@ const Refinity: React.FC = () => {
                           <button onClick={()=>{ setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">
                             <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
                             <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
-                            <span className="relative z-10">Preview</span>
+                            <span className="relative z-10">Full Text</span>
                           </button>
                           <button onClick={()=>selectManual(v.id)} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">
                             <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />