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

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

@@ -65,7 +65,7 @@ import { EnvironmentService } from '../../services/environment.service';
               <mat-label>Work Mode</mat-label>
               <mat-select
                 name="workMode"
-                [(ngModel)]="environment.work_mode"
+                formControlName="environment.work_mode"
                 (selectionChange)="onWorkModeChange()"
                 required
                 [disabled]="loading"
@@ -85,7 +85,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 matInput
                 type="password"
                 name="cloudToken"
-                [(ngModel)]="environment.cloud_token"
+                formControlName="environment.cloud_token"
                 [disabled]="loading || environment.work_mode === 'on-premise'"
                 [placeholder]="getTokenPlaceholder()"
               >
@@ -99,7 +99,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 matInput
                 type="url"
                 name="sparkEndpoint"
-                [(ngModel)]="environment.spark_endpoint"
+                formControlName="environment.spark_endpoint"
                 [required]="!isGPTMode()"
                 [disabled]="loading || isGPTMode()"
                 placeholder="https://spark-service.example.com"
@@ -126,7 +126,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 <mat-label>TTS Engine</mat-label>
                 <mat-select
                   name="ttsEngine"
-                  [(ngModel)]="environment.tts_engine"
+                  formControlName="environment.tts_engine"
                   (selectionChange)="onTTSEngineChange()"
                   [disabled]="loading"
                 >
@@ -143,7 +143,7 @@ import { EnvironmentService } from '../../services/environment.service';
                   matInput
                   type="password"
                   name="ttsApiKey"
-                  [(ngModel)]="environment.tts_engine_api_key"
+                  formControlName="environment.tts_engine_api_key"
                   [disabled]="loading || environment.tts_engine === 'no_tts'"
                   [required]="environment.tts_engine !== 'no_tts'"
                   placeholder="Enter TTS API key"
@@ -158,7 +158,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 <mat-label>STT Engine</mat-label>
                 <mat-select
                   name="sttEngine"
-                  [(ngModel)]="environment.stt_engine"
+                  formControlName="environment.stt_engine"
                   (selectionChange)="onSTTEngineChange()"
                   [disabled]="loading"
                 >
@@ -178,7 +178,7 @@ import { EnvironmentService } from '../../services/environment.service';
                   matInput
                   type="password"
                   name="sttApiKey"
-                  [(ngModel)]="environment.stt_engine_api_key"
+                  formControlName="environment.stt_engine_api_key"
                   [disabled]="loading || environment.stt_engine === 'no_stt'"
                   [required]="environment.stt_engine !== 'no_stt'"
                   [placeholder]="getSTTKeyPlaceholder()"
@@ -344,7 +344,7 @@ import { EnvironmentService } from '../../services/environment.service';
                 <textarea
                   matInput
                   name="internalPrompt"
-                  [(ngModel)]="environment.internal_prompt"
+                  formControlName="environment.internal_prompt"
                   [disabled]="loading"
                   rows="10"
                   placeholder="Enter internal system prompt..."