Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -438,7 +438,12 @@ const Refinity: React.FC = () => {
                         <div className="mt-4 flex gap-3">
                           <button 
                             type="button" 
-                            onClick={() => selectManual(v.id)} 
+                            onClick={(e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              console.log('Revise clicked for version:', v.versionNumber, 'id:', v.id);
+                              selectManual(v.id);
+                            }}
                             className="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"
                           >
                             Revise
@@ -457,6 +462,21 @@ const Refinity: React.FC = () => {
                 );
               })}
             </SwiperRoot>
+            
+            {/* External Revise button specifically for v2 when it's centered */}
+            {taskVersions[flowIndex]?.versionNumber === 2 && (
+              <div 
+                onClick={() => {
+                  selectManual(taskVersions[flowIndex].id);
+                }}
+                className="absolute bottom-6 left-1/2 transform -translate-x-1/2 z-50"
+              >
+                <div className="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 cursor-pointer">
+                  Revise
+                </div>
+              </div>
+            )}
+            
             {compareUIOpen && (
               <div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">
                 <div className="flex flex-col md:flex-row gap-3 md:items-end">
@@ -697,7 +717,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
         </div>
         <div className="w-1/2">
           <div className="mb-2 text-gray-700 text-sm">Translation</div>
-          <textarea value={text} onChange={(e)=>setText(e.target.value)} className="relative z-10 w-full min-h-[420px] 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 resize-y" />
+          <textarea value={text} onChange={(e)=>setText(e.target.value)} className="relative z-10 w-full min-h-[420px] 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 resize-y" style={{ minHeight: '420px', height: 'auto' }} />
           <div className="mt-4 flex gap-3">
             <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>
             <button onClick={compareNow} 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">Compare</button>