Update flare-ui/src/app/dialogs/intent-edit-dialog/intent-edit-dialog.component.html

flare-ui/src/app/dialogs/intent-edit-dialog/intent-edit-dialog.component.html

@@ -75,43 +75,47 @@
       <mat-tab label="Examples">
         <div class="tab-content">
           <div class="examples-section">
-            <h4>Example Sentences</h4>
-            <p>Add example sentences that should trigger this intent</p>
+            <div class="examples-header">
+              <h4>Examples for</h4>
+              <mat-form-field appearance="outline" class="locale-selector">
+                <mat-select [(value)]="selectedExampleLocale">
+                  <mat-option *ngFor="let locale of supportedLocales" [value]="locale">
+                    {{ getLocaleName(locale) }}
+                  </mat-option>
+                </mat-select>
+              </mat-form-field>
+            </div>
 
             <div class="add-example">
               <mat-form-field appearance="outline" class="example-input">
                 <mat-label>New Example</mat-label>
-                <input matInput 
-                       [(ngModel)]="newExample" 
-                       [ngModelOptions]="{standalone: true}"
-                       (keyup.enter)="addExample()"
-                       placeholder="e.g., I want to book a flight">
+                <input matInput [(ngModel)]="newExample" [ngModelOptions]="{standalone: true}"
+                       placeholder="e.g., I want to book a flight from Istanbul to Ankara"
+                       (keyup.enter)="addExample()">
               </mat-form-field>
-              <button mat-raised-button color="primary" 
-                      (click)="addExample()"
-                      [disabled]="!newExample || !newExample.trim()">
+              <button mat-raised-button color="accent" (click)="addExample()" [disabled]="!newExample.trim()">
                 <mat-icon>add</mat-icon>
-                Add
+                Add Example
               </button>
             </div>
 
-            <mat-list class="examples-list" *ngIf="examples.length > 0">
-              <mat-list-item *ngFor="let example of examples.controls; let i = index">
-                <mat-icon matListItemIcon>format_quote</mat-icon>
-                <div matListItemTitle>{{ example.value }}</div>
-                <button mat-icon-button matListItemMeta (click)="removeExample(i)">
+            <mat-list class="examples-list" *ngIf="getExamplesForCurrentLocale().length > 0">
+              <mat-list-item *ngFor="let example of getExamplesForCurrentLocale()">
+                {{ example.example }}
+                <button mat-icon-button matListItemMeta (click)="removeExample(example)">
                   <mat-icon>delete</mat-icon>
                 </button>
               </mat-list-item>
             </mat-list>
 
-            <div class="empty-state" *ngIf="examples.length === 0">
-              <p>No examples added yet. Examples help improve intent detection accuracy.</p>
+            <div class="empty-state" *ngIf="getExamplesForCurrentLocale().length === 0">
+              <mat-icon>format_list_bulleted</mat-icon>
+              <p>No examples for {{ getLocaleName(selectedExampleLocale) }} yet.</p>
             </div>
           </div>
         </div>
       </mat-tab>
-
+      
       <!-- Parameters Tab -->
       <mat-tab label="Parameters">
         <div class="tab-content">