Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -478,6 +478,30 @@ const Refinity: React.FC = () => {
                             >
                               Revise
                             </button>
+                            <button
+                              type="button"
+                              onClick={(e)=>{
+                                e.preventDefault(); e.stopPropagation();
+                                // Export single version content as simple .docx (inline changes off)
+                                (async()=>{
+                                  try {
+                                    const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+                                    const latestReviser = (v.revisedBy || v.originalAuthor || username || 'User');
+                                    const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_v${v.versionNumber}.docx`;
+                                    const resp = await fetch(`${base}/api/refinity/track-changes`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prev: '', current: v.content || '', filename }) });
+                                    if (!resp.ok) throw new Error('Export failed');
+                                    const blob = await resp.blob();
+                                    const url = window.URL.createObjectURL(blob);
+                                    const link = document.createElement('a');
+                                    link.href = url; link.download = filename; document.body.appendChild(link); link.click(); link.remove(); window.URL.revokeObjectURL(url);
+                                  } catch {}
+                                })();
+                              }}
+                              className="inline-flex items-center justify-center gap-2 text-black text-sm font-medium rounded-2xl ring-1 ring-inset ring-white/50 active:translate-y-0.5 transition-all duration-200"
+                              style={{ position: 'relative', zIndex: 3100, pointerEvents: 'auto', padding: '0.5rem 0.75rem', background: 'rgba(255,255,255,0.3)', borderRadius: '1rem', border: '1px solid rgba(255,255,255,0.5)' }}
+                            >
+                              Download
+                            </button>
                             <button 
                               type="button"
                               onClick={(e) => { e.preventDefault(); e.stopPropagation(); setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} 
@@ -528,7 +552,7 @@ const Refinity: React.FC = () => {
                       ))}
                     </select>
                   </div>
-                  <div className="flex gap-2 overflow-visible">
+                  <div className="flex gap-2 overflow-visible items-start">
                     <button onClick={()=>{ const tmp = compareA; setCompareA(compareB); setCompareB(tmp); }} disabled={!compareA && !compareB} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Swap</button>
                     <button onClick={async()=>{
                       const a = taskVersions.find(v=>v.id===compareA);
@@ -548,7 +572,7 @@ const Refinity: React.FC = () => {
                     <div className="relative">
                       <button onClick={()=>setCompareDownloadOpen(v=>!v)} disabled={!compareA || !compareB || compareA===compareB} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Download ▾</button>
                       {compareDownloadOpen && (
-                        <div className="absolute right-0 mt-1 w-48 rounded-md border border-gray-200 bg-white shadow-lg z-20">
+                        <div className="absolute right-0 mt-1 w-56 rounded-md border border-gray-200 bg-white shadow-lg z-20">
                           <button onClick={async()=>{
                             setCompareDownloadOpen(false);
                             const a = taskVersions.find(v=>v.id===compareA);
@@ -785,11 +809,11 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
               resize: 'vertical'
             }} 
           />
-          <div className="mt-4 flex gap-3">
+          <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">
               <button onClick={(e)=>{ e.preventDefault(); const m = document.getElementById('rev-download-menu'); if (m) m.classList.toggle('hidden'); }} 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>
-              <div id="rev-download-menu" className="hidden absolute z-20 mt-1 w-48 rounded-md border border-gray-200 bg-white shadow-lg">
+              <div id="rev-download-menu" className="hidden absolute z-20 mt-1 w-56 rounded-md border border-gray-200 bg-white shadow-lg">
                 <button onClick={(e)=>{ e.preventDefault(); const m=document.getElementById('rev-download-menu'); if(m) m.classList.add('hidden'); 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(); const m=document.getElementById('rev-download-menu'); if(m) m.classList.add('hidden'); compareNow(); }} className="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Inline Diff (Preview)</button>
               </div>

client/src/pages/Toolkit.tsx

@@ -630,7 +630,7 @@ const Toolkit: React.FC = () => {
                     </div>
                   </div>
                   <div className="border rounded-lg overflow-hidden">
-                    <div className="mx-auto w-full max-w-4xl">
+                    <div className="mx-auto w-full max-w-5xl">
                       <Refinity />
                     </div>
                   </div>