@memberjunction/ng-core-entity-forms 5.28.0 → 5.30.0

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Component, ViewChild, ViewContainerRef, inject } from '@angular/core';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
-import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { BaseFormComponent, CUSTOM_LAYOUT_TOOLBAR_CONFIG } from '@memberjunction/ng-base-forms';
 import { SharedService } from '@memberjunction/ng-shared';
 import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
@@ -32,16 +32,16 @@ const _c6 = () => ({ text: "Static Count", value: "StaticCount" });
 const _c7 = () => ({ text: "Config Param", value: "ConfigParam" });
 function _forTrack0($index, $item) { return this.getModelTrackId($item) || $index; }
 const _forTrack1 = ($index, $item) => $item.ID;
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_9_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); 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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h4", 52);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -57,36 +57,36 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_10_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.TypeID, $event) || (ctx_r1.record.TypeID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.TypeID);
     i0.ɵɵproperty("Data", ctx_r1.availablePromptTypes)("ValuePrimitive", true)("Filterable", true);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 13)(1, "div")(2, "label", 45);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Template_mj_dropdown_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r4); 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", 45);
     i0.ɵɵtext(7, " Type ");
     i0.ɵɵelementStart(8, "span", 55);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 56)(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template, 1, 4, "mj-dropdown", 57);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -96,17 +96,17 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_11_Template(r
     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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_12_Template_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Description);
     i0.ɵɵproperty("rows", 2);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -115,7 +115,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_13_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.Description);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵelement(1, "i", 61);
     i0.ɵɵelementStart(2, "span", 19);
@@ -129,14 +129,14 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_15_Template(r
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.getPromptTypeDisplayName(ctx_r1.record.TypeID));
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵelement(1, "i", 64);
     i0.ɵɵelementStart(2, "span", 19);
@@ -150,31 +150,31 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_29_Template(r
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.record.EffortLevel);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_32_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestHarness()); });
     i0.ɵɵelement(1, "i", 66);
     i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Prompt must be Active");
     i0.ɵɵelement(1, "br");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template is required");
     i0.ɵɵelement(1, "br");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template not found");
     i0.ɵɵelement(1, "br");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Template(rf, ctx) { if (rf & 1) {
     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);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_1_Template, 2, 0);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_2_Template, 2, 0);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Conditional_3_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -185,7 +185,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template(r
     i0.ɵɵadvance();
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 68);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -194,40 +194,40 @@ function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_ng_template_36_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Template(rf, ctx) { if (rf & 1) {
     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", 68);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template, 2, 1, "span", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
     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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
     i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
     i0.ɵɵelement(1, "i", 79);
     i0.ɵɵtext(2, " Link Existing Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 32);
     i0.ɵɵelement(1, "i", 70);
     i0.ɵɵelementStart(2, "h5", 71);
@@ -237,8 +237,8 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(r
     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", 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.ɵɵconditionalCreate(7, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_7_Template, 3, 0, "button", 74);
+    i0.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_8_Template, 3, 0, "button", 75);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -247,16 +247,16 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_39_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 8 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
     i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 33);
     i0.ɵɵelement(1, "i", 80);
     i0.ɵɵelementStart(2, "h5", 81);
@@ -266,37 +266,37 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Template(r
     i0.ɵɵtext(5, " The referenced template could not be loaded. It may have been deleted or moved. ");
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
     i0.ɵɵelement(8, "i", 82);
     i0.ɵɵtext(9, " Retry Loading ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_2_Conditional_40_Conditional_10_Template, 3, 0, "button", 74);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_10_Template, 3, 0, "button", 74);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
     i0.ɵɵelement(1, "i", 89);
     i0.ɵɵtext(2, " Change Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTemplateInNewWindow()); });
     i0.ɵɵelement(1, "i", 91);
     i0.ɵɵtext(2, " Open in New Window ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_1_Template, 3, 0, "button", 86);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_2_Template, 3, 0, "button", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -305,12 +305,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 2 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Conditional_1_Template, 3, 2, "div", 83);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵlistener("contentChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template_mj_template_editor_contentChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template_mj_template_editor_runTemplate_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -319,7 +319,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_41_Template(r
     i0.ɵɵadvance(2);
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -328,11 +328,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     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", 95);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_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) ");
@@ -342,259 +342,259 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_ng_templat
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r15); 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_0_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     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", 100);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 100);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 123);
     i0.ɵɵelementStart(1, "span", 124);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_312_r16 = i0.ɵɵnextContext().$index;
+    const ɵ$index_310_r17 = i0.ɵɵnextContext().$index;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("#", ɵ$index_312_r16 + 1);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_310_r17 + 1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 110);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext();
-    const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_312_r16 = ctx_r16.$index;
-    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Priority ", model_r18.Priority, " - Higher priority numbers are tried first"));
+    const ctx_r17 = i0.ɵɵnextContext();
+    const model_r19 = ctx_r17.$implicit;
+    const ɵ$index_310_r17 = ctx_r17.$index;
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Priority ", model_r19.Priority, " - Higher priority numbers are tried first"));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", ɵ$index_312_r16 + 1);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_310_r17 + 1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const model_r19 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r19.ModelID, $event) || (model_r19.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ɵ$index_310_r17 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_310_r17)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r19 = 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.ɵɵtwoWayProperty("ngModel", model_r19.ModelID);
+    i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r19))("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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 22);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r19 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r18.ModelID));
+    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r19.ModelID));
 } }
-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();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r21); const model_r19 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r19.VendorID, $event) || (model_r19.VendorID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(3).$implicit;
+    const model_r19 = 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.ɵɵtwoWayProperty("ngModel", model_r19.VendorID);
+    i0.ɵɵproperty("name", "vendorId_" + ctx_r1.getModelTrackId(model_r19))("Data", ctx_r1.getVendorsForModelSync(model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(5).$implicit;
+    const model_r19 = i0.ɵɵnextContext(5).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 130);
     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.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_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();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(4).$implicit;
+    const model_r19 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].Name, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, ctx_r1.getVendorsForModelSync(model_r18.ModelID)[0].ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_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", 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", 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);
+function MJAIPromptFormComponentExtended_Conditional_1_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_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 129)(1, MJAIPromptFormComponentExtended_Conditional_1_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 model_r19 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r18.ModelID).length === 1 ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r19.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, 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);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "mj-dropdown", 127)(1, MJAIPromptFormComponentExtended_Conditional_1_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 model_r19 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r18.ModelID) ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     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", 126);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, MJAIPromptFormComponentExtended_Conditional_1_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);
+    const model_r19 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r19.ModelID ? 0 : 1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 131);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(3).$implicit;
+    const model_r19 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r19.ModelID, model_r19.VendorID), ")");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 131);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(2).$implicit;
+    const model_r19 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r18.ModelID, model_r18.VendorID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r19.ModelID, model_r19.VendorID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r18.VendorID), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r19.VendorID), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r18.ModelID, model_r18.VendorID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r19.ModelID, model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     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", 132)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 133);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 132)(1, MJAIPromptFormComponentExtended_Conditional_1_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);
+    const model_r19 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r19.VendorID && model_r19.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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     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_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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, "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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const model_r19 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r19.ConfigurationID, $event) || (model_r19.ConfigurationID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ɵ$index_310_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onConfigurationChange($event, ɵ$index_310_r17)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(2).$implicit;
+    const model_r19 = 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.ɵɵtwoWayProperty("ngModel", model_r19.ConfigurationID);
+    i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r19))("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", 134)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 1, 5, "mj-dropdown", 135);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 134)(1, MJAIPromptFormComponentExtended_Conditional_1_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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r19 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r18.ConfigurationID));
+    i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r19.ConfigurationID));
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 117);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r18.__mj_CreatedAt, "short"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r19.__mj_CreatedAt, "short"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     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 _r22 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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", 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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_310_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_310_r17)); });
     i0.ɵɵelement(1, "i", 140);
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r23); const ɵ$index_310_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_310_r17)); });
     i0.ɵɵelement(3, "i", 142);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_312_r16 = i0.ɵɵnextContext(2).$index;
+    const ɵ$index_310_r17 = i0.ɵɵnextContext(2).$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("disabled", ɵ$index_312_r16 === 0);
+    i0.ɵɵproperty("disabled", ɵ$index_310_r17 === 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ɵ$index_312_r16 === ctx_r1.promptModels.length - 1);
+    i0.ɵɵproperty("disabled", ɵ$index_310_r17 === 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 _r23 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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", 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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_310_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_310_r17)); });
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_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", 138);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_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();
@@ -602,166 +602,166 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanDeletePromptModels ? 2 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Status:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.Status);
+    i0.ɵɵtextInterpolate1(" ", model_r19.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 _r25 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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", 149);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template_mj_numeric_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const model_r19 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r19.ParallelCount, $event) || (model_r19.ParallelCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(3);
-    const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_312_r16 = ctx_r16.$index;
+    const ctx_r17 = i0.ɵɵnextContext(3);
+    const model_r19 = ctx_r17.$implicit;
+    const ɵ$index_310_r17 = ctx_r17.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_312_r16)("Min", 1)("Step", 1)("Format", "n0");
+    i0.ɵɵtwoWayProperty("ngModel", model_r19.ParallelCount);
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_310_r17)("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 _r26 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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", 149);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r27); const model_r19 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r19.ParallelConfigParam, $event) || (model_r19.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(3);
-    const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_312_r16 = ctx_r16.$index;
+    const ctx_r17 = i0.ɵɵnextContext(3);
+    const model_r19 = ctx_r17.$implicit;
+    const ɵ$index_310_r17 = ctx_r17.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r18.ParallelConfigParam);
-    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_312_r16);
+    i0.ɵɵtwoWayProperty("ngModel", model_r19.ParallelConfigParam);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_310_r17);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_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", 147)(1, "div")(2, "label", 149);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
     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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template_mj_dropdown_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r25); const model_r19 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r19.ParallelizationMode, $event) || (model_r19.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");
+    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template, 4, 5, "div");
+    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template, 4, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(2);
-    const model_r18 = ctx_r16.$implicit;
-    const ɵ$index_312_r16 = ctx_r16.$index;
+    const ctx_r17 = i0.ɵɵnextContext(2);
+    const model_r19 = ctx_r17.$implicit;
+    const ɵ$index_310_r17 = ctx_r17.$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.ɵɵtwoWayProperty("ngModel", model_r19.ParallelizationMode);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_310_r17)("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.ɵɵconditional(model_r19.ParallelizationMode === "StaticCount" ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r18.ParallelizationMode === "ConfigParam" ? 6 : -1);
+    i0.ɵɵconditional(model_r19.ParallelizationMode === "ConfigParam" ? 6 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Parallel Mode:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(3).$implicit;
+    const model_r19 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelizationMode);
+    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelizationMode);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Parallel Count:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(3).$implicit;
+    const model_r19 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelCount);
+    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelCount);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Config Param:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(3).$implicit;
+    const model_r19 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r18.ParallelConfigParam);
+    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelConfigParam);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 148);
-    i0.ɵɵconditionalCreate(1, 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");
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r18 = i0.ɵɵnextContext(2).$implicit;
+    const model_r19 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r18.ParallelizationMode ? 1 : -1);
+    i0.ɵɵconditional(model_r19.ParallelizationMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r18.ParallelCount ? 2 : -1);
+    i0.ɵɵconditional(model_r19.ParallelCount ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r18.ParallelConfigParam ? 3 : -1);
+    i0.ɵɵconditional(model_r19.ParallelConfigParam ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     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", 147)(5, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 148);
+    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 147)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 148);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
     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.ɵɵlistener("dragstart", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragstart_0_listener($event) { const ɵ$index_310_r17 = i0.ɵɵrestoreView(_r16).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_310_r17)); })("dragover", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_drop_0_listener($event) { const ɵ$index_310_r17 = i0.ɵɵrestoreView(_r16).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_310_r17)); })("dragend", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
     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.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 110);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "mj-dropdown", 112)(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 22);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Template, 2, 1)(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(14, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 117)(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 118);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(17, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(18, "div", 120);
     i0.ɵɵelement(19, "div");
     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.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_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", 122);
+    i0.ɵɵconditionalCreate(23, MJAIPromptFormComponentExtended_Conditional_1_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;
-    const ɵ$index_312_r16 = ctx.$index;
+    const model_r19 = ctx.$implicit;
+    const ɵ$index_310_r17 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("background", !model_r18.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_312_r16 ? "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))" : "var(--mj-bg-surface-card)")("border-left", !model_r18.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_312_r16 ? "0.5" : "1");
+    i0.ɵɵstyleProp("background", !model_r19.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_310_r17 ? "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))" : "var(--mj-bg-surface-card)")("border-left", !model_r19.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_310_r17 ? "0.5" : "1");
     i0.ɵɵproperty("draggable", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
@@ -772,24 +772,24 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 11 : 12);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(model_r18.ID ? 14 : 15);
+    i0.ɵɵconditional(model_r19.ID ? 14 : 15);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 17 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(model_r18.Status ? 22 : -1);
+    i0.ɵɵconditional(model_r19.Status ? 22 : -1);
     i0.ɵɵadvance();
     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 _r27 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = 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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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", 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", 102);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_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();
@@ -810,8 +810,8 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵelementStart(14, "div");
     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", 106);
+    i0.ɵɵrepeaterCreate(16, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template, 24, 15, null, null, _forTrack0, true);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_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);
@@ -820,17 +820,17 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditiona
     i0.ɵɵadvance(2);
     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", 98)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Conditional_5_Conditional_1_Template, 19, 2);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 98)(1, MJAIPromptFormComponentExtended_Conditional_1_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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template, 3, 0, "div", 93)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -838,48 +838,48 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Template(r
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_ng_template_44_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_44_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-form-field", 39);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     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 _r28 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = 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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Conditional_1_Template_mj_dropdown_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_1_Conditional_59_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.ResultSelectorPromptID);
     i0.ɵɵproperty("Data", ctx_r1.resultSelectorTreeData)("ValuePrimitive", true)("Filterable", true);
 } }
-function 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", 155)(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_59_Conditional_1_Template, 1, 4, "mj-dropdown", 156);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Conditional_0_Template, 3, 0, "div", 155)(1, MJAIPromptFormComponentExtended_Conditional_1_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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 46);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -888,13 +888,13 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_60_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_ng_template_62_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_62_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 67);
     i0.ɵɵelement(1, "i", 159);
     i0.ɵɵtext(2, " Template Parameters ");
@@ -910,43 +910,43 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_ng_templat
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.templateParams.length, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 177);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r29.Description, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r30.Description, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Default Value");
     i0.ɵɵelementEnd();
@@ -954,11 +954,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r29.DefaultValue);
+    i0.ɵɵtextInterpolate(param_r30.DefaultValue);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Entity");
     i0.ɵɵelementEnd();
@@ -966,32 +966,32 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r29.Entity || "Entity ID: " + param_r29.EntityID);
+    i0.ɵɵtextInterpolate(param_r30.Entity || "Entity ID: " + param_r30.EntityID);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵtextInterpolate1(" (", param_r29.LinkedParameterField, ") ");
+    const param_r30 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate1(" (", param_r30.LinkedParameterField, ") ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Linked To");
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", param_r29.LinkedParameterName, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r30.LinkedParameterName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.LinkedParameterField ? 5 : -1);
+    i0.ɵɵconditional(param_r30.LinkedParameterField ? 5 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Filter");
     i0.ɵɵelementEnd();
@@ -999,11 +999,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r29.ExtraFilter);
+    i0.ɵɵtextInterpolate(param_r30.ExtraFilter);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 182)(1, "label", 183);
     i0.ɵɵtext(2, "Record ID");
     i0.ɵɵelementEnd();
@@ -1011,69 +1011,69 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = i0.ɵɵnextContext().$implicit;
+    const param_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r29.RecordID);
+    i0.ɵɵtextInterpolate(param_r30.RecordID);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 168)(1, "div", 169)(2, "div", 170);
     i0.ɵɵelement(3, "i", 171);
     i0.ɵɵelementStart(4, "h6", 172);
     i0.ɵɵtext(5);
-    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 173);
+    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 173);
     i0.ɵɵelementEnd()();
     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", 175)(11, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 176);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 175)(11, MJAIPromptFormComponentExtended_Conditional_1_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", 177);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_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", 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.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(19, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 182);
+    i0.ɵɵconditionalCreate(21, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 182);
+    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 182);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r29 = ctx.$implicit;
+    const param_r30 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r29.Type));
+    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r30.Type));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r29.Type));
-    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r29.Type));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r30.Type));
+    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r30.Type));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", param_r29.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r30.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.IsRequired ? 6 : -1);
+    i0.ɵɵconditional(param_r30.IsRequired ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r29.Type));
+    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r30.Type));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r29.Type, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r30.Type, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.IsRequired ? 10 : 11);
+    i0.ɵɵconditional(param_r30.IsRequired ? 10 : 11);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r29.Description ? 12 : -1);
+    i0.ɵɵconditional(param_r30.Description ? 12 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r29), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r30), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r29.DefaultValue ? 18 : -1);
+    i0.ɵɵconditional(param_r30.DefaultValue ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.EntityID ? 19 : -1);
+    i0.ɵɵconditional(param_r30.EntityID ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.LinkedParameterName ? 20 : -1);
+    i0.ɵɵconditional(param_r30.LinkedParameterName ? 20 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.ExtraFilter ? 21 : -1);
+    i0.ɵɵconditional(param_r30.ExtraFilter ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r29.RecordID ? 22 : -1);
+    i0.ɵɵconditional(param_r30.RecordID ? 22 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 162);
-    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditional_5_For_2_Template, 23, 19, "div", 163, _forTrack1);
+    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_For_2_Template, 23, 19, "div", 163, _forTrack1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 164)(4, "div", 165);
     i0.ɵɵelement(5, "i", 166);
@@ -1087,11 +1087,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.templateParams);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_3_Template, 3, 0, "div", 93)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_4_Template, 3, 0, "div", 98)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Conditional_5_Template, 10, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1099,7 +1099,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_72_Template(r
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 67);
     i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Output Example (JSON) ");
@@ -1107,10 +1107,10 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_ng_templat
     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 _r30 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = 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.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_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); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(1, "div", 191);
     i0.ɵɵelement(2, "i", 99);
@@ -1120,7 +1120,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditiona
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 187);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1129,17 +1129,17 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_3_Template, 4, 1)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_4_Template, 2, 1, "div", 187)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_Template, 3, 0, "div", 188);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1147,7 +1147,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_73_Template(r
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 195);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1156,25 +1156,25 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     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", 195);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_ng_template_1_Conditional_3_Template, 2, 1, "span", 195);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.executionHistory.length > 0 ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 193);
     i0.ɵɵelement(1, "i", 197);
     i0.ɵɵelementStart(2, "p");
@@ -1184,41 +1184,41 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditiona
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 217);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r33 = i0.ɵɵnextContext().$implicit;
+    const run_r34 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r33.RunType, " ");
+    i0.ɵɵtextInterpolate1(" ", run_r34.RunType, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 211)(1, "td", 212)(2, "span", 213);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementStart(4, "span", 22);
@@ -1242,39 +1242,39 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditiona
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
     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.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 217);
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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", 219);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r33 = ctx.$implicit;
-    const ɵ$index_853_r34 = ctx.$index;
+    const run_r34 = ctx.$implicit;
+    const ɵ$index_851_r35 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("even-row", ɵ$index_853_r34 % 2 === 0);
+    i0.ɵɵclassProp("even-row", ɵ$index_851_r35 % 2 === 0);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r33.Success));
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r33.Success));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r34.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r33.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r33.Success === true ? "Success" : run_r33.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r34.Success === true ? "Success" : run_r34.Success === false ? "Failed" : "Running", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r33.RunAt, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r34.RunAt, "short"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", run_r33.Model || "Unknown", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r34.Model || "Unknown", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r33.ExecutionTimeMS), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r34.ExecutionTimeMS), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r33.TokensUsed), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r34.TokensUsed), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r33.TotalCost || run_r33.Cost), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r34.TotalCost || run_r34.Cost), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(run_r33.RunType ? 20 : -1);
+    i0.ɵɵconditional(run_r34.RunType ? 20 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 198)(1, "div", 133);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -1282,24 +1282,24 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditiona
     i0.ɵɵtext(5, "Sort by:");
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵtext(8, " Date ");
-    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_9_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_9_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵtext(11, " Duration ");
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_12_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_12_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵtext(14, " Tokens ");
-    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_15_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_15_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd();
     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.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵtext(17, " Cost ");
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditional_5_Conditional_18_Template, 1, 2, "i", 202);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Conditional_18_Template, 1, 2, "i", 202);
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(19, "div", 203)(20, "table", 204)(21, "thead")(22, "tr", 205)(23, "th", 206);
     i0.ɵɵtext(24, "Status");
@@ -1326,7 +1326,7 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditiona
     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", 209, _forTrack1);
+    i0.ɵɵrepeaterCreate(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_For_41_Template, 24, 18, "tr", 209, _forTrack1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1351,11 +1351,11 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Conditiona
     i0.ɵɵadvance(22);
     i0.ɵɵrepeater(ctx_r1.executionHistory);
 } }
-function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_3_Template, 4, 0, "div", 193)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_4_Template, 6, 0, "div", 193)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Template, 42, 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1363,15 +1363,15 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_74_Template(r
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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()();
@@ -1381,15 +1381,15 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_75_Template(r
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_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();
@@ -1408,17 +1408,18 @@ function MJAIPromptFormComponentExtended_Conditional_2_Conditional_76_Template(r
     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", 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);
+function MJAIPromptFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-form-container", 4);
+    i0.ɵɵlistener("Navigate", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_record_form_container_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("DeleteRequested", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_record_form_container_DeleteRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteRequested()); })("FavoriteToggled", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_record_form_container_FavoriteToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggled()); })("HistoryRequested", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_record_form_container_HistoryRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRequested()); })("ListManagementRequested", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_record_form_container_ListManagementRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementRequested()); });
+    i0.ɵɵelementStart(1, "form", 5, 0)(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.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_9_Template, 1, 1, "input", 12)(10, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Template, 12, 11, "div", 13);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_12_Template, 1, 2, "textarea", 14)(13, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_15_Template, 6, 1, "div", 17);
     i0.ɵɵelementStart(16, "div", 17);
     i0.ɵɵelement(17, "i", 18);
     i0.ɵɵelementStart(18, "span", 19);
@@ -1435,26 +1436,26 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(26, "span", 22);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(28, MJAIPromptFormComponentExtended_Conditional_1_Conditional_28_Template, 4, 0, "div", 17);
+    i0.ɵɵconditionalCreate(29, MJAIPromptFormComponentExtended_Conditional_1_Conditional_29_Template, 6, 1, "div", 17);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(30, "div", 23)(31, "div", 24);
-    i0.ɵɵconditionalCreate(32, MJAIPromptFormComponentExtended_Conditional_2_Conditional_32_Template, 3, 0, "button", 25);
+    i0.ɵɵconditionalCreate(32, MJAIPromptFormComponentExtended_Conditional_1_Conditional_32_Template, 3, 0, "button", 25);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(33, MJAIPromptFormComponentExtended_Conditional_2_Conditional_33_Template, 4, 3, "div", 26);
+    i0.ɵɵconditionalCreate(33, MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Template, 4, 3, "div", 26);
     i0.ɵɵelementEnd()()();
     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.ɵɵtemplate(36, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(38, MJAIPromptFormComponentExtended_Conditional_1_Conditional_38_Template, 3, 0, "div", 31)(39, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Template, 9, 2, "div", 32)(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template, 11, 1, "div", 33)(41, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template, 5, 3, "div", 34);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(42, MJAIPromptFormComponentExtended_Conditional_2_Conditional_42_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(42, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵtemplate(44, MJAIPromptFormComponentExtended_Conditional_1_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.ɵɵconditionalCreate(49, MJAIPromptFormComponentExtended_Conditional_1_Conditional_49_Template, 1, 3, "mj-form-field", 38);
+    i0.ɵɵconditionalCreate(50, MJAIPromptFormComponentExtended_Conditional_1_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");
@@ -1462,10 +1463,10 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     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", 46);
+    i0.ɵɵconditionalCreate(59, MJAIPromptFormComponentExtended_Conditional_1_Conditional_59_Template, 2, 1)(60, MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Template, 2, 1, "span", 46);
     i0.ɵɵelementEnd()()()()();
     i0.ɵɵelementStart(61, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(62, MJAIPromptFormComponentExtended_Conditional_2_ng_template_62_Template, 3, 0, "ng-template", 29);
+    i0.ɵɵtemplate(62, MJAIPromptFormComponentExtended_Conditional_1_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();
@@ -1475,17 +1476,16 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵelementStart(70, "div");
     i0.ɵɵelement(71, "mj-form-field", 50);
     i0.ɵɵelementEnd()()()();
-    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()()();
+    i0.ɵɵconditionalCreate(72, MJAIPromptFormComponentExtended_Conditional_1_Conditional_72_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(73, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(74, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Template, 6, 2, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(75, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Template, 4, 5, "mj-accordion-panel", 28);
+    i0.ɵɵconditionalCreate(76, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template, 12, 9, "mj-accordion-panel", 28);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Form", ctx_r1);
-    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("Record", ctx_r1.record)("FormComponent", ctx_r1)("ToolbarConfig", ctx_r1.toolbarConfig)("WidthMode", "full-width");
+    i0.ɵɵadvance(9);
     i0.ɵɵconditional(ctx_r1.EditMode ? 9 : 10);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 11 : -1);
@@ -1550,12 +1550,12 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.IsSaved ? 76 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
+function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = 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.ɵɵlistener("Close", function MJAIPromptFormComponentExtended_Conditional_2_Template_mj_window_Close_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
     i0.ɵɵelementStart(1, "mj-ai-test-harness", 225);
-    i0.ɵɵ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.ɵɵlistener("visibilityChange", function MJAIPromptFormComponentExtended_Conditional_2_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1569,6 +1569,7 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
         this.testHarnessService = inject(AITestHarnessDialogService);
         this.viewContainerRef = inject(ViewContainerRef);
         this.promptManagementService = inject(AIPromptManagementService);
+        this.toolbarConfig = CUSTOM_LAYOUT_TOOLBAR_CONFIG;
         this.template = null;
         this.templateContent = null;
         this.templateParams = [];
@@ -1609,6 +1610,8 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
         this._metadata = new Metadata();
         this.__InferenceProvider_VendorTypeDefinitionID = '';
     }
+    /** Custom-layout AI Prompt form looks best full-width on first open. */
+    getDefaultFormWidthMode() { return 'full-width'; }
     // Main AI Prompt permissions inherited from BaseFormComponent:
     // - UserCanEdit (Update permission)
     // - UserCanRead (Read permission) 
@@ -3035,18 +3038,16 @@ 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"], [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");
-            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();
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [3, "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [3, "Width", "Height", "MinWidth", "MinHeight", "Draggable", "Resizable", "Visible", "Title"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent", "ToolbarConfig", "WidthMode"], [1, "record-form", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow", "hidden"], [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.ɵɵelement(0, "div");
+            i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Template, 77, 53, "mj-record-form-container", 2);
+            i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Template, 2, 11, "mj-window", 3);
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.record ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showTestHarness ? 3 : -1);
-        } }, 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}"] }); }
+            i0.ɵɵconditional(ctx.record ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showTestHarness ? 2 : -1);
+        } }, 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.MjFormFieldComponent, i3.MjRecordFormContainerComponent, 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')
@@ -3054,7 +3055,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 -->\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"] }]
+        args: [{ standalone: false, selector: 'mj-ai-prompt-form', template: "<!-- Dialog container -->\n<div></div>\n@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    [ToolbarConfig]=\"toolbarConfig\"\n    [WidthMode]=\"'full-width'\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n    <form class=\"record-form\" #form=\"ngForm\" style=\"display: flex; flex-direction: column; height: 100%; overflow: hidden;\">\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</mj-record-form-container>\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}", 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']