Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -399,8 +399,8 @@ const Refinity: React.FC = () => {
               spaceBetween={24}
               preventClicks={false}
               preventClicksPropagation={false}
-              noSwiping={false}
-              noSwipingClass={undefined}
+              noSwiping={true}
+              noSwipingClass={'swiper-no-swiping'}
               breakpoints={{
                 640: { spaceBetween: 28 },
                 1024: { spaceBetween: 32 },
@@ -410,7 +410,7 @@ const Refinity: React.FC = () => {
               observeParents
               grabCursor
               coverflowEffect={{ rotate: 0, stretch: 0, depth: 80, modifier: 1, slideShadows: false }}
-              className="mySwiper !px-4 overflow-visible pb-10"
+              className="mySwiper !px-4 overflow-visible pb-2"
               style={{ height: isFullscreen ? 'calc(100vh - 96px)' : 'min(76vh, calc(100vh - 220px))', minHeight: '340px' }}
             >
               {taskVersions.map((v, idx) => {
@@ -426,8 +426,8 @@ const Refinity: React.FC = () => {
                       <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>
                       {isCenter && (
-                        <div className="ref-action-bar mt-4 flex gap-3 relative z-20">
-                          <button type="button" onClick={()=>{ 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">Full Text</button>
+                        <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(); 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>
                           <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>
@@ -521,6 +521,9 @@ const Refinity: React.FC = () => {
               .mySwiper .swiper-slide-active { z-index: 50 !important; }
               /* Active slide receives pointer events; non-active decorative overlays ignore events */
               .mySwiper .swiper-slide:not(.swiper-slide-active) .ref-card-overlay { pointer-events: none; }
+              /* Do not let pagination/arrows steal clicks from active slide action bar */
+              .mySwiper .swiper-pagination, .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { pointer-events: none; }
+              .mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; }
             ` }} />
           </div>
           {compareModalOpen && (