Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -46,6 +46,7 @@ const Refinity: React.FC = () => {
   const [compareModalOpen, setCompareModalOpen] = React.useState<boolean>(false);
   const [compareDiffHtml, setCompareDiffHtml] = React.useState<string>('');
   const [compareLoading, setCompareLoading] = React.useState<boolean>(false);
+  const [compareDownloadOpen, setCompareDownloadOpen] = React.useState<boolean>(false);
   const [username] = React.useState<string>(() => {
     try {
       const u = localStorage.getItem('user');
@@ -544,40 +545,49 @@ const Refinity: React.FC = () => {
                       } catch {}
                       finally { setCompareLoading(false); }
                     }} disabled={!compareA || !compareB || compareA===compareB || compareLoading} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white disabled:opacity-50">{compareLoading ? 'Computing…' : 'Show Diff'}</button>
-                    <button onClick={async()=>{
-                      const a = taskVersions.find(v=>v.id===compareA);
-                      const b = taskVersions.find(v=>v.id===compareB);
-                      if (!a || !b || a.id===b.id) return;
-                      try {
-                        const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
-                        const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
-                        const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
-                        const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
-                        const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
-                        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 {}
-                    }} disabled={!compareA || !compareB || compareA===compareB} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Export (Inline Changes)</button>
-                    <button onClick={async()=>{
-                      const a = taskVersions.find(v=>v.id===compareA);
-                      const b = taskVersions.find(v=>v.id===compareB);
-                      if (!a || !b || a.id===b.id) return;
-                      try {
-                        const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
-                        const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
-                        const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_ooxml.docx`;
-                        const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
-                        const resp = await fetch(`${base}/api/refinity/track-changes-ooxml`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
-                        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 {}
-                    }} disabled={!compareA || !compareB || compareA===compareB} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Export (Side Comments)</button>
+                    <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">
+                          <button onClick={async()=>{
+                            setCompareDownloadOpen(false);
+                            const a = taskVersions.find(v=>v.id===compareA);
+                            const b = taskVersions.find(v=>v.id===compareB);
+                            if (!a || !b || a.id===b.id) return;
+                            try {
+                              const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+                              const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
+                              const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_ooxml.docx`;
+                              const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
+                              const resp = await fetch(`${base}/api/refinity/track-changes-ooxml`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+                              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="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Inline Changes</button>
+                          <button onClick={async()=>{
+                            setCompareDownloadOpen(false);
+                            const a = taskVersions.find(v=>v.id===compareA);
+                            const b = taskVersions.find(v=>v.id===compareB);
+                            if (!a || !b || a.id===b.id) return;
+                            try {
+                              const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+                              const latestReviser = (b.revisedBy || b.originalAuthor || username || 'User');
+                              const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(latestReviser||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
+                              const body = { prev: a.content||'', current: b.content||'', filename, authorName: latestReviser };
+                              const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body) });
+                              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="block w-full text-left px-3 py-2 text-sm hover:bg-gray-50">Side Comments</button>
+                        </div>
+                      )}
+                    </div>
                     <button onClick={()=>{ setCompareUIOpen(false); setCompareA(''); setCompareB(''); }} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Close</button>
                   </div>
                 </div>
@@ -777,7 +787,13 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
           />
           <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={downloadWithTrackChanges} 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">Export (Track Changes)</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">
+                <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>
+            </div>
             <button onClick={onBack} className="ml-auto 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">Back</button>
           </div>
           {showDiff && (