il dit micro non implanté peux tu l'implanter pour qu'il fonctionne et que la trombone soit cliquable pour importer des fichier ou autre

script.js

@@ -80,30 +80,82 @@ document.addEventListener('DOMContentLoaded', () => {
         });
 
         sendBtn.addEventListener('click', handleSend);
-
-        // Microphone functionality
+        // Microphone functionality using Web Speech API
         if (micBtn) {
-            micBtn.addEventListener('click', () => {
-                alert("Fonctionnalité microphone activée. Parle maintenant !");
-                // In a real implementation, we would use the Web Speech API here
-            });
-        }
+            micBtn.addEventListener('click', async () => {
+                try {
+                    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+                    if (!SpeechRecognition) {
+                        alert("La reconnaissance vocale n'est pas supportée sur votre navigateur");
+                        return;
+                    }
+
+                    const recognition = new SpeechRecognition();
+                    recognition.lang = 'fr-FR';
+                    recognition.interimResults = false;
+
+                    recognition.onresult = (event) => {
+                        const transcript = event.results[0][0].transcript;
+                        input.value = transcript;
+                        handleSend();
+                    };
+
+                    recognition.onerror = (event) => {
+                        console.error('Erreur de reconnaissance vocale:', event.error);
+                        alert(`Erreur de reconnaissance: ${event.error}`);
+                    };
 
-        // Plus button functionality
-        if (plusBtn) {
-            plusBtn.addEventListener('click', () => {
-                window.location.href = "baleine.html";
+                    await navigator.mediaDevices.getUserMedia({ audio: true });
+                    recognition.start();
+                    micBtn.innerHTML = '<i data-feather="mic-off" class="w-5 h-5"></i>';
+                    feather.replace();
+
+                    recognition.onend = () => {
+                        micBtn.innerHTML = '<i data-feather="mic" class="w-5 h-5"></i>';
+                        feather.replace();
+                    };
+                } catch (err) {
+                    console.error('Erreur microphone:', err);
+                    alert('Permission microphone refusée');
+                }
             });
         }
 
-        // Paperclip button functionality
+        // File attachment functionality
         if (paperclipBtn) {
+            // Create hidden file input
+            const fileInput = document.createElement('input');
+            fileInput.type = 'file';
+            fileInput.style.display = 'none';
+            document.body.appendChild(fileInput);
+
             paperclipBtn.addEventListener('click', () => {
-                alert("Fonctionnalité d'ajout de fichier activée");
-                // In a real implementation, we would use a file input here
+                fileInput.click();
+            });
+
+            fileInput.addEventListener('change', (e) => {
+                const file = e.target.files[0];
+                if (!file) return;
+
+                // Handle different file types
+                if (file.type.startsWith('image/')) {
+                    const reader = new FileReader();
+                    reader.onload = (event) => {
+                        const img = document.createElement('img');
+                        img.src = event.target.result;
+                        img.classList.add('max-w-xs', 'max-h-40', 'rounded-lg', 'mt-2');
+                        
+                        const message = `Fichier image: ${file.name}`;
+                        displayMessage(`${message}<br>`);
+                        messageContainer.appendChild(img);
+                    };
+                    reader.readAsDataURL(file);
+                } else {
+                    displayMessage(`Fichier joint: ${file.name} (${(file.size / 1024).toFixed(1)} KB)`);
+                }
             });
         }
-    };
+};
 
     // Initialize all functionality
     const init = () => {

style.css

@@ -123,6 +123,14 @@ input:focus, button:focus {
     border-color: rgba(239, 68, 68, 0.5) !important;
 }
 
+/* File upload preview */
+.file-preview {
+    max-width: 100%;
+    max-height: 200px;
+    border-radius: 0.5rem;
+    margin-top: 0.5rem;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
 #chatAttachBtn:hover {
     color: #10b981;
 }