Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -434,39 +434,20 @@ const Refinity: React.FC = () => {
                       <div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
                       <div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
                       <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
-                      {isCenter && (
+                      {isCenter && v.versionNumber !== 2 && (
                         <div className="mt-4 flex gap-3">
-                          {v.versionNumber === 2 ? (
-                            <div 
-                              onClick={(e) => {
-                                e.preventDefault();
-                                e.stopPropagation();
-                                console.log('Revise div 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 cursor-pointer"
-                              style={{ 
-                                pointerEvents: 'auto',
-                                zIndex: 99999,
-                                position: 'relative'
-                              }}
-                            >
-                              Revise
-                            </div>
-                          ) : (
-                            <button 
-                              type="button" 
-                              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
-                            </button>
-                          )}
+                          <button 
+                            type="button" 
+                            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
+                          </button>
                           <button 
                             type="button" 
                             onClick={() => { setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} 
@@ -481,6 +462,23 @@ const Refinity: React.FC = () => {
                 );
               })}
             </SwiperRoot>
+            
+            {/* External V2 Revise Button - Only shows when v2 is centered */}
+            {taskVersions[flowIndex]?.versionNumber === 2 && (
+              <div 
+                onClick={() => {
+                  console.log('External V2 Revise clicked, id:', taskVersions[flowIndex].id);
+                  selectManual(taskVersions[flowIndex].id);
+                }}
+                className="absolute bottom-6 left-1/2 transform -translate-x-1/2 z-[100]"
+                style={{ pointerEvents: 'auto' }}
+              >
+                <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 hover:bg-indigo-700/70">
+                  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">
@@ -671,6 +669,15 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
   const [saving, setSaving] = React.useState(false);
   const [diffHtml, setDiffHtml] = React.useState<string>('');
   const [showDiff, setShowDiff] = React.useState<boolean>(false);
+  const sourceRef = React.useRef<HTMLDivElement>(null);
+  const [textareaHeight, setTextareaHeight] = React.useState('420px');
+
+  React.useEffect(() => {
+    if (sourceRef.current) {
+      const height = sourceRef.current.offsetHeight;
+      setTextareaHeight(`${height}px`);
+    }
+  }, [source]);
 
   const save = async ()=>{
     setSaving(true);
@@ -722,7 +729,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
           <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-r from-indigo-200/45 via-indigo-100/40 to-indigo-300/45" />
-            <div className="relative rounded-lg bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4 min-h-[420px] whitespace-pre-wrap text-gray-900">
+            <div ref={sourceRef} className="relative rounded-lg bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-4 min-h-[420px] whitespace-pre-wrap text-gray-900">
               {source}
             </div>
           </div>
@@ -734,8 +741,8 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
             onChange={(e)=>setText(e.target.value)} 
             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 resize-y" 
             style={{ 
-              minHeight: '420px', 
-              height: '420px',
+              minHeight: textareaHeight, 
+              height: textareaHeight,
               resize: 'vertical'
             }} 
           />