Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -194,24 +194,24 @@ const Refinity: React.FC = () => {
           <div className="grid grid-cols-1 md:grid-cols-3 gap-6 items-end">
             <div className="md:col-span-1">
               <label className="block text-sm text-gray-700 mb-1">Task</label>
-              <div className="relative">
-                <button type="button" onClick={()=>setTaskMenuOpen(o=>!o)} className="relative w-full text-left inline-flex items-center justify-between px-4 py-2 rounded-2xl ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30">
+              <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">
                   <span className="truncate text-gray-900">{tasks.find(t=>t.id===selectedTaskId)?.title || 'Select a task'}</span>
-                  <span className="ml-3 text-gray-700">▾</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="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">
+                      <ul className="relative max-h-64 overflow-auto text-sm">
                         {tasks.map(t => (
                           <li key={t.id}>
-                            <button type="button" onClick={()=>{ setSelectedTaskId(t.id); setTaskMenuOpen(false); }} className={`w-full text-left px-4 py-2 text-gray-900 hover:bg-white/30 ${selectedTaskId===t.id ? 'bg-indigo-600/20' : ''}`}>{t.title}</button>
+                            <button type="button" onClick={()=>{ setSelectedTaskId(t.id); setTaskMenuOpen(false); }} className={`w-full text-left px-3 py-1.5 text-gray-900 hover:bg-white/30 ${selectedTaskId===t.id ? 'bg-indigo-600/20' : ''}`}>{t.title}</button>
                           </li>
                         ))}
                         {tasks.length===0 && (
-                          <li className="px-4 py-3 text-sm text-gray-600">No tasks yet</li>
+                          <li className="px-3 py-2 text-sm text-gray-600">No tasks yet</li>
                         )}
                       </ul>
                     </div>