Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -422,7 +422,17 @@ const Refinity: React.FC = () => {
                 }
                 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'}`}>
+                    <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'}`}
+                      onClick={(e) => {
+                        // Fallback click handler for center card - only trigger if clicking outside buttons
+                        if (isCenter && !(e.target as HTMLElement).closest('button')) {
+                          console.log('Fallback click on center card for version:', v.versionNumber);
+                          setPreviewVersionId(v.id);
+                          setStage('preview');
+                        }
+                      }}
+                    >
                       <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>
@@ -432,12 +442,29 @@ const Refinity: React.FC = () => {
                         <div className="mt-4 flex gap-3">
                           <button 
                             type="button" 
-                            onClick={() => { 
+                            onClick={(e) => { 
+                              e.preventDefault();
+                              e.stopPropagation();
                               console.log('Full Text clicked for version:', v.versionNumber, 'id:', v.id, 'isCenter:', isCenter, 'flowIndex:', flowIndex);
                               setPreviewVersionId(v.id); 
                               setStage('preview'); 
-                            }} 
+                            }}
+                            onMouseDown={(e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              console.log('Full Text mousedown for version:', v.versionNumber);
+                            }}
+                            onMouseUp={(e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                              console.log('Full Text mouseup for version:', v.versionNumber);
+                            }}
                             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"
+                            style={{ 
+                              pointerEvents: 'auto',
+                              zIndex: 9999,
+                              position: 'relative'
+                            }}
                           >
                             Full Text
                           </button>