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

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

@@ -9,6 +9,7 @@
       </mat-card-header>
       
       <mat-card-content>
+        
         <mat-form-field appearance="outline" class="project-select">
           <mat-label>Select Project</mat-label>
           <mat-select [(ngModel)]="selectedProject" required>
@@ -16,6 +17,16 @@
           </mat-select>
           <mat-hint>Choose an enabled project with published version</mat-hint>
         </mat-form-field>
+
+        <mat-form-field appearance="outline" class="locale-select">
+          <mat-label>Language</mat-label>
+          <mat-select [(ngModel)]="selectedLocale" required>
+            <mat-option *ngFor="let locale of availableLocales" [value]="locale.code">
+              {{ locale.name }} ({{ locale.english_name }})
+            </mat-option>
+          </mat-select>
+          <mat-hint>Select conversation language</mat-hint>
+        </mat-form-field>        
         
         <mat-checkbox 
           [(ngModel)]="useTTS"