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

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

@@ -9,7 +9,7 @@ import { MatChipsModule } from '@angular/material/chips';
 import { MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { Inject } from '@angular/core';
-import { Subject, takeUntil } from 'rxjs';
+import { Subject, Subscription, takeUntil } from 'rxjs';
 
 import { ConversationManagerService, ConversationState, ConversationMessage } from '../../services/conversation-manager.service';
 import { AudioStreamService } from '../../services/audio-stream.service';
@@ -329,6 +329,7 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
   ];
   
   private destroyed$ = new Subject<void>();
+  private subscriptions = new Subscription();
   private shouldScrollToBottom = false;
   private animationId: number | null = null;
   private currentAudio: HTMLAudioElement | null = null;
@@ -415,6 +416,7 @@ export class RealtimeChatComponent implements OnInit, OnDestroy, AfterViewChecke
   ngOnDestroy(): void {
     this.destroyed$.next();
     this.destroyed$.complete();
+    this.subscriptions.unsubscribe();
     this.stopVisualization();
     this.cleanupAudio();