Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -422,12 +422,12 @@ const Refinity: React.FC = () => {
                     <div className={`relative h-full rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base overflow-hidden flex flex-col ${isCenter ? 'z-10' : 'opacity-95 z-0'}`}>
                       <div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
                       <div className={`ref-card-overlay absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
-                      <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>
+                      <div className="text-gray-800 text-sm mb-2 pointer-events-none">Original: {v.originalAuthor}</div>
+                      <div className="text-gray-600 text-xs mb-3 pointer-events-none">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 pointer-events-none`}>{snippet}</div>
                       {isCenter && (
-                        <div className="ref-action-bar mt-4 flex gap-3 relative z-20 swiper-no-swiping">
-                          <button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); console.log('FullText click', e.target, (e as any).clientX!=null && (e as any).clientY!=null ? document.elementFromPoint((e as any).clientX, (e as any).clientY) : null); setPreviewVersionId(v.id); setStage('preview'); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 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 cursor-pointer">Full Text</button>
+                        <div className="ref-action-bar mt-4 flex gap-3 relative z-50 swiper-no-swiping" style={{ transform: 'translateZ(0)', WebkitTransform: 'translateZ(0)' }}>
+                          <button type="button" onClick={(e)=>{ e.preventDefault(); e.stopPropagation(); console.log('FullText click', e.target, (e as any).clientX!=null && (e as any).clientY!=null ? document.elementFromPoint((e as any).clientX, (e as any).clientY) : null); setPreviewVersionId(v.id); setStage('preview'); }} className="relative z-[9999] overflow-hidden inline-flex items-center justify-center gap-2 px-3 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 cursor-pointer">Full Text</button>
                           <button type="button" onClick={()=>selectManual(v.id)} className="relative overflow-hidden 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); }} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-3 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">Compare</button>
                         </div>