Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -235,6 +235,9 @@ 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');
     } catch {
       setTaskStageNote('Random pick failed. Please try again.');
@@ -824,8 +827,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-gradient-to-br from-slate-50 via-white to-slate-100" />
-            <div ref={sourceRef} className="relative rounded-lg bg-white/70 backdrop-blur-sm ring-1 ring-inset ring-gray-200 shadow-sm p-4 min-h-[420px] whitespace-pre-wrap text-gray-900">
+            <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">
               {source}
             </div>
           </div>
@@ -847,7 +850,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
             <div className="relative">
               <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 right-0 mt-1 w-44 rounded-md border border-gray-200 bg-white shadow-lg z-20 text-left">
+                <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">
                   <button onClick={(e)=>{ e.preventDefault(); setRevDownloadOpen(false); downloadWithTrackChanges(); }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Track Changes</button>
                   <button onClick={(e)=>{ e.preventDefault(); setRevDownloadOpen(false); compareNow(); }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Inline Diff (Preview)</button>
                 </div>