Pourriez-vous s’il vous plaît remettre le micro, le bouton d’envoi, l’ajout de fichiers et toutes les fonctionnalités associées comme avant ?

components/chat.js

@@ -204,6 +204,7 @@ connectedCallback() {
     const micStatus = shadow.getElementById('micStatus');
 
     let recognition;
+    
     // File upload
     fileButton.addEventListener('click', () => fileInput.click());
     fileInput.addEventListener('change', (e) => {
@@ -211,6 +212,7 @@ connectedCallback() {
       filesInfo.textContent = this._files.length ? 
         `${this._files.length} fichier(s) sélectionné(s)` : '';
     });
+
     // Connect apps
     connectButton.addEventListener('click', () => {
       this._addMessage('assistant', 
@@ -218,10 +220,14 @@ connectedCallback() {
         '- Votre espace de stockage\n- Outils de création\n- API externes\n' +
         'Quel service souhaitez-vous connecter?');
     });
+
     // Speech recognition
     micButton.addEventListener('click', () => {
       if (this._speechState === 'listening') {
-        this._stopSpeechRecognition(recognition, micButton, micStatus);
+        if (recognition) recognition.stop();
+        this._speechState = 'idle';
+        micButton.classList.remove('listening');
+        micStatus.textContent = 'En ligne';
         return;
       }
 
@@ -247,9 +253,7 @@ connectedCallback() {
       recognition.onresult = (event) => {
         let transcript = '';
         for (let i = event.resultIndex; i < event.results.length; i++) {
-          if (event.results[i].isFinal) {
-            transcript += event.results[i][0].transcript;
-          }
+          transcript += event.results[i][0].transcript;
         }
         messageInput.value = transcript;
       };
@@ -260,6 +264,7 @@ connectedCallback() {
           micStatus.textContent = 'Micro bloqué';
         } else {
           this._speechState = 'idle';
+          micStatus.textContent = 'Erreur micro';
         }
         micButton.classList.remove('listening');
         setTimeout(() => micStatus.textContent = 'En ligne', 2000);
@@ -278,8 +283,10 @@ connectedCallback() {
       } catch (err) {
         this._speechState = 'idle';
         micStatus.textContent = 'Erreur micro';
+        micButton.classList.remove('listening');
       }
     });
+
     // Send message
     const sendMessage = () => {
       const message = messageInput.value.trim();
@@ -293,7 +300,7 @@ connectedCallback() {
         filesInfo.textContent = '';
         fileInput.value = '';
 
-        // Simulate Rosalinda's intelligent response
+        // Simulate Rosalinda's response
         setTimeout(() => {
           const responses = [
             "J'ai bien reçu votre demande. Je travaille sur une solution créative...",
@@ -306,11 +313,11 @@ connectedCallback() {
         }, 1500);
       }
     };
-sendButton.addEventListener('click', sendMessage);
+    sendButton.addEventListener('click', sendMessage);
     messageInput.addEventListener('keydown', (e) => {
       if (e.key === 'Enter') sendMessage();
     });
-  }
+}
 
   _addMessage(role, content) {
     this._messages.push({ role, content });

style.css

@@ -44,13 +44,11 @@ custom-chat {
     padding: 0.75rem 1rem;
     margin-bottom: 0.5rem;
 }
-
 .mic-button.listening {
-    background-color: #ef4444 !important;
+    background-color: #3b82f6 !important;
     color: white !important;
     animation: pulse 1.5s infinite;
 }
-
 @keyframes pulse {
     0% { opacity: 1; }
     50% { opacity: 0.7; }