Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -425,41 +425,36 @@ const Refinity: React.FC = () => {
                       <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>
+                      {isCenter && (
+                        <div className="mt-4 flex gap-3">
+                          <button 
+                            type="button" 
+                            onClick={() => { 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
+                          </button>
+                          <button 
+                            type="button" 
+                            onClick={() => selectManual(v.id)} 
+                            className="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="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>
+                      )}
                     </div>
                   </SwiperSlide>
                 );
               })}
             </SwiperRoot>
-            
-            {/* Action buttons positioned outside Swiper to avoid event conflicts */}
-            {taskVersions[flowIndex] && (
-              <div className="absolute bottom-6 left-1/2 transform -translate-x-1/2 z-50">
-                <div className="flex gap-3">
-                  <button 
-                    type="button" 
-                    onClick={() => { setPreviewVersionId(taskVersions[flowIndex].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
-                  </button>
-                  <button 
-                    type="button" 
-                    onClick={() => selectManual(taskVersions[flowIndex].id)} 
-                    className="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(taskVersions[flowIndex].id); }} 
-                    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"
-                  >
-                    Compare
-                  </button>
-                </div>
-              </div>
-            )}
-            
             {compareUIOpen && (
               <div className="mt-4 p-3 rounded-2xl border border-gray-200 bg-white/60 backdrop-blur">
                 <div className="flex flex-col md:flex-row gap-3 md:items-end">
@@ -542,6 +537,9 @@ const Refinity: React.FC = () => {
               .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
               .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); }
             ` }} />
           </div>
           {compareModalOpen && (