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

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

@@ -72,7 +72,9 @@
                     rows="8"
                     placeholder='{"key": "value"}'
                     (click)="saveCursorPosition('body_template', $event)"
-                    (keyup)="saveCursorPosition('body_template', $event)"></textarea>
+                    (keyup)="saveCursorPosition('body_template', $event)"
+                    (keydown)="handleTabKey($event, 'body_template')"
+                    class="code-editor"></textarea>
           <mat-hint>JSON template with template variable support</mat-hint>
           @if (!validateJSON('body_template')) {
             <mat-error>Invalid JSON format</mat-error>
@@ -316,6 +318,8 @@
             <textarea matInput 
                       [(ngModel)]="testRequestJson" 
                       rows="10"
+                      (keydown)="handleTabKey($event, 'testRequestJson')"
+                      class="code-editor"
                       placeholder="Enter test request JSON here"></textarea>
             <mat-hint>Variables will be replaced with test values</mat-hint>
           </mat-form-field>
@@ -408,6 +412,8 @@
                         rows="6"
                         (click)="saveCursorPosition('auth.token_request_body', $event)"
                         (keyup)="saveCursorPosition('auth.token_request_body', $event)"
+                        (keydown)="handleTabKey($event, 'auth.token_request_body')"
+                        class="code-editor"
                         placeholder='{"username": "api_user", "password": "api_pass"}'></textarea>
               <mat-hint>JSON body for token request</mat-hint>
               @if (!validateJSON('auth.token_request_body')) {
@@ -467,6 +473,8 @@
                         rows="4"
                         (click)="saveCursorPosition('auth.token_refresh_body', $event)"
                         (keyup)="saveCursorPosition('auth.token_refresh_body', $event)"
+                        (keydown)="handleTabKey($event, 'auth.token_refresh_body')"
+                        class="code-editor"
                         placeholder='{"refresh_token": "your_refresh_token"}'></textarea>
               <mat-hint>JSON body for refresh request</mat-hint>
               @if (!validateJSON('auth.token_refresh_body')) {