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

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

@@ -165,7 +165,7 @@
                     <mat-label>Language</mat-label>
                     <mat-select
                       name="sttLanguage"
-                      [(ngModel)]="environment.stt_settings.language"
+                      [(ngModel)]="sttLanguage"
                       [disabled]="loading"
                     >
                       <mat-option value="tr-TR">Turkish (tr-TR)</mat-option>
@@ -177,13 +177,13 @@
                     </mat-select>
                     <mat-icon matPrefix>language</mat-icon>
                   </mat-form-field>
-              
+                  
                   <!-- Model -->
                   <mat-form-field appearance="outline" class="full-width" *ngIf="environment.stt_engine === 'google'">
                     <mat-label>Recognition Model</mat-label>
                     <mat-select
                       name="sttModel"
-                      [(ngModel)]="environment.stt_settings.model"
+                      [(ngModel)]="sttModel"
                       [disabled]="loading"
                     >
                       <mat-option value="latest_long">Latest Long (Best for long audio)</mat-option>
@@ -194,10 +194,10 @@
                     </mat-select>
                     <mat-icon matPrefix>model_training</mat-icon>
                   </mat-form-field>
-              
+                  
                   <!-- Speech Timeout -->
                   <div class="slider-field">
-                    <label>Speech Timeout: {{ environment.stt_settings.speech_timeout_ms }}ms</label>
+                    <label>Speech Timeout: {{ sttSpeechTimeout }}ms</label>
                     <mat-slider
                       [min]="500"
                       [max]="5000"
@@ -205,56 +205,56 @@
                       [discrete]="true"
                       [displayWith]="formatMilliseconds"
                     >
-                      <input matSliderThumb [(ngModel)]="environment.stt_settings.speech_timeout_ms">
+                      <input matSliderThumb [(ngModel)]="sttSpeechTimeout">
                     </mat-slider>
                     <mat-hint>Silence duration to end speech detection</mat-hint>
                   </div>
-              
+                  
                   <!-- VAD Sensitivity -->
                   <div class="slider-field">
-                    <label>Voice Activity Detection Sensitivity: {{ environment.stt_settings.vad_sensitivity }}</label>
+                    <label>Voice Activity Detection Sensitivity: {{ sttVadSensitivity }}</label>
                     <mat-slider
                       [min]="0"
                       [max]="1"
                       [step]="0.1"
                       [discrete]="true"
                     >
-                      <input matSliderThumb [(ngModel)]="environment.stt_settings.vad_sensitivity">
+                      <input matSliderThumb [(ngModel)]="sttVadSensitivity">
                     </mat-slider>
                     <mat-hint>Higher values = more sensitive</mat-hint>
                   </div>
-              
+                  
                   <!-- Noise Reduction Level -->
                   <div class="slider-field">
-                    <label>Noise Reduction Level: {{ environment.stt_settings.noise_reduction_level }}</label>
+                    <label>Noise Reduction Level: {{ sttNoiseReductionLevel }}</label>
                     <mat-slider
                       [min]="0"
                       [max]="3"
                       [step]="1"
                       [discrete]="true"
                     >
-                      <input matSliderThumb [(ngModel)]="environment.stt_settings.noise_reduction_level">
+                      <input matSliderThumb [(ngModel)]="sttNoiseReductionLevel">
                     </mat-slider>
                     <mat-hint>0 = Off, 3 = Maximum</mat-hint>
                   </div>
-              
+                  
                   <!-- Checkboxes -->
                   <div class="checkbox-group">
                     <mat-checkbox 
-                      [(ngModel)]="environment.stt_settings.use_enhanced"
+                      [(ngModel)]="sttUseEnhanced"
                       [disabled]="loading"
                       *ngIf="environment.stt_engine === 'google'">
                       Use Enhanced Model
                     </mat-checkbox>
                     
                     <mat-checkbox 
-                      [(ngModel)]="environment.stt_settings.enable_punctuation"
+                      [(ngModel)]="sttEnablePunctuation"
                       [disabled]="loading">
                       Enable Automatic Punctuation
                     </mat-checkbox>
                     
                     <mat-checkbox 
-                      [(ngModel)]="environment.stt_settings.interim_results"
+                      [(ngModel)]="sttInterimResults"
                       [disabled]="loading">
                       Show Interim Results
                     </mat-checkbox>