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

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

@@ -50,6 +50,18 @@ export class EnvironmentComponent implements OnInit {
     stt_engine_api_key: ''
   };
 
+  // Separate STT settings object with defaults
+  sttSettings: STTSettings = {
+    speech_timeout_ms: 2000,
+    noise_reduction_level: 2,
+    vad_sensitivity: 0.5,
+    language: 'tr-TR',
+    model: 'latest_long',
+    use_enhanced: true,
+    enable_punctuation: true,
+    interim_results: true
+  }; 
+
   loading = true;
   saving = false;
 
@@ -63,9 +75,9 @@ export class EnvironmentComponent implements OnInit {
       next: (env) => {
         this.environment = env;
         
-        // Ensure stt_settings exists with defaults
-        if (!this.environment.stt_settings) {
-          this.environment.stt_settings = this.getDefaultSTTSettings();
+        // Load STT settings or use defaults
+        if (env.stt_settings) {
+          this.sttSettings = { ...this.sttSettings, ...env.stt_settings };
         }
         
         this.loading = false;
@@ -175,99 +187,7 @@ export class EnvironmentComponent implements OnInit {
         return '';
     }
   }  
-
-  get sttLanguage(): string {
-    return this.environment.stt_settings?.language || 'tr-TR';
-  }
-  
-  set sttLanguage(value: string) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.language = value;
-  }
-  
-  get sttModel(): string {
-    return this.environment.stt_settings?.model || 'latest_long';
-  }
-  
-  set sttModel(value: string) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.model = value;
-  }
-  
-  get sttSpeechTimeout(): number {
-    return this.environment.stt_settings?.speech_timeout_ms || 2000;
-  }
-  
-  set sttSpeechTimeout(value: number) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.speech_timeout_ms = value;
-  }
-  
-  get sttVadSensitivity(): number {
-    return this.environment.stt_settings?.vad_sensitivity || 0.5;
-  }
-  
-  set sttVadSensitivity(value: number) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.vad_sensitivity = value;
-  }
-  
-  get sttNoiseReductionLevel(): number {
-    return this.environment.stt_settings?.noise_reduction_level || 2;
-  }
-  
-  set sttNoiseReductionLevel(value: number) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.noise_reduction_level = value;
-  }
-  
-  get sttUseEnhanced(): boolean {
-    return this.environment.stt_settings?.use_enhanced ?? true;
-  }
-  
-  set sttUseEnhanced(value: boolean) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.use_enhanced = value;
-  }
-  
-  get sttEnablePunctuation(): boolean {
-    return this.environment.stt_settings?.enable_punctuation ?? true;
-  }
-  
-  set sttEnablePunctuation(value: boolean) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.enable_punctuation = value;
-  }
-  
-  get sttInterimResults(): boolean {
-    return this.environment.stt_settings?.interim_results ?? true;
-  }
-  
-  set sttInterimResults(value: boolean) {
-    this.ensureSTTSettings();
-    this.environment.stt_settings!.interim_results = value;
-  }
-  
-  // Helper methods
-  private ensureSTTSettings(): void {
-    if (!this.environment.stt_settings) {
-      this.environment.stt_settings = this.getDefaultSTTSettings();
-    }
-  }
-  
-  private getDefaultSTTSettings(): STTSettings {
-    return {
-      speech_timeout_ms: 2000,
-      noise_reduction_level: 2,
-      vad_sensitivity: 0.5,
-      language: 'tr-TR',
-      model: 'latest_long',
-      use_enhanced: true,
-      enable_punctuation: true,
-      interim_results: true
-    };
-  }
-  
+ 
   // formatMilliseconds metodu eksikti, ekleyelim:
   formatMilliseconds(value: number): string {
     return `${value}ms`;
@@ -275,11 +195,17 @@ export class EnvironmentComponent implements OnInit {
     
   save() {
     this.saving = true;
+    
+    // Include STT settings in the save
+    const saveData = {
+      ...this.environment,
+      stt_settings: this.sttSettings
+    };
   
-    this.apiService.updateEnvironment(this.environment).subscribe({
+    this.apiService.updateEnvironment(saveData).subscribe({
       next: () => {
         // Environment service'i güncelle
-        this.environmentService.updateEnvironment(this.environment);
+        this.environmentService.updateEnvironment(saveData);
         
         this.snackBar.open('Environment configuration saved successfully', 'Close', {
           duration: 3000
@@ -295,7 +221,7 @@ export class EnvironmentComponent implements OnInit {
         this.saving = false;
       }
     });
-  }
+  } 
 
   testConnection() {
     this.snackBar.open('Testing connection to Spark endpoint...', undefined, {