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

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

@@ -34,7 +34,7 @@
               }
             </mat-select>
             @if (currentLLMProviderSafe?.description) {
-              <mat-hint>{{ currentLLMProviderSafe.description }}</mat-hint>
+              <mat-hint>{{ currentLLMProviderSafe?.description }}</mat-hint>
             }
           </mat-form-field>
 
@@ -47,7 +47,7 @@
                      formControlName="llm_provider_api_key"
                      [placeholder]="getApiKeyPlaceholder('llm')">
               <mat-error *ngIf="form.get('llm_provider_api_key')?.hasError('required')">
-                API key is required for {{ currentLLMProviderSafe?.display_name }}
+                API key is required for {{ currentLLMProviderSafe?.display_name || 'this provider' }}
               </mat-error>
             </mat-form-field>
           }
@@ -66,7 +66,7 @@
                 <mat-icon>wifi_tethering</mat-icon>
               </button>
               <mat-error *ngIf="form.get('llm_provider_endpoint')?.hasError('required')">
-                Endpoint is required for {{ currentLLMProviderSafe?.display_name }}
+                Endpoint is required for {{ currentLLMProviderSafe?.display_name || 'this provider' }}
               </mat-error>
             </mat-form-field>
           }
@@ -190,7 +190,7 @@
               }
             </mat-select>
             @if (currentTTSProviderSafe?.description) {
-              <mat-hint>{{ currentTTSProviderSafe.description }}</mat-hint>
+              <mat-hint>{{ currentTTSProviderSafe?.description }}</mat-hint>
             }
           </mat-form-field>
 
@@ -203,7 +203,7 @@
                      formControlName="tts_provider_api_key"
                      [placeholder]="getApiKeyPlaceholder('tts')">
               <mat-error *ngIf="form.get('tts_provider_api_key')?.hasError('required')">
-                API key is required for {{ currentTTSProviderSafe?.display_name }}
+                API key is required for {{ currentTTSProviderSafe?.display_name || 'this provider' }}
               </mat-error>
             </mat-form-field>
           }
@@ -241,7 +241,7 @@
               }
             </mat-select>
             @if (currentSTTProviderSafe?.description) {
-              <mat-hint>{{ currentSTTProviderSafe.description }}</mat-hint>
+              <mat-hint>{{ currentSTTProviderSafe?.description }}</mat-hint>
             }
           </mat-form-field>
 
@@ -254,7 +254,7 @@
                      formControlName="stt_provider_api_key"
                      [placeholder]="getApiKeyPlaceholder('stt')">
               <mat-error *ngIf="form.get('stt_provider_api_key')?.hasError('required')">
-                {{ currentSTTProviderSafe?.name === 'google' ? 'Credentials path' : 'API key' }} is required for {{ currentSTTProviderSafe?.display_name }}
+                {{ currentSTTProviderSafe?.name === 'google' ? 'Credentials path' : 'API key' }} is required for {{ currentSTTProviderSafe?.display_name || 'this provider' }}
               </mat-error>
             </mat-form-field>
           }