Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -51,6 +51,7 @@ const Refinity: React.FC = () => {
   const addTaskFileRef = React.useRef<HTMLInputElement | null>(null);
   const [addingSourceUploading, setAddingSourceUploading] = React.useState<boolean>(false);
   const [taskMenuOpen, setTaskMenuOpen] = React.useState<boolean>(false);
+  const [pastedTranslation, setPastedTranslation] = 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]);
@@ -154,6 +155,22 @@ const Refinity: React.FC = () => {
     setStage('editor');
   };
 
+  const submitPastedTranslation = async () => {
+    const text = (pastedTranslation || '').trim();
+    if (!text) return;
+    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: username, revisedBy: undefined, content: text }) });
+      const saved = await resp.json().catch(()=>({}));
+      if (!resp.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);
+      setPastedTranslation('');
+      setStage('flow');
+    } catch {}
+  };
+
   const selectManual = (id: string) => {
     setCurrentVersionId(id);
     setStage('editor');
@@ -230,6 +247,13 @@ const Refinity: React.FC = () => {
                 </button>
                 {uploading && <span className="text-sm text-gray-600">Uploading…</span>}
               </div>
+              <div className="mt-4">
+                <label className="block text-sm text-gray-700 mb-1">Or paste translation</label>
+                <textarea value={pastedTranslation} onChange={(e)=>setPastedTranslation(e.target.value)} rows={3} className="relative z-10 w-full px-4 py-3 border border-ui-border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 bg-white" placeholder="Paste translation text here…" />
+                <div className="mt-2">
+                  <button onClick={submitPastedTranslation} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 py-1.5 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">Use pasted text</button>
+                </div>
+              </div>
             </div>
           </div>