Upload folder using huggingface_hub

static/dashboard.html

@@ -137,10 +137,6 @@
                         <h2 class="text-lg font-semibold text-gray-100">Getting started</h2>
                         <p class="text-sm text-gray-400 mt-1">A quick checklist to get productive in under a minute.</p>
                     </div>
-                    <button onclick="window.location.href = routeUrl('settings');"
-                        class="shrink-0 px-3 py-2 bg-gray-700 rounded-lg hover:bg-gray-600 text-sm font-medium transition">
-                        Settings
-                    </button>
                 </div>
 
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-3 mt-4">
@@ -682,18 +678,17 @@
                             <!-- Input -->
                             <div class="p-3 bg-gray-800 border-t border-gray-700 shrink-0">
                                 <div id="chat-attachments" class="max-w-5xl mx-auto mb-2 hidden"></div>
-                                <div class="flex space-x-2 max-w-5xl mx-auto items-center">
+                                <div class="flex gap-2 max-w-5xl mx-auto items-center flex-nowrap overflow-x-auto">
                                     <select id="chat-agent-target" onchange="setChatAgentTarget(this.value)"
                                         class="bg-gray-700 h-10 rounded-lg border border-gray-600 px-2 text-sm text-white outline-none focus:border-blue-500"
                                         title="Target">
                                         <option value="chat">Chat</option>
                                         <option value="codex">@codex</option>
                                     </select>
-                                    <textarea id="chat-input" rows="1"
-                                        class="flex-grow bg-gray-700 px-3 py-2 rounded-lg border border-gray-600 resize-none focus:ring-2 focus:ring-blue-500 focus:outline-none text-white max-h-32"
+                                    <input id="chat-input" type="text" autocomplete="off"
+                                        class="flex-grow bg-gray-700 h-10 px-3 rounded-lg border border-gray-600 focus:ring-2 focus:ring-blue-500 focus:outline-none text-white"
                                         placeholder="Message..."
-                                        oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
-                                        onkeydown="handleEnter(event)"></textarea>
+                                        onkeydown="handleEnter(event)" />
                                     <input id="chat-model-quick" type="text" list="model-list" placeholder="Model"
                                         class="bg-gray-700 h-10 w-44 px-2 rounded-lg border border-gray-600 text-sm text-white outline-none focus:border-blue-500 hidden sm:block"
                                         onchange="setQuickModel(this.value)" title="Model" />

static/dashboard.js

@@ -257,6 +257,11 @@ let supabase;
             if (notesPreview) {
                 notesPreview.classList.toggle('prose-invert', t !== 'light');
             }
+
+            // Chat bubbles use prose-invert in dark mode only (light mode needs normal typography colors).
+            document.querySelectorAll('.chat-message').forEach((el) => {
+                el.classList.toggle('prose-invert', t !== 'light');
+            });
         }
 
         function toggleTheme() {
@@ -2291,7 +2296,8 @@ let supabase;
 
         function addMessageToUI(role, content) {
             const div = document.createElement('div');
-            div.className = `chat-message ${role === 'user' ? 'user-message self-end' : 'ai-message self-start'} max-w-[85%] p-3 rounded-xl my-2 prose prose-invert break-words text-sm md:text-base shadow-sm`;
+            const invert = (document.documentElement.getAttribute('data-theme') || 'dark') !== 'light';
+            div.className = `chat-message ${role === 'user' ? 'user-message self-end' : 'ai-message self-start'} max-w-[85%] p-3 rounded-xl my-2 prose ${invert ? 'prose-invert' : ''} break-words text-sm md:text-base shadow-sm`;
             renderMarkdownInto(div, content);
             const container = document.getElementById('chat-history');
             const empty = document.getElementById('chat-empty-state');
@@ -2874,7 +2880,8 @@ let supabase;
 
         function addAgentMessageToUI(role, content) {
             const div = document.createElement('div');
-            div.className = `chat-message ${role === 'user' ? 'user-message self-end' : 'ai-message self-start'} max-w-[85%] p-3 rounded-xl my-2 prose prose-invert break-words text-sm md:text-base shadow-sm`;
+            const invert = (document.documentElement.getAttribute('data-theme') || 'dark') !== 'light';
+            div.className = `chat-message ${role === 'user' ? 'user-message self-end' : 'ai-message self-start'} max-w-[85%] p-3 rounded-xl my-2 prose ${invert ? 'prose-invert' : ''} break-words text-sm md:text-base shadow-sm`;
             renderMarkdownInto(div, content);
             const container = document.getElementById('agent-chat-history');
             const empty = document.getElementById('agent-empty-state');

static/theme.css

@@ -89,6 +89,27 @@ footer {
   color: var(--accent-1);
 }
 
+[data-theme="light"] .bg-blue-600 {
+  background-color: var(--accent-1) !important;
+}
+[data-theme="light"] .hover\:bg-blue-700:hover {
+  background-color: #1d4ed8 !important;
+}
+[data-theme="light"] .bg-indigo-600,
+[data-theme="light"] .bg-purple-600 {
+  background-color: var(--accent-2) !important;
+}
+[data-theme="light"] .hover\:bg-indigo-700:hover,
+[data-theme="light"] .hover\:bg-purple-700:hover {
+  background-color: #6d28d9 !important;
+}
+
+[data-theme="light"] .text-blue-500,
+[data-theme="light"] .text-blue-400,
+[data-theme="light"] .text-blue-300 {
+  color: var(--accent-1) !important;
+}
+
 [data-theme="light"] input,
 [data-theme="light"] textarea,
 [data-theme="light"] select {