Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -367,7 +367,7 @@ const Refinity: React.FC = () => {
               </button>
             </div>
           </div>
-          <div className="relative min-h-0" style={{ maxHeight: 'calc(100vh - 220px)' }}>
+          <div className="relative min-h-0" style={{ maxHeight: 'calc(100vh - 200px)' }}>
             <SwiperRoot
               modules={[EffectCoverflow, Navigation, Pagination, A11y]}
               effect="coverflow"
@@ -389,14 +389,14 @@ const Refinity: React.FC = () => {
               grabCursor
               coverflowEffect={{ rotate: 0, stretch: 0, depth: 80, modifier: 1, slideShadows: false }}
               className="mySwiper !px-4 overflow-visible pb-2"
-              style={{ height: 'min(72vh, calc(100vh - 280px))', minHeight: '360px' }}
+              style={{ height: 'min(78vh, calc(100vh - 240px))', minHeight: '380px' }}
             >
               {taskVersions.map((v, idx) => {
                 const limit = 160;
                 const snippet = (v.content || '').slice(0, limit) + ((v.content || '').length > limit ? '…' : '');
                 const isCenter = idx === flowIndex;
                 return (
-                  <SwiperSlide key={v.id} style={{ width: 'clamp(360px, 64vw, 920px)', height: '100%' }}>
+                  <SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: '100%' }}>
                     <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 ? '' : 'opacity-95'}`}>
                       <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" />

client/src/pages/Toolkit.tsx

@@ -624,7 +624,7 @@ const Toolkit: React.FC = () => {
                       <p className="text-gray-600 text-sm">A peer-based revision platform.</p>
                     </div>
                   </div>
-                  <div className="rounded-lg overflow-visible">
+                  <div className="rounded-lg overflow-visible max-w-4xl mx-auto">
                     <Refinity />
                   </div>
                 </div>