Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -470,6 +470,21 @@ 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 filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(username||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
+                        const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prev: a.content||'', current: b.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 {}
+                    }} disabled={!compareA || !compareB || compareA===compareB} className="px-3 py-2 text-sm rounded-md border border-gray-300 bg-white">Download with Track Changes</button>
                     <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>
@@ -486,7 +501,25 @@ const Refinity: React.FC = () => {
               <div className="relative max-w-5xl w-full rounded-2xl bg-white shadow-2xl ring-1 ring-gray-200 p-6">
                 <div className="flex items-center justify-between mb-3">
                   <div className="text-gray-800 font-medium">Diff</div>
-                  <button onClick={()=>setCompareModalOpen(false)} className="px-3 py-1.5 text-sm rounded-md border border-gray-300 bg-white">Close</button>
+                  <div className="flex items-center gap-2">
+                    <button onClick={async()=>{
+                      // For modal, try to reuse last computed A/B by using flow center and previous neighbor if available
+                      const center = taskVersions[flowIndex];
+                      const prev = taskVersions[flowIndex-1] || taskVersions[flowIndex];
+                      if (!center) { setCompareModalOpen(false); return; }
+                      try {
+                        const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+                        const filename = `${(task?.title||'Task').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_${(username||'User').replace(/[^\w\-\s]/g,'').replace(/\s+/g,'_')}_diff.docx`;
+                        const resp = await fetch(`${base}/api/refinity/track-changes-comments`, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prev: (prev?.content||''), current: (center?.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="px-3 py-1.5 text-sm rounded-md border border-gray-300 bg-white">Download with Track Changes</button>
+                    <button onClick={()=>setCompareModalOpen(false)} className="px-3 py-1.5 text-sm rounded-md border border-gray-300 bg-white">Close</button>
+                  </div>
                 </div>
                 <div className="prose prose-sm max-w-none text-gray-900" dangerouslySetInnerHTML={{ __html: compareDiffHtml }} />
               </div>