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

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

@@ -345,64 +345,64 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
   }
 
   ngOnInit(): void {
-    console.log('🎤 RealtimeChat component initialized');
-    console.log('Session ID:', this.sessionId);
-    console.log('Project Name:', this.projectName);
-    
-    // Check browser support
-    if (!AudioStreamService.checkBrowserSupport()) {
-      this.error = 'Tarayıcınız ses kaydını desteklemiyor. Lütfen modern bir tarayıcı kullanın.';
-      this.snackBar.open(this.error, 'Close', {
-        duration: 5000,
-        panelClass: 'error-snackbar'
+      console.log('🎤 RealtimeChat component initialized');
+      console.log('Session ID:', this.sessionId);
+      console.log('Project Name:', this.projectName);
+      
+      // Subscribe to messages FIRST - before any connection
+      this.conversationManager.messages$.pipe(
+        takeUntil(this.destroyed$)
+      ).subscribe(messages => {
+        console.log('💬 Messages updated:', messages.length, 'messages');
+        this.messages = messages;
+        this.shouldScrollToBottom = true;
+        
+        // Check if we have initial welcome message
+        if (messages.length > 0) {
+          const lastMessage = messages[messages.length - 1];
+          console.log('📝 Last message:', lastMessage.role, lastMessage.text?.substring(0, 50) + '...');
+        }
       });
-      return;
-    }
-    
-    // Check microphone permission
-    this.checkMicrophonePermission();
-    
-    // Subscribe to conversation state
-    this.conversationManager.currentState$.pipe(
-      takeUntil(this.destroyed$)
-    ).subscribe(state => {
-      console.log('📊 Conversation state:', state);
-      this.currentState = state;
-      this.updateRecordingState(state);
-    });
-    
-    // Subscribe to messages
-    this.conversationManager.messages$.pipe(
-      takeUntil(this.destroyed$)
-    ).subscribe(messages => {
-      console.log('💬 Messages updated:', messages.length, 'messages');
-      this.messages = messages;
-      this.shouldScrollToBottom = true;
       
-      // Check if we have initial welcome message
-      if (messages.length > 0) {
-        const lastMessage = messages[messages.length - 1];
-        console.log('📝 Last message:', lastMessage.role, lastMessage.text?.substring(0, 50) + '...');
+      // Check browser support
+      if (!AudioStreamService.checkBrowserSupport()) {
+        this.error = 'Tarayıcınız ses kaydını desteklemiyor. Lütfen modern bir tarayıcı kullanın.';
+        this.snackBar.open(this.error, 'Close', {
+          duration: 5000,
+          panelClass: 'error-snackbar'
+        });
+        return;
       }
-    });
-    
-    // Subscribe to transcription
-    this.conversationManager.transcription$.pipe(
-      takeUntil(this.destroyed$)
-    ).subscribe(text => {
-      if (text) {
-        console.log('🎙️ Transcription:', text);
+      
+      // Check microphone permission
+      this.checkMicrophonePermission();
+      
+      // Subscribe to conversation state
+      this.conversationManager.currentState$.pipe(
+        takeUntil(this.destroyed$)
+      ).subscribe(state => {
+        console.log('📊 Conversation state:', state);
+        this.currentState = state;
+        this.updateRecordingState(state);
+      });
+      
+      // Subscribe to transcription
+      this.conversationManager.transcription$.pipe(
+        takeUntil(this.destroyed$)
+      ).subscribe(text => {
+        if (text) {
+          console.log('🎙️ Transcription:', text);
+        }
+        this.currentTranscription = text;
+      });
+      
+      // Load initial messages from session if available
+      const initialMessages = this.conversationManager.getMessages();
+      console.log('📋 Initial messages:', initialMessages.length);
+      if (initialMessages.length > 0) {
+        this.messages = initialMessages;
+        this.shouldScrollToBottom = true;
       }
-      this.currentTranscription = text;
-    });
-    
-    // Load initial messages from session if available
-    const initialMessages = this.conversationManager.getMessages();
-    console.log('📋 Initial messages:', initialMessages.length);
-    if (initialMessages.length > 0) {
-      this.messages = initialMessages;
-      this.shouldScrollToBottom = true;
-    }
   }
 
   ngAfterViewChecked(): void {