@memberjunction/ng-core-entity-forms 3.4.0 → 4.1.0

package/dist/lib/custom/AIPrompts/ai-prompt-form.component.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, ViewContainerRef, inject } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { SharedService } from '@memberjunction/ng-shared';
@@ -12,25 +12,21 @@ import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { AIPromptFormComponent } from '../../generated/Entities/AIPrompt/aiprompt.form.component';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
+import { AITestHarnessDialogService } from '@memberjunction/ng-ai-test-harness';
+import { AIPromptManagementService } from './ai-prompt-management.service';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@angular/router";
-import * as i3 from "@memberjunction/ng-ai-test-harness";
-import * as i4 from "./ai-prompt-management.service";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-layout";
-import * as i8 from "@progress/kendo-angular-dialog";
-import * as i9 from "@progress/kendo-angular-inputs";
-import * as i10 from "@progress/kendo-angular-dropdowns";
-import * as i11 from "@progress/kendo-angular-buttons";
-import * as i12 from "@memberjunction/ng-base-forms";
-import * as i13 from "@memberjunction/ng-form-toolbar";
-import * as i14 from "@memberjunction/ng-code-editor";
-import * as i15 from "../../shared/components/template-editor.component";
+import * as i1 from "@angular/forms";
+import * as i2 from "@progress/kendo-angular-layout";
+import * as i3 from "@progress/kendo-angular-dialog";
+import * as i4 from "@progress/kendo-angular-inputs";
+import * as i5 from "@progress/kendo-angular-dropdowns";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@memberjunction/ng-base-forms";
+import * as i8 from "@memberjunction/ng-code-editor";
+import * as i9 from "@memberjunction/ng-ai-test-harness";
+import * as i10 from "../../shared/components/template-editor.component";
+import * as i11 from "@angular/common";
 const _c0 = ["templateEditor"];
-function _forTrack0($index, $item) { return this.getModelTrackId($item) || $index; }
-const _forTrack1 = ($index, $item) => $item.ID;
 const _c1 = () => ({ text: "Active", value: "Active" });
 const _c2 = () => ({ text: "Pending", value: "Pending" });
 const _c3 = () => ({ text: "Disabled", value: "Disabled" });
@@ -38,20 +34,22 @@ const _c4 = (a0, a1, a2) => [a0, a1, a2];
 const _c5 = () => ({ text: "None", value: "None" });
 const _c6 = () => ({ text: "Static Count", value: "StaticCount" });
 const _c7 = () => ({ text: "Config Param", value: "ConfigParam" });
-function AIPromptFormComponentExtended_form_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function _forTrack0($index, $item) { return this.getModelTrackId($item) || $index; }
+const _forTrack1 = ($index, $item) => $item.ID;
+function AIPromptFormComponentExtended_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textbox", 49);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_9_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "kendo-textbox", 48);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_9_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4", 50);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h4", 49);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 51);
+    i0.ɵɵelementStart(2, "span", 50);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -63,36 +61,36 @@ function AIPromptFormComponentExtended_form_2_Conditional_10_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading types... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 57);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_11_Conditional_11_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.TypeID, $event) || (ctx_r1.record.TypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 56);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.TypeID, $event) || (ctx_r1.record.TypeID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.TypeID);
     i0.ɵɵproperty("data", ctx_r1.availablePromptTypes)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "div")(2, "label", 47);
+    i0.ɵɵelementStart(0, "div", 14)(1, "div")(2, "label", 46);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 52);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_11_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Status, $event) || (ctx_r1.record.Status = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 51);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_11_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Status, $event) || (ctx_r1.record.Status = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div")(6, "label", 47);
+    i0.ɵɵelementStart(5, "div")(6, "label", 46);
     i0.ɵɵtext(7, " Type ");
-    i0.ɵɵelementStart(8, "span", 53);
+    i0.ɵɵelementStart(8, "span", 52);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_2_Conditional_11_Conditional_10_Template, 3, 0, "div", 54)(11, AIPromptFormComponentExtended_form_2_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 55);
+    i0.ɵɵconditionalCreate(10, AIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template, 3, 0, "div", 53)(11, AIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 54);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -102,18 +100,18 @@ function AIPromptFormComponentExtended_form_2_Conditional_11_Template(rf, ctx) {
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r1.isLoadingPromptTypes ? 10 : 11);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textarea", 58);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_12_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "kendo-textarea", 57);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_12_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Description);
     i0.ɵɵproperty("rows", 2);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 17);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -121,13 +119,13 @@ function AIPromptFormComponentExtended_form_2_Conditional_13_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.Description);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "i", 59);
-    i0.ɵɵelementStart(2, "span", 21);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementStart(2, "span", 20);
     i0.ɵɵtext(3, "Type:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵelementStart(4, "span", 21);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -135,20 +133,20 @@ function AIPromptFormComponentExtended_form_2_Conditional_15_Template(rf, ctx) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.getPromptTypeDisplayName(ctx_r1.record.TypeID));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "i", 60);
-    i0.ɵɵelementStart(2, "span", 61);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(2, "span", 60);
     i0.ɵɵtext(3, "Caching Enabled");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "i", 62);
-    i0.ɵɵelementStart(2, "span", 21);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 61);
+    i0.ɵɵelementStart(2, "span", 20);
     i0.ɵɵtext(3, "Effort Level:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵelementStart(4, "span", 21);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -156,31 +154,33 @@ function AIPromptFormComponentExtended_form_2_Conditional_29_Template(rf, ctx) {
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.record.EffortLevel);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 63);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestHarness()); });
-    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵelementStart(0, "button", 62);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestHarness()); });
+    i0.ɵɵelement(1, "i", 63);
     i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("themeColor", "primary")("size", "large");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Prompt must be Active");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template is required");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template not found");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_1_Template, 2, 0, "br")(2, AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_2_Template, 2, 0, "br")(3, AIPromptFormComponentExtended_form_2_Conditional_33_Conditional_3_Template, 2, 0, "br");
+function AIPromptFormComponentExtended_Conditional_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵconditionalCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_1_Template, 2, 0);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_2_Template, 2, 0);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_3_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -191,63 +191,64 @@ function AIPromptFormComponentExtended_form_2_Conditional_33_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.template && ctx_r1.record.TemplateID ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
+function AIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 65);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name, "");
+    i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name);
 } }
-function AIPromptFormComponentExtended_form_2_ng_template_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 23);
+function AIPromptFormComponentExtended_Conditional_2_ng_template_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 22);
     i0.ɵɵtext(2, " Template Editor ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_ng_template_36_Conditional_3_Template, 2, 1, "span", 66);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditional_3_Template, 2, 1, "span", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "i", 67);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 66);
     i0.ɵɵtext(2, " Loading template... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 74);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(1, "i", 75);
+    i0.ɵɵelementStart(0, "button", 73);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(1, "i", 74);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("themeColor", "primary");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 76);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
-    i0.ɵɵelement(1, "i", 77);
+    i0.ɵɵelementStart(0, "button", 75);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵtext(2, " Link Existing Template ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("fillMode", "outline");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵelement(1, "i", 68);
-    i0.ɵɵelementStart(2, "h5", 69);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵelementStart(2, "h5", 68);
     i0.ɵɵtext(3, "No Template Associated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 70);
+    i0.ɵɵelementStart(4, "p", 69);
     i0.ɵɵtext(5, " This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 71);
-    i0.ɵɵtemplate(7, AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_7_Template, 3, 1, "button", 72)(8, AIPromptFormComponentExtended_form_2_Conditional_39_Conditional_8_Template, 3, 1, "button", 73);
+    i0.ɵɵelementStart(6, "div", 70);
+    i0.ɵɵconditionalCreate(7, AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template, 3, 1, "button", 71);
+    i0.ɵɵconditionalCreate(8, AIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template, 3, 1, "button", 72);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -256,32 +257,32 @@ function AIPromptFormComponentExtended_form_2_Conditional_39_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 8 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_40_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 74);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_40_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(1, "i", 75);
+    i0.ɵɵelementStart(0, "button", 73);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(1, "i", 74);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("themeColor", "primary");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_40_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵelement(1, "i", 78);
-    i0.ɵɵelementStart(2, "h5", 79);
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "i", 77);
+    i0.ɵɵelementStart(2, "h5", 78);
     i0.ɵɵtext(3, "Template Not Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 70);
+    i0.ɵɵelementStart(4, "p", 69);
     i0.ɵɵtext(5, " The referenced template could not be loaded. It may have been deleted or moved. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 71)(7, "button", 76);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_40_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
-    i0.ɵɵelement(8, "i", 80);
+    i0.ɵɵelementStart(6, "div", 70)(7, "button", 75);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_40_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
+    i0.ɵɵelement(8, "i", 79);
     i0.ɵɵtext(9, " Retry Loading ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_2_Conditional_40_Conditional_10_Template, 3, 1, "button", 72);
+    i0.ɵɵconditionalCreate(10, AIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template, 3, 1, "button", 71);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -290,29 +291,30 @@ function AIPromptFormComponentExtended_form_2_Conditional_40_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.UserCanCreateTemplates ? 10 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
-    i0.ɵɵelement(1, "i", 87);
+    i0.ɵɵelementStart(0, "button", 85);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(1, "i", 86);
     i0.ɵɵtext(2, " Change Template ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("fillMode", "outline")("size", "small");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 88);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTemplateInNewWindow()); });
-    i0.ɵɵelement(1, "i", 89);
+    i0.ɵɵelementStart(0, "button", 87);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTemplateInNewWindow()); });
+    i0.ɵɵelement(1, "i", 88);
     i0.ɵɵtext(2, " Open in New Window ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵproperty("fillMode", "outline")("size", "small");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_1_Template, 3, 2, "button", 84)(2, AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Conditional_2_Template, 3, 2, "button", 85);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵconditionalCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template, 3, 2, "button", 83);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template, 3, 2, "button", 84);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -321,12 +323,12 @@ function AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Templ
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_41_Conditional_1_Template, 3, 2, "div", 81);
-    i0.ɵɵelementStart(2, "div", 82)(3, "mj-template-editor", 83, 1);
-    i0.ɵɵlistener("contentChange", function AIPromptFormComponentExtended_form_2_Conditional_41_Template_mj_template_editor_contentChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function AIPromptFormComponentExtended_form_2_Conditional_41_Template_mj_template_editor_runTemplate_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵconditionalCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template, 3, 2, "div", 80);
+    i0.ɵɵelementStart(2, "div", 81)(3, "mj-template-editor", 82, 1);
+    i0.ɵɵlistener("contentChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Template_mj_template_editor_contentChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function AIPromptFormComponentExtended_Conditional_2_Conditional_41_Template_mj_template_editor_runTemplate_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -335,8 +337,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_41_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 93);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -344,13 +346,13 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 92);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 91);
     i0.ɵɵtext(2, " Models ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 93);
-    i0.ɵɵelementStart(4, "span", 94);
-    i0.ɵɵelement(5, "i", 95);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 92);
+    i0.ɵɵelementStart(4, "span", 93);
+    i0.ɵɵelement(5, "i", 94);
     i0.ɵɵtext(6, " Priority order (first available model will be used) ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -358,64 +360,64 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Templ
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading models... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 98)(1, "button", 99);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
-    i0.ɵɵelement(2, "i", 75);
+    i0.ɵɵelementStart(0, "div", 97)(1, "button", 98);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 74);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "i", 97);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "i", 96);
     i0.ɵɵtext(2, " No models configured ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 98);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 97);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100);
-    i0.ɵɵelement(1, "i", 105);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99);
+    i0.ɵɵelement(1, "i", 104);
     i0.ɵɵtext(2, " Models are tried in priority order (highest priority first). The first available model that meets requirements will be used for execution. ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 121);
-    i0.ɵɵelementStart(1, "span", 122);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 120);
+    i0.ɵɵelementStart(1, "span", 121);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_313_r16 = i0.ɵɵnextContext().$index;
+    const ɵ$index_312_r16 = i0.ɵɵnextContext().$index;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("#", ɵ$index_313_r16 + 1, "");
+    i0.ɵɵtextInterpolate1("#", ɵ$index_312_r16 + 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 108);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 107);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext();
     const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_313_r16 = ctx_r16.$index;
-    i0.ɵɵpropertyInterpolate1("title", "Priority ", model_r18.Priority, " - Higher priority numbers are tried first");
+    const ɵ$index_312_r16 = ctx_r16.$index;
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Priority ", model_r18.Priority, " - Higher priority numbers are tried first"));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", ɵ$index_313_r16 + 1, "");
+    i0.ɵɵtextInterpolate1("#", ɵ$index_312_r16 + 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 123);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r19); const model_r18 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ModelID, $event) || (model_r18.ModelID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r19); const ɵ$index_313_r16 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_313_r16)); });
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 122);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r19); const model_r18 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ModelID, $event) || (model_r18.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r19); const ɵ$index_312_r16 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_312_r16)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
@@ -423,8 +425,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ModelID);
     i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r18))("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -433,8 +435,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r18.ModelID));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 128);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 127);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -444,10 +446,10 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, dataItem_r21.ID), ")");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 128);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 127);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dataItem_r21 = ctx.$implicit;
@@ -459,11 +461,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, dataItem_r21.ID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 126);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.VendorID, $event) || (model_r18.VendorID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 127);
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 125);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.VendorID, $event) || (model_r18.VendorID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 126);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
@@ -471,8 +473,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵtwoWayProperty("ngModel", model_r18.VendorID);
     i0.ɵɵproperty("name", "vendorId_" + ctx_r1.getModelTrackId(model_r18))("data", ctx_r1.getVendorsForModelSync(model_r18.ModelID))("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 128);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 127);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -481,10 +483,10 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID), ")");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 130);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 129);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 128);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 127);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(4).$implicit;
@@ -495,38 +497,38 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 124);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
     i0.ɵɵtext(1, "No vendors available");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 129)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 124);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 128)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 123);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r18.ModelID).length === 1 ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 125)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 124)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r18.ModelID) ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 124);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
     i0.ɵɵtext(1, "Select model first");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template, 2, 0, "span", 124);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template, 2, 0, "span", 123);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵconditional(model_r18.ModelID ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 128);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 127);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -535,10 +537,10 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID), ")");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 128);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 127);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(2).$implicit;
@@ -549,34 +551,34 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 132);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 131);
     i0.ɵɵtext(1, "-");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 131)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 132);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 130)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 131);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵconditional(model_r18.VendorID && model_r18.ModelID ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 133);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 137);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 136);
     i0.ɵɵtext(1, " No configurations available ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 135);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const model_r18 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ConfigurationID, $event) || (model_r18.ConfigurationID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ɵ$index_313_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onConfigurationChange($event, ɵ$index_313_r16)); });
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_ng_template_1_Template, 2, 0, "ng-template", 136);
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 134);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const model_r18 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ConfigurationID, $event) || (model_r18.ConfigurationID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onConfigurationChange($event, ɵ$index_312_r16)); });
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_ng_template_1_Template, 2, 0, "ng-template", 135);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(2).$implicit;
@@ -584,14 +586,14 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ConfigurationID);
     i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r18))("data", ctx_r1.availableConfigurations)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 133)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 2, 5, "kendo-dropdownlist", 134);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 132)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 2, 5, "kendo-dropdownlist", 133);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵconditional(ctx_r1.isLoadingConfigurations ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 112);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -600,8 +602,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r18.ConfigurationID));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 114);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
@@ -610,40 +612,40 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r18.__mj_CreatedAt, "short"));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 116);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1, "New");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 140);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_313_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_313_r16)); });
-    i0.ɵɵelement(1, "i", 141);
+    i0.ɵɵelementStart(0, "button", 139);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_312_r16)); });
+    i0.ɵɵelement(1, "i", 140);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 142);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_313_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_313_r16)); });
-    i0.ɵɵelement(3, "i", 143);
+    i0.ɵɵelementStart(2, "button", 141);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_312_r16)); });
+    i0.ɵɵelement(3, "i", 142);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_313_r16 = i0.ɵɵnextContext(2).$index;
+    const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("disabled", ɵ$index_313_r16 === 0);
+    i0.ɵɵproperty("disabled", ɵ$index_312_r16 === 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ɵ$index_313_r16 === ctx_r1.promptModels.length - 1);
+    i0.ɵɵproperty("disabled", ɵ$index_312_r16 === ctx_r1.promptModels.length - 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 144);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_313_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_313_r16)); });
-    i0.ɵɵelement(1, "i", 145);
+    i0.ɵɵelementStart(0, "button", 143);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_312_r16)); });
+    i0.ɵɵelement(1, "i", 144);
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 138);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template, 4, 2);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵconditionalCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template, 4, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template, 2, 0, "button", 139);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template, 2, 0, "button", 138);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance();
@@ -651,7 +653,7 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanDeletePromptModels ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Status:");
     i0.ɵɵelementEnd();
@@ -660,63 +662,64 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.Status, "");
+    i0.ɵɵtextInterpolate1(" ", model_r18.Status);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "label", 150);
+    i0.ɵɵelementStart(0, "div")(1, "label", 149);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-numerictextbox", 152);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelCount, $event) || (model_r18.ParallelCount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "kendo-numerictextbox", 151);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelCount, $event) || (model_r18.ParallelCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext(3);
     const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_313_r16 = ctx_r16.$index;
+    const ɵ$index_312_r16 = ctx_r16.$index;
     i0.ɵɵadvance(3);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_313_r16)("min", 1)("step", 1)("format", "n0");
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_312_r16)("min", 1)("step", 1)("format", "n0");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "label", 150);
+    i0.ɵɵelementStart(0, "div")(1, "label", 149);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 153);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r27); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelConfigParam, $event) || (model_r18.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "kendo-textbox", 152);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r27); const model_r18 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelConfigParam, $event) || (model_r18.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext(3);
     const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_313_r16 = ctx_r16.$index;
+    const ɵ$index_312_r16 = ctx_r16.$index;
     i0.ɵɵadvance(3);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelConfigParam);
-    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_313_r16);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_312_r16);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 148)(1, "div")(2, "label", 150);
+    i0.ɵɵelementStart(0, "div", 147)(1, "div")(2, "label", 149);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 151);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r25); const model_r18 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelizationMode, $event) || (model_r18.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 150);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r25); const model_r18 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelizationMode, $event) || (model_r18.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template, 4, 5, "div")(6, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template, 4, 2, "div");
+    i0.ɵɵconditionalCreate(5, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template, 4, 5, "div");
+    i0.ɵɵconditionalCreate(6, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template, 4, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext(2);
     const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_313_r16 = ctx_r16.$index;
+    const ɵ$index_312_r16 = ctx_r16.$index;
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelizationMode);
-    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_313_r16)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_312_r16)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
     i0.ɵɵadvance();
     i0.ɵɵconditional(model_r18.ParallelizationMode === "StaticCount" ? 5 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(model_r18.ParallelizationMode === "ConfigParam" ? 6 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Parallel Mode:");
     i0.ɵɵelementEnd();
@@ -725,9 +728,9 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelizationMode, "");
+    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelizationMode);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Parallel Count:");
     i0.ɵɵelementEnd();
@@ -736,9 +739,9 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelCount, "");
+    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelCount);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Config Param:");
     i0.ɵɵelementEnd();
@@ -747,11 +750,13 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelConfigParam, "");
+    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelConfigParam);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 149);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template, 4, 1, "span")(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template, 4, 1, "span")(3, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template, 4, 1, "span");
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148);
+    i0.ɵɵconditionalCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(2).$implicit;
@@ -762,52 +767,52 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(model_r18.ParallelConfigParam ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120)(1, "div", 146);
-    i0.ɵɵelement(2, "i", 147);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "div", 145);
+    i0.ɵɵelement(2, "i", 146);
     i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 148)(5, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 149);
+    i0.ɵɵconditionalCreate(4, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 147)(5, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 148);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵlistener("dragstart", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragstart_0_listener($event) { const ɵ$index_313_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_313_r16)); })("dragover", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_drop_0_listener($event) { const ɵ$index_313_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_313_r16)); })("dragend", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
-    i0.ɵɵelementStart(1, "div", 107);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 108);
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵlistener("dragstart", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragstart_0_listener($event) { const ɵ$index_312_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_312_r16)); })("dragover", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_drop_0_listener($event) { const ɵ$index_312_r16 = i0.ɵɵrestoreView(_r15).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_312_r16)); })("dragend", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
+    i0.ɵɵelementStart(1, "div", 106);
+    i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 107);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 109);
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 110)(6, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 24);
+    i0.ɵɵelementStart(4, "div", 108);
+    i0.ɵɵconditionalCreate(5, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 109)(6, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 111);
-    i0.ɵɵtemplate(8, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template, 2, 1);
+    i0.ɵɵelementStart(7, "div", 110);
+    i0.ɵɵconditionalCreate(8, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 112);
-    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 113);
+    i0.ɵɵelementStart(10, "div", 111);
+    i0.ɵɵconditionalCreate(11, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 112);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 114);
-    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 115)(15, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 116);
+    i0.ɵɵelementStart(13, "div", 113);
+    i0.ɵɵconditionalCreate(14, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 114)(15, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 117);
-    i0.ɵɵtemplate(17, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
+    i0.ɵɵelementStart(16, "div", 116);
+    i0.ɵɵconditionalCreate(17, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 118);
+    i0.ɵɵelementStart(18, "div", 117);
     i0.ɵɵelement(19, "div");
-    i0.ɵɵelementStart(20, "div")(21, "div", 119);
-    i0.ɵɵtemplate(22, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template, 4, 1, "span");
+    i0.ɵɵelementStart(20, "div")(21, "div", 118);
+    i0.ɵɵconditionalCreate(22, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(23, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 120);
+    i0.ɵɵconditionalCreate(23, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 119);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const model_r18 = ctx.$implicit;
-    const ɵ$index_313_r16 = ctx.$index;
+    const ɵ$index_312_r16 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("background", !model_r18.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_313_r16 ? "#e3f2fd" : "white")("border-left", !model_r18.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_313_r16 ? "0.5" : "1");
+    i0.ɵɵstyleProp("background", !model_r18.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_312_r16 ? "#e3f2fd" : "white")("border-left", !model_r18.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_312_r16 ? "0.5" : "1");
     i0.ɵɵproperty("draggable", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
@@ -826,22 +831,22 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 23 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 104)(1, "button", 154);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
-    i0.ɵɵelement(2, "i", 75);
+    i0.ɵɵelementStart(0, "div", 103)(1, "button", 153);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 74);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 100);
-    i0.ɵɵelementStart(1, "div", 101)(2, "div", 102);
-    i0.ɵɵelement(3, "i", 103);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 99);
+    i0.ɵɵelementStart(1, "div", 100)(2, "div", 101);
+    i0.ɵɵelement(3, "i", 102);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5, "AI Model ");
-    i0.ɵɵelementStart(6, "span", 53);
+    i0.ɵɵelementStart(6, "span", 52);
     i0.ɵɵtext(7, "*");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div");
@@ -856,8 +861,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵelementStart(14, "div");
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(16, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template, 24, 15, null, null, _forTrack0, true);
-    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template, 4, 0, "div", 104);
+    i0.ɵɵrepeaterCreate(16, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template, 24, 15, null, null, _forTrack0, true);
+    i0.ɵɵconditionalCreate(18, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template, 4, 0, "div", 103);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 1 ? 0 : -1);
@@ -866,17 +871,17 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Condi
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 18 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 96)(1, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Conditional_1_Template, 19, 2);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 95)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Template, 19, 2);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length === 0 ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 37)(3, "div", 90);
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_4_Template, 3, 0, "div", 91)(5, AIPromptFormComponentExtended_form_2_Conditional_42_Conditional_5_Template, 2, 1);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36)(3, "div", 89);
+    i0.ɵɵconditionalCreate(4, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template, 3, 0, "div", 90)(5, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -884,49 +889,49 @@ function AIPromptFormComponentExtended_form_2_Conditional_42_Template(rf, ctx) {
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_2_ng_template_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 155);
+function AIPromptFormComponentExtended_Conditional_2_ng_template_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 154);
     i0.ɵɵtext(2, " Advanced Configuration ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 40);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 39);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 41);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 40);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 156);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 155);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading prompts... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdowntree", 158);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.ResultSelectorPromptID, $event) || (ctx_r1.record.ResultSelectorPromptID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
+    i0.ɵɵelementStart(0, "kendo-dropdowntree", 157);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.ResultSelectorPromptID, $event) || (ctx_r1.record.ResultSelectorPromptID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.ResultSelectorPromptID);
     i0.ɵɵproperty("data", ctx_r1.resultSelectorTreeData)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_0_Template, 3, 0, "div", 156)(1, AIPromptFormComponentExtended_form_2_Conditional_59_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 157);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template, 3, 0, "div", 155)(1, AIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 156);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -934,15 +939,15 @@ function AIPromptFormComponentExtended_form_2_Conditional_60_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 159);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 158);
     i0.ɵɵtext(2, " Template Parameters ");
-    i0.ɵɵelementStart(3, "span", 160);
+    i0.ɵɵelementStart(3, "span", 159);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 94);
-    i0.ɵɵelement(6, "i", 161);
+    i0.ɵɵelementStart(5, "span", 93);
+    i0.ɵɵelement(6, "i", 160);
     i0.ɵɵtext(7, " Parameters defined in the template ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -950,35 +955,35 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_ng_template_1_Templ
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.templateParams.length, " ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading template parameters... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "i", 97);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵelement(1, "i", 96);
     i0.ɵɵtext(2, " This template has no parameters defined ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 173);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 172);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 175);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 174);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 176);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 175);
     i0.ɵɵtext(1, "Optional");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 177);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 176);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -986,11 +991,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", param_r30.Description, " ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "label", 182);
     i0.ɵɵtext(2, "Default Value");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 184);
+    i0.ɵɵelementStart(3, "code", 183);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -998,11 +1003,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(param_r30.DefaultValue);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "label", 182);
     i0.ɵɵtext(2, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 178);
+    i0.ɵɵelementStart(3, "span", 177);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1010,19 +1015,19 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(param_r30.Entity || "Entity ID: " + param_r30.EntityID);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const param_r30 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵtextInterpolate1(" (", param_r30.LinkedParameterField, ") ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "label", 182);
     i0.ɵɵtext(2, "Linked To");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 178);
+    i0.ɵɵelementStart(3, "span", 177);
     i0.ɵɵtext(4);
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
+    i0.ɵɵconditionalCreate(5, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const param_r30 = i0.ɵɵnextContext().$implicit;
@@ -1031,11 +1036,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance();
     i0.ɵɵconditional(param_r30.LinkedParameterField ? 5 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "label", 182);
     i0.ɵɵtext(2, "Filter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 185);
+    i0.ɵɵelementStart(3, "code", 184);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1043,11 +1048,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(param_r30.ExtraFilter);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "label", 182);
     i0.ɵɵtext(2, "Record ID");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 178);
+    i0.ɵɵelementStart(3, "code", 177);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1055,25 +1060,29 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(param_r30.RecordID);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 168)(1, "div", 169)(2, "div", 170);
-    i0.ɵɵelement(3, "i", 171);
-    i0.ɵɵelementStart(4, "h6", 172);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 167)(1, "div", 168)(2, "div", 169);
+    i0.ɵɵelement(3, "i", 170);
+    i0.ɵɵelementStart(4, "h6", 171);
     i0.ɵɵtext(5);
-    i0.ɵɵtemplate(6, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 173);
+    i0.ɵɵconditionalCreate(6, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 172);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 170)(8, "span", 174);
+    i0.ɵɵelementStart(7, "div", 169)(8, "span", 173);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 175)(11, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 176);
+    i0.ɵɵconditionalCreate(10, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 174)(11, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 175);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(12, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 177);
-    i0.ɵɵelementStart(13, "div", 178)(14, "span", 179);
-    i0.ɵɵelement(15, "i", 180);
+    i0.ɵɵconditionalCreate(12, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 176);
+    i0.ɵɵelementStart(13, "div", 177)(14, "span", 178);
+    i0.ɵɵelement(15, "i", 179);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 181);
-    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 182)(19, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 182)(20, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 182)(21, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 182)(22, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 182);
+    i0.ɵɵelementStart(17, "div", 180);
+    i0.ɵɵconditionalCreate(18, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 181);
+    i0.ɵɵconditionalCreate(19, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 181);
+    i0.ɵɵconditionalCreate(20, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 181);
+    i0.ɵɵconditionalCreate(21, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 181);
+    i0.ɵɵconditionalCreate(22, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 181);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const param_r30 = ctx.$implicit;
@@ -1107,13 +1116,13 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2
     i0.ɵɵadvance();
     i0.ɵɵconditional(param_r30.RecordID ? 22 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 162);
-    i0.ɵɵrepeaterCreate(1, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_For_2_Template, 23, 19, "div", 163, _forTrack1);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 161);
+    i0.ɵɵrepeaterCreate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_For_2_Template, 23, 19, "div", 162, _forTrack1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 164)(4, "div", 165);
-    i0.ɵɵelement(5, "i", 166);
-    i0.ɵɵelementStart(6, "div", 167)(7, "strong");
+    i0.ɵɵelementStart(3, "div", 163)(4, "div", 164);
+    i0.ɵɵelement(5, "i", 165);
+    i0.ɵɵelementStart(6, "div", 166)(7, "strong");
     i0.ɵɵtext(8, "Using Template Parameters:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(9, " When executing this prompt, you'll be prompted to provide values for all required parameters. Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections). The template will use these parameters to generate dynamic content based on the values provided at execution time. ");
@@ -1123,11 +1132,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_Templ
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.templateParams);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_61_ng_template_1_Template, 8, 1, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 37);
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_3_Template, 3, 0, "div", 91)(4, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_4_Template, 3, 0, "div", 96)(5, AIPromptFormComponentExtended_form_2_Conditional_61_Conditional_5_Template, 10, 0);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_61_ng_template_1_Template, 8, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_3_Template, 3, 0, "div", 90)(4, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_4_Template, 3, 0, "div", 95)(5, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Conditional_5_Template, 10, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1135,29 +1144,29 @@ function AIPromptFormComponentExtended_form_2_Conditional_61_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingTemplateParams ? 3 : ctx_r1.templateParams.length === 0 ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 23);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 22);
     i0.ɵɵtext(2, " Output Example (JSON) ");
-    i0.ɵɵelementStart(3, "span", 189);
+    i0.ɵɵelementStart(3, "span", 188);
     i0.ɵɵtext(4, "\u2022 Required for object output type");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-code-editor", 190);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.OutputExample, $event) || (ctx_r1.record.OutputExample = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(0, "mj-code-editor", 189);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.OutputExample, $event) || (ctx_r1.record.OutputExample = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 191);
-    i0.ɵɵelement(2, "i", 97);
+    i0.ɵɵelementStart(1, "div", 190);
+    i0.ɵɵelement(2, "i", 96);
     i0.ɵɵtext(3, " Provide a JSON example that defines the expected structure for object output validation. ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 187);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 186);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1165,17 +1174,17 @@ function AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_4_Templ
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 188);
-    i0.ɵɵelement(1, "i", 192);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 187);
+    i0.ɵɵelement(1, "i", 191);
     i0.ɵɵtext(2, " Output example is required when output type is 'object' ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_62_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_62_ng_template_1_Template, 5, 0, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 186);
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_4_Template, 2, 1, "div", 187)(5, AIPromptFormComponentExtended_form_2_Conditional_62_Conditional_5_Template, 3, 0, "div", 188);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_62_ng_template_1_Template, 5, 0, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 185);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_4_Template, 2, 1, "div", 186)(5, AIPromptFormComponentExtended_Conditional_2_Conditional_62_Conditional_5_Template, 3, 0, "div", 187);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1183,8 +1192,8 @@ function AIPromptFormComponentExtended_form_2_Conditional_62_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 195);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 194);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1192,60 +1201,60 @@ function AIPromptFormComponentExtended_form_2_Conditional_63_ng_template_1_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 194);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 193);
     i0.ɵɵtext(2, " Execution History ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_63_ng_template_1_Conditional_3_Template, 2, 1, "span", 195);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_63_ng_template_1_Conditional_3_Template, 2, 1, "span", 194);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.executionHistory.length > 0 ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵelement(1, "i", 196);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 192);
+    i0.ɵɵelement(1, "i", 195);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading execution history...");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵelement(1, "i", 197);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 192);
+    i0.ɵɵelement(1, "i", 196);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No execution history yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 113);
+    i0.ɵɵelementStart(4, "p", 112);
     i0.ɵɵtext(5, "Run this prompt to see execution history here");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 210);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 209);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 210);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 209);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 210);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 209);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 210);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 209);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 217);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 216);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1253,42 +1262,42 @@ function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_4
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", run_r34.RunType, " ");
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
     const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 211)(1, "td", 212)(2, "span", 213);
+    i0.ɵɵelementStart(0, "tr", 210)(1, "td", 211)(2, "span", 212);
     i0.ɵɵelement(3, "i");
-    i0.ɵɵelementStart(4, "span", 24);
+    i0.ɵɵelementStart(4, "span", 23);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "td", 214);
+    i0.ɵɵelementStart(6, "td", 213);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 214)(10, "span", 213);
-    i0.ɵɵelement(11, "i", 92);
+    i0.ɵɵelementStart(9, "td", 213)(10, "span", 212);
+    i0.ɵɵelement(11, "i", 91);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "td", 214);
+    i0.ɵɵelementStart(13, "td", 213);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 215);
+    i0.ɵɵelementStart(15, "td", 214);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "td", 215);
+    i0.ɵɵelementStart(17, "td", 214);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 216);
-    i0.ɵɵtemplate(20, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 217);
+    i0.ɵɵelementStart(19, "td", 215);
+    i0.ɵɵconditionalCreate(20, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 216);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "td", 216)(22, "button", 218);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_41_Template_button_click_22_listener() { const run_r34 = i0.ɵɵrestoreView(_r33).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r34.ID)); });
-    i0.ɵɵelement(23, "i", 219);
+    i0.ɵɵelementStart(21, "td", 215)(22, "button", 217);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_For_41_Template_button_click_22_listener() { const run_r34 = i0.ɵɵrestoreView(_r33).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r34.ID)); });
+    i0.ɵɵelement(23, "i", 218);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const run_r34 = ctx.$implicit;
-    const ɵ$index_842_r35 = ctx.$index;
+    const ɵ$index_841_r35 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("even-row", ɵ$index_842_r35 % 2 === 0);
+    i0.ɵɵclassProp("even-row", ɵ$index_841_r35 % 2 === 0);
     i0.ɵɵadvance(3);
     i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r34.Success));
     i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
@@ -1309,60 +1318,60 @@ function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_4
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(run_r34.RunType ? 20 : -1);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 198)(1, "div", 132);
+    i0.ɵɵelementStart(0, "div", 197)(1, "div", 131);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 199)(4, "span", 176);
+    i0.ɵɵelementStart(3, "div", 198)(4, "span", 175);
     i0.ɵɵtext(5, "Sort by:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-buttongroup", 200)(7, "button", 201);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
+    i0.ɵɵelementStart(6, "kendo-buttongroup", 199)(7, "button", 200);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
     i0.ɵɵtext(8, " Date ");
-    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_9_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(9, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_9_Template, 1, 2, "i", 201);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 201);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
+    i0.ɵɵelementStart(10, "button", 200);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
     i0.ɵɵtext(11, " Duration ");
-    i0.ɵɵtemplate(12, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_12_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(12, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_12_Template, 1, 2, "i", 201);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 201);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
+    i0.ɵɵelementStart(13, "button", 200);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
     i0.ɵɵtext(14, " Tokens ");
-    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_15_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(15, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_15_Template, 1, 2, "i", 201);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 201);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
+    i0.ɵɵelementStart(16, "button", 200);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
     i0.ɵɵtext(17, " Cost ");
-    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Conditional_18_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(18, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Conditional_18_Template, 1, 2, "i", 201);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(19, "div", 203)(20, "table", 204)(21, "thead")(22, "tr", 205)(23, "th", 206);
+    i0.ɵɵelementStart(19, "div", 202)(20, "table", 203)(21, "thead")(22, "tr", 204)(23, "th", 205);
     i0.ɵɵtext(24, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "th", 206);
+    i0.ɵɵelementStart(25, "th", 205);
     i0.ɵɵtext(26, "Date & Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "th", 206);
+    i0.ɵɵelementStart(27, "th", 205);
     i0.ɵɵtext(28, "Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "th", 206);
+    i0.ɵɵelementStart(29, "th", 205);
     i0.ɵɵtext(30, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "th", 207);
+    i0.ɵɵelementStart(31, "th", 206);
     i0.ɵɵtext(32, "Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "th", 207);
+    i0.ɵɵelementStart(33, "th", 206);
     i0.ɵɵtext(34, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "th", 208);
+    i0.ɵɵelementStart(35, "th", 207);
     i0.ɵɵtext(36, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "th", 208);
+    i0.ɵɵelementStart(37, "th", 207);
     i0.ɵɵtext(38, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(39, "tbody");
-    i0.ɵɵrepeaterCreate(40, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_For_41_Template, 24, 18, "tr", 209, _forTrack1);
+    i0.ɵɵrepeaterCreate(40, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_For_41_Template, 24, 18, "tr", 208, _forTrack1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1387,11 +1396,11 @@ function AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Templ
     i0.ɵɵadvance(22);
     i0.ɵɵrepeater(ctx_r1.executionHistory);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_63_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_63_ng_template_1_Template, 4, 1, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 186);
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_3_Template, 4, 0, "div", 193)(4, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_4_Template, 6, 0, "div", 193)(5, AIPromptFormComponentExtended_form_2_Conditional_63_Conditional_5_Template, 42, 9);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_63_ng_template_1_Template, 4, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 185);
+    i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_3_Template, 4, 0, "div", 192)(4, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_4_Template, 6, 0, "div", 192)(5, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Conditional_5_Template, 42, 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1399,17 +1408,17 @@ function AIPromptFormComponentExtended_form_2_Conditional_63_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingHistory ? 3 : ctx_r1.executionHistory.length === 0 ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_64_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 221);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_64_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 220);
     i0.ɵɵtext(2, " Result Cache ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_64_ng_template_1_Template, 3, 0, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 37);
-    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 220);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_64_ng_template_1_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36);
+    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 219);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1417,24 +1426,24 @@ function AIPromptFormComponentExtended_form_2_Conditional_64_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Result Cache", "AIPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Result Cache"))("AllowLoad", true)("ShowToolbar", false);
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_65_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
-    i0.ɵɵelement(1, "i", 223);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_65_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
+    i0.ɵɵelement(1, "i", 222);
     i0.ɵɵtext(2, " Related Items ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_2_Conditional_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_2_Conditional_65_ng_template_1_Template, 3, 0, "ng-template", 31);
-    i0.ɵɵelementStart(2, "div", 37)(3, "div", 38)(4, "div")(5, "h6", 222);
+function AIPromptFormComponentExtended_Conditional_2_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_Conditional_2_Conditional_65_ng_template_1_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36)(3, "div", 37)(4, "div")(5, "h6", 221);
     i0.ɵɵtext(6, "AI Agents Using This Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 220);
+    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 219);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div")(9, "h6", 222);
+    i0.ɵɵelementStart(8, "div")(9, "h6", 221);
     i0.ɵɵtext(10, "Prompts Using This as Result Selector");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 220);
+    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 219);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1444,65 +1453,72 @@ function AIPromptFormComponentExtended_form_2_Conditional_65_Template(rf, ctx) {
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Prompts", "ResultSelectorPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Prompts"))("AllowLoad", true)("ShowToolbar", false);
 } }
-function AIPromptFormComponentExtended_form_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "form", 6, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 7);
-    i0.ɵɵelementStart(3, "div", 8)(4, "div", 9)(5, "div", 10)(6, "div", 11)(7, "div", 12);
-    i0.ɵɵelement(8, "i", 13);
-    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_2_Conditional_9_Template, 1, 1, "kendo-textbox", 14)(10, AIPromptFormComponentExtended_form_2_Conditional_10_Template, 4, 4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_2_Conditional_11_Template, 12, 11, "div", 15)(12, AIPromptFormComponentExtended_form_2_Conditional_12_Template, 1, 2, "kendo-textarea", 16)(13, AIPromptFormComponentExtended_form_2_Conditional_13_Template, 2, 1, "p", 17);
-    i0.ɵɵelementStart(14, "div", 18);
-    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_2_Conditional_15_Template, 6, 1, "div", 19);
-    i0.ɵɵelementStart(16, "div", 19);
-    i0.ɵɵelement(17, "i", 20);
-    i0.ɵɵelementStart(18, "span", 21);
+function AIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "form", 4, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 6);
+    i0.ɵɵelementStart(3, "div", 7)(4, "div", 8)(5, "div", 9)(6, "div", 10)(7, "div", 11);
+    i0.ɵɵelement(8, "i", 12);
+    i0.ɵɵconditionalCreate(9, AIPromptFormComponentExtended_Conditional_2_Conditional_9_Template, 1, 1, "kendo-textbox", 13)(10, AIPromptFormComponentExtended_Conditional_2_Conditional_10_Template, 4, 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, AIPromptFormComponentExtended_Conditional_2_Conditional_11_Template, 12, 11, "div", 14);
+    i0.ɵɵconditionalCreate(12, AIPromptFormComponentExtended_Conditional_2_Conditional_12_Template, 1, 2, "kendo-textarea", 15)(13, AIPromptFormComponentExtended_Conditional_2_Conditional_13_Template, 2, 1, "p", 16);
+    i0.ɵɵelementStart(14, "div", 17);
+    i0.ɵɵconditionalCreate(15, AIPromptFormComponentExtended_Conditional_2_Conditional_15_Template, 6, 1, "div", 18);
+    i0.ɵɵelementStart(16, "div", 18);
+    i0.ɵɵelement(17, "i", 19);
+    i0.ɵɵelementStart(18, "span", 20);
     i0.ɵɵtext(19, "Parallelization:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "span", 22);
+    i0.ɵɵelementStart(20, "span", 21);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 19);
-    i0.ɵɵelement(23, "i", 23);
-    i0.ɵɵelementStart(24, "span", 21);
+    i0.ɵɵelementStart(22, "div", 18);
+    i0.ɵɵelement(23, "i", 22);
+    i0.ɵɵelementStart(24, "span", 20);
     i0.ɵɵtext(25, "Output:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 24);
+    i0.ɵɵelementStart(26, "span", 23);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(28, AIPromptFormComponentExtended_form_2_Conditional_28_Template, 4, 0, "div", 19)(29, AIPromptFormComponentExtended_form_2_Conditional_29_Template, 6, 1, "div", 19);
+    i0.ɵɵconditionalCreate(28, AIPromptFormComponentExtended_Conditional_2_Conditional_28_Template, 4, 0, "div", 18);
+    i0.ɵɵconditionalCreate(29, AIPromptFormComponentExtended_Conditional_2_Conditional_29_Template, 6, 1, "div", 18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 25)(31, "div", 26);
-    i0.ɵɵtemplate(32, AIPromptFormComponentExtended_form_2_Conditional_32_Template, 3, 2, "button", 27);
+    i0.ɵɵelementStart(30, "div", 24)(31, "div", 25);
+    i0.ɵɵconditionalCreate(32, AIPromptFormComponentExtended_Conditional_2_Conditional_32_Template, 3, 2, "button", 26);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(33, AIPromptFormComponentExtended_form_2_Conditional_33_Template, 4, 3, "div", 28);
+    i0.ɵɵconditionalCreate(33, AIPromptFormComponentExtended_Conditional_2_Conditional_33_Template, 4, 3, "div", 27);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(34, "div", 29)(35, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(36, AIPromptFormComponentExtended_form_2_ng_template_36_Template, 4, 1, "ng-template", 31);
-    i0.ɵɵelementStart(37, "div", 32);
-    i0.ɵɵtemplate(38, AIPromptFormComponentExtended_form_2_Conditional_38_Template, 3, 0, "div", 33)(39, AIPromptFormComponentExtended_form_2_Conditional_39_Template, 9, 2, "div", 34)(40, AIPromptFormComponentExtended_form_2_Conditional_40_Template, 11, 2, "div", 35)(41, AIPromptFormComponentExtended_form_2_Conditional_41_Template, 5, 3, "div", 36);
+    i0.ɵɵelementStart(34, "div", 28)(35, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(36, AIPromptFormComponentExtended_Conditional_2_ng_template_36_Template, 4, 1, "ng-template", 30);
+    i0.ɵɵelementStart(37, "div", 31);
+    i0.ɵɵconditionalCreate(38, AIPromptFormComponentExtended_Conditional_2_Conditional_38_Template, 3, 0, "div", 32)(39, AIPromptFormComponentExtended_Conditional_2_Conditional_39_Template, 9, 2, "div", 33)(40, AIPromptFormComponentExtended_Conditional_2_Conditional_40_Template, 11, 2, "div", 34)(41, AIPromptFormComponentExtended_Conditional_2_Conditional_41_Template, 5, 3, "div", 35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(42, AIPromptFormComponentExtended_form_2_Conditional_42_Template, 6, 2, "kendo-expansionpanel", 30);
-    i0.ɵɵelementStart(43, "kendo-expansionpanel", 30);
-    i0.ɵɵtemplate(44, AIPromptFormComponentExtended_form_2_ng_template_44_Template, 3, 0, "ng-template", 31);
-    i0.ɵɵelementStart(45, "div", 37)(46, "div", 38)(47, "div");
-    i0.ɵɵelement(48, "mj-form-field", 39);
-    i0.ɵɵtemplate(49, AIPromptFormComponentExtended_form_2_Conditional_49_Template, 1, 3, "mj-form-field", 40)(50, AIPromptFormComponentExtended_form_2_Conditional_50_Template, 1, 3, "mj-form-field", 41);
-    i0.ɵɵelement(51, "mj-form-field", 42)(52, "mj-form-field", 43);
+    i0.ɵɵconditionalCreate(42, AIPromptFormComponentExtended_Conditional_2_Conditional_42_Template, 6, 2, "kendo-expansionpanel", 29);
+    i0.ɵɵelementStart(43, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(44, AIPromptFormComponentExtended_Conditional_2_ng_template_44_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵelementStart(45, "div", 36)(46, "div", 37)(47, "div");
+    i0.ɵɵelement(48, "mj-form-field", 38);
+    i0.ɵɵconditionalCreate(49, AIPromptFormComponentExtended_Conditional_2_Conditional_49_Template, 1, 3, "mj-form-field", 39);
+    i0.ɵɵconditionalCreate(50, AIPromptFormComponentExtended_Conditional_2_Conditional_50_Template, 1, 3, "mj-form-field", 40);
+    i0.ɵɵelement(51, "mj-form-field", 41)(52, "mj-form-field", 42);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(53, "div");
-    i0.ɵɵelement(54, "mj-form-field", 44)(55, "mj-form-field", 45);
-    i0.ɵɵelementStart(56, "div", 46)(57, "label", 47);
+    i0.ɵɵelement(54, "mj-form-field", 43)(55, "mj-form-field", 44);
+    i0.ɵɵelementStart(56, "div", 45)(57, "label", 46);
     i0.ɵɵtext(58, " Result Selector Prompt ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(59, AIPromptFormComponentExtended_form_2_Conditional_59_Template, 2, 1)(60, AIPromptFormComponentExtended_form_2_Conditional_60_Template, 2, 1, "span", 48);
+    i0.ɵɵconditionalCreate(59, AIPromptFormComponentExtended_Conditional_2_Conditional_59_Template, 2, 1)(60, AIPromptFormComponentExtended_Conditional_2_Conditional_60_Template, 2, 1, "span", 47);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵtemplate(61, AIPromptFormComponentExtended_form_2_Conditional_61_Template, 6, 2, "kendo-expansionpanel", 30)(62, AIPromptFormComponentExtended_form_2_Conditional_62_Template, 6, 2, "kendo-expansionpanel", 30)(63, AIPromptFormComponentExtended_form_2_Conditional_63_Template, 6, 2, "kendo-expansionpanel", 30)(64, AIPromptFormComponentExtended_form_2_Conditional_64_Template, 4, 5, "kendo-expansionpanel", 30)(65, AIPromptFormComponentExtended_form_2_Conditional_65_Template, 12, 9, "kendo-expansionpanel", 30);
+    i0.ɵɵconditionalCreate(61, AIPromptFormComponentExtended_Conditional_2_Conditional_61_Template, 6, 2, "kendo-expansionpanel", 29);
+    i0.ɵɵconditionalCreate(62, AIPromptFormComponentExtended_Conditional_2_Conditional_62_Template, 6, 2, "kendo-expansionpanel", 29);
+    i0.ɵɵconditionalCreate(63, AIPromptFormComponentExtended_Conditional_2_Conditional_63_Template, 6, 2, "kendo-expansionpanel", 29);
+    i0.ɵɵconditionalCreate(64, AIPromptFormComponentExtended_Conditional_2_Conditional_64_Template, 4, 5, "kendo-expansionpanel", 29);
+    i0.ɵɵconditionalCreate(65, AIPromptFormComponentExtended_Conditional_2_Conditional_65_Template, 12, 9, "kendo-expansionpanel", 29);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("form", ctx_r1);
+    i0.ɵɵproperty("Form", ctx_r1);
     i0.ɵɵadvance(7);
     i0.ɵɵconditional(ctx_r1.EditMode ? 9 : 10);
     i0.ɵɵadvance(2);
@@ -1534,19 +1550,19 @@ function AIPromptFormComponentExtended_form_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("expanded", false);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showParallelCount ? 49 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 50 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 59 : 60);
     i0.ɵɵadvance(2);
@@ -1562,19 +1578,63 @@ function AIPromptFormComponentExtended_form_2_Template(rf, ctx) { if (rf & 1) {
 } }
 function AIPromptFormComponentExtended_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 224);
+    i0.ɵɵelementStart(0, "kendo-window", 223);
     i0.ɵɵlistener("close", function AIPromptFormComponentExtended_Conditional_3_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
-    i0.ɵɵelementStart(1, "mj-ai-test-harness", 225);
+    i0.ɵɵelementStart(1, "mj-ai-test-harness", 224);
     i0.ɵɵlistener("visibilityChange", function AIPromptFormComponentExtended_Conditional_3_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate1("title", "Run AI Prompt - ", ctx_r1.record.Name || "Untitled", "");
-    i0.ɵɵproperty("width", 1200)("height", 800)("minWidth", 800)("minHeight", 600)("draggable", true)("resizable", true)("state", "default");
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Run AI Prompt - ", ctx_r1.record.Name || "Untitled"))("width", 1200)("height", 800)("minWidth", 800)("minHeight", 600)("draggable", true)("resizable", true)("state", "default");
     i0.ɵɵadvance();
     i0.ɵɵproperty("entity", ctx_r1.record)("mode", "prompt")("isVisible", ctx_r1.showTestHarness);
 } }
 let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends AIPromptFormComponent {
+    constructor() {
+        super(...arguments);
+        this.testHarnessService = inject(AITestHarnessDialogService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.promptManagementService = inject(AIPromptManagementService);
+        this.template = null;
+        this.templateContent = null;
+        this.templateParams = [];
+        this.isLoadingTemplate = true; // Default to loading state
+        this.isLoadingTemplateParams = false;
+        this.templateNotFoundInDatabase = false;
+        this.showTestHarness = false;
+        // Model management
+        this.promptModels = [];
+        this.availableModels = [];
+        this.availableVendors = [];
+        this.isLoadingModels = false;
+        // Vendor management per model
+        this.modelVendorsMap = new Map();
+        // AI Prompt Types
+        this.availablePromptTypes = [];
+        this.isLoadingPromptTypes = false;
+        // AI Configurations
+        this.availableConfigurations = [];
+        this.isLoadingConfigurations = false;
+        // Result Selector Tree Data
+        this.resultSelectorTreeData = [];
+        this.isLoadingResultSelectorData = false;
+        // Drag and drop state
+        this.draggedIndex = -1;
+        // Execution History
+        this.executionHistory = [];
+        this.isLoadingHistory = false;
+        this.historySortField = 'runAt';
+        this.historySortDirection = 'desc';
+        // Removed custom transaction tracking - we'll use base form's _pendingRecords instead
+        this.hasUnsavedChanges = false;
+        // Store original state for cancel/revert functionality
+        this.originalTemplateID = null;
+        // === Permission Checks for Related Entities ===
+        /** Cache for permission checks to avoid repeated calculations */
+        this._permissionCache = new Map();
+        this._metadata = new Metadata();
+        this.__InferenceProvider_VendorTypeDefinitionID = '';
+    }
     // Main AI Prompt permissions inherited from BaseFormComponent:
     // - UserCanEdit (Update permission)
     // - UserCanRead (Read permission) 
@@ -1673,52 +1733,6 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             compactMode: false
         };
     }
-    constructor(elementRef, sharedService, router, route, cdr, testHarnessService, viewContainerRef, promptManagementService) {
-        super(elementRef, sharedService, router, route, cdr);
-        this.cdr = cdr;
-        this.testHarnessService = testHarnessService;
-        this.viewContainerRef = viewContainerRef;
-        this.promptManagementService = promptManagementService;
-        this.template = null;
-        this.templateContent = null;
-        this.templateParams = [];
-        this.isLoadingTemplate = true; // Default to loading state
-        this.isLoadingTemplateParams = false;
-        this.templateNotFoundInDatabase = false;
-        this.showTestHarness = false;
-        // Model management
-        this.promptModels = [];
-        this.availableModels = [];
-        this.availableVendors = [];
-        this.isLoadingModels = false;
-        // Vendor management per model
-        this.modelVendorsMap = new Map();
-        // AI Prompt Types
-        this.availablePromptTypes = [];
-        this.isLoadingPromptTypes = false;
-        // AI Configurations
-        this.availableConfigurations = [];
-        this.isLoadingConfigurations = false;
-        // Result Selector Tree Data
-        this.resultSelectorTreeData = [];
-        this.isLoadingResultSelectorData = false;
-        // Drag and drop state
-        this.draggedIndex = -1;
-        // Execution History
-        this.executionHistory = [];
-        this.isLoadingHistory = false;
-        this.historySortField = 'runAt';
-        this.historySortDirection = 'desc';
-        // Removed custom transaction tracking - we'll use base form's _pendingRecords instead
-        this.hasUnsavedChanges = false;
-        // Store original state for cancel/revert functionality
-        this.originalTemplateID = null;
-        // === Permission Checks for Related Entities ===
-        /** Cache for permission checks to avoid repeated calculations */
-        this._permissionCache = new Map();
-        this._metadata = new Metadata();
-        this.__InferenceProvider_VendorTypeDefinitionID = '';
-    }
     async ngOnInit() {
         await super.ngOnInit();
         // make sure AI Engine Base is configured, this will load stuff only if not already
@@ -3039,23 +3053,24 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
                 return 'Unknown type';
         }
     }
-    static { this.ɵfac = function AIPromptFormComponentExtended_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AIPromptFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.AITestHarnessDialogService), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i4.AIPromptManagementService)); }; }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptFormComponentExtended_BaseFactory; return function AIPromptFormComponentExtended_Factory(__ngFactoryType__) { return (ɵAIPromptFormComponentExtended_BaseFactory || (ɵAIPromptFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptFormComponentExtended)))(__ngFactoryType__ || AIPromptFormComponentExtended); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptFormComponentExtended, selectors: [["mj-ai-prompt-form"]], viewQuery: function AIPromptFormComponentExtended_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [1, "record-form-container"], ["kendoDialogContainer", ""], ["class", "record-form", 4, "ngIf"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "themeColor", "size"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EffortLevel", "Type", "numerictextbox", "Caption", "Effort Level (1-100)", "Description", "Higher values request more thorough reasoning", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], [1, "fa-solid", "fa-tachometer-alt", 2, "color", "#6c757d"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "click", "themeColor", "size"], [1, "fa-solid", "fa-play"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["kendoButton", "", 3, "themeColor"], ["kendoButton", "", 3, "fillMode"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [1, "template-actions", 2, "display", "flex", "gap", "8px", "padding", "8px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], ["kendoButton", "", "title", "Change to a different template", 3, "fillMode", "size"], ["kendoButton", "", "title", "Open template in new window", 3, "fillMode", "size"], ["kendoButton", "", "title", "Change to a different template", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-exchange-alt"], ["kendoButton", "", "title", "Open template in new window", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-external-link-alt"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "#6c757d", "font-size", "0.8em", "font-weight", "normal", "margin-left", "8px"], ["title", "Models are tried in order from top to bottom. The first available model will be used.", 1, "fa-solid", "fa-info-circle"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["kendoButton", "", "fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "#e3f2fd", "border-bottom", "1px solid #bbdefb", "color", "#1565c0", "font-size", "0.85em"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], ["title", "Priority order - models are tried from top to bottom"], [1, "fa-solid", "fa-sort", 2, "color", "#6c757d"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "fa-solid", "fa-info-circle", 2, "margin-right", "6px"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start", "transition", "background 0.2s, opacity 0.2s", 3, "dragstart", "dragover", "drop", "dragend", "draggable"], [1, "drag-handle", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [2, "font-size", "0.9em", "font-weight", "600", 3, "title"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-configuration"], [2, "font-size", "0.9em"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["title", "Drag to reorder priority", 1, "fa-solid", "fa-grip-vertical", 2, "cursor", "move"], [2, "font-size", "0.7em", "margin-top", "2px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "padding", "4px", "color", "#6c757d", "font-style", "italic", "font-size", "0.85em"], ["textField", "Name", "valueField", "ID", "placeholder", "Default", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Default", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListNoDataTemplate", ""], [2, "padding", "8px", "text-align", "center", "color", "#6c757d"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["kendoButton", "", "fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#6f42c1", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], ["title", "These parameters are defined in the template and will be available when executing this prompt", 1, "fa-solid", "fa-info-circle"], [2, "display", "grid", "gap", "12px"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s", 3, "border-left"], [2, "margin-top", "16px", "padding", "12px", "background", "#e3f2fd", "border-radius", "6px", "border", "1px solid #bbdefb"], [2, "display", "flex", "align-items", "flex-start", "gap", "8px"], [1, "fa-solid", "fa-lightbulb", 2, "color", "#1976d2", "margin-top", "2px"], [2, "flex", "1", "font-size", "0.85em", "color", "#1565c0", "line-height", "1.5"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "margin-bottom", "8px"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [2, "font-size", "1.2em"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [2, "color", "#dc3545", "font-size", "0.9em", "margin-left", "4px"], [1, "type-badge", 2, "color", "white", "padding", "4px 8px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [2, "color", "#dc3545", "font-size", "0.85em", "font-weight", "500"], [2, "color", "#6c757d", "font-size", "0.85em"], [2, "margin", "0 0 8px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [2, "font-size", "0.85em", "color", "#495057"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], [1, "fa-solid", "fa-info-circle", 2, "color", "#6c757d"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))", "gap", "12px", "margin-top", "12px"], [2, "background", "white", "padding", "8px 12px", "border-radius", "4px", "border", "1px solid #dee2e6"], [2, "display", "block", "font-size", "0.8em", "color", "#6c757d", "margin-bottom", "2px"], [2, "font-size", "0.85em", "color", "#495057", "word-break", "break-all"], [2, "font-size", "0.8em", "color", "#495057", "word-break", "break-all"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "#6c757d"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [2, "color", "#6c757d", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "2em", "margin-bottom", "12px"], [1, "fa-solid", "fa-history", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "16px"], [2, "display", "flex", "gap", "8px", "align-items", "center"], ["selection", "single"], ["kendoButton", "", "size", "small", 3, "click", "selected"], [2, "margin-left", "4px", "font-size", "0.8em", 3, "class"], [2, "border", "1px solid #e9ecef", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "#495057"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "color", "#495057"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "#e9ecef", "color", "#495057", "font-size", "0.85em", "font-weight", "500"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid", "fa-external-link"], [3, "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "entity", "mode", "isVisible"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [1, "record-form-container"], ["kendoDialogContainer", ""], [1, "record-form"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "Form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "themeColor", "size"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "EffortLevel", "Type", "numerictextbox", "Caption", "Effort Level (1-100)", "Description", "Higher values request more thorough reasoning", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "Record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], [1, "fa-solid", "fa-tachometer-alt", 2, "color", "#6c757d"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "click", "themeColor", "size"], [1, "fa-solid", "fa-play"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["kendoButton", "", 3, "themeColor"], ["kendoButton", "", 3, "fillMode"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [1, "template-actions", 2, "display", "flex", "gap", "8px", "padding", "8px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], ["kendoButton", "", "title", "Change to a different template", 3, "fillMode", "size"], ["kendoButton", "", "title", "Open template in new window", 3, "fillMode", "size"], ["kendoButton", "", "title", "Change to a different template", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-exchange-alt"], ["kendoButton", "", "title", "Open template in new window", 3, "click", "fillMode", "size"], [1, "fa-solid", "fa-external-link-alt"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "#6c757d", "font-size", "0.8em", "font-weight", "normal", "margin-left", "8px"], ["title", "Models are tried in order from top to bottom. The first available model will be used.", 1, "fa-solid", "fa-info-circle"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["kendoButton", "", "fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "#e3f2fd", "border-bottom", "1px solid #bbdefb", "color", "#1565c0", "font-size", "0.85em"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], ["title", "Priority order - models are tried from top to bottom"], [1, "fa-solid", "fa-sort", 2, "color", "#6c757d"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "fa-solid", "fa-info-circle", 2, "margin-right", "6px"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start", "transition", "background 0.2s, opacity 0.2s", 3, "dragstart", "dragover", "drop", "dragend", "draggable"], [1, "drag-handle", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [2, "font-size", "0.9em", "font-weight", "600", 3, "title"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-configuration"], [2, "font-size", "0.9em"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["title", "Drag to reorder priority", 1, "fa-solid", "fa-grip-vertical", 2, "cursor", "move"], [2, "font-size", "0.7em", "margin-top", "2px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "padding", "4px", "color", "#6c757d", "font-style", "italic", "font-size", "0.85em"], ["textField", "Name", "valueField", "ID", "placeholder", "Default", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Default", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListNoDataTemplate", ""], [2, "padding", "8px", "text-align", "center", "color", "#6c757d"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["kendoButton", "", "fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#6f42c1", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], ["title", "These parameters are defined in the template and will be available when executing this prompt", 1, "fa-solid", "fa-info-circle"], [2, "display", "grid", "gap", "12px"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s", 3, "border-left"], [2, "margin-top", "16px", "padding", "12px", "background", "#e3f2fd", "border-radius", "6px", "border", "1px solid #bbdefb"], [2, "display", "flex", "align-items", "flex-start", "gap", "8px"], [1, "fa-solid", "fa-lightbulb", 2, "color", "#1976d2", "margin-top", "2px"], [2, "flex", "1", "font-size", "0.85em", "color", "#1565c0", "line-height", "1.5"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "margin-bottom", "8px"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [2, "font-size", "1.2em"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [2, "color", "#dc3545", "font-size", "0.9em", "margin-left", "4px"], [1, "type-badge", 2, "color", "white", "padding", "4px 8px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [2, "color", "#dc3545", "font-size", "0.85em", "font-weight", "500"], [2, "color", "#6c757d", "font-size", "0.85em"], [2, "margin", "0 0 8px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [2, "font-size", "0.85em", "color", "#495057"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], [1, "fa-solid", "fa-info-circle", 2, "color", "#6c757d"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))", "gap", "12px", "margin-top", "12px"], [2, "background", "white", "padding", "8px 12px", "border-radius", "4px", "border", "1px solid #dee2e6"], [2, "display", "block", "font-size", "0.8em", "color", "#6c757d", "margin-bottom", "2px"], [2, "font-size", "0.85em", "color", "#495057", "word-break", "break-all"], [2, "font-size", "0.8em", "color", "#495057", "word-break", "break-all"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "#6c757d"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [2, "color", "#6c757d", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "2em", "margin-bottom", "12px"], [1, "fa-solid", "fa-history", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "16px"], [2, "display", "flex", "gap", "8px", "align-items", "center"], ["selection", "single"], ["kendoButton", "", "size", "small", 3, "click", "selected"], [2, "margin-left", "4px", "font-size", "0.8em", 3, "class"], [2, "border", "1px solid #e9ecef", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "#495057"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "color", "#495057"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "#e9ecef", "color", "#495057", "font-size", "0.85em", "font-weight", "500"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid", "fa-external-link"], [3, "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "entity", "mode", "isVisible"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵelement(1, "div", 3);
-            i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_2_Template, 66, 40, "form", 4)(3, AIPromptFormComponentExtended_Conditional_3_Template, 2, 12, "kendo-window", 5);
+            i0.ɵɵconditionalCreate(2, AIPromptFormComponentExtended_Conditional_2_Template, 66, 40, "form", 4);
+            i0.ɵɵconditionalCreate(3, AIPromptFormComponentExtended_Conditional_3_Template, 2, 12, "kendo-window", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.record);
+            i0.ɵɵconditional(ctx.record ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showTestHarness ? 3 : -1);
-        } }, dependencies: [i5.NgIf, i6.ɵNgNoValidate, i6.NgControlStatus, i6.NgControlStatusGroup, i6.NgModel, i6.NgForm, i7.ExpansionPanelComponent, i7.ExpansionPanelTitleDirective, i8.DialogContainerDirective, i8.WindowComponent, i9.TextAreaComponent, i9.TextBoxComponent, i9.NumericTextBoxComponent, i10.ItemTemplateDirective, i10.NoDataTemplateDirective, i10.DropDownListComponent, i10.DropDownTreeComponent, i11.ButtonGroupComponent, i11.ButtonComponent, i12.MJFormField, i12.ExplorerEntityDataGridComponent, i13.FormToolbarComponent, i14.CodeEditorComponent, i3.AITestHarnessComponent, i15.TemplateEditorComponent, i5.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n\n\n.history-row[_ngcontent-%COMP%] {\n    transition: background 0.2s;\n}\n\n.history-row[_ngcontent-%COMP%]:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row[_ngcontent-%COMP%] {\n    background: white;\n}\n\n.history-row[_ngcontent-%COMP%]:hover {\n    background: #e9ecef !important;\n}\n\n\n\n.parameter-card[_ngcontent-%COMP%] {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover::before {\n    width: 6px;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   .type-badge[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n\n\n.parameter-card[_ngcontent-%COMP%]   i.fa-solid[_ngcontent-%COMP%] {\n    transition: transform 0.3s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   i.fa-solid[_ngcontent-%COMP%] {\n    transform: rotate(360deg);\n}\n\n\n\n@media (max-width: 768px) {\n    .parameter-card[_ngcontent-%COMP%] {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n        font-size: 0.95em;\n    }\n    \n    .type-badge[_ngcontent-%COMP%] {\n        font-size: 0.7em !important;\n    }\n}"] }); }
+        } }, dependencies: [i1.ɵNgNoValidate, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.ExpansionPanelComponent, i2.ExpansionPanelTitleDirective, i3.DialogContainerDirective, i3.WindowComponent, i4.TextBoxComponent, i4.NumericTextBoxComponent, i4.TextAreaComponent, i5.ItemTemplateDirective, i5.NoDataTemplateDirective, i5.DropDownListComponent, i5.DropDownTreeComponent, i6.ButtonComponent, i6.ButtonGroupComponent, i7.MjFormToolbarComponent, i7.MjFormFieldComponent, i7.ExplorerEntityDataGridComponent, i8.CodeEditorComponent, i9.AITestHarnessComponent, i10.TemplateEditorComponent, i11.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n\n\n.history-row[_ngcontent-%COMP%] {\n    transition: background 0.2s;\n}\n\n.history-row[_ngcontent-%COMP%]:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row[_ngcontent-%COMP%] {\n    background: white;\n}\n\n.history-row[_ngcontent-%COMP%]:hover {\n    background: #e9ecef !important;\n}\n\n\n\n.parameter-card[_ngcontent-%COMP%] {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover::before {\n    width: 6px;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   .type-badge[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n\n\n.parameter-card[_ngcontent-%COMP%]   i.fa-solid[_ngcontent-%COMP%] {\n    transition: transform 0.3s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   i.fa-solid[_ngcontent-%COMP%] {\n    transform: rotate(360deg);\n}\n\n\n\n@media (max-width: 768px) {\n    .parameter-card[_ngcontent-%COMP%] {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n        font-size: 0.95em;\n    }\n    \n    .type-badge[_ngcontent-%COMP%] {\n        font-size: 0.7em !important;\n    }\n}"] }); }
 };
 AIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'AI Prompts')
@@ -3063,13 +3078,10 @@ AIPromptFormComponentExtended = __decorate([
 export { AIPromptFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\">\n    <!-- Dialog container for Kendo dialogs -->\n    <div kendoDialogContainer></div>\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <!-- Main Content Area - Template Editor and Configuration -->\n        <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n            \n            <!-- Header Section -->\n            <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                    \n                    <!-- Left: Prompt Info -->\n                    <div style=\"flex: 1; min-width: 0;\">\n                        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                            <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                            @if (EditMode) {\n                                <kendo-textbox [(ngModel)]=\"record.Name\" \n                                              name=\"promptName\"\n                                              placeholder=\"Enter prompt name...\"\n                                              style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                </kendo-textbox>\n                            } @else {\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                                <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.Status }}\n                                </span>\n                            }\n                        </div>\n                        \n                        <!-- Status and Type Editors when in edit mode -->\n                        @if (EditMode) {\n                            <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                       name=\"promptStatus\"\n                                                       [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 150px;\">\n                                    </kendo-dropdownlist>\n                                </div>\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Type <span style=\"color: #dc3545;\">*</span>\n                                    </label>\n                                    @if (isLoadingPromptTypes) {\n                                        <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                                        </div>\n                                    } @else {\n                                        <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                                                           name=\"promptTypeID\"\n                                                           [data]=\"availablePromptTypes\"\n                                                           textField=\"Name\"\n                                                           valueField=\"ID\"\n                                                           [valuePrimitive]=\"true\"\n                                                           [filterable]=\"true\"\n                                                           placeholder=\"Select prompt type...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    }\n                                </div>\n                            </div>\n                        }\n                        \n                        @if (EditMode) {\n                            <kendo-textarea [(ngModel)]=\"record.Description\" \n                                           name=\"promptDescription\"\n                                           [rows]=\"2\"\n                                           placeholder=\"Enter prompt description...\"\n                                           style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                            </kendo-textarea>\n                        } @else if (record.Description) {\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                        }\n                        \n                        <!-- Quick Config Row -->\n                        <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                            @if (record.TypeID) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                                </div>\n                            }\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Parallelization:</span>\n                                <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                            </div>\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Output:</span>\n                                <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                            </div>\n                            \n                            @if (record.EnableCaching) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                                </div>\n                            }\n                            \n                            @if (record.EffortLevel) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tachometer-alt\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Effort Level:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ record.EffortLevel }}</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <!-- Right: Action Buttons -->\n                    <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                        <div style=\"display: flex; gap: 8px;\">\n                            @if (record.ID) {\n                                <button kendoButton [themeColor]=\"'primary'\" [size]=\"'large'\"\n                                        (click)=\"openTestHarness()\"\n                                        title=\"Run AI Prompt Test Harness\">\n                                    <i class=\"fa-solid fa-play\"></i> Run\n                                </button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    @if (UserCanCreateTemplates) {\n                                        <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                            <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                        </button>\n                                    }\n                                    @if (UserCanReadTemplates) {\n                                        <button kendoButton [fillMode]=\"'outline'\" (click)=\"linkExistingTemplate()\">\n                                            <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        } @else if (templateNotFoundInDatabase) {\n                            <div class=\"invalid-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #dc3545;\">\n                                <i class=\"fa-solid fa-exclamation-triangle\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.7;\"></i>\n                                <h5 style=\"margin-bottom: 12px;\">Template Not Found</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    The referenced template could not be loaded. It may have been deleted or moved.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </button>\n                                    @if (UserCanCreateTemplates) {\n                                        <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                            <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                        </button>\n                                    }\n                                </div>\n                            </div>\n                        } @else {\n                            <!-- Active Template Editor -->\n                            <div class=\"template-editor-container\" style=\"flex: 1; display: flex; flex-direction: column; min-height: 350px;\">\n                                <!-- Template Actions Bar -->\n                                @if (template && EditMode) {\n                                    <div class=\"template-actions\" style=\"display: flex; gap: 8px; padding: 8px; border-bottom: 1px solid #e9ecef; background: #f8f9fa;\">\n                                        @if (UserCanUpdateTemplates) {\n                                            <button kendoButton \n                                                    [fillMode]=\"'outline'\" \n                                                    [size]=\"'small'\"\n                                                    (click)=\"linkExistingTemplate()\"\n                                                    title=\"Change to a different template\">\n                                                <i class=\"fa-solid fa-exchange-alt\"></i> Change Template\n                                            </button>\n                                        }\n                                        @if (UserCanReadTemplates) {\n                                            <button kendoButton \n                                                    [fillMode]=\"'outline'\" \n                                                    [size]=\"'small'\"\n                                                    (click)=\"openTemplateInNewWindow()\"\n                                                    title=\"Open template in new window\">\n                                                <i class=\"fa-solid fa-external-link-alt\"></i> Open in New Window\n                                            </button>\n                                        }\n                                    </div>\n                                }\n                                \n                                <!-- Template Editor -->\n                                <div style=\"flex: 1; background: white; border-radius: 6px; border: 1px solid #e9ecef;\">\n                                    <mj-template-editor \n                                        #templateEditor\n                                        [template]=\"template\"\n                                        [config]=\"templateEditorConfig\"\n                                        (contentChange)=\"onTemplateContentChange($event)\"\n                                        (runTemplate)=\"onTemplateRun($event)\"\n                                        style=\"display: block; min-height: 300px;\">\n                                    </mj-template-editor>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </kendo-expansionpanel>                \n\n                <!-- Model Configuration Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                Models\n                                @if (promptModels.length > 0) {\n                                    <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ promptModels.length }}\n                                    </span>\n                                }\n                                <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                                    <i class=\"fa-solid fa-info-circle\" title=\"Models are tried in order from top to bottom. The first available model will be used.\"></i>\n                                    Priority order (first available model will be used)\n                                </span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <!-- Model Management Interface -->\n                            <div class=\"model-management\" style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                                @if (isLoadingModels) {\n                                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading models...\n                                    </div>\n                                } @else {\n                                    @if (promptModels.length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                            <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                                            @if (EditMode && UserCanCreatePromptModels) {\n                                                <div style=\"margin-top: 10px;\">\n                                                    <button kendoButton fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Priority explanation for multiple models -->\n                                        @if (promptModels.length > 1) {\n                                            <div style=\"padding: 12px 16px; background: #e3f2fd; border-bottom: 1px solid #bbdefb; color: #1565c0; font-size: 0.85em;\">\n                                                <i class=\"fa-solid fa-info-circle\" style=\"margin-right: 6px;\"></i>\n                                                Models are tried in priority order (highest priority first). The first available model that meets requirements will be used for execution.\n                                            </div>\n                                        }\n                                        <!-- Column Headers -->\n                                        <div class=\"model-header\" style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                            <div title=\"Priority order - models are tried from top to bottom\">\n                                                <i class=\"fa-solid fa-sort\" style=\"color: #6c757d;\"></i>\n                                            </div>\n                                            <div>AI Model <span style=\"color: #dc3545;\">*</span></div>\n                                            <div>Vendor</div>\n                                            <div>Configuration</div>\n                                            <div>Created</div>\n                                            <div>Actions</div>\n                                        </div>\n                                        \n                                        @for (model of promptModels; track getModelTrackId(model) || $index; let i = $index) {\n                                            <div class=\"model-row\" \n                                                 [draggable]=\"EditMode\"\n                                                 (dragstart)=\"onDragStart($event, i)\"\n                                                 (dragover)=\"onDragOver($event)\"\n                                                 (drop)=\"onDrop($event, i)\"\n                                                 (dragend)=\"onDragEnd($event)\"\n                                                 [style.background]=\"!model.ModelID ? '#fff3cd' : (draggedIndex === i ? '#e3f2fd' : 'white')\"\n                                                 [style.border-left]=\"!model.ModelID ? '3px solid #ffc107' : 'none'\"\n                                                 [style.opacity]=\"draggedIndex === i ? '0.5' : '1'\"\n                                                 style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start; transition: background 0.2s, opacity 0.2s;\">\n                                                \n                                                <!-- Drag Handle / Priority -->\n                                                <div class=\"drag-handle\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6c757d;\">\n                                                    @if (EditMode) {\n                                                        <i class=\"fa-solid fa-grip-vertical\" title=\"Drag to reorder priority\" style=\"cursor: move;\"></i>\n                                                        <span style=\"font-size: 0.7em; margin-top: 2px;\">#{{ i + 1 }}</span>\n                                                    } @else {\n                                                        <span style=\"font-size: 0.9em; font-weight: 600;\" title=\"Priority {{ model.Priority }} - Higher priority numbers are tried first\">#{{ i + 1 }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Model Selection -->\n                                                <div class=\"model-select\">\n                                                    @if (EditMode) {\n                                                        <kendo-dropdownlist [(ngModel)]=\"model.ModelID\"\n                                                                           [name]=\"'modelId_' + getModelTrackId(model)\"\n                                                                           [data]=\"availableModels\"\n                                                                           textField=\"Name\"\n                                                                           valueField=\"ID\"\n                                                                           [valuePrimitive]=\"true\"\n                                                                           [filterable]=\"true\"\n                                                                           placeholder=\"Select a model...\"\n                                                                           (valueChange)=\"onModelChange($event, i)\"\n                                                                           style=\"width: 100%;\">\n                                                        </kendo-dropdownlist>\n                                                    } @else {\n                                                        <span style=\"font-weight: 500;\">{{ getModelDisplayName(model.ModelID) }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Vendor -->\n                                                <div class=\"model-vendor\">\n                                                    @if (EditMode) {\n                                                        @if (model.ModelID) {\n                                                            @if (shouldShowVendorDropdown(model.ModelID)) {\n                                                                <kendo-dropdownlist [(ngModel)]=\"model.VendorID\"\n                                                                                   [name]=\"'vendorId_' + getModelTrackId(model)\"\n                                                                                   [data]=\"getVendorsForModelSync(model.ModelID)\"\n                                                                                   textField=\"Name\"\n                                                                                   valueField=\"ID\"\n                                                                                   [valuePrimitive]=\"true\"\n                                                                                   [filterable]=\"true\"\n                                                                                   placeholder=\"Select vendor...\"\n                                                                                   style=\"width: 100%;\">\n                                                                    <ng-template kendoDropDownListItemTemplate let-dataItem>\n                                                                        <span [style.color]=\"getVendorStatusColor(model.ModelID, dataItem.ID)\">\n                                                                            {{ dataItem.Name }}\n                                                                            @if (getModelVendorStatus(model.ModelID, dataItem.ID) !== 'Active') {\n                                                                                <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, dataItem.ID) }})</span>\n                                                                            }\n                                                                        </span>\n                                                                    </ng-template>\n                                                                </kendo-dropdownlist>\n                                                            } @else {\n                                                                <!-- Single vendor - just show the name -->\n                                                                @if (getVendorsForModelSync(model.ModelID).length === 1) {\n                                                                    <span [style.color]=\"getVendorStatusColor(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID)\" style=\"font-size: 0.9em; font-weight: 500;\">\n                                                                        {{ getVendorsForModelSync(model.ModelID)[0].Name }}\n                                                                        @if (getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) !== 'Active') {\n                                                                            <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) }})</span>\n                                                                        }\n                                                                    </span>\n                                                                } @else {\n                                                                    <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                                                }\n                                                            }\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">Select model first</span>\n                                                        }\n                                                    } @else {\n                                                        @if (model.VendorID && model.ModelID) {\n                                                            <span [style.color]=\"getVendorStatusColor(model.ModelID, model.VendorID)\" style=\"font-size: 0.9em;\">\n                                                                {{ getVendorDisplayName(model.VendorID) }}\n                                                                @if (getModelVendorStatus(model.ModelID, model.VendorID) !== 'Active') {\n                                                                    <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, model.VendorID) }})</span>\n                                                                }\n                                                            </span>\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-size: 0.9em;\">-</span>\n                                                        }\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Configuration -->\n                                                <div class=\"model-configuration\">\n                                                    @if (EditMode) {\n                                                        @if (isLoadingConfigurations) {\n                                                            <div style=\"padding: 4px; color: #6c757d; font-style: italic; font-size: 0.85em;\">\n                                                                <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                                                            </div>\n                                                        } @else {\n                                                            <kendo-dropdownlist [(ngModel)]=\"model.ConfigurationID\"\n                                                                               [name]=\"'configurationId_' + getModelTrackId(model)\"\n                                                                               [data]=\"availableConfigurations\"\n                                                                               textField=\"Name\"\n                                                                               valueField=\"ID\"\n                                                                               [valuePrimitive]=\"true\"\n                                                                               [filterable]=\"true\"\n                                                                               placeholder=\"Default\"\n                                                                               (valueChange)=\"onConfigurationChange($event, i)\"\n                                                                               style=\"width: 100%;\">\n                                                                <ng-template kendoDropDownListNoDataTemplate>\n                                                                    <div style=\"padding: 8px; text-align: center; color: #6c757d;\">\n                                                                        No configurations available\n                                                                    </div>\n                                                                </ng-template>\n                                                            </kendo-dropdownlist>\n                                                        }\n                                                    } @else {\n                                                        <span style=\"font-size: 0.9em;\">{{ getConfigurationDisplayName(model.ConfigurationID) }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Created Date -->\n                                                <div class=\"model-created\">\n                                                    @if (model.ID) {\n                                                        <span style=\"color: #6c757d; font-size: 0.8em;\">{{ model.__mj_CreatedAt | date:'short' }}</span>\n                                                    } @else {\n                                                        <span style=\"color: #28a745; font-size: 0.8em; font-style: italic;\">New</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Actions -->\n                                                <div class=\"model-actions\" style=\"display: flex; gap: 2px; flex-direction: column;\">\n                                                    @if (EditMode) {\n                                                        <div style=\"display: flex; gap: 2px; margin-bottom: 4px;\">\n                                                            @if (UserCanUpdatePromptModels) {\n                                                                <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                            (click)=\"moveModelUp(i)\"\n                                                                            [disabled]=\"i === 0\"\n                                                                            title=\"Move up\">\n                                                                    <i class=\"fa-solid fa-chevron-up\"></i>\n                                                                </button>\n                                                                <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                            (click)=\"moveModelDown(i)\"\n                                                                            [disabled]=\"i === promptModels.length - 1\"\n                                                                            title=\"Move down\">\n                                                                    <i class=\"fa-solid fa-chevron-down\"></i>\n                                                                </button>\n                                                            }\n                                                        </div>\n                                                        @if (UserCanDeletePromptModels) {\n                                                            <button kendoButton fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                        (click)=\"removePromptModel(i)\"\n                                                                        title=\"Remove model\">\n                                                                <i class=\"fa-solid fa-times\"></i>\n                                                            </button>\n                                                        }\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Second row with additional details -->\n                                            <div style=\"display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; font-size: 0.85em; color: #6c757d;\">\n                                                <div></div>\n                                                <div>\n                                                    <!-- Basic model details -->\n                                                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;\">\n                                                        @if (model.Status) {\n                                                            <span><strong>Status:</strong> {{ model.Status }}</span>\n                                                        }\n                                                    </div>\n                                                    \n                                                    <!-- Parallel execution fields when prompt is ModelSpecific -->\n                                                    @if (record.ParallelizationMode === 'ModelSpecific') {\n                                                        <div style=\"padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; margin-top: 8px;\">\n                                                            <div style=\"margin-bottom: 6px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                                                <i class=\"fa-solid fa-layer-group\"></i> Model-Specific Parallel Execution\n                                                            </div>\n                                                            \n                                                            @if (EditMode) {\n                                                                <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: center;\">\n                                                                    <!-- Parallel Mode -->\n                                                                    <div>\n                                                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Mode</label>\n                                                                        <kendo-dropdownlist [(ngModel)]=\"model.ParallelizationMode\"\n                                                                                           [name]=\"'parallelMode_' + i\"\n                                                                                           [data]=\"[{text: 'None', value: 'None'}, {text: 'Static Count', value: 'StaticCount'}, {text: 'Config Param', value: 'ConfigParam'}]\"\n                                                                                           textField=\"text\"\n                                                                                           valueField=\"value\"\n                                                                                           [valuePrimitive]=\"true\"\n                                                                                           placeholder=\"Select mode...\"\n                                                                                           style=\"width: 100%; font-size: 0.85em;\">\n                                                                        </kendo-dropdownlist>\n                                                                    </div>\n                                                                    \n                                                                    <!-- Parallel Count (when StaticCount) -->\n                                                                    @if (model.ParallelizationMode === 'StaticCount') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Count</label>\n                                                                            <kendo-numerictextbox [(ngModel)]=\"model.ParallelCount\"\n                                                                                                 [name]=\"'parallelCount_' + i\"\n                                                                                                 [min]=\"1\"\n                                                                                                 [step]=\"1\"\n                                                                                                 [format]=\"'n0'\"\n                                                                                                 placeholder=\"Count...\"\n                                                                                                 style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-numerictextbox>\n                                                                        </div>\n                                                                    }\n                                                                    \n                                                                    <!-- Config Param (when ConfigParam) -->\n                                                                    @if (model.ParallelizationMode === 'ConfigParam') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Config Parameter</label>\n                                                                            <kendo-textbox [(ngModel)]=\"model.ParallelConfigParam\"\n                                                                                          [name]=\"'parallelConfigParam_' + i\"\n                                                                                          placeholder=\"Parameter name...\"\n                                                                                          style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-textbox>\n                                                                        </div>\n                                                                    }\n                                                                </div>\n                                                            } @else {\n                                                                <!-- Read-only display -->\n                                                                <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center;\">\n                                                                    @if (model.ParallelizationMode) {\n                                                                        <span><strong>Parallel Mode:</strong> {{ model.ParallelizationMode }}</span>\n                                                                    }\n                                                                    @if (model.ParallelCount) {\n                                                                        <span><strong>Parallel Count:</strong> {{ model.ParallelCount }}</span>\n                                                                    }\n                                                                    @if (model.ParallelConfigParam) {\n                                                                        <span><strong>Config Param:</strong> {{ model.ParallelConfigParam }}</span>\n                                                                    }\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                        \n                                        @if (EditMode && UserCanCreatePromptModels) {\n                                            <div class=\"add-model-row\" style=\"padding: 12px 16px; text-align: center; background: #f8f9fa; border-top: 1px solid #dee2e6;\">\n                                                <button kendoButton fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"EffortLevel\"\n                                    Type=\"numerictextbox\"\n                                    Caption=\"Effort Level (1-100)\"\n                                    Description=\"Higher values request more thorough reasoning\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </div>\n                            \n                            <!-- Right Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ValidationBehavior\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"EnableCaching\"\n                                    Type=\"checkbox\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <!-- Result Selector Prompt with Tree Selector -->\n                                <div style=\"margin-bottom: 16px;\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Result Selector Prompt\n                                    </label>\n                                    @if (EditMode) {\n                                        @if (isLoadingResultSelectorData) {\n                                            <div style=\"padding: 8px; color: #6c757d; font-style: italic;\">\n                                                <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                                            </div>\n                                        } @else {\n                                            <kendo-dropdowntree \n                                                [(ngModel)]=\"record.ResultSelectorPromptID\"\n                                                name=\"resultSelectorPromptID\"\n                                                [data]=\"resultSelectorTreeData\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [filterable]=\"true\"\n                                                placeholder=\"Select a result selector prompt...\"\n                                                style=\"width: 100%;\"\n                                                (valueChange)=\"onResultSelectorChange($event)\">\n                                            </kendo-dropdowntree>\n                                        }\n                                    } @else {\n                                        <span style=\"color: #495057;\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </kendo-expansionpanel>\n\n                <!-- Template Parameters Expansion Panel -->\n                @if (template && templateParams.length > 0) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                                Template Parameters\n                                <span class=\"badge\" style=\"background: #6f42c1; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                    {{ templateParams.length }}\n                                </span>\n                                <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                                    <i class=\"fa-solid fa-info-circle\" title=\"These parameters are defined in the template and will be available when executing this prompt\"></i>\n                                    Parameters defined in the template\n                                </span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Template Parameters Display -->\n                        <div style=\"padding: 16px 0;\">\n                            @if (isLoadingTemplateParams) {\n                                <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading template parameters...\n                                </div>\n                            } @else if (templateParams.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> This template has no parameters defined\n                                </div>\n                            } @else {\n                                <!-- Parameters Grid -->\n                                <div style=\"display: grid; gap: 12px;\">\n                                    @for (param of templateParams; track param.ID) {\n                                        <div class=\"parameter-card\" \n                                             style=\"border: 1px solid #e9ecef; border-radius: 8px; padding: 16px; background: #f8f9fa; transition: all 0.2s;\"\n                                             [style.border-left]=\"'4px solid ' + getParamTypeColor(param.Type)\">\n                                            \n                                            <!-- Parameter Header -->\n                                            <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px;\">\n                                                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                                                    <i [class]=\"'fa-solid ' + getParamTypeIcon(param.Type)\" \n                                                       [style.color]=\"getParamTypeColor(param.Type)\"\n                                                       style=\"font-size: 1.2em;\"></i>\n                                                    <h6 style=\"margin: 0; color: #495057; font-weight: 600;\">\n                                                        {{ param.Name }}\n                                                        @if (param.IsRequired) {\n                                                            <span style=\"color: #dc3545; font-size: 0.9em; margin-left: 4px;\">*</span>\n                                                        }\n                                                    </h6>\n                                                </div>\n                                                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                                                    <span class=\"type-badge\" \n                                                          [style.background-color]=\"getParamTypeColor(param.Type)\"\n                                                          style=\"color: white; padding: 4px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                                        {{ param.Type }}\n                                                    </span>\n                                                    @if (param.IsRequired) {\n                                                        <span style=\"color: #dc3545; font-size: 0.85em; font-weight: 500;\">Required</span>\n                                                    } @else {\n                                                        <span style=\"color: #6c757d; font-size: 0.85em;\">Optional</span>\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Parameter Description -->\n                                            @if (param.Description) {\n                                                <p style=\"margin: 0 0 8px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">\n                                                    {{ param.Description }}\n                                                </p>\n                                            }\n                                            \n                                            <!-- Type-specific Information -->\n                                            <div style=\"font-size: 0.85em; color: #495057;\">\n                                                <span style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                                                    <i class=\"fa-solid fa-info-circle\" style=\"color: #6c757d;\"></i>\n                                                    {{ getParamTypeDescription(param) }}\n                                                </span>\n                                            </div>\n                                            \n                                            <!-- Additional Parameter Details -->\n                                            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 12px;\">\n                                                @if (param.DefaultValue) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Default Value</label>\n                                                        <code style=\"font-size: 0.85em; color: #495057; word-break: break-all;\">{{ param.DefaultValue }}</code>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.EntityID) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Entity</label>\n                                                        <span style=\"font-size: 0.85em; color: #495057;\">{{ param.Entity || 'Entity ID: ' + param.EntityID }}</span>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.LinkedParameterName) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Linked To</label>\n                                                        <span style=\"font-size: 0.85em; color: #495057;\">\n                                                            {{ param.LinkedParameterName }}\n                                                            @if (param.LinkedParameterField) {\n                                                                ({{ param.LinkedParameterField }})\n                                                            }\n                                                        </span>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.ExtraFilter) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Filter</label>\n                                                        <code style=\"font-size: 0.8em; color: #495057; word-break: break-all;\">{{ param.ExtraFilter }}</code>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.RecordID) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Record ID</label>\n                                                        <code style=\"font-size: 0.85em; color: #495057;\">{{ param.RecordID }}</code>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <!-- Help Text -->\n                                <div style=\"margin-top: 16px; padding: 12px; background: #e3f2fd; border-radius: 6px; border: 1px solid #bbdefb;\">\n                                    <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                                        <i class=\"fa-solid fa-lightbulb\" style=\"color: #1976d2; margin-top: 2px;\"></i>\n                                        <div style=\"flex: 1; font-size: 0.85em; color: #1565c0; line-height: 1.5;\">\n                                            <strong>Using Template Parameters:</strong> When executing this prompt, you'll be prompted to provide values for all required parameters. \n                                            Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections).\n                                            The template will use these parameters to generate dynamic content based on the values provided at execution time.\n                                        </div>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Output Example Expansion Panel (when OutputType = object) -->\n                @if (showOutputExample) {\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                Output Example (JSON)\n                                <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">\u2022 Required for object output type</span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px;\">\n                            @if (EditMode) {\n                                <mj-code-editor \n                                    [(ngModel)]=\"record.OutputExample\"\n                                    name=\"outputExample\"\n                                    language=\"json\"\n                                    placeholder=\"Enter JSON example structure...\"\n                                    style=\"width: 100%; height: 200px; border: 1px solid #dee2e6; border-radius: 4px;\">\n                                </mj-code-editor>\n                                <div style=\"margin-top: 8px; color: #6c757d; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> Provide a JSON example that defines the expected structure for object output validation.\n                                </div>\n                            } @else if (record.OutputExample) {\n                                <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 250px;\">{{ record.OutputExample }}</div>\n                            } @else {\n                                <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; text-align: center;\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Output example is required when output type is 'object'\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Execution History Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-history\" style=\"color: #6c757d;\"></i>\n                                Execution History\n                                @if (executionHistory.length > 0) {\n                                    <span style=\"color: #6c757d; font-weight: normal;\">({{ executionHistory.length }})</span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Custom Execution History Viewer -->\n                        <div style=\"padding: 16px;\">\n                            @if (isLoadingHistory) {\n                                <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 2em; margin-bottom: 12px;\"></i>\n                                    <p>Loading execution history...</p>\n                                </div>\n                            } @else if (executionHistory.length === 0) {\n                                <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-history\" style=\"font-size: 3em; margin-bottom: 12px; opacity: 0.3;\"></i>\n                                    <p>No execution history yet</p>\n                                    <p style=\"font-size: 0.9em;\">Run this prompt to see execution history here</p>\n                                </div>\n                            } @else {\n                                <!-- Sort Controls -->\n                                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                                    <div style=\"color: #6c757d; font-size: 0.9em;\">\n                                        Showing {{ executionHistory.length }} executions\n                                    </div>\n                                    <div style=\"display: flex; gap: 8px; align-items: center;\">\n                                        <span style=\"color: #6c757d; font-size: 0.85em;\">Sort by:</span>\n                                        <kendo-buttongroup selection=\"single\">\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'runAt'\"\n                                                    (click)=\"changeHistorySort('runAt')\"\n                                                    size=\"small\">\n                                                Date\n                                                @if (historySortField === 'runAt') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'executionTime'\"\n                                                    (click)=\"changeHistorySort('executionTime')\"\n                                                    size=\"small\">\n                                                Duration\n                                                @if (historySortField === 'executionTime') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'tokens'\"\n                                                    (click)=\"changeHistorySort('tokens')\"\n                                                    size=\"small\">\n                                                Tokens\n                                                @if (historySortField === 'tokens') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'cost'\"\n                                                    (click)=\"changeHistorySort('cost')\"\n                                                    size=\"small\">\n                                                Cost\n                                                @if (historySortField === 'cost') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                        </kendo-buttongroup>\n                                    </div>\n                                </div>\n                                \n                                <!-- Execution History Table -->\n                                <div style=\"border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden;\">\n                                    <table style=\"width: 100%; border-collapse: collapse;\">\n                                        <thead>\n                                            <tr style=\"background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Status</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Date & Time</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Model</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Duration</th>\n                                                <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Tokens</th>\n                                                <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Cost</th>\n                                                <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Type</th>\n                                                <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Actions</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (run of executionHistory; track run.ID; let i = $index) {\n                                                <tr class=\"history-row\"\n                                                    [class.even-row]=\"i % 2 === 0\"\n                                                    style=\"border-bottom: 1px solid #f1f3f5;\">\n                                                    <td style=\"padding: 12px;\">\n                                                        <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                                            <i [class]=\"'fa-solid ' + getExecutionStatusIcon(run.Success)\" \n                                                               [style.color]=\"getExecutionStatusColor(run.Success)\"></i>\n                                                            <span [style.color]=\"getExecutionStatusColor(run.Success)\" style=\"font-weight: 500;\">\n                                                                {{ run.Success === true ? 'Success' : run.Success === false ? 'Failed' : 'Running' }}\n                                                            </span>\n                                                        </span>\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        {{ run.RunAt | date:'short' }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                                            <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                                            {{ run.Model || 'Unknown' }}\n                                                        </span>\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        {{ formatDuration(run.ExecutionTimeMS) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                                                        {{ formatTokens(run.TokensUsed) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                                                        {{ formatCost(run.TotalCost || run.Cost) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: center;\">\n                                                        @if (run.RunType) {\n                                                            <span style=\"padding: 4px 8px; border-radius: 12px; background: #e9ecef; \n                                                                       color: #495057; font-size: 0.85em; font-weight: 500;\">\n                                                                {{ run.RunType }}\n                                                            </span>\n                                                        }\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: center;\">\n                                                        <button kendoButton \n                                                            fillMode=\"flat\"\n                                                            size=\"small\"\n                                                            (click)=\"navigateToPromptRun(run.ID)\"\n                                                            title=\"View details\">\n                                                            <i class=\"fa-solid fa-external-link\"></i>\n                                                        </button>\n                                                    </td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-explorer-entity-data-grid\n                                [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"\n                                [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                                [AllowLoad]=\"true\"\n                                [ShowToolbar]=\"false\">\n                            </mj-explorer-entity-data-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Related Items Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-link\" style=\"color: #6c757d;\"></i>\n                                Related Items\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                                <!-- AI Agents -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">AI Agents Using This Prompt</h6>\n                                    <mj-explorer-entity-data-grid\n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Prompts','PromptID')\"\n                                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [ShowToolbar]=\"false\">\n                                    </mj-explorer-entity-data-grid>\n                                </div>\n                                \n                                <!-- Result Selector References -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">Prompts Using This as Result Selector</h6>\n                                    <mj-explorer-entity-data-grid\n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Prompts','ResultSelectorPromptID')\"\n                                        [NewRecordValues]=\"NewRecordValues('AI Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [ShowToolbar]=\"false\">\n                                    </mj-explorer-entity-data-grid>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n            </div>\n        </div>\n    </form>\n\n    \n    <!-- AI Prompt Test Harness -->\n    @if (showTestHarness) {\n        <kendo-window \n            [width]=\"1200\" \n            [height]=\"800\" \n            [minWidth]=\"800\"\n            [minHeight]=\"600\"\n            [draggable]=\"true\"\n            [resizable]=\"true\"\n            [state]=\"'default'\"\n            (close)=\"onTestHarnessVisibilityChanged(false)\"\n            title=\"Run AI Prompt - {{ record.Name || 'Untitled' }}\">\n            <mj-ai-test-harness\n                [entity]=\"record\"\n                [mode]=\"'prompt'\"\n                [isVisible]=\"showTestHarness\"\n                (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n            </mj-ai-test-harness>\n        </kendo-window>\n    }\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n/* Execution History Table Styles */\n.history-row {\n    transition: background 0.2s;\n}\n\n.history-row:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row {\n    background: white;\n}\n\n.history-row:hover {\n    background: #e9ecef !important;\n}\n\n/* Template Parameters Styles */\n.parameter-card {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card:hover::before {\n    width: 6px;\n}\n\n.type-badge {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card:hover .type-badge {\n    transform: scale(1.05);\n}\n\n/* Parameter type icons animation */\n.parameter-card i.fa-solid {\n    transition: transform 0.3s;\n}\n\n.parameter-card:hover i.fa-solid {\n    transform: rotate(360deg);\n}\n\n/* Grid responsive behavior */\n@media (max-width: 768px) {\n    .parameter-card {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card h6 {\n        font-size: 0.95em;\n    }\n    \n    .type-badge {\n        font-size: 0.7em !important;\n    }\n}"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.AITestHarnessDialogService }, { type: i0.ViewContainerRef }, { type: i4.AIPromptManagementService }], { templateEditor: [{
+        args: [{ standalone: false, selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\">\n  <!-- Dialog container for Kendo dialogs -->\n  <div kendoDialogContainer></div>\n  @if (record) {\n    <form class=\"record-form\" #form=\"ngForm\" >\n      <mj-form-toolbar [Form]=\"this\"></mj-form-toolbar>\n      <!-- Main Content Area - Template Editor and Configuration -->\n      <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n        <!-- Header Section -->\n        <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n          <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n            <!-- Left: Prompt Info -->\n            <div style=\"flex: 1; min-width: 0;\">\n              <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                @if (EditMode) {\n                  <kendo-textbox [(ngModel)]=\"record.Name\"\n                    name=\"promptName\"\n                    placeholder=\"Enter prompt name...\"\n                    style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                  </kendo-textbox>\n                } @else {\n                  <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                  <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\"\n                    style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                    {{ record.Status }}\n                  </span>\n                }\n              </div>\n              <!-- Status and Type Editors when in edit mode -->\n              @if (EditMode) {\n                <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                  <div>\n                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                      name=\"promptStatus\"\n                      [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                      textField=\"text\"\n                      valueField=\"value\"\n                      [valuePrimitive]=\"true\"\n                      style=\"width: 150px;\">\n                    </kendo-dropdownlist>\n                  </div>\n                  <div>\n                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                      Type <span style=\"color: #dc3545;\">*</span>\n                    </label>\n                    @if (isLoadingPromptTypes) {\n                      <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                      </div>\n                    } @else {\n                      <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                        name=\"promptTypeID\"\n                        [data]=\"availablePromptTypes\"\n                        textField=\"Name\"\n                        valueField=\"ID\"\n                        [valuePrimitive]=\"true\"\n                        [filterable]=\"true\"\n                        placeholder=\"Select prompt type...\"\n                        style=\"width: 200px;\">\n                      </kendo-dropdownlist>\n                    }\n                  </div>\n                </div>\n              }\n              @if (EditMode) {\n                <kendo-textarea [(ngModel)]=\"record.Description\"\n                  name=\"promptDescription\"\n                  [rows]=\"2\"\n                  placeholder=\"Enter prompt description...\"\n                  style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                </kendo-textarea>\n              } @else if (record.Description) {\n                <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n              }\n              <!-- Quick Config Row -->\n              <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                @if (record.TypeID) {\n                  <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                    <span style=\"color: #6c757d;\">Type:</span>\n                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                  </div>\n                }\n                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                  <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                  <span style=\"color: #6c757d;\">Parallelization:</span>\n                  <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                </div>\n                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                  <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                  <span style=\"color: #6c757d;\">Output:</span>\n                  <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                </div>\n                @if (record.EnableCaching) {\n                  <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                  </div>\n                }\n                @if (record.EffortLevel) {\n                  <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                    <i class=\"fa-solid fa-tachometer-alt\" style=\"color: #6c757d;\"></i>\n                    <span style=\"color: #6c757d;\">Effort Level:</span>\n                    <span style=\"color: #495057; font-weight: 500;\">{{ record.EffortLevel }}</span>\n                  </div>\n                }\n              </div>\n            </div>\n            <!-- Right: Action Buttons -->\n            <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n              <div style=\"display: flex; gap: 8px;\">\n                @if (record.ID) {\n                  <button kendoButton [themeColor]=\"'primary'\" [size]=\"'large'\"\n                    (click)=\"openTestHarness()\"\n                    title=\"Run AI Prompt Test Harness\">\n                    <i class=\"fa-solid fa-play\"></i> Run\n                  </button>\n                }\n              </div>\n              @if (!canExecute && record.ID) {\n                <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                  @if (record.Status !== 'Active') {\n                    \u2022 Prompt must be Active<br>\n                  }\n                  @if (!record.TemplateID) {\n                    \u2022 Template is required<br>\n                  }\n                  @if (!template && record.TemplateID) {\n                    \u2022 Template not found<br>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n        <!-- Configuration Sections with Expansion Panels -->\n        <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n          <!-- Template Editor Section -->\n          <kendo-expansionpanel\n            [expanded]=\"true\"\n            style=\"margin-bottom: 12px;\">\n            <ng-template kendoExpansionPanelTitleDirective>\n              <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                Template Editor\n                @if (template) {\n                  <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                }\n              </span>\n            </ng-template>\n            <!-- Direct Content Projection -->\n            <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n              @if (isLoadingTemplate) {\n                <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                  <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                  Loading template...\n                </div>\n              } @else if (!record.TemplateID) {\n                <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                  <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                  <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                  <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                    This AI prompt needs a template to define its structure and parameters.\n                    Create a new template or link to an existing one.\n                  </p>\n                  <div style=\"display: flex; gap: 12px;\">\n                    @if (UserCanCreateTemplates) {\n                      <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                      </button>\n                    }\n                    @if (UserCanReadTemplates) {\n                      <button kendoButton [fillMode]=\"'outline'\" (click)=\"linkExistingTemplate()\">\n                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                      </button>\n                    }\n                  </div>\n                </div>\n              } @else if (templateNotFoundInDatabase) {\n                <div class=\"invalid-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #dc3545;\">\n                  <i class=\"fa-solid fa-exclamation-triangle\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.7;\"></i>\n                  <h5 style=\"margin-bottom: 12px;\">Template Not Found</h5>\n                  <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                    The referenced template could not be loaded. It may have been deleted or moved.\n                  </p>\n                  <div style=\"display: flex; gap: 12px;\">\n                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"loadTemplate()\">\n                      <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                    </button>\n                    @if (UserCanCreateTemplates) {\n                      <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                      </button>\n                    }\n                  </div>\n                </div>\n              } @else {\n                <!-- Active Template Editor -->\n                <div class=\"template-editor-container\" style=\"flex: 1; display: flex; flex-direction: column; min-height: 350px;\">\n                  <!-- Template Actions Bar -->\n                  @if (template && EditMode) {\n                    <div class=\"template-actions\" style=\"display: flex; gap: 8px; padding: 8px; border-bottom: 1px solid #e9ecef; background: #f8f9fa;\">\n                      @if (UserCanUpdateTemplates) {\n                        <button kendoButton\n                          [fillMode]=\"'outline'\"\n                          [size]=\"'small'\"\n                          (click)=\"linkExistingTemplate()\"\n                          title=\"Change to a different template\">\n                          <i class=\"fa-solid fa-exchange-alt\"></i> Change Template\n                        </button>\n                      }\n                      @if (UserCanReadTemplates) {\n                        <button kendoButton\n                          [fillMode]=\"'outline'\"\n                          [size]=\"'small'\"\n                          (click)=\"openTemplateInNewWindow()\"\n                          title=\"Open template in new window\">\n                          <i class=\"fa-solid fa-external-link-alt\"></i> Open in New Window\n                        </button>\n                      }\n                    </div>\n                  }\n                  <!-- Template Editor -->\n                  <div style=\"flex: 1; background: white; border-radius: 6px; border: 1px solid #e9ecef;\">\n                    <mj-template-editor\n                      #templateEditor\n                      [template]=\"template\"\n                      [config]=\"templateEditorConfig\"\n                      (contentChange)=\"onTemplateContentChange($event)\"\n                      (runTemplate)=\"onTemplateRun($event)\"\n                      style=\"display: block; min-height: 300px;\">\n                    </mj-template-editor>\n                  </div>\n                </div>\n              }\n            </div>\n          </kendo-expansionpanel>\n          <!-- Model Configuration Expansion Panel -->\n          @if (record.IsSaved) {\n            <kendo-expansionpanel\n              [expanded]=\"true\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                  Models\n                  @if (promptModels.length > 0) {\n                    <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                      {{ promptModels.length }}\n                    </span>\n                  }\n                  <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                    <i class=\"fa-solid fa-info-circle\" title=\"Models are tried in order from top to bottom. The first available model will be used.\"></i>\n                    Priority order (first available model will be used)\n                  </span>\n                </span>\n              </ng-template>\n              <!-- Direct Content Projection -->\n              <div style=\"padding: 16px 0;\">\n                <!-- Model Management Interface -->\n                <div class=\"model-management\" style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                  @if (isLoadingModels) {\n                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                      <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading models...\n                    </div>\n                  } @else {\n                    @if (promptModels.length === 0) {\n                      <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                        <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                        @if (EditMode && UserCanCreatePromptModels) {\n                          <div style=\"margin-top: 10px;\">\n                            <button kendoButton fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                              (click)=\"addNewModel()\">\n                              <i class=\"fa-solid fa-plus\"></i> Add Model\n                            </button>\n                          </div>\n                        }\n                      </div>\n                    } @else {\n                      <!-- Priority explanation for multiple models -->\n                      @if (promptModels.length > 1) {\n                        <div style=\"padding: 12px 16px; background: #e3f2fd; border-bottom: 1px solid #bbdefb; color: #1565c0; font-size: 0.85em;\">\n                          <i class=\"fa-solid fa-info-circle\" style=\"margin-right: 6px;\"></i>\n                          Models are tried in priority order (highest priority first). The first available model that meets requirements will be used for execution.\n                        </div>\n                      }\n                      <!-- Column Headers -->\n                      <div class=\"model-header\" style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                        <div title=\"Priority order - models are tried from top to bottom\">\n                          <i class=\"fa-solid fa-sort\" style=\"color: #6c757d;\"></i>\n                        </div>\n                        <div>AI Model <span style=\"color: #dc3545;\">*</span></div>\n                        <div>Vendor</div>\n                        <div>Configuration</div>\n                        <div>Created</div>\n                        <div>Actions</div>\n                      </div>\n                      @for (model of promptModels; track getModelTrackId(model) || $index; let i = $index) {\n                        <div class=\"model-row\"\n                          [draggable]=\"EditMode\"\n                          (dragstart)=\"onDragStart($event, i)\"\n                          (dragover)=\"onDragOver($event)\"\n                          (drop)=\"onDrop($event, i)\"\n                          (dragend)=\"onDragEnd($event)\"\n                          [style.background]=\"!model.ModelID ? '#fff3cd' : (draggedIndex === i ? '#e3f2fd' : 'white')\"\n                          [style.border-left]=\"!model.ModelID ? '3px solid #ffc107' : 'none'\"\n                          [style.opacity]=\"draggedIndex === i ? '0.5' : '1'\"\n                          style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start; transition: background 0.2s, opacity 0.2s;\">\n                          <!-- Drag Handle / Priority -->\n                          <div class=\"drag-handle\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6c757d;\">\n                            @if (EditMode) {\n                              <i class=\"fa-solid fa-grip-vertical\" title=\"Drag to reorder priority\" style=\"cursor: move;\"></i>\n                              <span style=\"font-size: 0.7em; margin-top: 2px;\">#{{ i + 1 }}</span>\n                            } @else {\n                              <span style=\"font-size: 0.9em; font-weight: 600;\" title=\"Priority {{ model.Priority }} - Higher priority numbers are tried first\">#{{ i + 1 }}</span>\n                            }\n                          </div>\n                          <!-- Model Selection -->\n                          <div class=\"model-select\">\n                            @if (EditMode) {\n                              <kendo-dropdownlist [(ngModel)]=\"model.ModelID\"\n                                [name]=\"'modelId_' + getModelTrackId(model)\"\n                                [data]=\"availableModels\"\n                                textField=\"Name\"\n                                valueField=\"ID\"\n                                [valuePrimitive]=\"true\"\n                                [filterable]=\"true\"\n                                placeholder=\"Select a model...\"\n                                (valueChange)=\"onModelChange($event, i)\"\n                                style=\"width: 100%;\">\n                              </kendo-dropdownlist>\n                            } @else {\n                              <span style=\"font-weight: 500;\">{{ getModelDisplayName(model.ModelID) }}</span>\n                            }\n                          </div>\n                          <!-- Vendor -->\n                          <div class=\"model-vendor\">\n                            @if (EditMode) {\n                              @if (model.ModelID) {\n                                @if (shouldShowVendorDropdown(model.ModelID)) {\n                                  <kendo-dropdownlist [(ngModel)]=\"model.VendorID\"\n                                    [name]=\"'vendorId_' + getModelTrackId(model)\"\n                                    [data]=\"getVendorsForModelSync(model.ModelID)\"\n                                    textField=\"Name\"\n                                    valueField=\"ID\"\n                                    [valuePrimitive]=\"true\"\n                                    [filterable]=\"true\"\n                                    placeholder=\"Select vendor...\"\n                                    style=\"width: 100%;\">\n                                    <ng-template kendoDropDownListItemTemplate let-dataItem>\n                                      <span [style.color]=\"getVendorStatusColor(model.ModelID, dataItem.ID)\">\n                                        {{ dataItem.Name }}\n                                        @if (getModelVendorStatus(model.ModelID, dataItem.ID) !== 'Active') {\n                                          <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, dataItem.ID) }})</span>\n                                        }\n                                      </span>\n                                    </ng-template>\n                                  </kendo-dropdownlist>\n                                } @else {\n                                  <!-- Single vendor - just show the name -->\n                                  @if (getVendorsForModelSync(model.ModelID).length === 1) {\n                                    <span [style.color]=\"getVendorStatusColor(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID)\" style=\"font-size: 0.9em; font-weight: 500;\">\n                                      {{ getVendorsForModelSync(model.ModelID)[0].Name }}\n                                      @if (getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) !== 'Active') {\n                                        <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) }})</span>\n                                      }\n                                    </span>\n                                  } @else {\n                                    <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                  }\n                                }\n                              } @else {\n                                <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">Select model first</span>\n                              }\n                            } @else {\n                              @if (model.VendorID && model.ModelID) {\n                                <span [style.color]=\"getVendorStatusColor(model.ModelID, model.VendorID)\" style=\"font-size: 0.9em;\">\n                                  {{ getVendorDisplayName(model.VendorID) }}\n                                  @if (getModelVendorStatus(model.ModelID, model.VendorID) !== 'Active') {\n                                    <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, model.VendorID) }})</span>\n                                  }\n                                </span>\n                              } @else {\n                                <span style=\"color: #6c757d; font-size: 0.9em;\">-</span>\n                              }\n                            }\n                          </div>\n                          <!-- Configuration -->\n                          <div class=\"model-configuration\">\n                            @if (EditMode) {\n                              @if (isLoadingConfigurations) {\n                                <div style=\"padding: 4px; color: #6c757d; font-style: italic; font-size: 0.85em;\">\n                                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                                </div>\n                              } @else {\n                                <kendo-dropdownlist [(ngModel)]=\"model.ConfigurationID\"\n                                  [name]=\"'configurationId_' + getModelTrackId(model)\"\n                                  [data]=\"availableConfigurations\"\n                                  textField=\"Name\"\n                                  valueField=\"ID\"\n                                  [valuePrimitive]=\"true\"\n                                  [filterable]=\"true\"\n                                  placeholder=\"Default\"\n                                  (valueChange)=\"onConfigurationChange($event, i)\"\n                                  style=\"width: 100%;\">\n                                  <ng-template kendoDropDownListNoDataTemplate>\n                                    <div style=\"padding: 8px; text-align: center; color: #6c757d;\">\n                                      No configurations available\n                                    </div>\n                                  </ng-template>\n                                </kendo-dropdownlist>\n                              }\n                            } @else {\n                              <span style=\"font-size: 0.9em;\">{{ getConfigurationDisplayName(model.ConfigurationID) }}</span>\n                            }\n                          </div>\n                          <!-- Created Date -->\n                          <div class=\"model-created\">\n                            @if (model.ID) {\n                              <span style=\"color: #6c757d; font-size: 0.8em;\">{{ model.__mj_CreatedAt | date:'short' }}</span>\n                            } @else {\n                              <span style=\"color: #28a745; font-size: 0.8em; font-style: italic;\">New</span>\n                            }\n                          </div>\n                          <!-- Actions -->\n                          <div class=\"model-actions\" style=\"display: flex; gap: 2px; flex-direction: column;\">\n                            @if (EditMode) {\n                              <div style=\"display: flex; gap: 2px; margin-bottom: 4px;\">\n                                @if (UserCanUpdatePromptModels) {\n                                  <button kendoButton fillMode=\"flat\" size=\"small\"\n                                    (click)=\"moveModelUp(i)\"\n                                    [disabled]=\"i === 0\"\n                                    title=\"Move up\">\n                                    <i class=\"fa-solid fa-chevron-up\"></i>\n                                  </button>\n                                  <button kendoButton fillMode=\"flat\" size=\"small\"\n                                    (click)=\"moveModelDown(i)\"\n                                    [disabled]=\"i === promptModels.length - 1\"\n                                    title=\"Move down\">\n                                    <i class=\"fa-solid fa-chevron-down\"></i>\n                                  </button>\n                                }\n                              </div>\n                              @if (UserCanDeletePromptModels) {\n                                <button kendoButton fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                  (click)=\"removePromptModel(i)\"\n                                  title=\"Remove model\">\n                                  <i class=\"fa-solid fa-times\"></i>\n                                </button>\n                              }\n                            }\n                          </div>\n                        </div>\n                        <!-- Second row with additional details -->\n                        <div style=\"display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; font-size: 0.85em; color: #6c757d;\">\n                          <div></div>\n                          <div>\n                            <!-- Basic model details -->\n                            <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;\">\n                              @if (model.Status) {\n                                <span><strong>Status:</strong> {{ model.Status }}</span>\n                              }\n                            </div>\n                            <!-- Parallel execution fields when prompt is ModelSpecific -->\n                            @if (record.ParallelizationMode === 'ModelSpecific') {\n                              <div style=\"padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; margin-top: 8px;\">\n                                <div style=\"margin-bottom: 6px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                  <i class=\"fa-solid fa-layer-group\"></i> Model-Specific Parallel Execution\n                                </div>\n                                @if (EditMode) {\n                                  <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: center;\">\n                                    <!-- Parallel Mode -->\n                                    <div>\n                                      <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Mode</label>\n                                      <kendo-dropdownlist [(ngModel)]=\"model.ParallelizationMode\"\n                                        [name]=\"'parallelMode_' + i\"\n                                        [data]=\"[{text: 'None', value: 'None'}, {text: 'Static Count', value: 'StaticCount'}, {text: 'Config Param', value: 'ConfigParam'}]\"\n                                        textField=\"text\"\n                                        valueField=\"value\"\n                                        [valuePrimitive]=\"true\"\n                                        placeholder=\"Select mode...\"\n                                        style=\"width: 100%; font-size: 0.85em;\">\n                                      </kendo-dropdownlist>\n                                    </div>\n                                    <!-- Parallel Count (when StaticCount) -->\n                                    @if (model.ParallelizationMode === 'StaticCount') {\n                                      <div>\n                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Count</label>\n                                        <kendo-numerictextbox [(ngModel)]=\"model.ParallelCount\"\n                                          [name]=\"'parallelCount_' + i\"\n                                          [min]=\"1\"\n                                          [step]=\"1\"\n                                          [format]=\"'n0'\"\n                                          placeholder=\"Count...\"\n                                          style=\"width: 100%; font-size: 0.85em;\">\n                                        </kendo-numerictextbox>\n                                      </div>\n                                    }\n                                    <!-- Config Param (when ConfigParam) -->\n                                    @if (model.ParallelizationMode === 'ConfigParam') {\n                                      <div>\n                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Config Parameter</label>\n                                        <kendo-textbox [(ngModel)]=\"model.ParallelConfigParam\"\n                                          [name]=\"'parallelConfigParam_' + i\"\n                                          placeholder=\"Parameter name...\"\n                                          style=\"width: 100%; font-size: 0.85em;\">\n                                        </kendo-textbox>\n                                      </div>\n                                    }\n                                  </div>\n                                } @else {\n                                  <!-- Read-only display -->\n                                  <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center;\">\n                                    @if (model.ParallelizationMode) {\n                                      <span><strong>Parallel Mode:</strong> {{ model.ParallelizationMode }}</span>\n                                    }\n                                    @if (model.ParallelCount) {\n                                      <span><strong>Parallel Count:</strong> {{ model.ParallelCount }}</span>\n                                    }\n                                    @if (model.ParallelConfigParam) {\n                                      <span><strong>Config Param:</strong> {{ model.ParallelConfigParam }}</span>\n                                    }\n                                  </div>\n                                }\n                              </div>\n                            }\n                          </div>\n                        </div>\n                      }\n                      @if (EditMode && UserCanCreatePromptModels) {\n                        <div class=\"add-model-row\" style=\"padding: 12px 16px; text-align: center; background: #f8f9fa; border-top: 1px solid #dee2e6;\">\n                          <button kendoButton fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                            (click)=\"addNewModel()\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Model\n                          </button>\n                        </div>\n                      }\n                    }\n                  }\n                </div>\n              </div>\n            </kendo-expansionpanel>\n          }\n          <!-- Advanced Configuration Expansion Panel -->\n          <kendo-expansionpanel\n            [expanded]=\"false\"\n            style=\"margin-bottom: 12px;\">\n            <ng-template kendoExpansionPanelTitleDirective>\n              <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                Advanced Configuration\n              </span>\n            </ng-template>\n            <!-- Direct Content Projection -->\n            <div style=\"padding: 16px 0;\">\n              <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                <!-- Left Column -->\n                <div>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"ParallelizationMode\"\n                    Type=\"dropdownlist\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  @if (showParallelCount) {\n                    <mj-form-field\n                      [Record]=\"record\"\n                      [ShowLabel]=\"true\"\n                      FieldName=\"ParallelCount\"\n                      Type=\"numerictextbox\"\n                      [EditMode]=\"EditMode\">\n                    </mj-form-field>\n                  }\n                  @if (showParallelConfigParam) {\n                    <mj-form-field\n                      [Record]=\"record\"\n                      [ShowLabel]=\"true\"\n                      FieldName=\"ParallelConfigParam\"\n                      Type=\"textbox\"\n                      [EditMode]=\"EditMode\">\n                    </mj-form-field>\n                  }\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"OutputType\"\n                    Type=\"dropdownlist\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"EffortLevel\"\n                    Type=\"numerictextbox\"\n                    Caption=\"Effort Level (1-100)\"\n                    Description=\"Higher values request more thorough reasoning\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                </div>\n                <!-- Right Column -->\n                <div>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"ValidationBehavior\"\n                    Type=\"dropdownlist\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"EnableCaching\"\n                    Type=\"checkbox\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  <!-- Result Selector Prompt with Tree Selector -->\n                  <div style=\"margin-bottom: 16px;\">\n                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                      Result Selector Prompt\n                    </label>\n                    @if (EditMode) {\n                      @if (isLoadingResultSelectorData) {\n                        <div style=\"padding: 8px; color: #6c757d; font-style: italic;\">\n                          <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                        </div>\n                      } @else {\n                        <kendo-dropdowntree\n                          [(ngModel)]=\"record.ResultSelectorPromptID\"\n                          name=\"resultSelectorPromptID\"\n                          [data]=\"resultSelectorTreeData\"\n                          textField=\"text\"\n                          valueField=\"value\"\n                          [valuePrimitive]=\"true\"\n                          [filterable]=\"true\"\n                          placeholder=\"Select a result selector prompt...\"\n                          style=\"width: 100%;\"\n                          (valueChange)=\"onResultSelectorChange($event)\">\n                        </kendo-dropdowntree>\n                      }\n                    } @else {\n                      <span style=\"color: #495057;\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                    }\n                  </div>\n                </div>\n              </div>\n            </div>\n          </kendo-expansionpanel>\n          <!-- Template Parameters Expansion Panel -->\n          @if (template && templateParams.length > 0) {\n            <kendo-expansionpanel\n              [expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-sliders\" style=\"color: #6c757d;\"></i>\n                  Template Parameters\n                  <span class=\"badge\" style=\"background: #6f42c1; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                    {{ templateParams.length }}\n                  </span>\n                  <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                    <i class=\"fa-solid fa-info-circle\" title=\"These parameters are defined in the template and will be available when executing this prompt\"></i>\n                    Parameters defined in the template\n                  </span>\n                </span>\n              </ng-template>\n              <!-- Template Parameters Display -->\n              <div style=\"padding: 16px 0;\">\n                @if (isLoadingTemplateParams) {\n                  <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading template parameters...\n                  </div>\n                } @else if (templateParams.length === 0) {\n                  <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                    <i class=\"fa-solid fa-info-circle\"></i> This template has no parameters defined\n                  </div>\n                } @else {\n                  <!-- Parameters Grid -->\n                  <div style=\"display: grid; gap: 12px;\">\n                    @for (param of templateParams; track param.ID) {\n                      <div class=\"parameter-card\"\n                        style=\"border: 1px solid #e9ecef; border-radius: 8px; padding: 16px; background: #f8f9fa; transition: all 0.2s;\"\n                        [style.border-left]=\"'4px solid ' + getParamTypeColor(param.Type)\">\n                        <!-- Parameter Header -->\n                        <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px;\">\n                          <div style=\"display: flex; align-items: center; gap: 8px;\">\n                            <i [class]=\"'fa-solid ' + getParamTypeIcon(param.Type)\"\n                              [style.color]=\"getParamTypeColor(param.Type)\"\n                            style=\"font-size: 1.2em;\"></i>\n                            <h6 style=\"margin: 0; color: #495057; font-weight: 600;\">\n                              {{ param.Name }}\n                              @if (param.IsRequired) {\n                                <span style=\"color: #dc3545; font-size: 0.9em; margin-left: 4px;\">*</span>\n                              }\n                            </h6>\n                          </div>\n                          <div style=\"display: flex; align-items: center; gap: 8px;\">\n                            <span class=\"type-badge\"\n                              [style.background-color]=\"getParamTypeColor(param.Type)\"\n                              style=\"color: white; padding: 4px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                              {{ param.Type }}\n                            </span>\n                            @if (param.IsRequired) {\n                              <span style=\"color: #dc3545; font-size: 0.85em; font-weight: 500;\">Required</span>\n                            } @else {\n                              <span style=\"color: #6c757d; font-size: 0.85em;\">Optional</span>\n                            }\n                          </div>\n                        </div>\n                        <!-- Parameter Description -->\n                        @if (param.Description) {\n                          <p style=\"margin: 0 0 8px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">\n                            {{ param.Description }}\n                          </p>\n                        }\n                        <!-- Type-specific Information -->\n                        <div style=\"font-size: 0.85em; color: #495057;\">\n                          <span style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                            <i class=\"fa-solid fa-info-circle\" style=\"color: #6c757d;\"></i>\n                            {{ getParamTypeDescription(param) }}\n                          </span>\n                        </div>\n                        <!-- Additional Parameter Details -->\n                        <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 12px;\">\n                          @if (param.DefaultValue) {\n                            <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                              <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Default Value</label>\n                              <code style=\"font-size: 0.85em; color: #495057; word-break: break-all;\">{{ param.DefaultValue }}</code>\n                            </div>\n                          }\n                          @if (param.EntityID) {\n                            <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                              <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Entity</label>\n                              <span style=\"font-size: 0.85em; color: #495057;\">{{ param.Entity || 'Entity ID: ' + param.EntityID }}</span>\n                            </div>\n                          }\n                          @if (param.LinkedParameterName) {\n                            <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                              <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Linked To</label>\n                              <span style=\"font-size: 0.85em; color: #495057;\">\n                                {{ param.LinkedParameterName }}\n                                @if (param.LinkedParameterField) {\n                                  ({{ param.LinkedParameterField }})\n                                }\n                              </span>\n                            </div>\n                          }\n                          @if (param.ExtraFilter) {\n                            <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                              <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Filter</label>\n                              <code style=\"font-size: 0.8em; color: #495057; word-break: break-all;\">{{ param.ExtraFilter }}</code>\n                            </div>\n                          }\n                          @if (param.RecordID) {\n                            <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                              <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Record ID</label>\n                              <code style=\"font-size: 0.85em; color: #495057;\">{{ param.RecordID }}</code>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                  <!-- Help Text -->\n                  <div style=\"margin-top: 16px; padding: 12px; background: #e3f2fd; border-radius: 6px; border: 1px solid #bbdefb;\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                      <i class=\"fa-solid fa-lightbulb\" style=\"color: #1976d2; margin-top: 2px;\"></i>\n                      <div style=\"flex: 1; font-size: 0.85em; color: #1565c0; line-height: 1.5;\">\n                        <strong>Using Template Parameters:</strong> When executing this prompt, you'll be prompted to provide values for all required parameters.\n                        Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections).\n                        The template will use these parameters to generate dynamic content based on the values provided at execution time.\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            </kendo-expansionpanel>\n          }\n          <!-- Output Example Expansion Panel (when OutputType = object) -->\n          @if (showOutputExample) {\n            <kendo-expansionpanel\n              [expanded]=\"true\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                  Output Example (JSON)\n                  <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">\u2022 Required for object output type</span>\n                </span>\n              </ng-template>\n              <!-- Direct Content Projection -->\n              <div style=\"padding: 16px;\">\n                @if (EditMode) {\n                  <mj-code-editor\n                    [(ngModel)]=\"record.OutputExample\"\n                    name=\"outputExample\"\n                    language=\"json\"\n                    placeholder=\"Enter JSON example structure...\"\n                    style=\"width: 100%; height: 200px; border: 1px solid #dee2e6; border-radius: 4px;\">\n                  </mj-code-editor>\n                  <div style=\"margin-top: 8px; color: #6c757d; font-size: 0.85em;\">\n                    <i class=\"fa-solid fa-info-circle\"></i> Provide a JSON example that defines the expected structure for object output validation.\n                  </div>\n                } @else if (record.OutputExample) {\n                  <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 250px;\">{{ record.OutputExample }}</div>\n                } @else {\n                  <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; text-align: center;\">\n                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Output example is required when output type is 'object'\n                  </div>\n                }\n              </div>\n            </kendo-expansionpanel>\n          }\n          <!-- Execution History Expansion Panel -->\n          @if (record.IsSaved) {\n            <kendo-expansionpanel\n              [expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-history\" style=\"color: #6c757d;\"></i>\n                  Execution History\n                  @if (executionHistory.length > 0) {\n                    <span style=\"color: #6c757d; font-weight: normal;\">({{ executionHistory.length }})</span>\n                  }\n                </span>\n              </ng-template>\n              <!-- Custom Execution History Viewer -->\n              <div style=\"padding: 16px;\">\n                @if (isLoadingHistory) {\n                  <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                    <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 2em; margin-bottom: 12px;\"></i>\n                    <p>Loading execution history...</p>\n                  </div>\n                } @else if (executionHistory.length === 0) {\n                  <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                    <i class=\"fa-solid fa-history\" style=\"font-size: 3em; margin-bottom: 12px; opacity: 0.3;\"></i>\n                    <p>No execution history yet</p>\n                    <p style=\"font-size: 0.9em;\">Run this prompt to see execution history here</p>\n                  </div>\n                } @else {\n                  <!-- Sort Controls -->\n                  <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                    <div style=\"color: #6c757d; font-size: 0.9em;\">\n                      Showing {{ executionHistory.length }} executions\n                    </div>\n                    <div style=\"display: flex; gap: 8px; align-items: center;\">\n                      <span style=\"color: #6c757d; font-size: 0.85em;\">Sort by:</span>\n                      <kendo-buttongroup selection=\"single\">\n                        <button kendoButton\n                          [selected]=\"historySortField === 'runAt'\"\n                          (click)=\"changeHistorySort('runAt')\"\n                          size=\"small\">\n                          Date\n                          @if (historySortField === 'runAt') {\n                            <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\"\n                            style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                          }\n                        </button>\n                        <button kendoButton\n                          [selected]=\"historySortField === 'executionTime'\"\n                          (click)=\"changeHistorySort('executionTime')\"\n                          size=\"small\">\n                          Duration\n                          @if (historySortField === 'executionTime') {\n                            <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\"\n                            style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                          }\n                        </button>\n                        <button kendoButton\n                          [selected]=\"historySortField === 'tokens'\"\n                          (click)=\"changeHistorySort('tokens')\"\n                          size=\"small\">\n                          Tokens\n                          @if (historySortField === 'tokens') {\n                            <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\"\n                            style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                          }\n                        </button>\n                        <button kendoButton\n                          [selected]=\"historySortField === 'cost'\"\n                          (click)=\"changeHistorySort('cost')\"\n                          size=\"small\">\n                          Cost\n                          @if (historySortField === 'cost') {\n                            <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\"\n                            style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                          }\n                        </button>\n                      </kendo-buttongroup>\n                    </div>\n                  </div>\n                  <!-- Execution History Table -->\n                  <div style=\"border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden;\">\n                    <table style=\"width: 100%; border-collapse: collapse;\">\n                      <thead>\n                        <tr style=\"background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Status</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Date & Time</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Model</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Duration</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Tokens</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Cost</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Type</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Actions</th>\n                        </tr>\n                      </thead>\n                      <tbody>\n                        @for (run of executionHistory; track run.ID; let i = $index) {\n                          <tr class=\"history-row\"\n                            [class.even-row]=\"i % 2 === 0\"\n                            style=\"border-bottom: 1px solid #f1f3f5;\">\n                            <td style=\"padding: 12px;\">\n                              <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                <i [class]=\"'fa-solid ' + getExecutionStatusIcon(run.Success)\"\n                                [style.color]=\"getExecutionStatusColor(run.Success)\"></i>\n                                <span [style.color]=\"getExecutionStatusColor(run.Success)\" style=\"font-weight: 500;\">\n                                  {{ run.Success === true ? 'Success' : run.Success === false ? 'Failed' : 'Running' }}\n                                </span>\n                              </span>\n                            </td>\n                            <td style=\"padding: 12px; color: #495057;\">\n                              {{ run.RunAt | date:'short' }}\n                            </td>\n                            <td style=\"padding: 12px; color: #495057;\">\n                              <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                {{ run.Model || 'Unknown' }}\n                              </span>\n                            </td>\n                            <td style=\"padding: 12px; color: #495057;\">\n                              {{ formatDuration(run.ExecutionTimeMS) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                              {{ formatTokens(run.TokensUsed) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                              {{ formatCost(run.TotalCost || run.Cost) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: center;\">\n                              @if (run.RunType) {\n                                                            <span style=\"padding: 4px 8px; border-radius: 12px; background: #e9ecef; \n                                                                       color: #495057; font-size: 0.85em; font-weight: 500;\">\n                                  {{ run.RunType }}\n                                </span>\n                              }\n                            </td>\n                            <td style=\"padding: 12px; text-align: center;\">\n                              <button kendoButton\n                                fillMode=\"flat\"\n                                size=\"small\"\n                                (click)=\"navigateToPromptRun(run.ID)\"\n                                title=\"View details\">\n                                <i class=\"fa-solid fa-external-link\"></i>\n                              </button>\n                            </td>\n                          </tr>\n                        }\n                      </tbody>\n                    </table>\n                  </div>\n                }\n              </div>\n            </kendo-expansionpanel>\n          }\n          <!-- Cache Expansion Panel -->\n          @if (record.IsSaved && record.EnableCaching) {\n            <kendo-expansionpanel\n              [expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                  Result Cache\n                </span>\n              </ng-template>\n              <!-- Direct Content Projection -->\n              <div style=\"padding: 16px 0;\">\n                <mj-explorer-entity-data-grid\n                  [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"\n                  [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                  [AllowLoad]=\"true\"\n                  [ShowToolbar]=\"false\">\n                </mj-explorer-entity-data-grid>\n              </div>\n            </kendo-expansionpanel>\n          }\n          <!-- Related Items Expansion Panel -->\n          @if (record.IsSaved) {\n            <kendo-expansionpanel\n              [expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template kendoExpansionPanelTitleDirective>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-link\" style=\"color: #6c757d;\"></i>\n                  Related Items\n                </span>\n              </ng-template>\n              <!-- Direct Content Projection -->\n              <div style=\"padding: 16px 0;\">\n                <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                  <!-- AI Agents -->\n                  <div>\n                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">AI Agents Using This Prompt</h6>\n                    <mj-explorer-entity-data-grid\n                      [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Prompts','PromptID')\"\n                      [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Prompts')\"\n                      [AllowLoad]=\"true\"\n                      [ShowToolbar]=\"false\">\n                    </mj-explorer-entity-data-grid>\n                  </div>\n                  <!-- Result Selector References -->\n                  <div>\n                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">Prompts Using This as Result Selector</h6>\n                    <mj-explorer-entity-data-grid\n                      [Params]=\"BuildRelationshipViewParamsByEntityName('AI Prompts','ResultSelectorPromptID')\"\n                      [NewRecordValues]=\"NewRecordValues('AI Prompts')\"\n                      [AllowLoad]=\"true\"\n                      [ShowToolbar]=\"false\">\n                    </mj-explorer-entity-data-grid>\n                  </div>\n                </div>\n              </div>\n            </kendo-expansionpanel>\n          }\n        </div>\n      </div>\n    </form>\n  }\n\n\n  <!-- AI Prompt Test Harness -->\n  @if (showTestHarness) {\n    <kendo-window\n      [width]=\"1200\"\n      [height]=\"800\"\n      [minWidth]=\"800\"\n      [minHeight]=\"600\"\n      [draggable]=\"true\"\n      [resizable]=\"true\"\n      [state]=\"'default'\"\n      (close)=\"onTestHarnessVisibilityChanged(false)\"\n      title=\"Run AI Prompt - {{ record.Name || 'Untitled' }}\">\n      <mj-ai-test-harness\n        [entity]=\"record\"\n        [mode]=\"'prompt'\"\n        [isVisible]=\"showTestHarness\"\n        (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n      </mj-ai-test-harness>\n    </kendo-window>\n  }\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n/* Execution History Table Styles */\n.history-row {\n    transition: background 0.2s;\n}\n\n.history-row:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row {\n    background: white;\n}\n\n.history-row:hover {\n    background: #e9ecef !important;\n}\n\n/* Template Parameters Styles */\n.parameter-card {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card:hover::before {\n    width: 6px;\n}\n\n.type-badge {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card:hover .type-badge {\n    transform: scale(1.05);\n}\n\n/* Parameter type icons animation */\n.parameter-card i.fa-solid {\n    transition: transform 0.3s;\n}\n\n.parameter-card:hover i.fa-solid {\n    transform: rotate(360deg);\n}\n\n/* Grid responsive behavior */\n@media (max-width: 768px) {\n    .parameter-card {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card h6 {\n        font-size: 0.95em;\n    }\n    \n    .type-badge {\n        font-size: 0.7em !important;\n    }\n}"] }]
+    }], null, { templateEditor: [{
             type: ViewChild,
             args: ['templateEditor']
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptFormComponentExtended, { className: "AIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 22 }); })();
-export function LoadAIPromptFormComponentExtended() {
-    // This function ensures the class isn't tree-shaken and registers it with MemberJunction
-}
 //# sourceMappingURL=ai-prompt-form.component.js.map