Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -250,13 +250,13 @@ const Refinity: React.FC = () => {
             <div className="md:col-span-1">
               <label className="block text-sm text-gray-700 mb-1">Task</label>
               <div className="relative inline-block w-full md:w-64">
-                <button type="button" onClick={()=>setTaskMenuOpen(o=>!o)} className="relative w-full text-left inline-flex items-center justify-between px-3 py-1.5 rounded-2xl ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 text-sm">
+                <button type="button" onClick={()=>setTaskMenuOpen(o=>!o)} className="relative w-full text-left inline-flex items-center justify-between px-3 py-1.5 rounded-2xl border border-gray-200 ring-1 ring-inset ring-gray-200 backdrop-blur-md bg-white/30 text-sm">
                   <span className="truncate text-gray-900">{tasks.find(t=>t.id===selectedTaskId)?.title || 'Select a task'}</span>
                   <span className="ml-2 text-gray-700">▾</span>
                 </button>
                 {taskMenuOpen && (
                   <div className="absolute z-20 mt-2 w-full">
-                    <div className="relative rounded-2xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-lg overflow-hidden">
+                    <div className="relative rounded-2xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-gray-200 border border-gray-200 shadow-lg overflow-hidden">
                       <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),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-45" />
                       <ul className="relative max-h-64 overflow-auto text-sm">
@@ -386,7 +386,7 @@ const Refinity: React.FC = () => {
               grabCursor
               coverflowEffect={{ rotate: 8, stretch: -20, depth: 160, modifier: 1, slideShadows: false }}
               className="!px-6 overflow-visible"
-              style={{ height: 'clamp(420px, 70vh, 820px)' }}
+              style={{ height: 'min(66vh, calc(100vh - 260px))', minHeight: '360px' }}
             >
               {taskVersions.map((v, idx) => {
                 const snippet = (v.content || '').slice(0, 220) + ((v.content || '').length > 220 ? '…' : '');