Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -235,10 +235,8 @@ const Refinity: React.FC = () => {
       setSelectedTaskId(randTask.id);
       setVersions(vers);
       setCurrentVersionId(pick.id);
-      // Push selected version’s parent content for better preview compare
-      (pick as any).parentContent = (vers.find(v => v.id === pick.parentVersionId)?.content) || '';
-      // Move immediately to editor
-      setStage('editor');
+      // Ensure EditorPane receives correct initial translation by waiting one tick
+      setTimeout(() => setStage('editor'), 0);
     } catch {
       setTaskStageNote('Random pick failed. Please try again.');
     }
@@ -827,8 +825,8 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
         <div className="w-1/2">
           <div className="mb-2 text-gray-700 text-sm">Source</div>
           <div className="relative rounded-lg">
-            <div className="absolute inset-0 rounded-lg bg-[linear-gradient(180deg,#f8fafc_0%,#ffffff_60%,#eef2ff_100%)]" />
-            <div ref={sourceRef} className="relative rounded-lg bg-white/80 backdrop-blur-sm ring-1 ring-inset ring-indigo-100 shadow-sm p-4 min-h-[420px] whitespace-pre-wrap text-gray-900">
+            <div className="absolute inset-0 rounded-lg bg-[linear-gradient(180deg,#eef2ff_0%,#ffffff_40%,#e0e7ff_100%)]" />
+            <div ref={sourceRef} className="relative rounded-lg bg-white/85 backdrop-blur-md ring-1 ring-inset ring-indigo-200 shadow p-4 min-h-[420px] whitespace-pre-wrap text-gray-900">
               {source}
             </div>
           </div>
@@ -847,7 +845,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
           />
           <div className="mt-4 flex gap-3 relative">
             <button onClick={save} disabled={saving} 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">{saving? 'Saving…':'Save'}</button>
-            <div className="relative">
+            <div className="relative inline-block">
               <button onClick={(e)=>{ e.preventDefault(); setRevDownloadOpen(v=>!v); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 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">Download ▾</button>
               {revDownloadOpen && (
                 <div className="absolute top-full right-0 mt-1 w-44 rounded-md border border-gray-200 bg-white shadow-lg z-20 text-left">