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

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

@@ -98,8 +98,16 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     } catch (error) {
       console.error('Failed to create AudioContext:', error);
     }
+    
+    // Watch for STT toggle changes
+    this.watchSTTToggle();
   }
 
+  private watchSTTToggle(): void {
+    // When STT is toggled, provide feedback
+    // This could be implemented with form control valueChanges if needed
+  }
+  
   ngAfterViewChecked() {
     if (this.shouldScroll) {
       this.scrollToBottom();
@@ -157,8 +165,8 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
       return;
     }
     
-    if (!this.sttAvailable) {
-      this.error = 'STT is not configured. Please configure it in Environment settings.';
+    if (!this.sttAvailable || !this.useSTT) {
+      this.error = 'STT must be enabled for real-time chat';
       this.snackBar.open(this.error, 'Close', { duration: 5000 });
       return;
     }
@@ -173,6 +181,7 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
         // Store session ID for realtime component
         localStorage.setItem('current_session_id', res.session_id);
         localStorage.setItem('current_project', this.selectedProject || '');
+        localStorage.setItem('use_tts', this.useTTS.toString());
         
         // Open realtime chat dialog
         this.openRealtimeDialog(res.session_id);
@@ -290,6 +299,11 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
       return;
     }
     
+    if (this.useSTT) {
+      this.snackBar.open('For voice input, please use Real-time Chat', 'Close', { duration: 3000 });
+      return;
+    }
+    
     this.loading = true;
     this.error = '';