Update flare-ui/src/app/components/chat/realtime-chat.component.ts

flare-ui/src/app/components/chat/realtime-chat.component.ts

@@ -106,6 +106,13 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
         console.log('📊 Conversation state:', state);
         this.currentState = state;
         this.updateRecordingState(state);
+        
+        // Visualization'ı state'e göre güncelle
+        if (state === 'listening') {
+          this.isRecording = true;
+        } else {
+          this.isRecording = false;
+        }
       });
       
       // Subscribe to transcription
@@ -118,6 +125,14 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
         this.currentTranscription = text;
       });
       
+      // Subscribe to errors
+      this.conversationManager.error$.pipe(
+        takeUntil(this.destroyed$)
+      ).subscribe(error => {
+        console.error('Conversation error:', error);
+        this.error = error.message;
+      });
+      
       // Load initial messages from session if available
       const initialMessages = this.conversationManager.getMessages();
       console.log('📋 Initial messages:', initialMessages.length);
@@ -125,8 +140,8 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
         this.messages = initialMessages;
         this.shouldScrollToBottom = true;
       }
-  }
-
+    }
+    
   ngAfterViewChecked(): void {
     if (this.shouldScrollToBottom) {
       this.scrollToBottom();
@@ -166,6 +181,8 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
       
       await this.conversationManager.startConversation(this.sessionId!);
       this.isConversationActive = true;
+      
+      // Visualization'ı başlat
       this.startVisualization();
       
       this.snackBar.open('Konuşma başlatıldı', 'Close', {
@@ -286,7 +303,16 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
   }
 
   private updateRecordingState(state: ConversationState): void {
+    // State'e göre recording durumunu güncelle
     this.isRecording = state === 'listening';
+    
+    // Visualizer'ı güncelle
+    if (this.isRecording && this.isConversationActive) {
+      // Eğer visualizer çalışmıyorsa başlat
+      if (!this.animationId) {
+        this.startVisualization();
+      }
+    }
   }
 
   private scrollToBottom(): void {