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

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

@@ -106,15 +106,9 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
       console.log('📊 Conversation state:', state);
       this.currentState = state;
       
-      // Update recording state based on conversation state
-      this.isRecording = (state === 'listening');
-      
-      // Start/stop visualization based on state
-      if (state === 'listening' && this.isConversationActive) {
-        this.startVisualization();
-      } else {
-        this.stopVisualization();
-      }
+      // Recording state'i conversation active olduğu sürece true tut
+      // Sadece error state'inde false yap
+      this.isRecording = this.isConversationActive && state !== 'error';
     });
     
     // Subscribe to errors
@@ -163,46 +157,6 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
     }
   }
 
-  async startConversation(): Promise<void> {
-    try {
-      this.loading = true;
-      this.error = '';
-      
-      // Clear existing messages - welcome will come via WebSocket
-      this.conversationManager.clearMessages();
-      
-      await this.conversationManager.startConversation(this.sessionId!);
-      this.isConversationActive = true;
-      
-      // Visualization'ı başlat ve aktif olarak işaretle
-      this.startVisualization();
-      console.log('✅ Conversation and visualization started');
-      
-      this.snackBar.open('Konuşma başlatıldı', 'Close', {
-        duration: 2000
-      });
-    } catch (error: any) {
-      console.error('Failed to start conversation:', error);
-      this.error = 'Konuşma başlatılamadı. Lütfen tekrar deneyin.';
-      this.snackBar.open(this.error, 'Close', {
-        duration: 5000,
-        panelClass: 'error-snackbar'
-      });
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  private stopConversation(): void {
-    this.conversationManager.stopConversation();
-    this.isConversationActive = false;
-    this.stopVisualization();
-    
-    this.snackBar.open('Konuşma sonlandırıldı', 'Close', {
-      duration: 2000
-    });
-  }
-
   async retryConnection(): Promise<void> {
     this.error = '';
     if (!this.isConversationActive && this.sessionId) {
@@ -305,7 +259,49 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
     }
   }
 
+  async startConversation(): Promise<void> {
+    try {
+      this.loading = true;
+      this.error = '';
+      
+      // Clear existing messages - welcome will come via WebSocket
+      this.conversationManager.clearMessages();
+      
+      await this.conversationManager.startConversation(this.sessionId!);
+      this.isConversationActive = true;
+      this.isRecording = true; // Konuşma başladığında recording'i aktif et
+      
+      // Visualization'ı başlat
+      this.startVisualization();
+      
+      this.snackBar.open('Konuşma başlatıldı', 'Close', {
+        duration: 2000
+      });
+    } catch (error: any) {
+      console.error('Failed to start conversation:', error);
+      this.error = 'Konuşma başlatılamadı. Lütfen tekrar deneyin.';
+      this.snackBar.open(this.error, 'Close', {
+        duration: 5000,
+        panelClass: 'error-snackbar'
+      });
+    } finally {
+      this.loading = false;
+    }
+  }
+
+  private stopConversation(): void {
+    this.conversationManager.stopConversation();
+    this.isConversationActive = false;
+    this.isRecording = false; // Konuşma bittiğinde recording'i kapat
+    this.stopVisualization();
+    
+    this.snackBar.open('Konuşma sonlandırıldı', 'Close', {
+      duration: 2000
+    });
+  }
+
   private startVisualization(): void {
+    // Eğer zaten çalışıyorsa tekrar başlatma
     if (!this.audioVisualizer || this.animationId) {
       return;
     }
@@ -338,7 +334,8 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
     
     // Animation loop
     const animate = () => {
-      if (!this.isRecording || !this.isConversationActive) {
+      // isConversationActive kontrolü ile devam et
+      if (!this.isConversationActive) {
         this.clearVisualization();
         return;
       }