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

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

@@ -215,7 +215,7 @@ import { EnvironmentService } from '../../services/environment.service';
                   <mat-label>Speech Timeout (ms)</mat-label>
                   <input matInput type="number" 
                          name="speechTimeout"
-                         [value]="environment.stt_settings.speech_timeout_ms"
+                         [value]="stt_settings.speech_timeout_ms"
                          (input)="updateSTTSetting('speech_timeout_ms', +$any($event.target).value)"
                          min="500" max="5000" step="100"
                          [disabled]="loading">
@@ -226,7 +226,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 <mat-form-field appearance="outline">
                   <mat-label>Noise Reduction Level</mat-label>
                   <mat-select name="noiseReduction"
-                              [value]="environment.stt_settings.noise_reduction_level"
+                              [value]="stt_settings.noise_reduction_level"
                               (selectionChange)="updateSTTSetting('noise_reduction_level', $event.value)"
                               [disabled]="loading">
                     <mat-option [value]="0">Off</mat-option>
@@ -244,7 +244,7 @@ import { EnvironmentService } from '../../services/environment.service';
                               [displayWith]="formatVAD">
                     <input matSliderThumb
                            name="vadSensitivity"
-                           [value]="environment.stt_settings.vad_sensitivity"
+                           [value]="stt_settings.vad_sensitivity"
                            (input)="updateSTTSetting('vad_sensitivity', +$any($event.target).value)"
                            [disabled]="loading">
                   </mat-slider>
@@ -255,7 +255,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 <mat-form-field appearance="outline">
                   <mat-label>Language</mat-label>
                   <mat-select name="sttLanguage"
-                              [value]="environment.stt_settings.language"
+                              [value]="stt_settings.language"
                               (selectionChange)="updateSTTSetting('language', $event.value)"
                               [disabled]="loading">
                     <mat-option value="tr-TR">Turkish (tr-TR)</mat-option>
@@ -271,7 +271,7 @@ import { EnvironmentService } from '../../services/environment.service';
                                 *ngIf="environment.stt_engine === 'google'">
                   <mat-label>Model</mat-label>
                   <mat-select name="sttModel"
-                              [value]="environment.stt_settings.model"
+                              [value]="stt_settings.model"
                               (selectionChange)="updateSTTSetting('model', $event.value)"
                               [disabled]="loading">
                     <mat-option value="latest_long">Latest Long (Best for conversations)</mat-option>
@@ -284,7 +284,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 
                 <div class="checkbox-group">
                   <mat-checkbox name="useEnhanced"
-                                [checked]="environment.stt_settings.use_enhanced"
+                                [checked]="stt_settings.use_enhanced"
                                 (change)="updateSTTSetting('use_enhanced', $event.checked)"
                                 [disabled]="loading || environment.stt_engine !== 'google'">
                     Use Enhanced Model
@@ -292,14 +292,14 @@ import { EnvironmentService } from '../../services/environment.service';
                   </mat-checkbox>
                   
                   <mat-checkbox name="enablePunctuation"
-                                [checked]="environment.stt_settings.enable_punctuation"
+                                [checked]="stt_settings.enable_punctuation"
                                 (change)="updateSTTSetting('enable_punctuation', $event.checked)"
                                 [disabled]="loading">
                     Automatic Punctuation
                   </mat-checkbox>
                   
                   <mat-checkbox name="interimResults"
-                                [checked]="environment.stt_settings.interim_results"
+                                [checked]="stt_settings.interim_results"
                                 (change)="updateSTTSetting('interim_results', $event.checked)"
                                 [disabled]="loading">
                     Show Interim Results
@@ -598,6 +598,22 @@ export class EnvironmentComponent implements OnInit {
     console.log('STT settings:', this.environment.stt_settings);
   }
 
+  get sttSettings(): STTSettings {
+    if (!this.environment.stt_settings) {
+      this.environment.stt_settings = {
+        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
+      };
+    }
+    return this.environment.stt_settings;
+  }
+  
   loadEnvironment() {
     console.log('loadEnvironment called');
     this.loading = true;