je veux que le micro soitt actif pour la IA et je veux que a coté du micro tu rajoute la trombone

index.html

@@ -102,13 +102,16 @@
                         <button id="chatMicBtn" class="p-2 rounded-lg hover:bg-gray-700 text-gray-400 hover:text-gray-200">
                             <i data-feather="mic" class="w-5 h-5"></i>
                         </button>
+                        <button id="chatAttachBtn" class="p-2 rounded-lg hover:bg-gray-700 text-gray-400 hover:text-gray-200">
+                            <i data-feather="paperclip" class="w-5 h-5"></i>
+                        </button>
                         <input id="chatInput" placeholder="Écrivez votre message..." 
                                class="flex-1 bg-transparent px-3 py-2 focus:outline-none text-sm">
                         <button id="chatSendBtn" class="p-2 rounded-lg bg-blue-600 hover:bg-blue-500 text-white">
                             <i data-feather="send" class="w-5 h-5"></i>
                         </button>
                     </div>
-                    <div class="text-xs text-gray-500 mt-2 flex justify-between">
+<div class="text-xs text-gray-500 mt-2 flex justify-between">
                         <span id="chatStatus">Prêt</span>
                         <span>Assistant IA v1.0</span>
                     </div>

style.css

@@ -123,6 +123,9 @@ input:focus, button:focus {
     border-color: rgba(239, 68, 68, 0.5) !important;
 }
 
+#chatAttachBtn:hover {
+    color: #10b981;
+}
 .opacity-50 {
     opacity: 0.5;
     cursor: not-allowed;