Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -376,24 +376,24 @@ const Refinity: React.FC = () => {
               navigation
               pagination={{ clickable: true }}
               centeredSlides
-              slidesPerView={1.12}
-              spaceBetween={12}
+              autoHeight
+              slidesPerView={'auto'}
+              spaceBetween={8}
               breakpoints={{
-                640: { slidesPerView: 1.2, spaceBetween: 16 },
-                1024: { slidesPerView: 1.6, spaceBetween: 24 },
-                1440: { slidesPerView: 1.8, spaceBetween: 32 }
+                640: { spaceBetween: 12 },
+                1024: { spaceBetween: 20 },
+                1440: { spaceBetween: 28 }
               }}
               grabCursor
-              coverflowEffect={{ rotate: 8, stretch: -20, depth: 160, modifier: 1, slideShadows: false }}
-              className="!px-6 overflow-visible"
-              style={{ height: 'min(66vh, calc(100vh - 260px))', minHeight: '360px' }}
+              coverflowEffect={{ rotate: 0, stretch: 0, depth: 80, modifier: 1, slideShadows: false }}
+              className="!px-4 overflow-visible"
             >
               {taskVersions.map((v, idx) => {
                 const snippet = (v.content || '').slice(0, 220) + ((v.content || '').length > 220 ? '…' : '');
                 const isCenter = idx === flowIndex;
                 return (
-                  <SwiperSlide key={v.id} style={{ width: 'clamp(320px, 56vw, 720px)' }}>
-                    <div className="relative h-full rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base">
+                  <SwiperSlide key={v.id} style={{ width: 'min(92vw, 720px)', height: 'auto' }}>
+                    <div className="relative rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base max-h-[68vh] overflow-hidden">
                       <div className="pointer-events-none 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="pointer-events-none 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>