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

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

@@ -16,7 +16,6 @@ import { Subscription } from 'rxjs';
 
 import { ApiService } from '../../services/api.service';
 import { EnvironmentService } from '../../services/environment.service';
-import { RealtimeChatComponent } from './realtime-chat.component';
 import { Router } from '@angular/router';
 
 interface ChatMessage {
@@ -42,8 +41,7 @@ interface ChatMessage {
     MatDividerModule,
     MatTooltipModule,
     MatProgressSpinnerModule,
-    MatCheckboxModule,
-    RealtimeChatComponent 
+    MatCheckboxModule
   ],
   templateUrl: './chat.component.html',
   styleUrls: ['./chat.component.scss']
@@ -92,9 +90,6 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     
     // Initialize Audio Context
     this.audioContext = new (window.AudioContext || (window as any).webkitAudioContext)();
-
-    // STT availability kontrolü
-    this.checkSTTAvailability();
   }
 
   ngAfterViewChecked() {
@@ -166,32 +161,35 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
   }
   
   private openRealtimeDialog(sessionId: string): void {
-    const dialogRef = this.dialog.open(RealtimeChatComponent, {
-      width: '90%',
-      maxWidth: '900px',
-      height: '85vh',
-      maxHeight: '800px',
-      disableClose: false,
-      panelClass: 'realtime-chat-dialog',
-      data: { 
-        sessionId: sessionId,
-        projectName: this.selectedProject 
-      }
-    });
-    
-    dialogRef.afterClosed().subscribe(result => {
-      // Clean up session data
-      localStorage.removeItem('current_session_id');
-      localStorage.removeItem('current_project');
+    // Dinamik import kullan
+    import('./realtime-chat.component').then(module => {
+      const dialogRef = this.dialog.open(module.RealtimeChatComponent, {
+        width: '90%',
+        maxWidth: '900px',
+        height: '85vh',
+        maxHeight: '800px',
+        disableClose: false,
+        panelClass: 'realtime-chat-dialog',
+        data: { 
+          sessionId: sessionId,
+          projectName: this.selectedProject 
+        }
+      });
       
-      // If session was active, we might want to end it
-      if (result === 'session_active') {
-        // Optionally end the session on backend
-        this.api.endSession(sessionId).subscribe({
-          next: () => console.log('Session ended'),
-          error: (err) => console.error('Failed to end session:', err)
-        });
-      }
+      dialogRef.afterClosed().subscribe(result => {
+        // Clean up session data
+        localStorage.removeItem('current_session_id');
+        localStorage.removeItem('current_project');
+        
+        // If session was active, we might want to end it
+        if (result === 'session_active') {
+          // Optionally end the session on backend
+          this.api.endSession(sessionId).subscribe({
+            next: () => console.log('Session ended'),
+            error: (err: any) => console.error('Failed to end session:', err)
+          });
+        }
+      });
     });
   }
   
@@ -242,28 +240,6 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
       }
     });
   }
-
-  checkSTTAvailability(): void {
-    const sub = this.environmentService.environment$.subscribe(env => {
-      if (env) {
-        this.sttAvailable = env.stt_engine !== 'no_stt';
-        if (!this.sttAvailable) {
-          this.useSTT = false;
-        }
-      }
-    });
-    this.subs.add(sub);
-    
-    // Also get current environment
-    this.api.getEnvironment().subscribe({
-      next: (env) => {
-        this.sttAvailable = env.stt_engine !== 'no_stt';
-        if (!this.sttAvailable) {
-          this.useSTT = false;
-        }
-      }
-    });
-  }
   
   startChat(): void {
     if (!this.selectedProject) return;
@@ -478,29 +454,4 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
       console.error('Scroll error:', err);
     }
   }
-
-  startRealtimeChat(): void {
-    if (!this.selectedProject) return;
-    
-    this.loading = true;
-    this.error = '';
-    
-    const sub = this.api.startChat(this.selectedProject).subscribe({
-      next: res => {
-        // Store session ID for realtime component
-        localStorage.setItem('current_session_id', res.session_id);
-        
-        // Navigate to realtime chat or open in dialog
-        this.openRealtimeDialog(res.session_id);
-        
-        this.loading = false;
-      },
-      error: (err) => {
-        this.error = err.error?.detail || 'Failed to start realtime session';
-        this.loading = false;
-        console.error('Start realtime chat error:', err);
-      }
-    });
-    this.subs.add(sub);
-  }
 }