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

@@ -39,7 +39,7 @@
             <label class="section-label">Body Template:</label>
             <div class="json-editor">
               <textarea formControlName="body_template" 
-                        placeholder='{"key": "{{variables.value}}"}'
+                        placeholder='{"key": "value"}'
                         rows="8"
                         class="json-textarea"></textarea>
               <div class="template-helpers">
@@ -51,9 +51,9 @@
                     </mat-panel-title>
                   </mat-expansion-panel-header>
                   <div class="template-list">
-                    <mat-chip *ngFor="let var of templateVariables" 
-                              (click)="insertTemplateVariable('body_template', var.key)">
-                      {{ var.key }}
+                    <mat-chip *ngFor="let templateVar of templateVariables" 
+                              (click)="insertTemplateVariable('body_template', templateVar.key)">
+                      {{ templateVar.key }}
                     </mat-chip>
                   </div>
                 </mat-expansion-panel>
@@ -103,7 +103,7 @@
             <textarea matInput formControlName="response_prompt" 
                       rows="4"
                       placeholder="Convert the API response to human-friendly text..."></textarea>
-            <mat-hint>Use {{api_response}} to reference the API response</mat-hint>
+            <mat-hint>Use {{'{{api_response}}'}} to reference the API response</mat-hint>
           </mat-form-field>
 
           <mat-form-field appearance="outline" class="full-width">
@@ -161,7 +161,7 @@
                 </mat-expansion-panel-header>
                 <div class="common-headers">
                   <p><strong>Content-Type:</strong> application/json</p>
-                  <p><strong>Authorization:</strong> Bearer {{auth_tokens.api_name.token}}</p>
+                  <p><strong>Authorization:</strong> Bearer {{'{{auth_tokens.api_name.token}}'}}</p>
                   <p><strong>Accept:</strong> application/json</p>
                 </div>
               </mat-expansion-panel>
@@ -228,7 +228,7 @@
                 <label class="section-label">Token Refresh Body:</label>
                 <div class="json-editor">
                   <textarea formControlName="token_refresh_body" 
-                            placeholder='{"refresh_token": "{{auth_tokens.api_name.refresh_token}}"}'
+                            placeholder='{"refresh_token": "value"}'
                             rows="4"
                             class="json-textarea"></textarea>
                   <button mat-button type="button"