Update flare-ui/src/app/services/conversation-manager.service.ts

flare-ui/src/app/services/conversation-manager.service.ts

@@ -239,101 +239,106 @@ export class ConversationManagerService implements OnDestroy {
     }
     
   private handleMessage(message: any): void {
-      try {
-        switch (message.type) {
-          case 'transcription':
-            // SADECE final transcription'ları işle. Interim transcription'ları işlemiyoruz
-            if (message['is_final']) {
-              const messages = this.messagesSubject.value;
-              const lastMessage = messages[messages.length - 1];
-              if (!lastMessage || lastMessage.role !== 'user' || lastMessage.text !== message['text']) {
-                this.addMessage('user', message['text']);
-              }
-            }
-            break;
-            
-          case 'assistant_response':
-            // Welcome mesajı veya normal yanıt
-            const isWelcome = message['is_welcome'] || false;
-            this.addMessage('assistant', message['text']);
-            
-            if (isWelcome) {
-              console.log('📢 Welcome message received:', message['text']);
-            }
-            break;
-            
-          case 'tts_audio':
-            this.handleTTSAudio(message);
-            break;
-            
-          case 'tts_error':
-            // TTS hatası durumunda kullanıcıya bilgi ver
-            console.error('TTS Error:', message['message']);
-            this.addSystemMessage(message['message']);
-            break;
-            
-          case 'control':
-            if (message['action'] === 'stop_playback') {
-              this.stopAudioPlayback();
-            }
-            break;
-            
-          case 'error':
-            this.handleServerError(message);
-            break;
-            
-          case 'session_config':
-            // Update configuration from server
-            if (message['config']) {
-              this.conversationConfig = { ...this.conversationConfig, ...message['config'] };
+    try {
+      switch (message.type) {
+        case 'transcription':
+          // SADECE final transcription'ları işle. Interim transcription'ları işlemiyoruz
+          if (message['is_final']) {
+            const messages = this.messagesSubject.value;
+            const lastMessage = messages[messages.length - 1];
+            if (!lastMessage || lastMessage.role !== 'user' || lastMessage.text !== message['text']) {
+              this.addMessage('user', message['text']);
             }
-            break;
+          }
+          break;
+          
+        case 'assistant_response':
+          // Welcome mesajı veya normal yanıt
+          const isWelcome = message['is_welcome'] || false;
+          this.addMessage('assistant', message['text']);
+          
+          if (isWelcome) {
+            console.log('📢 Welcome message received:', message['text']);
+          }
+          break;
+          
+        case 'tts_audio':
+          this.handleTTSAudio(message);
+          break;
+          
+        case 'tts_error':
+          // TTS hatası durumunda kullanıcıya bilgi ver
+          console.error('TTS Error:', message['message']);
+          this.addSystemMessage(message['message']);
+          break;
+          
+        case 'control':
+          if (message['action'] === 'stop_playback') {
+            this.stopAudioPlayback();
+          }
+          break;
+          
+        case 'error':
+          this.handleServerError(message);
+          break;
+          
+        case 'session_config':
+          // Update configuration from server
+          if (message['config']) {
+            this.conversationConfig = { ...this.conversationConfig, ...message['config'] };
+          }
+          break;
   
-          case 'session_started':
-            // Session başladı, STT durumunu kontrol et
-            console.log('📢 Session started:', message);
-            if (!message['stt_initialized']) {
-              this.addSystemMessage('Speech recognition failed to initialize. Voice input will not be available.');
-            }
-            break;
-            
-          case 'stt_ready':
-            console.log('✅ [ConversationManager] STT ready signal received');
-            // ✅ STT hazır, recording'i başlat
-            if (!this.audioService.isRecording()) {
-              this.audioService.startRecording().then(() => {
-                console.log('🎤 [ConversationManager] Audio recording started');
-              }).catch(error => {
-                console.error('❌ Failed to start recording:', error);
-                this.handleAudioError(error);
-              });
-            }
-            break;
+        case 'session_started':
+          // Session başladı, STT durumunu kontrol et
+          console.log('📢 Session started:', message);
+          if (!message['stt_initialized']) {
+            this.addSystemMessage('Speech recognition failed to initialize. Voice input will not be available.');
+          }
+          break;
+          
+        case 'stt_ready':
+          console.log('✅ [ConversationManager] STT ready signal received');
+          // ✅ STT hazır, recording'i başlat
+          if (!this.audioService.isRecording()) {
+            this.audioService.startRecording().then(() => {
+              console.log('🎤 [ConversationManager] Audio recording started');
+            }).catch(error => {
+              console.error('❌ Failed to start recording:', error);
+              this.handleAudioError(error);
+            });
+          }
+          break;
+          
+        case 'state_change':
+          // Backend'den gelen state'i frontend state'ine map et
+          const backendState = message['to'] || message['state'];
+          const mappedState = this.mapBackendStateToFrontend(backendState);
+          if (mappedState) {
+            this.currentStateSubject.next(mappedState);
             
-          case 'state_change':
-            // Backend'den gelen state'i frontend state'ine map et
-            const backendState = message['to'] || message['state'];
-            const mappedState = this.mapBackendStateToFrontend(backendState);
-            if (mappedState) {
-              this.currentStateSubject.next(mappedState);
-            }
-            break;
-
-          case 'conversation_started':
-            // Conversation başladığında log at
-            console.log('📢 Conversation started:', message);
-            break;
-        }
-      } catch (error) {
-        console.error('Error handling message:', error);
-        this.errorSubject.next({
-          type: 'unknown',
-          message: 'Failed to process message',
-          details: error,
-          timestamp: new Date()
-        });
+            // Log state changes with better format
+            console.log(`📊 Backend state: ${backendState} → Frontend state: ${mappedState}`);
+          } else {
+            console.warn(`⚠️ Unknown backend state: ${backendState}`);
+          }
+          break;
+  
+        case 'conversation_started':
+          // Conversation başladığında log at
+          console.log('📢 Conversation started:', message);
+          break;
       }
+    } catch (error) {
+      console.error('Error handling message:', error);
+      this.errorSubject.next({
+        type: 'unknown',
+        message: 'Failed to process message',
+        details: error,
+        timestamp: new Date()
+      });
     }
+  }
 
   private mapBackendStateToFrontend(backendState: string): ConversationState | null {
     const stateMap: { [key: string]: ConversationState } = {