Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -55,6 +55,13 @@ const Refinity: React.FC = () => {
       return 'Anonymous';
     }
   });
+  const [isAdmin] = React.useState<boolean>(() => {
+    try {
+      const u = localStorage.getItem('user');
+      const role = u ? (JSON.parse(u)?.role || '') : '';
+      return String(role).toLowerCase() === 'admin';
+    } catch { return false; }
+  });
 
   // File upload (.docx placeholder)
   const [uploading, setUploading] = React.useState(false);
@@ -102,6 +109,20 @@ const Refinity: React.FC = () => {
     })();
   }, [task?.id]);
 
+  const deleteVersion = React.useCallback(async (versionId: string) => {
+    try {
+      const ok = window.confirm('Delete this version? This cannot be undone.');
+      if (!ok) return;
+      const base = ((api.defaults as any)?.baseURL as string || '').replace(/\/$/, '');
+      const resp = await fetch(`${base}/api/refinity/versions/${encodeURIComponent(versionId)}`, {
+        method: 'DELETE',
+        headers: { 'x-user-role': 'admin' }
+      });
+      if (!resp.ok) throw new Error('Delete failed');
+      setVersions(prev => prev.filter(v => v.id !== versionId));
+    } catch {}
+  }, []);
+
   const [flowIndex, setFlowIndex] = React.useState<number>(0);
   const focusedIndex = React.useMemo(() => {
     const idx = taskVersions.findIndex(v => v.id === currentVersionId);
@@ -443,7 +464,7 @@ const Refinity: React.FC = () => {
                               selectManual(v.id);
                             }}
                             className="inline-flex items-center justify-center gap-2 text-white 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', backgroundColor: '#4f46e5', backdropFilter: 'saturate(1.5) brightness(1.1) blur(4px)' }}
+                            style={{ position: 'relative', zIndex: 3100, pointerEvents: 'auto', padding: '0.5rem 0.75rem', backgroundColor: '#4f46e5', borderRadius: '1rem', border: '1px solid rgba(255,255,255,0.5)' }}
                           >
                             Revise
                           </button>
@@ -451,10 +472,20 @@ const Refinity: React.FC = () => {
                             type="button"
                             onClick={(e) => { e.preventDefault(); e.stopPropagation(); setCompareUIOpen(true); if (!compareA) setCompareA(v.id); }} 
                             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)', backdropFilter: 'blur(4px)' }}
+                            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)' }}
                           >
                             Compare
                           </button>
+                          {isAdmin && (
+                            <button
+                              type="button"
+                              onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); deleteVersion(v.id); }}
+                              className="inline-flex items-center justify-center gap-2 text-white 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', backgroundColor: '#dc2626', borderRadius: '1rem', border: '1px solid rgba(255,255,255,0.5)' }}
+                            >
+                              Delete
+                            </button>
+                          )}
                         </div>
                       )}
                     </div>