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

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

@@ -58,6 +58,8 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
   selectedProject: string | null = null;
   useTTS = false;
   ttsAvailable = false;
+  selectedLocale: string = 'tr';
+  availableLocales: any[] = [];
 
   sessionId: string | null = null;
   messages: ChatMessage[] = [];
@@ -89,6 +91,7 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
 
   ngOnInit(): void {
     this.loadProjects();
+    this.loadAvailableLocales();
     this.checkTTSAvailability();
     this.checkSTTAvailability();
     
@@ -103,6 +106,25 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     this.watchSTTToggle();
   }
 
+  loadAvailableLocales(): void {
+    this.api.getAvailableLocales().pipe(
+      takeUntil(this.destroyed$)
+    ).subscribe({
+      next: (response) => {
+        this.availableLocales = response.locales;
+        this.selectedLocale = response.default || 'tr';
+      },
+      error: (err) => {
+        console.error('Failed to load locales:', err);
+        // Fallback locales
+        this.availableLocales = [
+          { code: 'tr', name: 'Türkçe' },
+          { code: 'en', name: 'English' }
+        ];
+      }
+    });
+  }  
+
   private watchSTTToggle(): void {
     // When STT is toggled, provide feedback
     // This could be implemented with form control valueChanges if needed
@@ -307,7 +329,7 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     this.loading = true;
     this.error = '';
     
-    this.api.startChat(this.selectedProject).pipe(
+    this.api.startChat(this.selectedProject, this.selectedLocale).pipe(
       takeUntil(this.destroyed$)
     ).subscribe({
       next: res => {