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

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

@@ -198,8 +198,8 @@ import { EnvironmentService } from '../../services/environment.service';
 
             <!-- STT Settings Panel -->
             <mat-expansion-panel class="stt-settings-panel" 
-                                 *ngIf="environment.stt_engine !== 'no_stt'"
-                                 [expanded]="sttSettingsExpanded">
+                 *ngIf="environment.stt_engine !== 'no_stt' && environment.stt_settings"
+                 [expanded]="sttSettingsExpanded">
               <mat-expansion-panel-header>
                 <mat-panel-title>
                   <mat-icon>settings_voice</mat-icon>
@@ -215,7 +215,8 @@ import { EnvironmentService } from '../../services/environment.service';
                   <mat-label>Speech Timeout (ms)</mat-label>
                   <input matInput type="number" 
                          name="speechTimeout"
-                         [(ngModel)]="environment.stt_settings!.speech_timeout_ms"
+                         [ngModel]="environment.stt_settings?.speech_timeout_ms || 2000"
+                         (ngModelChange)="updateSTTSetting('speech_timeout_ms', $event)"
                          min="500" max="5000" step="100"
                          [disabled]="loading">
                   <mat-icon matPrefix>timer</mat-icon>
@@ -583,7 +584,7 @@ export class EnvironmentComponent implements OnInit {
     this.apiService.getEnvironment().subscribe({
       next: (env) => {
         this.environment = env;
-        // Ensure STT settings exist
+        // Ensure STT settings exist with proper null check
         if (!this.environment.stt_settings) {
           this.environment.stt_settings = {
             speech_timeout_ms: 2000,
@@ -608,6 +609,22 @@ export class EnvironmentComponent implements OnInit {
     });
   }
 
+  updateSTTSetting(key: string, value: any) {
+    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
+      };
+    }
+    (this.environment.stt_settings as any)[key] = value;
+  }
+  
   getTokenLabel(): string {
     switch(this.environment.work_mode) {
       case 'gpt4o':