Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -189,15 +189,21 @@ const Refinity: React.FC = () => {
       {/* Stage 1: Task Creation / Selection */}
       {stage === 'task' && (
         <div>
-          <div className="mb-6">
-            <p className="text-gray-700">A peer-based revision platform.</p>
-          </div>
+          <div className="mb-2" />
           <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>
-              <select value={selectedTaskId} onChange={(e)=>setSelectedTaskId(e.target.value)} className="w-full px-3 py-2 rounded-lg bg-white/50 backdrop-blur border border-ui-border text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500">
-                {tasks.map(t => <option key={t.id} value={t.id}>{t.title}</option>)}
-              </select>
+              <div className="relative">
+                <div className="absolute inset-0 rounded-2xl bg-gradient-to-r from-indigo-200/45 via-indigo-100/40 to-indigo-300/45" />
+                <div className="relative rounded-2xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)]">
+                  <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" />
+                  <select value={selectedTaskId} onChange={(e)=>setSelectedTaskId(e.target.value)} className="relative z-10 w-full px-4 py-2 pr-10 bg-transparent text-gray-900 rounded-2xl appearance-none focus:outline-none">
+                    {tasks.map(t => <option key={t.id} value={t.id}>{t.title}</option>)}
+                  </select>
+                  <div className="pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-gray-700">▾</div>
+                </div>
+              </div>
             </div>
             <div className="md:col-span-2">
               <label className="block text-sm text-gray-700 mb-1">Upload .doc or .docx translation</label>

client/src/pages/Toolkit.tsx

@@ -621,7 +621,7 @@ const Toolkit: React.FC = () => {
                     </div>
                     <div>
                       <h3 className="text-indigo-900 font-semibold text-xl">Refinity</h3>
-                      <p className="text-gray-600 text-sm">An elegant, collaborative, infinite revision platform.</p>
+                      <p className="text-gray-600 text-sm">A peer-based revision platform.</p>
                     </div>
                   </div>
                   <div className="border rounded-lg overflow-hidden">