Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -417,6 +417,9 @@ const Refinity: React.FC = () => {
                 const limit = 160;
                 const snippet = (v.content || '').slice(0, limit) + ((v.content || '').length > limit ? '…' : '');
                 const isCenter = idx === flowIndex;
+                if (v.versionNumber === 2) {
+                  console.log('v2 debug - idx:', idx, 'flowIndex:', flowIndex, 'isCenter:', isCenter, 'v.id:', v.id);
+                }
                 return (
                   <SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: isFullscreen ? '72vh' : '62.4vh' }}>
                     <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'}`}>
@@ -429,7 +432,11 @@ const Refinity: React.FC = () => {
                         <div className="mt-4 flex gap-3">
                           <button 
                             type="button" 
-                            onClick={() => { setPreviewVersionId(v.id); setStage('preview'); }} 
+                            onClick={() => { 
+                              console.log('Full Text clicked for version:', v.versionNumber, 'id:', v.id, 'isCenter:', isCenter, 'flowIndex:', flowIndex);
+                              setPreviewVersionId(v.id); 
+                              setStage('preview'); 
+                            }} 
                             className="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
@@ -538,8 +545,20 @@ const Refinity: React.FC = () => {
               .mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
               .mySwiper .swiper-pagination { bottom: 6px; }
               /* Ensure buttons inside slides are clickable */
-              .mySwiper .swiper-slide button { pointer-events: auto !important; position: relative; z-index: 10; }
-              .mySwiper .swiper-slide button:hover { transform: translateY(-0.5px); }
+              .mySwiper .swiper-slide button { 
+                pointer-events: auto !important; 
+                position: relative; 
+                z-index: 999 !important; 
+                transform: translateZ(0) !important;
+                -webkit-transform: translateZ(0) !important;
+              }
+              .mySwiper .swiper-slide button:hover { transform: translateY(-0.5px) translateZ(0) !important; }
+              /* Force button clickability on all slides */
+              .mySwiper .swiper-slide-active button,
+              .mySwiper .swiper-slide button {
+                pointer-events: auto !important;
+                z-index: 999 !important;
+              }
             ` }} />
           </div>
           {compareModalOpen && (