@memberjunction/ng-core-entity-forms 5.22.0 → 5.23.0

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

@@ -16,16 +16,12 @@ 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 "@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";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-base-forms";
+import * as i4 from "@memberjunction/ng-code-editor";
+import * as i5 from "@memberjunction/ng-ai-test-harness";
+import * as i6 from "../../shared/components/template-editor.component";
+import * as i7 from "@angular/common";
 const _c0 = ["templateEditor"];
 const _c1 = () => ({ text: "Active", value: "Active" });
 const _c2 = () => ({ text: "Pending", value: "Pending" });
@@ -38,18 +34,18 @@ function _forTrack0($index, $item) { return this.getModelTrackId($item) || $inde
 const _forTrack1 = ($index, $item) => $item.ID;
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textbox", 52);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(0, "input", 51);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_9_Template_input_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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4", 53);
+    i0.ɵɵelementStart(0, "h4", 52);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 54);
+    i0.ɵɵelementStart(2, "span", 53);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -62,48 +58,48 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_10_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " Loading types... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 60);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(0, "mj-dropdown", 59);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template_mj_dropdown_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);
+    i0.ɵɵproperty("Data", ctx_r1.availablePromptTypes)("ValuePrimitive", true)("Filterable", true);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div")(2, "label", 46);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div")(2, "label", 45);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 55);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(4, "mj-dropdown", 54);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template_mj_dropdown_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", 46);
+    i0.ɵɵelementStart(5, "div")(6, "label", 45);
     i0.ɵɵtext(7, " Type ");
-    i0.ɵɵelementStart(8, "span", 56);
+    i0.ɵɵelementStart(8, "span", 55);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template, 3, 0, "div", 57)(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 58);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template, 3, 0, "div", 56)(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_11_Template, 1, 4, "mj-dropdown", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Status);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction3(7, _c4, i0.ɵɵpureFunction0(4, _c1), i0.ɵɵpureFunction0(5, _c2), i0.ɵɵpureFunction0(6, _c3)))("valuePrimitive", true);
+    i0.ɵɵproperty("Data", i0.ɵɵpureFunction3(7, _c4, i0.ɵɵpureFunction0(4, _c1), i0.ɵɵpureFunction0(5, _c2), i0.ɵɵpureFunction0(6, _c3)))("ValuePrimitive", true);
     i0.ɵɵadvance(6);
     i0.ɵɵconditional(ctx_r1.isLoadingPromptTypes ? 10 : 11);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textarea", 61);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(0, "textarea", 60);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_12_Template_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);
@@ -111,7 +107,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_12_Template(r
     i0.ɵɵproperty("rows", 2);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵelementStart(0, "p", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -120,12 +116,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template(r
     i0.ɵɵtextInterpolate(ctx_r1.record.Description);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 62);
-    i0.ɵɵelementStart(2, "span", 20);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 61);
+    i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3, "Type:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 21);
+    i0.ɵɵelementStart(4, "span", 20);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -134,19 +130,19 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_15_Template(r
     i0.ɵɵtextInterpolate(ctx_r1.getPromptTypeDisplayName(ctx_r1.record.TypeID));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementStart(2, "span", 64);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 62);
+    i0.ɵɵelementStart(2, "span", 63);
     i0.ɵɵtext(3, "Caching Enabled");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 65);
-    i0.ɵɵelementStart(2, "span", 20);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3, "Effort Level:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 21);
+    i0.ɵɵelementStart(4, "span", 20);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -156,13 +152,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_29_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
+    i0.ɵɵelementStart(0, "button", 65);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 67);
+    i0.ɵɵelement(1, "i", 66);
     i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("themeColor", "primary")("size", "large");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Prompt must be Active");
@@ -177,7 +171,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditiona
     i0.ɵɵelement(1, "br");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_1_Template, 2, 0);
     i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_2_Template, 2, 0);
     i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_3_Template, 2, 0);
@@ -192,7 +186,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template(r
     i0.ɵɵconditional(!ctx_r1.template && ctx_r1.record.TemplateID ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 69);
+    i0.ɵɵelementStart(0, "span", 68);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -201,10 +195,10 @@ function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditiona
     i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Template Editor ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditional_3_Template, 2, 1, "span", 69);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditional_3_Template, 2, 1, "span", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -212,43 +206,39 @@ function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Template(r
     i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "i", 70);
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading template... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 77);
+    i0.ɵɵelementStart(0, "button", 76);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 78);
+    i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("themeColor", "primary");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 79);
+    i0.ɵɵelementStart(0, "button", 78);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 80);
+    i0.ɵɵelement(1, "i", 79);
     i0.ɵɵtext(2, " Link Existing Template ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("fillMode", "outline");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "i", 71);
-    i0.ɵɵelementStart(2, "h5", 72);
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 70);
+    i0.ɵɵelementStart(2, "h5", 71);
     i0.ɵɵtext(3, "No Template Associated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 73);
+    i0.ɵɵelementStart(4, "p", 72);
     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", 74);
-    i0.ɵɵconditionalCreate(7, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template, 3, 1, "button", 75);
-    i0.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template, 3, 1, "button", 76);
+    i0.ɵɵelementStart(6, "div", 73);
+    i0.ɵɵconditionalCreate(7, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_7_Template, 3, 0, "button", 74);
+    i0.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template, 3, 0, "button", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -259,62 +249,54 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 77);
+    i0.ɵɵelementStart(0, "button", 76);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 78);
+    i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("themeColor", "primary");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵelement(1, "i", 81);
-    i0.ɵɵelementStart(2, "h5", 82);
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 80);
+    i0.ɵɵelementStart(2, "h5", 81);
     i0.ɵɵtext(3, "Template Not Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 73);
+    i0.ɵɵelementStart(4, "p", 72);
     i0.ɵɵtext(5, " The referenced template could not be loaded. It may have been deleted or moved. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 74)(7, "button", 79);
+    i0.ɵɵelementStart(6, "div", 73)(7, "button", 78);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 83);
+    i0.ɵɵelement(8, "i", 82);
     i0.ɵɵtext(9, " Retry Loading ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template, 3, 1, "button", 75);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template, 3, 0, "button", 74);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("fillMode", "outline");
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(10);
     i0.ɵɵconditional(ctx_r1.UserCanCreateTemplates ? 10 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 89);
+    i0.ɵɵelementStart(0, "button", 88);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 90);
+    i0.ɵɵelement(1, "i", 89);
     i0.ɵɵtext(2, " Change Template ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("fillMode", "outline")("size", "small");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 91);
+    i0.ɵɵelementStart(0, "button", 90);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 92);
+    i0.ɵɵelement(1, "i", 91);
     i0.ɵɵtext(2, " Open in New Window ");
     i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("fillMode", "outline")("size", "small");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template, 3, 2, "button", 87);
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template, 3, 2, "button", 88);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_1_Template, 3, 0, "button", 86);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template, 3, 0, "button", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -325,9 +307,9 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditiona
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template, 3, 2, "div", 84);
-    i0.ɵɵelementStart(2, "div", 85)(3, "mj-template-editor", 86, 1);
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template, 3, 2, "div", 83);
+    i0.ɵɵelementStart(2, "div", 84)(3, "mj-template-editor", 85, 1);
     i0.ɵɵlistener("contentChange", function MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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) {
@@ -338,7 +320,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template(r
     i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 96);
+    i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -347,12 +329,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_templat
     i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 95);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 94);
     i0.ɵɵtext(2, " Models ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 96);
-    i0.ɵɵelementStart(4, "span", 97);
-    i0.ɵɵelement(5, "i", 98);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 95);
+    i0.ɵɵelementStart(4, "span", 96);
+    i0.ɵɵelement(5, "i", 97);
     i0.ɵɵtext(6, " Priority order (first available model will be used) ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -361,24 +343,24 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_templat
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 94);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 93);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " Loading models... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 101)(1, "button", 102);
+    i0.ɵɵelementStart(0, "div", 100)(1, "button", 101);
     i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 78);
+    i0.ɵɵelement(2, "i", 77);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99);
-    i0.ɵɵelement(1, "i", 100);
+    i0.ɵɵelementStart(0, "div", 98);
+    i0.ɵɵelement(1, "i", 99);
     i0.ɵɵtext(2, " No models configured ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 101);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -386,14 +368,14 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 103);
-    i0.ɵɵelement(1, "i", 108);
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵelement(1, "i", 107);
     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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 124);
-    i0.ɵɵelementStart(1, "span", 125);
+    i0.ɵɵelement(0, "i", 123);
+    i0.ɵɵelementStart(1, "span", 124);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -402,7 +384,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate1("#", ɵ$index_312_r16 + 1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
+    i0.ɵɵelementStart(0, "span", 110);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -415,18 +397,18 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
 } }
 function MJAIPromptFormComponentExtended_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", 126);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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.ɵɵelementStart(0, "mj-dropdown", 125);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_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;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ModelID);
-    i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r18))("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
+    i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r18))("Data", ctx_r1.availableModels)("ValuePrimitive", true)("Filterable", true);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵelementStart(0, "span", 22);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -435,43 +417,16 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r18.ModelID));
 } }
-function MJAIPromptFormComponentExtended_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", 131);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r21 = i0.ɵɵnextContext().$implicit;
-    const model_r18 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, dataItem_r21.ID), ")");
-} }
-function MJAIPromptFormComponentExtended_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.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_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", 131);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r21 = ctx.$implicit;
-    const model_r18 = i0.ɵɵnextContext(4).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r18.ModelID, dataItem_r21.ID));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", dataItem_r21.Name, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, dataItem_r21.ID) !== "Active" ? 2 : -1);
-} }
 function MJAIPromptFormComponentExtended_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", 129);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 130);
+    i0.ɵɵelementStart(0, "mj-dropdown", 128);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template_mj_dropdown_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.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     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);
+    i0.ɵɵproperty("name", "vendorId_" + ctx_r1.getModelTrackId(model_r18))("Data", ctx_r1.getVendorsForModelSync(model_r18.ModelID))("ValuePrimitive", true)("Filterable", true);
 } }
 function MJAIPromptFormComponentExtended_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", 131);
@@ -484,7 +439,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID), ")");
 } }
 function MJAIPromptFormComponentExtended_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", 133);
+    i0.ɵɵelementStart(0, "span", 130);
     i0.ɵɵtext(1);
     i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 131);
     i0.ɵɵelementEnd();
@@ -498,31 +453,31 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID) !== "Active" ? 2 : -1);
 } }
 function MJAIPromptFormComponentExtended_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", 127);
+    i0.ɵɵelementStart(0, "span", 126);
     i0.ɵɵtext(1, "No vendors available");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_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, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 132)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 127);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 129)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 126);
 } 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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 128)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "mj-dropdown", 127)(1, MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 127);
+    i0.ɵɵelementStart(0, "span", 126);
     i0.ɵɵtext(1, "Select model first");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template, 2, 0, "span", 127);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template, 2, 0, "span", 126);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵconditional(model_r18.ModelID ? 0 : 1);
@@ -538,7 +493,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID), ")");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 116);
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 131);
     i0.ɵɵelementEnd();
@@ -552,48 +507,42 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID) !== "Active" ? 2 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 135);
+    i0.ɵɵelementStart(0, "span", 133);
     i0.ɵɵtext(1, "-");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 134)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 135);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 132)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 133);
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵconditional(model_r18.VendorID && model_r18.ModelID ? 0 : 1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 134);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " Loading... ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_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", 140);
-    i0.ɵɵtext(1, " No configurations available ");
-    i0.ɵɵelementEnd();
-} }
 function MJAIPromptFormComponentExtended_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", 138);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_ng_template_1_Template, 2, 0, "ng-template", 139);
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 136);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r21); 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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r21); 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.ɵɵelementEnd();
 } if (rf & 2) {
     const model_r18 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ConfigurationID);
-    i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r18))("data", ctx_r1.availableConfigurations)("valuePrimitive", true)("filterable", true);
+    i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r18))("Data", ctx_r1.availableConfigurations)("ValuePrimitive", true)("Filterable", true);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 136)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 2, 5, "kendo-dropdownlist", 137);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 134)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 1, 5, "mj-dropdown", 135);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵconditional(ctx_r1.isLoadingConfigurations ? 0 : 1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 116);
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -603,7 +552,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r18.ConfigurationID));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 118);
+    i0.ɵɵelementStart(0, "span", 117);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
@@ -613,19 +562,19 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r18.__mj_CreatedAt, "short"));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 119);
+    i0.ɵɵelementStart(0, "span", 118);
     i0.ɵɵtext(1, "New");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_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", 143);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 144);
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 139);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); 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", 145);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 146);
+    i0.ɵɵelementStart(2, "button", 141);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r22); 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_312_r16 = i0.ɵɵnextContext(2).$index;
@@ -635,17 +584,17 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵproperty("disabled", ɵ$index_312_r16 === ctx_r1.promptModels.length - 1);
 } }
 function MJAIPromptFormComponentExtended_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", 147);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 148);
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 143);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_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.removePromptModel(ɵ$index_312_r16)); });
+    i0.ɵɵelement(1, "i", 144);
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 141);
+    i0.ɵɵelementStart(0, "div", 137);
     i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template, 4, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template, 2, 0, "button", 142);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_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();
@@ -665,12 +614,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate1(" ", model_r18.Status);
 } }
 function MJAIPromptFormComponentExtended_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", 153);
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 149);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-numerictextbox", 155);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(3, "mj-numeric-input", 151);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template_mj_numeric_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); 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);
@@ -678,15 +627,15 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     const ɵ$index_312_r16 = ctx_r16.$index;
     i0.ɵɵadvance(3);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_312_r16)("min", 1)("step", 1)("format", "n0");
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_312_r16)("Min", 1)("Step", 1)("Format", "n0");
 } }
 function MJAIPromptFormComponentExtended_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", 153);
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 149);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 156);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(3, "input", 152);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); 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);
@@ -697,12 +646,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_312_r16);
 } }
 function MJAIPromptFormComponentExtended_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", 151)(1, "div")(2, "label", 153);
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 147)(1, "div")(2, "label", 149);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 154);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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.ɵɵelementStart(4, "mj-dropdown", 150);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template_mj_dropdown_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r24); const model_r18 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r18.ParallelizationMode, $event) || (model_r18.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template, 4, 5, "div");
     i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template, 4, 2, "div");
@@ -713,7 +662,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     const ɵ$index_312_r16 = ctx_r16.$index;
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelizationMode);
-    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.ɵɵ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();
@@ -753,7 +702,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtextInterpolate1(" ", model_r18.ParallelConfigParam);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 152);
+    i0.ɵɵelementStart(0, "div", 148);
     i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template, 4, 1, "span");
     i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template, 4, 1, "span");
     i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template, 4, 1, "span");
@@ -768,11 +717,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(model_r18.ParallelConfigParam ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 123)(1, "div", 149);
-    i0.ɵɵelement(2, "i", 150);
+    i0.ɵɵelementStart(0, "div", 122)(1, "div", 145);
+    i0.ɵɵelement(2, "i", 146);
     i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 151)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 152);
+    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 147)(5, MJAIPromptFormComponentExtended_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);
@@ -781,32 +730,32 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109);
+    i0.ɵɵelementStart(0, "div", 108);
     i0.ɵɵlistener("dragstart", function MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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", 110);
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 111);
+    i0.ɵɵelementStart(1, "div", 109);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 110);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 112);
-    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 113)(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 23);
+    i0.ɵɵelementStart(4, "div", 111);
+    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "mj-dropdown", 112)(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 114);
+    i0.ɵɵelementStart(7, "div", 113);
     i0.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template, 2, 1)(9, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 115);
-    i0.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 116);
+    i0.ɵɵelementStart(10, "div", 114);
+    i0.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 117);
-    i0.ɵɵconditionalCreate(14, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 118)(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 119);
+    i0.ɵɵelementStart(13, "div", 116);
+    i0.ɵɵconditionalCreate(14, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 117)(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 118);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 120);
+    i0.ɵɵelementStart(16, "div", 119);
     i0.ɵɵconditionalCreate(17, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 121);
+    i0.ɵɵelementStart(18, "div", 120);
     i0.ɵɵelement(19, "div");
-    i0.ɵɵelementStart(20, "div")(21, "div", 122);
+    i0.ɵɵelementStart(20, "div")(21, "div", 121);
     i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(23, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 123);
+    i0.ɵɵconditionalCreate(23, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 122);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const model_r18 = ctx.$implicit;
@@ -832,21 +781,21 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 23 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 107)(1, "button", 157);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_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", 78);
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 106)(1, "button", 153);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 77);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 103);
-    i0.ɵɵelementStart(1, "div", 104)(2, "div", 105);
-    i0.ɵɵelement(3, "i", 106);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 102);
+    i0.ɵɵelementStart(1, "div", 103)(2, "div", 104);
+    i0.ɵɵelement(3, "i", 105);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5, "AI Model ");
-    i0.ɵɵelementStart(6, "span", 56);
+    i0.ɵɵelementStart(6, "span", 55);
     i0.ɵɵtext(7, "*");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div");
@@ -862,7 +811,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()();
     i0.ɵɵrepeaterCreate(16, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template, 24, 15, null, null, _forTrack0, true);
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template, 4, 0, "div", 107);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template, 4, 0, "div", 106);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 1 ? 0 : -1);
@@ -872,66 +821,66 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 18 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 99)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Template, 19, 2);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 98)(1, MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36)(3, "div", 93);
-    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template, 3, 0, "div", 94)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Template, 2, 1);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 35)(3, "div", 92);
+    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template, 3, 0, "div", 93)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵproperty("Expanded", true);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_ng_template_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 158);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 154);
     i0.ɵɵtext(2, " Advanced Configuration ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 39);
+    i0.ɵɵelement(0, "mj-form-field", 38);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 40);
+    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);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 159);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 155);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " Loading prompts... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdowntree", 161);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_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 MJAIPromptFormComponentExtended_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)); });
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 157);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r28); 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 MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r28); 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);
+    i0.ɵɵproperty("Data", ctx_r1.resultSelectorTreeData)("ValuePrimitive", true)("Filterable", true);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template, 3, 0, "div", 159)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 160);
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template, 3, 0, "div", 155)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template, 1, 4, "mj-dropdown", 156);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
+    i0.ɵɵelementStart(0, "span", 46);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -940,20 +889,20 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_60_Template(r
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_ng_template_62_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 162);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 158);
     i0.ɵɵtext(2, " Prefill & Output Control ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 163);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 159);
     i0.ɵɵtext(2, " Template Parameters ");
-    i0.ɵɵelementStart(3, "span", 164);
+    i0.ɵɵelementStart(3, "span", 160);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 97);
-    i0.ɵɵelement(6, "i", 165);
+    i0.ɵɵelementStart(5, "span", 96);
+    i0.ɵɵelement(6, "i", 161);
     i0.ɵɵtext(7, " Parameters defined in the template ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -962,173 +911,173 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_ng_templat
     i0.ɵɵtextInterpolate1(" ", ctx_r1.templateParams.length, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 94);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 93);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2, " Loading template parameters... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99);
-    i0.ɵɵelement(1, "i", 100);
+    i0.ɵɵelementStart(0, "div", 98);
+    i0.ɵɵelement(1, "i", 99);
     i0.ɵɵtext(2, " This template has no parameters defined ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 177);
+    i0.ɵɵelementStart(0, "span", 173);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 179);
+    i0.ɵɵelementStart(0, "span", 175);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 180);
+    i0.ɵɵelementStart(0, "span", 176);
     i0.ɵɵtext(1, "Optional");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 181);
+    i0.ɵɵelementStart(0, "p", 177);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r30.Description, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r29.Description, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "label", 187);
+    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Default Value");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 188);
+    i0.ɵɵelementStart(3, "code", 184);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.DefaultValue);
+    i0.ɵɵtextInterpolate(param_r29.DefaultValue);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "label", 187);
+    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 182);
+    i0.ɵɵelementStart(3, "span", 178);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.Entity || "Entity ID: " + param_r30.EntityID);
+    i0.ɵɵtextInterpolate(param_r29.Entity || "Entity ID: " + param_r29.EntityID);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_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, ") ");
+    const param_r29 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate1(" (", param_r29.LinkedParameterField, ") ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "label", 187);
+    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Linked To");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 182);
+    i0.ɵɵelementStart(3, "span", 178);
     i0.ɵɵtext(4);
     i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", param_r30.LinkedParameterName, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r29.LinkedParameterName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.LinkedParameterField ? 5 : -1);
+    i0.ɵɵconditional(param_r29.LinkedParameterField ? 5 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "label", 187);
+    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Filter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 189);
+    i0.ɵɵelementStart(3, "code", 185);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.ExtraFilter);
+    i0.ɵɵtextInterpolate(param_r29.ExtraFilter);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "label", 187);
+    i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Record ID");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 182);
+    i0.ɵɵelementStart(3, "code", 178);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r29 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.RecordID);
+    i0.ɵɵtextInterpolate(param_r29.RecordID);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 172)(1, "div", 173)(2, "div", 174);
-    i0.ɵɵelement(3, "i", 175);
-    i0.ɵɵelementStart(4, "h6", 176);
+    i0.ɵɵelementStart(0, "div", 168)(1, "div", 169)(2, "div", 170);
+    i0.ɵɵelement(3, "i", 171);
+    i0.ɵɵelementStart(4, "h6", 172);
     i0.ɵɵtext(5);
-    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 177);
+    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 173);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 174)(8, "span", 178);
+    i0.ɵɵelementStart(7, "div", 170)(8, "span", 174);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 179)(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 180);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 175)(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 176);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 181);
-    i0.ɵɵelementStart(13, "div", 182)(14, "span", 183);
-    i0.ɵɵelement(15, "i", 184);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_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.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 185);
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 186);
-    i0.ɵɵconditionalCreate(19, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 186);
-    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 186);
-    i0.ɵɵconditionalCreate(21, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 186);
-    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 186);
+    i0.ɵɵelementStart(17, "div", 181);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(19, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 182);
+    i0.ɵɵconditionalCreate(21, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 182);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = ctx.$implicit;
+    const param_r29 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r29.Type));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r30.Type));
-    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r29.Type));
+    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r29.Type));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", param_r30.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r29.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.IsRequired ? 6 : -1);
+    i0.ɵɵconditional(param_r29.IsRequired ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r29.Type));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r30.Type, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r29.Type, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.IsRequired ? 10 : 11);
+    i0.ɵɵconditional(param_r29.IsRequired ? 10 : 11);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r30.Description ? 12 : -1);
+    i0.ɵɵconditional(param_r29.Description ? 12 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r30), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r29), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r30.DefaultValue ? 18 : -1);
+    i0.ɵɵconditional(param_r29.DefaultValue ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.EntityID ? 19 : -1);
+    i0.ɵɵconditional(param_r29.EntityID ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.LinkedParameterName ? 20 : -1);
+    i0.ɵɵconditional(param_r29.LinkedParameterName ? 20 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.ExtraFilter ? 21 : -1);
+    i0.ɵɵconditional(param_r29.ExtraFilter ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.RecordID ? 22 : -1);
+    i0.ɵɵconditional(param_r29.RecordID ? 22 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 166);
-    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Template, 23, 19, "div", 167, _forTrack1);
+    i0.ɵɵelementStart(0, "div", 162);
+    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Template, 23, 19, "div", 163, _forTrack1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 168)(4, "div", 169);
-    i0.ɵɵelement(5, "i", 170);
-    i0.ɵɵelementStart(6, "div", 171)(7, "strong");
+    i0.ɵɵelementStart(3, "div", 164)(4, "div", 165);
+    i0.ɵɵelement(5, "i", 166);
+    i0.ɵɵelementStart(6, "div", 167)(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. ");
@@ -1139,32 +1088,32 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵrepeater(ctx_r1.templateParams);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_ng_template_1_Template, 8, 1, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_3_Template, 3, 0, "div", 94)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_4_Template, 3, 0, "div", 99)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_Template, 10, 0);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_ng_template_1_Template, 8, 1, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 35);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_3_Template, 3, 0, "div", 93)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_4_Template, 3, 0, "div", 98)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_Template, 10, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingTemplateParams ? 3 : ctx_r1.templateParams.length === 0 ? 4 : 5);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Output Example (JSON) ");
-    i0.ɵɵelementStart(3, "span", 193);
+    i0.ɵɵelementStart(3, "span", 189);
     i0.ɵɵtext(4, "\u2022 Required for object output type");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-code-editor", 194);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_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); });
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 190);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30); 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", 195);
-    i0.ɵɵelement(2, "i", 100);
+    i0.ɵɵelementStart(1, "div", 191);
+    i0.ɵɵelement(2, "i", 99);
     i0.ɵɵtext(3, " Provide a JSON example that defines the expected structure for object output validation. ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1172,7 +1121,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditiona
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 191);
+    i0.ɵɵelementStart(0, "div", 187);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1181,25 +1130,25 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditiona
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 192);
-    i0.ɵɵelement(1, "i", 196);
+    i0.ɵɵelementStart(0, "div", 188);
+    i0.ɵɵelement(1, "i", 192);
     i0.ɵɵtext(2, " Output example is required when output type is 'object' ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_ng_template_1_Template, 5, 0, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 190);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_3_Template, 4, 1)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_4_Template, 2, 1, "div", 191)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_5_Template, 3, 0, "div", 192);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_ng_template_1_Template, 5, 0, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 186);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_3_Template, 4, 1)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_4_Template, 2, 1, "div", 187)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_5_Template, 3, 0, "div", 188);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵproperty("Expanded", true);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 199);
+    i0.ɵɵelementStart(0, "span", 195);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1208,10 +1157,10 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_templat
     i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 198);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 194);
     i0.ɵɵtext(2, " Execution History ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Conditional_3_Template, 2, 1, "span", 199);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Conditional_3_Template, 2, 1, "span", 195);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1219,318 +1168,318 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_templat
     i0.ɵɵconditional(ctx_r1.executionHistory.length > 0 ? 3 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 197);
-    i0.ɵɵelement(1, "i", 200);
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵelement(1, "i", 196);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading execution history...");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 197);
-    i0.ɵɵelement(1, "i", 201);
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵelement(1, "i", 197);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No execution history yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 116);
+    i0.ɵɵelementStart(4, "p", 115);
     i0.ɵɵtext(5, "Run this prompt to see execution history here");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 214);
+    i0.ɵɵelement(0, "i", 210);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 214);
+    i0.ɵɵelement(0, "i", 210);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 214);
+    i0.ɵɵelement(0, "i", 210);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 214);
+    i0.ɵɵelement(0, "i", 210);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 221);
+    i0.ɵɵelementStart(0, "span", 217);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r34 = i0.ɵɵnextContext().$implicit;
+    const run_r33 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r34.RunType, " ");
+    i0.ɵɵtextInterpolate1(" ", run_r33.RunType, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 215)(1, "td", 216)(2, "span", 217);
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 211)(1, "td", 212)(2, "span", 213);
     i0.ɵɵelement(3, "i");
-    i0.ɵɵelementStart(4, "span", 23);
+    i0.ɵɵelementStart(4, "span", 22);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "td", 218);
+    i0.ɵɵelementStart(6, "td", 214);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 218)(10, "span", 217);
-    i0.ɵɵelement(11, "i", 95);
+    i0.ɵɵelementStart(9, "td", 214)(10, "span", 213);
+    i0.ɵɵelement(11, "i", 94);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "td", 218);
+    i0.ɵɵelementStart(13, "td", 214);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 219);
+    i0.ɵɵelementStart(15, "td", 215);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "td", 219);
+    i0.ɵɵelementStart(17, "td", 215);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 220);
-    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 221);
+    i0.ɵɵelementStart(19, "td", 216);
+    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 217);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "td", 220)(22, "button", 222);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_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", 223);
+    i0.ɵɵelementStart(21, "td", 216)(22, "button", 218);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Template_button_click_22_listener() { const run_r33 = i0.ɵɵrestoreView(_r32).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r33.ID)); });
+    i0.ɵɵelement(23, "i", 219);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r34 = ctx.$implicit;
-    const ɵ$index_867_r35 = ctx.$index;
+    const run_r33 = ctx.$implicit;
+    const ɵ$index_853_r34 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("even-row", ɵ$index_867_r35 % 2 === 0);
+    i0.ɵɵclassProp("even-row", ɵ$index_853_r34 % 2 === 0);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r34.Success));
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r33.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r33.Success));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r33.Success));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r34.Success === true ? "Success" : run_r34.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r33.Success === true ? "Success" : run_r33.Success === false ? "Failed" : "Running", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r34.RunAt, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r33.RunAt, "short"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", run_r34.Model || "Unknown", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r33.Model || "Unknown", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r34.ExecutionTimeMS), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r33.ExecutionTimeMS), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r34.TokensUsed), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r33.TokensUsed), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r34.TotalCost || run_r34.Cost), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r33.TotalCost || run_r33.Cost), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(run_r34.RunType ? 20 : -1);
+    i0.ɵɵconditional(run_r33.RunType ? 20 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 202)(1, "div", 135);
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 198)(1, "div", 133);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 203)(4, "span", 180);
+    i0.ɵɵelementStart(3, "div", 199)(4, "span", 176);
     i0.ɵɵtext(5, "Sort by:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-buttongroup", 204)(7, "button", 205);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_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, "div", 200)(7, "button", 201);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
     i0.ɵɵtext(8, " Date ");
-    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_9_Template, 1, 2, "i", 206);
+    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_9_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 205);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_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", 201);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
     i0.ɵɵtext(11, " Duration ");
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_12_Template, 1, 2, "i", 206);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_12_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 205);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_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", 201);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
     i0.ɵɵtext(14, " Tokens ");
-    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_15_Template, 1, 2, "i", 206);
+    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_15_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 205);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_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", 201);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
     i0.ɵɵtext(17, " Cost ");
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_18_Template, 1, 2, "i", 206);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_18_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(19, "div", 207)(20, "table", 208)(21, "thead")(22, "tr", 209)(23, "th", 210);
+    i0.ɵɵelementStart(19, "div", 203)(20, "table", 204)(21, "thead")(22, "tr", 205)(23, "th", 206);
     i0.ɵɵtext(24, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "th", 210);
+    i0.ɵɵelementStart(25, "th", 206);
     i0.ɵɵtext(26, "Date & Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "th", 210);
+    i0.ɵɵelementStart(27, "th", 206);
     i0.ɵɵtext(28, "Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "th", 210);
+    i0.ɵɵelementStart(29, "th", 206);
     i0.ɵɵtext(30, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "th", 211);
+    i0.ɵɵelementStart(31, "th", 207);
     i0.ɵɵtext(32, "Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "th", 211);
+    i0.ɵɵelementStart(33, "th", 207);
     i0.ɵɵtext(34, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "th", 212);
+    i0.ɵɵelementStart(35, "th", 208);
     i0.ɵɵtext(36, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "th", 212);
+    i0.ɵɵelementStart(37, "th", 208);
     i0.ɵɵtext(38, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(39, "tbody");
-    i0.ɵɵrepeaterCreate(40, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Template, 24, 18, "tr", 213, _forTrack1);
+    i0.ɵɵrepeaterCreate(40, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Template, 24, 18, "tr", 209, _forTrack1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Showing ", ctx_r1.executionHistory.length, " executions ");
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("selected", ctx_r1.historySortField === "runAt");
+    i0.ɵɵclassProp("active", ctx_r1.historySortField === "runAt");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.historySortField === "runAt" ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("selected", ctx_r1.historySortField === "executionTime");
+    i0.ɵɵclassProp("active", ctx_r1.historySortField === "executionTime");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.historySortField === "executionTime" ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("selected", ctx_r1.historySortField === "tokens");
+    i0.ɵɵclassProp("active", ctx_r1.historySortField === "tokens");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.historySortField === "tokens" ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("selected", ctx_r1.historySortField === "cost");
+    i0.ɵɵclassProp("active", ctx_r1.historySortField === "cost");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.historySortField === "cost" ? 18 : -1);
     i0.ɵɵadvance(22);
     i0.ɵɵrepeater(ctx_r1.executionHistory);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Template, 4, 1, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 190);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_3_Template, 4, 0, "div", 197)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_4_Template, 6, 0, "div", 197)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template, 42, 9);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Template, 4, 1, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 186);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_3_Template, 4, 0, "div", 193)(4, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_4_Template, 6, 0, "div", 193)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template, 42, 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingHistory ? 3 : ctx_r1.executionHistory.length === 0 ? 4 : 5);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 225);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 221);
     i0.ɵɵtext(2, " Result Cache ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_ng_template_1_Template, 3, 0, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36);
-    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 224);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_ng_template_1_Template, 3, 0, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 35);
+    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 220);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Result Cache", "AIPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Result Cache"))("AllowLoad", true)("ShowToolbar", false);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 227);
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵelement(1, "i", 223);
     i0.ɵɵtext(2, " Related Items ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_ng_template_1_Template, 3, 0, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36)(3, "div", 37)(4, "div")(5, "h6", 226);
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_ng_template_1_Template, 3, 0, "ng-template", 29);
+    i0.ɵɵelementStart(2, "div", 35)(3, "div", 36)(4, "div")(5, "h6", 222);
     i0.ɵɵtext(6, "AI Agents Using This Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 224);
+    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 220);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div")(9, "h6", 226);
+    i0.ɵɵelementStart(8, "div")(9, "h6", 222);
     i0.ɵɵtext(10, "Prompts Using This as Result Selector");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 224);
+    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 220);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(7);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Prompts", "PromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Prompts"))("AllowLoad", true)("ShowToolbar", false);
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompts", "ResultSelectorPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompts"))("AllowLoad", true)("ShowToolbar", false);
 } }
 function MJAIPromptFormComponentExtended_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, MJAIPromptFormComponentExtended_Conditional_2_Conditional_9_Template, 1, 1, "kendo-textbox", 13)(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_10_Template, 4, 4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template, 12, 11, "div", 14);
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_12_Template, 1, 2, "kendo-textarea", 15)(13, MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template, 2, 1, "p", 16);
-    i0.ɵɵelementStart(14, "div", 17);
-    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_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.ɵɵelementStart(0, "form", 3, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 5);
+    i0.ɵɵelementStart(3, "div", 6)(4, "div", 7)(5, "div", 8)(6, "div", 9)(7, "div", 10);
+    i0.ɵɵelement(8, "i", 11);
+    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_2_Conditional_9_Template, 1, 1, "input", 12)(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_10_Template, 4, 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template, 12, 11, "div", 13);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_12_Template, 1, 2, "textarea", 14)(13, MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template, 2, 1, "p", 15);
+    i0.ɵɵelementStart(14, "div", 16);
+    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_15_Template, 6, 1, "div", 17);
+    i0.ɵɵelementStart(16, "div", 17);
+    i0.ɵɵelement(17, "i", 18);
+    i0.ɵɵelementStart(18, "span", 19);
     i0.ɵɵtext(19, "Parallelization:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "span", 21);
+    i0.ɵɵelementStart(20, "span", 20);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 18);
-    i0.ɵɵelement(23, "i", 22);
-    i0.ɵɵelementStart(24, "span", 20);
+    i0.ɵɵelementStart(22, "div", 17);
+    i0.ɵɵelement(23, "i", 21);
+    i0.ɵɵelementStart(24, "span", 19);
     i0.ɵɵtext(25, "Output:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 23);
+    i0.ɵɵelementStart(26, "span", 22);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(28, MJAIPromptFormComponentExtended_Conditional_2_Conditional_28_Template, 4, 0, "div", 18);
-    i0.ɵɵconditionalCreate(29, MJAIPromptFormComponentExtended_Conditional_2_Conditional_29_Template, 6, 1, "div", 18);
+    i0.ɵɵconditionalCreate(28, MJAIPromptFormComponentExtended_Conditional_2_Conditional_28_Template, 4, 0, "div", 17);
+    i0.ɵɵconditionalCreate(29, MJAIPromptFormComponentExtended_Conditional_2_Conditional_29_Template, 6, 1, "div", 17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 24)(31, "div", 25);
-    i0.ɵɵconditionalCreate(32, MJAIPromptFormComponentExtended_Conditional_2_Conditional_32_Template, 3, 2, "button", 26);
+    i0.ɵɵelementStart(30, "div", 23)(31, "div", 24);
+    i0.ɵɵconditionalCreate(32, MJAIPromptFormComponentExtended_Conditional_2_Conditional_32_Template, 3, 0, "button", 25);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(33, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template, 4, 3, "div", 27);
+    i0.ɵɵconditionalCreate(33, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template, 4, 3, "div", 26);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(34, "div", 28)(35, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(36, MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Template, 4, 1, "ng-template", 30);
-    i0.ɵɵelementStart(37, "div", 31);
-    i0.ɵɵconditionalCreate(38, MJAIPromptFormComponentExtended_Conditional_2_Conditional_38_Template, 3, 0, "div", 32)(39, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template, 9, 2, "div", 33)(40, MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Template, 11, 2, "div", 34)(41, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template, 5, 3, "div", 35);
+    i0.ɵɵelementStart(34, "div", 27)(35, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(36, MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Template, 4, 1, "ng-template", 29);
+    i0.ɵɵelementStart(37, "div", 30);
+    i0.ɵɵconditionalCreate(38, MJAIPromptFormComponentExtended_Conditional_2_Conditional_38_Template, 3, 0, "div", 31)(39, MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template, 9, 2, "div", 32)(40, MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Template, 11, 1, "div", 33)(41, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template, 5, 3, "div", 34);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(42, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Template, 6, 2, "kendo-expansionpanel", 29);
-    i0.ɵɵelementStart(43, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(44, MJAIPromptFormComponentExtended_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, MJAIPromptFormComponentExtended_Conditional_2_Conditional_49_Template, 1, 3, "mj-form-field", 39);
-    i0.ɵɵconditionalCreate(50, MJAIPromptFormComponentExtended_Conditional_2_Conditional_50_Template, 1, 3, "mj-form-field", 40);
-    i0.ɵɵelement(51, "mj-form-field", 41)(52, "mj-form-field", 42);
+    i0.ɵɵconditionalCreate(42, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵelementStart(43, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(44, MJAIPromptFormComponentExtended_Conditional_2_ng_template_44_Template, 3, 0, "ng-template", 29);
+    i0.ɵɵelementStart(45, "div", 35)(46, "div", 36)(47, "div");
+    i0.ɵɵelement(48, "mj-form-field", 37);
+    i0.ɵɵconditionalCreate(49, MJAIPromptFormComponentExtended_Conditional_2_Conditional_49_Template, 1, 3, "mj-form-field", 38);
+    i0.ɵɵconditionalCreate(50, MJAIPromptFormComponentExtended_Conditional_2_Conditional_50_Template, 1, 3, "mj-form-field", 39);
+    i0.ɵɵelement(51, "mj-form-field", 40)(52, "mj-form-field", 41);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(53, "div");
-    i0.ɵɵelement(54, "mj-form-field", 43)(55, "mj-form-field", 44);
-    i0.ɵɵelementStart(56, "div", 45)(57, "label", 46);
+    i0.ɵɵelement(54, "mj-form-field", 42)(55, "mj-form-field", 43);
+    i0.ɵɵelementStart(56, "div", 44)(57, "label", 45);
     i0.ɵɵtext(58, " Result Selector Prompt ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(59, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Template, 2, 1)(60, MJAIPromptFormComponentExtended_Conditional_2_Conditional_60_Template, 2, 1, "span", 47);
+    i0.ɵɵconditionalCreate(59, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Template, 2, 1)(60, MJAIPromptFormComponentExtended_Conditional_2_Conditional_60_Template, 2, 1, "span", 46);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(61, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(62, MJAIPromptFormComponentExtended_Conditional_2_ng_template_62_Template, 3, 0, "ng-template", 30);
-    i0.ɵɵelementStart(63, "div", 36)(64, "p", 48);
+    i0.ɵɵelementStart(61, "mj-accordion-panel", 28);
+    i0.ɵɵtemplate(62, MJAIPromptFormComponentExtended_Conditional_2_ng_template_62_Template, 3, 0, "ng-template", 29);
+    i0.ɵɵelementStart(63, "div", 35)(64, "p", 47);
     i0.ɵɵtext(65, " Assistant prefill seeds the model's response with an initial string, guiding output format and content. Stop sequences terminate generation when encountered. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(66, "div", 37)(67, "div");
-    i0.ɵɵelement(68, "mj-form-field", 49)(69, "mj-form-field", 50);
+    i0.ɵɵelementStart(66, "div", 36)(67, "div");
+    i0.ɵɵelement(68, "mj-form-field", 48)(69, "mj-form-field", 49);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(70, "div");
-    i0.ɵɵelement(71, "mj-form-field", 51);
+    i0.ɵɵelement(71, "mj-form-field", 50);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(72, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Template, 6, 2, "kendo-expansionpanel", 29);
-    i0.ɵɵconditionalCreate(73, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Template, 6, 2, "kendo-expansionpanel", 29);
-    i0.ɵɵconditionalCreate(74, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Template, 6, 2, "kendo-expansionpanel", 29);
-    i0.ɵɵconditionalCreate(75, MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_Template, 4, 5, "kendo-expansionpanel", 29);
-    i0.ɵɵconditionalCreate(76, MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_Template, 12, 9, "kendo-expansionpanel", 29);
+    i0.ɵɵconditionalCreate(72, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(73, MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(74, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(75, MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_Template, 4, 5, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(76, MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_Template, 12, 9, "mj-accordion-panel", 28);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1559,13 +1508,13 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.canExecute && ctx_r1.record.ID ? 33 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵproperty("Expanded", true);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 38 : !ctx_r1.record.TemplateID ? 39 : ctx_r1.templateNotFoundInDatabase ? 40 : 41);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.record.IsSaved ? 42 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
@@ -1583,7 +1532,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 59 : 60);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(7);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
@@ -1602,15 +1551,15 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵconditional(ctx_r1.record.IsSaved ? 76 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 228);
-    i0.ɵɵlistener("close", function MJAIPromptFormComponentExtended_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", 229);
-    i0.ɵɵlistener("visibilityChange", function MJAIPromptFormComponentExtended_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)); });
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-window", 224);
+    i0.ɵɵlistener("Close", function MJAIPromptFormComponentExtended_Conditional_3_Template_mj_window_Close_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
+    i0.ɵɵelementStart(1, "mj-ai-test-harness", 225);
+    i0.ɵɵlistener("visibilityChange", function MJAIPromptFormComponentExtended_Conditional_3_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    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.ɵɵproperty("Width", 1200)("Height", 800)("MinWidth", 800)("MinHeight", 600)("Draggable", true)("Resizable", true)("Visible", true)("Title", "Run AI Prompt - " + (ctx_r1.record.Name || "Untitled"));
     i0.ɵɵadvance();
     i0.ɵɵproperty("entity", ctx_r1.record)("mode", "prompt")("isVisible", ctx_r1.showTestHarness);
 } }
@@ -3086,18 +3035,18 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [1, "record-form-container", 2, "height", "100%", "display", "flex", "flex-direction", "column"], ["kendoDialogContainer", ""], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "Form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "flex", "1", "min-height", "0", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "var(--mj-bg-surface-sunken)", "border-bottom", "2px solid var(--mj-border-default)"], [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", "var(--mj-brand-primary)", "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", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-secondary)", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "var(--mj-text-muted)"], [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", "var(--mj-bg-surface-card)", "border-top", "2px solid var(--mj-border-default)", "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", "var(--mj-text-muted)"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "var(--mj-text-muted)"], [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", "var(--mj-text-secondary)", "font-size", "0.9em"], [2, "color", "var(--mj-text-secondary)"], [2, "margin", "0 0 12px 0", "font-size", "0.85em", "color", "var(--mj-text-muted)"], ["FieldName", "AssistantPrefill", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "StopSequences", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "PrefillFallbackMode", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode"], ["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", "var(--mj-text-secondary)", "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", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], [1, "fa-solid", "fa-tachometer-alt", 2, "color", "var(--mj-text-muted)"], ["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", "var(--mj-text-muted)", "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", "var(--mj-text-secondary)"], [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 var(--mj-border-default)", "background", "var(--mj-bg-surface-sunken)"], [2, "flex", "1", "background", "var(--mj-bg-surface-card)", "border-radius", "6px", "border", "1px solid var(--mj-border-default)"], [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 var(--mj-border-default)", "border-radius", "6px", "background", "var(--mj-bg-surface-sunken)"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-microchip", 2, "color", "var(--mj-text-muted)"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["kendoButton", "", "fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))", "border-bottom", "1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default))", "color", "var(--mj-brand-primary)", "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", "var(--mj-bg-surface-sunken)", "font-weight", "600", "font-size", "0.85em", "color", "var(--mj-text-secondary)", "border-bottom", "1px solid var(--mj-border-default)"], ["title", "Priority order - models are tried from top to bottom"], [1, "fa-solid", "fa-sort", 2, "color", "var(--mj-text-muted)"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "var(--mj-bg-surface-sunken)", "border-top", "1px solid var(--mj-border-default)"], [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 var(--mj-border-default)", "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", "var(--mj-text-muted)"], [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", "var(--mj-text-muted)", "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 var(--mj-border-default)", "background", "var(--mj-bg-surface-sunken)", "font-size", "0.85em", "color", "var(--mj-text-muted)"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "var(--mj-bg-surface-card)", "border", "1px solid var(--mj-border-default)", "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", "var(--mj-text-muted)", "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", "var(--mj-text-muted)", "font-size", "0.9em"], [2, "padding", "4px", "color", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [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", "var(--mj-text-secondary)", "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", "var(--mj-text-secondary)"], ["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", "var(--mj-text-muted)"], [2, "padding", "8px", "color", "var(--mj-text-muted)", "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-wand-magic-sparkles", 2, "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-sliders", 2, "color", "var(--mj-text-muted)"], [1, "badge", 2, "background", "var(--mj-brand-primary)", "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 var(--mj-border-default)", "border-radius", "8px", "padding", "16px", "background", "var(--mj-bg-surface-sunken)", "transition", "all 0.2s", 3, "border-left"], [2, "margin-top", "16px", "padding", "12px", "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))", "border-radius", "6px", "border", "1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default))"], [2, "display", "flex", "align-items", "flex-start", "gap", "8px"], [1, "fa-solid", "fa-lightbulb", 2, "color", "var(--mj-brand-primary)", "margin-top", "2px"], [2, "flex", "1", "font-size", "0.85em", "color", "var(--mj-brand-primary)", "line-height", "1.5"], [1, "parameter-card", 2, "border", "1px solid var(--mj-border-default)", "border-radius", "8px", "padding", "16px", "background", "var(--mj-bg-surface-sunken)", "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", "var(--mj-text-secondary)", "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", "var(--mj-text-muted)", "font-size", "0.85em"], [2, "margin", "0 0 8px 0", "color", "var(--mj-text-muted)", "font-size", "0.9em", "line-height", "1.4"], [2, "font-size", "0.85em", "color", "var(--mj-text-secondary)"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], [1, "fa-solid", "fa-info-circle", 2, "color", "var(--mj-text-muted)"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))", "gap", "12px", "margin-top", "12px"], [2, "background", "var(--mj-bg-surface-card)", "padding", "8px 12px", "border-radius", "4px", "border", "1px solid var(--mj-border-default)"], [2, "display", "block", "font-size", "0.8em", "color", "var(--mj-text-muted)", "margin-bottom", "2px"], [2, "font-size", "0.85em", "color", "var(--mj-text-secondary)", "word-break", "break-all"], [2, "font-size", "0.8em", "color", "var(--mj-text-secondary)", "word-break", "break-all"], [2, "padding", "16px"], [2, "background", "var(--mj-bg-surface-sunken)", "border", "1px solid var(--mj-border-default)", "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 var(--mj-border-default)", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "var(--mj-text-muted)", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-history", 2, "color", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-muted)", "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 var(--mj-border-default)", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "var(--mj-bg-surface-sunken)", "border-bottom", "2px solid var(--mj-border-default)"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "history-row", 2, "border-bottom", "1px solid var(--mj-border-default)", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid var(--mj-border-default)"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "right", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "var(--mj-bg-surface-sunken)", "color", "var(--mj-text-secondary)", "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", "var(--mj-text-muted)"], [2, "margin", "0 0 12px 0", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-link", 2, "color", "var(--mj-text-muted)"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "entity", "mode", "isVisible"]], template: function MJAIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [1, "record-form-container", 2, "height", "100%", "display", "flex", "flex-direction", "column"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [3, "Width", "Height", "MinWidth", "MinHeight", "Draggable", "Resizable", "Visible", "Title"], [3, "Form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "flex", "1", "min-height", "0", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "var(--mj-bg-surface-sunken)", "border-bottom", "2px solid var(--mj-border-default)"], [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", "var(--mj-brand-primary)", "font-size", "1.4em"], ["type", "text", "name", "promptName", "placeholder", "Enter prompt name...", 1, "mj-input", 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...", 1, "mj-textarea", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-secondary)", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "var(--mj-text-muted)"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "primary", "size", "lg", "title", "Run AI Prompt Test Harness"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "var(--mj-bg-surface-card)", "border-top", "2px solid var(--mj-border-default)", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "Expanded"], ["mjAccordionTitle", ""], [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", "var(--mj-text-muted)"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "var(--mj-text-muted)"], [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", "var(--mj-text-secondary)", "font-size", "0.9em"], [2, "color", "var(--mj-text-secondary)"], [2, "margin", "0 0 12px 0", "font-size", "0.85em", "color", "var(--mj-text-muted)"], ["FieldName", "AssistantPrefill", "Type", "textarea", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "StopSequences", "Type", "textbox", 3, "Record", "ShowLabel", "EditMode"], ["FieldName", "PrefillFallbackMode", "Type", "dropdownlist", 3, "Record", "ShowLabel", "EditMode"], ["type", "text", "name", "promptName", "placeholder", "Enter prompt name...", 1, "mj-input", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "var(--mj-text-secondary)", "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", "var(--mj-text-muted)", "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...", 1, "mj-textarea", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], [1, "fa-solid", "fa-tachometer-alt", 2, "color", "var(--mj-text-muted)"], ["mjButton", "", "variant", "primary", "size", "lg", "title", "Run AI Prompt Test Harness", 3, "click"], [1, "fa-solid", "fa-play"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "var(--mj-text-muted)", "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", "var(--mj-text-secondary)"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["mjButton", "", "variant", "primary"], ["mjButton", "", "variant", "outline"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", "variant", "outline", 3, "click"], [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 var(--mj-border-default)", "background", "var(--mj-bg-surface-sunken)"], [2, "flex", "1", "background", "var(--mj-bg-surface-card)", "border-radius", "6px", "border", "1px solid var(--mj-border-default)"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Change to a different template"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Open template in new window"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Change to a different template", 3, "click"], [1, "fa-solid", "fa-exchange-alt"], ["mjButton", "", "variant", "outline", "size", "sm", "title", "Open template in new window", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], [1, "model-management", 2, "border", "1px solid var(--mj-border-default)", "border-radius", "6px", "background", "var(--mj-bg-surface-sunken)"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-microchip", 2, "color", "var(--mj-text-muted)"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "var(--mj-text-muted)", "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", "var(--mj-text-muted)"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [2, "padding", "12px 16px", "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))", "border-bottom", "1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default))", "color", "var(--mj-brand-primary)", "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", "var(--mj-bg-surface-sunken)", "font-weight", "600", "font-size", "0.85em", "color", "var(--mj-text-secondary)", "border-bottom", "1px solid var(--mj-border-default)"], ["title", "Priority order - models are tried from top to bottom"], [1, "fa-solid", "fa-sort", 2, "color", "var(--mj-text-muted)"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "var(--mj-bg-surface-sunken)", "border-top", "1px solid var(--mj-border-default)"], [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 var(--mj-border-default)", "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", "var(--mj-text-muted)"], [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", "var(--mj-text-muted)", "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 var(--mj-border-default)", "background", "var(--mj-bg-surface-sunken)", "font-size", "0.85em", "color", "var(--mj-text-muted)"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "var(--mj-bg-surface-card)", "border", "1px solid var(--mj-border-default)", "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", "var(--mj-text-muted)", "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"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "var(--mj-text-muted)", "font-size", "0.9em"], [2, "padding", "4px", "color", "var(--mj-text-muted)", "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"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Remove model", 2, "color", "var(--mj-status-error)"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "Remove model", 2, "color", "var(--mj-status-error)", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "var(--mj-text-secondary)", "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", "var(--mj-text-secondary)"], ["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"], ["type", "text", "placeholder", "Parameter name...", 1, "mj-input", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["mjButton", "", "variant", "outline", "size", "sm", 2, "color", "var(--mj-status-success)", "border-color", "var(--mj-status-success)", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "var(--mj-text-muted)"], [2, "padding", "8px", "color", "var(--mj-text-muted)", "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-wand-magic-sparkles", 2, "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-sliders", 2, "color", "var(--mj-text-muted)"], [1, "badge", 2, "background", "var(--mj-brand-primary)", "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 var(--mj-border-default)", "border-radius", "8px", "padding", "16px", "background", "var(--mj-bg-surface-sunken)", "transition", "all 0.2s", 3, "border-left"], [2, "margin-top", "16px", "padding", "12px", "background", "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))", "border-radius", "6px", "border", "1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default))"], [2, "display", "flex", "align-items", "flex-start", "gap", "8px"], [1, "fa-solid", "fa-lightbulb", 2, "color", "var(--mj-brand-primary)", "margin-top", "2px"], [2, "flex", "1", "font-size", "0.85em", "color", "var(--mj-brand-primary)", "line-height", "1.5"], [1, "parameter-card", 2, "border", "1px solid var(--mj-border-default)", "border-radius", "8px", "padding", "16px", "background", "var(--mj-bg-surface-sunken)", "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", "var(--mj-text-secondary)", "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", "var(--mj-text-muted)", "font-size", "0.85em"], [2, "margin", "0 0 8px 0", "color", "var(--mj-text-muted)", "font-size", "0.9em", "line-height", "1.4"], [2, "font-size", "0.85em", "color", "var(--mj-text-secondary)"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], [1, "fa-solid", "fa-info-circle", 2, "color", "var(--mj-text-muted)"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))", "gap", "12px", "margin-top", "12px"], [2, "background", "var(--mj-bg-surface-card)", "padding", "8px 12px", "border-radius", "4px", "border", "1px solid var(--mj-border-default)"], [2, "display", "block", "font-size", "0.8em", "color", "var(--mj-text-muted)", "margin-bottom", "2px"], [2, "font-size", "0.85em", "color", "var(--mj-text-secondary)", "word-break", "break-all"], [2, "font-size", "0.8em", "color", "var(--mj-text-secondary)", "word-break", "break-all"], [2, "padding", "16px"], [2, "background", "var(--mj-bg-surface-sunken)", "border", "1px solid var(--mj-border-default)", "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 var(--mj-border-default)", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "var(--mj-text-muted)", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "var(--mj-text-muted)"], [1, "fa-solid", "fa-history", 2, "color", "var(--mj-text-muted)"], [2, "color", "var(--mj-text-muted)", "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"], [1, "mj-button-group"], ["mjButton", "", "size", "sm", 3, "click"], [2, "margin-left", "4px", "font-size", "0.8em", 3, "class"], [2, "border", "1px solid var(--mj-border-default)", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "var(--mj-bg-surface-sunken)", "border-bottom", "2px solid var(--mj-border-default)"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "var(--mj-text-secondary)"], [1, "history-row", 2, "border-bottom", "1px solid var(--mj-border-default)", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid var(--mj-border-default)"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "right", "color", "var(--mj-text-secondary)"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "var(--mj-bg-surface-sunken)", "color", "var(--mj-text-secondary)", "font-size", "0.85em", "font-weight", "500"], ["mjButton", "", "variant", "flat", "size", "sm", "title", "View details", 3, "click"], [1, "fa-solid", "fa-external-link"], [3, "Params", "NewRecordValues", "AllowLoad", "ShowToolbar"], [1, "fa-solid", "fa-database", 2, "color", "var(--mj-text-muted)"], [2, "margin", "0 0 12px 0", "color", "var(--mj-text-secondary)"], [1, "fa-solid", "fa-link", 2, "color", "var(--mj-text-muted)"], [3, "Close", "Width", "Height", "MinWidth", "MinHeight", "Draggable", "Resizable", "Visible", "Title"], [3, "visibilityChange", "entity", "mode", "isVisible"]], template: function MJAIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵelement(1, "div", 3);
-            i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Template, 77, 50, "form", 4);
-            i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_3_Template, 2, 12, "kendo-window", 5);
+            i0.ɵɵelement(1, "div");
+            i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Template, 77, 50, "form", 3);
+            i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_3_Template, 2, 11, "mj-window", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.record ? 2 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showTestHarness ? 3 : -1);
-        } }, 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: ["\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    min-height: 0 !important;\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 var(--mj-border-default);\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\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: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\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: var(--mj-bg-surface-card);\n}\n\n.history-row.even-row[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n}\n\n.history-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default) !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: var(--mj-shadow-md);\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.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJButtonDirective, i2.MJAccordionPanelComponent, i2.MJAccordionTitleDirective, i2.MJDropdownComponent, i2.MJNumericInputComponent, i2.MJWindowComponent, i3.MjFormToolbarComponent, i3.MjFormFieldComponent, i3.ExplorerEntityDataGridComponent, i4.CodeEditorComponent, i5.AITestHarnessComponent, i6.TemplateEditorComponent, i7.DatePipe], styles: ["\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form[_ngcontent-%COMP%] {\n    min-height: 0 !important;\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 var(--mj-border-default);\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\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: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\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: var(--mj-bg-surface-card);\n}\n\n.history-row.even-row[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n}\n\n.history-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default) !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: var(--mj-shadow-md);\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}"] }); }
 };
 MJAIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Prompts')
@@ -3105,7 +3054,7 @@ MJAIPromptFormComponentExtended = __decorate([
 export { MJAIPromptFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJAIPromptFormComponentExtended, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\" style=\"height: 100%; display: flex; flex-direction: column;\">\n  <!-- Dialog container for Kendo dialogs -->\n  <div kendoDialogContainer></div>\n  @if (record) {\n    <form class=\"record-form\" #form=\"ngForm\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\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; flex: 1; min-height: 0; overflow-y: auto;\">\n        <!-- Header Section -->\n        <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: var(--mj-bg-surface-sunken); border-bottom: 2px solid var(--mj-border-default);\">\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: var(--mj-brand-primary); 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: var(--mj-text-secondary); 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: var(--mj-text-secondary); 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: var(--mj-text-secondary); font-size: 0.9em;\">\n                      Type <span style=\"color: #dc3545;\">*</span>\n                    </label>\n                    @if (isLoadingPromptTypes) {\n                      <div style=\"padding: 8px; color: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-muted);\"></i>\n                    <span style=\"color: var(--mj-text-muted);\">Type:</span>\n                    <span style=\"color: var(--mj-text-secondary); 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: var(--mj-text-muted);\"></i>\n                  <span style=\"color: var(--mj-text-muted);\">Parallelization:</span>\n                  <span style=\"color: var(--mj-text-secondary); 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: var(--mj-text-muted);\"></i>\n                  <span style=\"color: var(--mj-text-muted);\">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: var(--mj-text-muted);\"></i>\n                    <span style=\"color: var(--mj-text-muted);\">Effort Level:</span>\n                    <span style=\"color: var(--mj-text-secondary); 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: var(--mj-bg-surface-card); border-top: 2px solid var(--mj-border-default); 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: var(--mj-text-muted);\"></i>\n                Template Editor\n                @if (template) {\n                  <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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: var(--mj-text-secondary);\">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 var(--mj-border-default); background: var(--mj-bg-surface-sunken);\">\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: var(--mj-bg-surface-card); border-radius: 6px; border: 1px solid var(--mj-border-default);\">\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: var(--mj-text-muted);\"></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: var(--mj-text-muted); 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 var(--mj-border-default); border-radius: 6px; background: var(--mj-bg-surface-sunken);\">\n                  @if (isLoadingModels) {\n                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)); border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default)); color: var(--mj-brand-primary); 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: var(--mj-bg-surface-sunken); font-weight: 600; font-size: 0.85em; color: var(--mj-text-secondary); border-bottom: 1px solid var(--mj-border-default);\">\n                        <div title=\"Priority order - models are tried from top to bottom\">\n                          <i class=\"fa-solid fa-sort\" style=\"color: var(--mj-text-muted);\"></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 ? 'color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))' : 'var(--mj-bg-surface-card)')\"\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 var(--mj-border-default); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted); font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                  }\n                                }\n                              } @else {\n                                <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted); 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 var(--mj-border-default); background: var(--mj-bg-surface-sunken); font-size: 0.85em; color: var(--mj-text-muted);\">\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: var(--mj-bg-surface-card); border: 1px solid var(--mj-border-default); border-radius: 4px; margin-top: 8px;\">\n                                <div style=\"margin-bottom: 6px; font-weight: 600; color: var(--mj-text-secondary); 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: var(--mj-text-secondary);\">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: var(--mj-text-secondary);\">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: var(--mj-text-secondary);\">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: var(--mj-bg-surface-sunken); border-top: 1px solid var(--mj-border-default);\">\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: var(--mj-text-muted);\"></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: var(--mj-text-secondary); font-size: 0.9em;\">\n                      Result Selector Prompt\n                    </label>\n                    @if (EditMode) {\n                      @if (isLoadingResultSelectorData) {\n                        <div style=\"padding: 8px; color: var(--mj-text-muted); 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: var(--mj-text-secondary);\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                    }\n                  </div>\n                </div>\n              </div>\n            </div>\n          </kendo-expansionpanel>\n          <!-- Prefill & Output Control 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-wand-magic-sparkles\" style=\"color: var(--mj-text-muted);\"></i>\n                Prefill &amp; Output Control\n              </span>\n            </ng-template>\n            <div style=\"padding: 16px 0;\">\n              <p style=\"margin: 0 0 12px 0; font-size: 0.85em; color: var(--mj-text-muted);\">\n                Assistant prefill seeds the model's response with an initial string, guiding output format and content. Stop sequences terminate generation when encountered.\n              </p>\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=\"AssistantPrefill\"\n                    Type=\"textarea\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"StopSequences\"\n                    Type=\"textbox\"\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=\"PrefillFallbackMode\"\n                    Type=\"dropdownlist\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\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: var(--mj-text-muted);\"></i>\n                  Template Parameters\n                  <span class=\"badge\" style=\"background: var(--mj-brand-primary); color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                    {{ templateParams.length }}\n                  </span>\n                  <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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 var(--mj-border-default); border-radius: 8px; padding: 16px; background: var(--mj-bg-surface-sunken); 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: var(--mj-text-secondary); 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: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-secondary);\">\n                          <span style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                            <i class=\"fa-solid fa-info-circle\" style=\"color: var(--mj-text-muted);\"></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: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Default Value</label>\n                              <code style=\"font-size: 0.85em; color: var(--mj-text-secondary); word-break: break-all;\">{{ param.DefaultValue }}</code>\n                            </div>\n                          }\n                          @if (param.EntityID) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Entity</label>\n                              <span style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">{{ param.Entity || 'Entity ID: ' + param.EntityID }}</span>\n                            </div>\n                          }\n                          @if (param.LinkedParameterName) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Linked To</label>\n                              <span style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">\n                                {{ param.LinkedParameterName }}\n                                @if (param.LinkedParameterField) {\n                                  ({{ param.LinkedParameterField }})\n                                }\n                              </span>\n                            </div>\n                          }\n                          @if (param.ExtraFilter) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Filter</label>\n                              <code style=\"font-size: 0.8em; color: var(--mj-text-secondary); word-break: break-all;\">{{ param.ExtraFilter }}</code>\n                            </div>\n                          }\n                          @if (param.RecordID) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Record ID</label>\n                              <code style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">{{ 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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                      <i class=\"fa-solid fa-lightbulb\" style=\"color: var(--mj-brand-primary); margin-top: 2px;\"></i>\n                      <div style=\"flex: 1; font-size: 0.85em; color: var(--mj-brand-primary); 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: var(--mj-text-muted);\"></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 var(--mj-border-default); border-radius: 4px;\">\n                  </mj-code-editor>\n                  <div style=\"margin-top: 8px; color: var(--mj-text-muted); 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: var(--mj-bg-surface-sunken); border: 1px solid var(--mj-border-default); 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: var(--mj-text-muted);\"></i>\n                  Execution History\n                  @if (executionHistory.length > 0) {\n                    <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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: var(--mj-text-muted); 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: var(--mj-text-muted); 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 var(--mj-border-default); border-radius: 8px; overflow: hidden;\">\n                    <table style=\"width: 100%; border-collapse: collapse;\">\n                      <thead>\n                        <tr style=\"background: var(--mj-bg-surface-sunken); border-bottom: 2px solid var(--mj-border-default);\">\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Status</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Date & Time</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Model</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Duration</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: var(--mj-text-secondary);\">Tokens</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: var(--mj-text-secondary);\">Cost</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: var(--mj-text-secondary);\">Type</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: var(--mj-text-secondary);\">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 var(--mj-border-default);\">\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: var(--mj-text-secondary);\">\n                              {{ run.RunAt | date:'short' }}\n                            </td>\n                            <td style=\"padding: 12px; color: var(--mj-text-secondary);\">\n                              <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: var(--mj-text-muted);\"></i>\n                                {{ run.Model || 'Unknown' }}\n                              </span>\n                            </td>\n                            <td style=\"padding: 12px; color: var(--mj-text-secondary);\">\n                              {{ formatDuration(run.ExecutionTimeMS) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: var(--mj-text-secondary);\">\n                              {{ formatTokens(run.TokensUsed) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: var(--mj-text-secondary);\">\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: var(--mj-bg-surface-sunken); \n                                                                       color: var(--mj-text-secondary); 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: var(--mj-text-muted);\"></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('MJ: AI Result Cache','AIPromptID')\"\n                  [NewRecordValues]=\"NewRecordValues('MJ: 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: var(--mj-text-muted);\"></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: var(--mj-text-secondary);\">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: var(--mj-text-secondary);\">Prompts Using This as Result Selector</h6>\n                    <mj-explorer-entity-data-grid\n                      [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompts','ResultSelectorPromptID')\"\n                      [NewRecordValues]=\"NewRecordValues('MJ: 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: ["/* Override shared form-styles to enable flex layout */\n:host {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form {\n    min-height: 0 !important;\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 var(--mj-border-default);\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\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: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\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: var(--mj-bg-surface-card);\n}\n\n.history-row.even-row {\n    background: var(--mj-bg-surface);\n}\n\n.history-row:hover {\n    background: var(--mj-border-default) !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: var(--mj-shadow-md);\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}\n"] }]
+        args: [{ standalone: false, selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\" style=\"height: 100%; display: flex; flex-direction: column;\">\n  <!-- Dialog container -->\n  <div></div>\n  @if (record) {\n    <form class=\"record-form\" #form=\"ngForm\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\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; flex: 1; min-height: 0; overflow-y: auto;\">\n        <!-- Header Section -->\n        <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: var(--mj-bg-surface-sunken); border-bottom: 2px solid var(--mj-border-default);\">\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: var(--mj-brand-primary); font-size: 1.4em;\"></i>\n                @if (EditMode) {\n                  <input type=\"text\" class=\"mj-input\" [(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                } @else {\n                  <h4 style=\"margin: 0; color: var(--mj-text-secondary); 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: var(--mj-text-secondary); font-size: 0.9em;\">Status</label>\n                    <mj-dropdown [(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                    </mj-dropdown>\n                  </div>\n                  <div>\n                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: var(--mj-text-secondary); font-size: 0.9em;\">\n                      Type <span style=\"color: #dc3545;\">*</span>\n                    </label>\n                    @if (isLoadingPromptTypes) {\n                      <div style=\"padding: 8px; color: var(--mj-text-muted); font-style: italic; width: 200px;\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                      </div>\n                    } @else {\n                      <mj-dropdown [(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                      </mj-dropdown>\n                    }\n                  </div>\n                </div>\n              }\n              @if (EditMode) {\n                <textarea class=\"mj-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;\"></textarea>\n              } @else if (record.Description) {\n                <p style=\"margin: 0 0 12px 0; color: var(--mj-text-muted); 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: var(--mj-text-muted);\"></i>\n                    <span style=\"color: var(--mj-text-muted);\">Type:</span>\n                    <span style=\"color: var(--mj-text-secondary); 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: var(--mj-text-muted);\"></i>\n                  <span style=\"color: var(--mj-text-muted);\">Parallelization:</span>\n                  <span style=\"color: var(--mj-text-secondary); 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: var(--mj-text-muted);\"></i>\n                  <span style=\"color: var(--mj-text-muted);\">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: var(--mj-text-muted);\"></i>\n                    <span style=\"color: var(--mj-text-muted);\">Effort Level:</span>\n                    <span style=\"color: var(--mj-text-secondary); 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 mjButton variant=\"primary\" size=\"lg\"\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: var(--mj-bg-surface-card); border-top: 2px solid var(--mj-border-default); padding: 16px; min-height: 0;\">\n          <!-- Template Editor Section -->\n          <mj-accordion-panel\n            [Expanded]=\"true\"\n            style=\"margin-bottom: 12px;\">\n            <ng-template mjAccordionTitle>\n              <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                <i class=\"fa-solid fa-code\" style=\"color: var(--mj-text-muted);\"></i>\n                Template Editor\n                @if (template) {\n                  <span style=\"color: var(--mj-text-muted); font-size: 0.9em; font-weight: normal;\">&bull; {{ 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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: var(--mj-text-secondary);\">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 mjButton variant=\"primary\" (click)=\"createNewTemplate()\">\n                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                      </button>\n                    }\n                    @if (UserCanReadTemplates) {\n                      <button mjButton variant=\"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 mjButton variant=\"outline\" (click)=\"loadTemplate()\">\n                      <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                    </button>\n                    @if (UserCanCreateTemplates) {\n                      <button mjButton variant=\"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 var(--mj-border-default); background: var(--mj-bg-surface-sunken);\">\n                      @if (UserCanUpdateTemplates) {\n                        <button mjButton\n                          variant=\"outline\"\n                          size=\"sm\"\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 mjButton\n                          variant=\"outline\"\n                          size=\"sm\"\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: var(--mj-bg-surface-card); border-radius: 6px; border: 1px solid var(--mj-border-default);\">\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          </mj-accordion-panel>\n          <!-- Model Configuration Expansion Panel -->\n          @if (record.IsSaved) {\n            <mj-accordion-panel\n              [Expanded]=\"true\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-microchip\" style=\"color: var(--mj-text-muted);\"></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: var(--mj-text-muted); 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 var(--mj-border-default); border-radius: 6px; background: var(--mj-bg-surface-sunken);\">\n                  @if (isLoadingModels) {\n                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\n                        <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                        @if (EditMode && UserCanCreatePromptModels) {\n                          <div style=\"margin-top: 10px;\">\n                            <button mjButton variant=\"outline\" size=\"sm\"\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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)); border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default)); color: var(--mj-brand-primary); 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: var(--mj-bg-surface-sunken); font-weight: 600; font-size: 0.85em; color: var(--mj-text-secondary); border-bottom: 1px solid var(--mj-border-default);\">\n                        <div title=\"Priority order - models are tried from top to bottom\">\n                          <i class=\"fa-solid fa-sort\" style=\"color: var(--mj-text-muted);\"></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 ? 'color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))' : 'var(--mj-bg-surface-card)')\"\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 var(--mj-border-default); 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: var(--mj-text-muted);\">\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                              <mj-dropdown [(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($any($event), i)\"\n                                style=\"width: 100%;\">\n                              </mj-dropdown>\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                                  <mj-dropdown [(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                                  </mj-dropdown>\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: var(--mj-text-muted); font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                  }\n                                }\n                              } @else {\n                                <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-muted); font-style: italic; font-size: 0.85em;\">\n                                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                                </div>\n                              } @else {\n                                <mj-dropdown [(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($any($event), i)\"\n                                  style=\"width: 100%;\">\n                                </mj-dropdown>\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: var(--mj-text-muted); 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 mjButton variant=\"flat\" size=\"sm\"\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 mjButton variant=\"flat\" size=\"sm\"\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 mjButton variant=\"flat\" size=\"sm\"\n                                  (click)=\"removePromptModel(i)\"\n                                  title=\"Remove model\"\n                                  style=\"color: var(--mj-status-error);\">\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 var(--mj-border-default); background: var(--mj-bg-surface-sunken); font-size: 0.85em; color: var(--mj-text-muted);\">\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: var(--mj-bg-surface-card); border: 1px solid var(--mj-border-default); border-radius: 4px; margin-top: 8px;\">\n                                <div style=\"margin-bottom: 6px; font-weight: 600; color: var(--mj-text-secondary); 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: var(--mj-text-secondary);\">Parallel Mode</label>\n                                      <mj-dropdown [(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                                      </mj-dropdown>\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: var(--mj-text-secondary);\">Parallel Count</label>\n                                        <mj-numeric-input [(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                                        </mj-numeric-input>\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: var(--mj-text-secondary);\">Config Parameter</label>\n                                        <input type=\"text\" class=\"mj-input\" [(ngModel)]=\"model.ParallelConfigParam\"\n                                          [name]=\"'parallelConfigParam_' + i\"\n                                          placeholder=\"Parameter name...\"\n                                          style=\"width: 100%; font-size: 0.85em;\" />\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: var(--mj-bg-surface-sunken); border-top: 1px solid var(--mj-border-default);\">\n                          <button mjButton variant=\"outline\" size=\"sm\"\n                            (click)=\"addNewModel()\"\n                            style=\"color: var(--mj-status-success); border-color: var(--mj-status-success);\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Model\n                          </button>\n                        </div>\n                      }\n                    }\n                  }\n                </div>\n              </div>\n            </mj-accordion-panel>\n          }\n          <!-- Advanced Configuration Expansion Panel -->\n          <mj-accordion-panel\n            [Expanded]=\"false\"\n            style=\"margin-bottom: 12px;\">\n            <ng-template mjAccordionTitle>\n              <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                <i class=\"fa-solid fa-cogs\" style=\"color: var(--mj-text-muted);\"></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: var(--mj-text-secondary); font-size: 0.9em;\">\n                      Result Selector Prompt\n                    </label>\n                    @if (EditMode) {\n                      @if (isLoadingResultSelectorData) {\n                        <div style=\"padding: 8px; color: var(--mj-text-muted); font-style: italic;\">\n                          <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                        </div>\n                      } @else {\n                        <mj-dropdown\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($any($event))\">\n                        </mj-dropdown>\n                      }\n                    } @else {\n                      <span style=\"color: var(--mj-text-secondary);\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                    }\n                  </div>\n                </div>\n              </div>\n            </div>\n          </mj-accordion-panel>\n          <!-- Prefill & Output Control Expansion Panel -->\n          <mj-accordion-panel\n            [Expanded]=\"false\"\n            style=\"margin-bottom: 12px;\">\n            <ng-template mjAccordionTitle>\n              <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                <i class=\"fa-solid fa-wand-magic-sparkles\" style=\"color: var(--mj-text-muted);\"></i>\n                Prefill &amp; Output Control\n              </span>\n            </ng-template>\n            <div style=\"padding: 16px 0;\">\n              <p style=\"margin: 0 0 12px 0; font-size: 0.85em; color: var(--mj-text-muted);\">\n                Assistant prefill seeds the model's response with an initial string, guiding output format and content. Stop sequences terminate generation when encountered.\n              </p>\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=\"AssistantPrefill\"\n                    Type=\"textarea\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"StopSequences\"\n                    Type=\"textbox\"\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=\"PrefillFallbackMode\"\n                    Type=\"dropdownlist\"\n                    [EditMode]=\"EditMode\">\n                  </mj-form-field>\n                </div>\n              </div>\n            </div>\n          </mj-accordion-panel>\n          <!-- Template Parameters Expansion Panel -->\n          @if (template && templateParams.length > 0) {\n            <mj-accordion-panel\n              [Expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-sliders\" style=\"color: var(--mj-text-muted);\"></i>\n                  Template Parameters\n                  <span class=\"badge\" style=\"background: var(--mj-brand-primary); color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                    {{ templateParams.length }}\n                  </span>\n                  <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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 var(--mj-border-default); border-radius: 8px; padding: 16px; background: var(--mj-bg-surface-sunken); 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: var(--mj-text-secondary); 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: var(--mj-text-muted); 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: var(--mj-text-muted); 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: var(--mj-text-secondary);\">\n                          <span style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                            <i class=\"fa-solid fa-info-circle\" style=\"color: var(--mj-text-muted);\"></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: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Default Value</label>\n                              <code style=\"font-size: 0.85em; color: var(--mj-text-secondary); word-break: break-all;\">{{ param.DefaultValue }}</code>\n                            </div>\n                          }\n                          @if (param.EntityID) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Entity</label>\n                              <span style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">{{ param.Entity || 'Entity ID: ' + param.EntityID }}</span>\n                            </div>\n                          }\n                          @if (param.LinkedParameterName) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Linked To</label>\n                              <span style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">\n                                {{ param.LinkedParameterName }}\n                                @if (param.LinkedParameterField) {\n                                  ({{ param.LinkedParameterField }})\n                                }\n                              </span>\n                            </div>\n                          }\n                          @if (param.ExtraFilter) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Filter</label>\n                              <code style=\"font-size: 0.8em; color: var(--mj-text-secondary); word-break: break-all;\">{{ param.ExtraFilter }}</code>\n                            </div>\n                          }\n                          @if (param.RecordID) {\n                            <div style=\"background: var(--mj-bg-surface-card); padding: 8px 12px; border-radius: 4px; border: 1px solid var(--mj-border-default);\">\n                              <label style=\"display: block; font-size: 0.8em; color: var(--mj-text-muted); margin-bottom: 2px;\">Record ID</label>\n                              <code style=\"font-size: 0.85em; color: var(--mj-text-secondary);\">{{ 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: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface)); border-radius: 6px; border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\">\n                    <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                      <i class=\"fa-solid fa-lightbulb\" style=\"color: var(--mj-brand-primary); margin-top: 2px;\"></i>\n                      <div style=\"flex: 1; font-size: 0.85em; color: var(--mj-brand-primary); 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            </mj-accordion-panel>\n          }\n          <!-- Output Example Expansion Panel (when OutputType = object) -->\n          @if (showOutputExample) {\n            <mj-accordion-panel\n              [Expanded]=\"true\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-code\" style=\"color: var(--mj-text-muted);\"></i>\n                  Output Example (JSON)\n                  <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">&bull; 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 var(--mj-border-default); border-radius: 4px;\">\n                  </mj-code-editor>\n                  <div style=\"margin-top: 8px; color: var(--mj-text-muted); 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: var(--mj-bg-surface-sunken); border: 1px solid var(--mj-border-default); 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            </mj-accordion-panel>\n          }\n          <!-- Execution History Expansion Panel -->\n          @if (record.IsSaved) {\n            <mj-accordion-panel\n              [Expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-history\" style=\"color: var(--mj-text-muted);\"></i>\n                  Execution History\n                  @if (executionHistory.length > 0) {\n                    <span style=\"color: var(--mj-text-muted); 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: var(--mj-text-muted);\">\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: var(--mj-text-muted);\">\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: var(--mj-text-muted); 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: var(--mj-text-muted); font-size: 0.85em;\">Sort by:</span>\n                      <div class=\"mj-button-group\">\n                        <button mjButton\n                          [class.active]=\"historySortField === 'runAt'\"\n                          (click)=\"changeHistorySort('runAt')\"\n                          size=\"sm\">\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 mjButton\n                          [class.active]=\"historySortField === 'executionTime'\"\n                          (click)=\"changeHistorySort('executionTime')\"\n                          size=\"sm\">\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 mjButton\n                          [class.active]=\"historySortField === 'tokens'\"\n                          (click)=\"changeHistorySort('tokens')\"\n                          size=\"sm\">\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 mjButton\n                          [class.active]=\"historySortField === 'cost'\"\n                          (click)=\"changeHistorySort('cost')\"\n                          size=\"sm\">\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                      </div>\n                    </div>\n                  </div>\n                  <!-- Execution History Table -->\n                  <div style=\"border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden;\">\n                    <table style=\"width: 100%; border-collapse: collapse;\">\n                      <thead>\n                        <tr style=\"background: var(--mj-bg-surface-sunken); border-bottom: 2px solid var(--mj-border-default);\">\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Status</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Date & Time</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Model</th>\n                          <th style=\"padding: 12px; text-align: left; font-weight: 600; color: var(--mj-text-secondary);\">Duration</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: var(--mj-text-secondary);\">Tokens</th>\n                          <th style=\"padding: 12px; text-align: right; font-weight: 600; color: var(--mj-text-secondary);\">Cost</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: var(--mj-text-secondary);\">Type</th>\n                          <th style=\"padding: 12px; text-align: center; font-weight: 600; color: var(--mj-text-secondary);\">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 var(--mj-border-default);\">\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: var(--mj-text-secondary);\">\n                              {{ run.RunAt | date:'short' }}\n                            </td>\n                            <td style=\"padding: 12px; color: var(--mj-text-secondary);\">\n                              <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: var(--mj-text-muted);\"></i>\n                                {{ run.Model || 'Unknown' }}\n                              </span>\n                            </td>\n                            <td style=\"padding: 12px; color: var(--mj-text-secondary);\">\n                              {{ formatDuration(run.ExecutionTimeMS) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: var(--mj-text-secondary);\">\n                              {{ formatTokens(run.TokensUsed) }}\n                            </td>\n                            <td style=\"padding: 12px; text-align: right; color: var(--mj-text-secondary);\">\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: var(--mj-bg-surface-sunken); \n                                                                       color: var(--mj-text-secondary); 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 mjButton\n                                variant=\"flat\"\n                                size=\"sm\"\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            </mj-accordion-panel>\n          }\n          <!-- Cache Expansion Panel -->\n          @if (record.IsSaved && record.EnableCaching) {\n            <mj-accordion-panel\n              [Expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-database\" style=\"color: var(--mj-text-muted);\"></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('MJ: AI Result Cache','AIPromptID')\"\n                  [NewRecordValues]=\"NewRecordValues('MJ: AI Result Cache')\"\n                  [AllowLoad]=\"true\"\n                  [ShowToolbar]=\"false\">\n                </mj-explorer-entity-data-grid>\n              </div>\n            </mj-accordion-panel>\n          }\n          <!-- Related Items Expansion Panel -->\n          @if (record.IsSaved) {\n            <mj-accordion-panel\n              [Expanded]=\"false\"\n              style=\"margin-bottom: 12px;\">\n              <ng-template mjAccordionTitle>\n                <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                  <i class=\"fa-solid fa-link\" style=\"color: var(--mj-text-muted);\"></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: var(--mj-text-secondary);\">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: var(--mj-text-secondary);\">Prompts Using This as Result Selector</h6>\n                    <mj-explorer-entity-data-grid\n                      [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompts','ResultSelectorPromptID')\"\n                      [NewRecordValues]=\"NewRecordValues('MJ: AI Prompts')\"\n                      [AllowLoad]=\"true\"\n                      [ShowToolbar]=\"false\">\n                    </mj-explorer-entity-data-grid>\n                  </div>\n                </div>\n              </div>\n            </mj-accordion-panel>\n          }\n        </div>\n      </div>\n    </form>\n  }\n\n\n  <!-- AI Prompt Test Harness -->\n  @if (showTestHarness) {\n    <mj-window\n      [Width]=\"1200\"\n      [Height]=\"800\"\n      [MinWidth]=\"800\"\n      [MinHeight]=\"600\"\n      [Draggable]=\"true\"\n      [Resizable]=\"true\"\n      [Visible]=\"true\"\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    </mj-window>\n  }\n</div>", styles: ["/* Override shared form-styles to enable flex layout */\n:host {\n    display: block;\n    height: 100%;\n}\n\n.record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n}\n\n.record-form {\n    min-height: 0 !important;\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 var(--mj-border-default);\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: var(--mj-bg-surface);\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: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\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: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-sm);\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: var(--mj-bg-surface-card);\n}\n\n.history-row.even-row {\n    background: var(--mj-bg-surface);\n}\n\n.history-row:hover {\n    background: var(--mj-border-default) !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: var(--mj-shadow-md);\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}\n"] }]
     }], null, { templateEditor: [{
             type: ViewChild,
             args: ['templateEditor']