@memberjunction/ng-core-entity-forms 6.2.1 → 6.3.0-edge.0

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

@@ -15,6 +15,8 @@ import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { AITestHarnessDialogService } from '@memberjunction/ng-ai-test-harness';
 import { AIPromptManagementService } from './ai-prompt-management.service';
 import { DedupePendingRecordsByEntity } from './pending-records';
+import { JoinHeroSummary } from '../../shared/phone-hero';
+import { PhoneSectionsState } from '../../shared/phone-sections-state';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-ui-components";
@@ -35,7 +37,7 @@ function _forTrack0($index, $item) { return this.getModelTrackId($item) || $inde
 const _forTrack1 = ($index, $item) => $item.ID;
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 52);
+    i0.ɵɵelementStart(0, "input", 62);
     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) {
@@ -43,10 +45,10 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_9_Template(rf
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4", 53);
+    i0.ɵɵelementStart(0, "h4", 63);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 54);
+    i0.ɵɵelementStart(2, "span", 64);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -59,14 +61,14 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_10_Template(r
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading types... ");
     i0.ɵɵelementEnd();
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 60);
+    i0.ɵɵelementStart(0, "mj-dropdown", 70);
     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) {
@@ -76,18 +78,18 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditiona
 } }
 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", 46);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div")(2, "label", 50);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-dropdown", 55);
+    i0.ɵɵelementStart(4, "mj-dropdown", 65);
     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", 46);
+    i0.ɵɵelementStart(5, "div")(6, "label", 50);
     i0.ɵɵtext(7, " Type ");
-    i0.ɵɵelementStart(8, "span", 56);
+    i0.ɵɵelementStart(8, "span", 66);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 57)(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template, 1, 4, "mj-dropdown", 58);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 67)(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Conditional_11_Template, 1, 4, "mj-dropdown", 68);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -99,7 +101,7 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_11_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "textarea", 61);
+    i0.ɵɵelementStart(0, "textarea", 71);
     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) {
@@ -118,7 +120,7 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_13_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 62);
+    i0.ɵɵelement(1, "i", 72);
     i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3, "Type:");
     i0.ɵɵelementEnd();
@@ -132,14 +134,14 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_15_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵelementStart(2, "span", 64);
+    i0.ɵɵelement(1, "i", 73);
+    i0.ɵɵelementStart(2, "span", 74);
     i0.ɵɵtext(3, "Caching Enabled");
     i0.ɵɵelementEnd()();
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 65);
+    i0.ɵɵelement(1, "i", 75);
     i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3, "Effort Level:");
     i0.ɵɵelementEnd();
@@ -153,9 +155,9 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_29_Template(r
 } }
 function MJAIPromptFormComponentExtended_Conditional_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
+    i0.ɵɵelementStart(0, "button", 76);
     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", 67);
+    i0.ɵɵelement(1, "i", 77);
     i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
 } }
@@ -186,8 +188,23 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_33_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.template && ctx_r1.record.TemplateID ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 69);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 78);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_34_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleHeroDetails()); });
+    i0.ɵɵelementStart(1, "span", 79);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 80);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-expanded", ctx_r1.HeroDetailsOpen);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.HeroSummary);
+} }
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_38_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -195,43 +212,43 @@ function MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
     i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Template Editor ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_ng_template_36_Conditional_3_Template, 2, 1, "span", 69);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_ng_template_38_Conditional_3_Template, 2, 1, "span", 82);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "i", 70);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 83);
     i0.ɵɵtext(2, " Loading template... ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 74);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(1, "i", 75);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 87);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(1, "i", 88);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 76);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
-    i0.ɵɵelement(1, "i", 77);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 89);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵtext(2, " Link Existing Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-empty-state", 32)(1, "div", 71);
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_2_Template, 3, 0, "button", 72);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Conditional_3_Template, 3, 0, "button", 73);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-empty-state", 34)(1, "div", 84);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_2_Template, 3, 0, "button", 85);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_3_Template, 3, 0, "button", 86);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -240,48 +257,48 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 74);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(1, "i", 75);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 87);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(1, "i", 88);
     i0.ɵɵtext(2, " Create New Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-empty-state", 33)(1, "div", 71)(2, "button", 76);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
-    i0.ɵɵelement(3, "i", 78);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-empty-state", 35)(1, "div", 84)(2, "button", 89);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
+    i0.ɵɵelement(3, "i", 91);
     i0.ɵɵtext(4, " Retry Loading ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Conditional_5_Template, 3, 0, "button", 72);
+    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template, 3, 0, "button", 85);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵconditional(ctx_r1.UserCanCreateTemplates ? 5 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 84);
-    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", 85);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 97);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(1, "i", 98);
     i0.ɵɵtext(2, " Change Template ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
-    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", 87);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 99);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openTemplateInNewWindow()); });
+    i0.ɵɵelement(1, "i", 100);
     i0.ɵɵtext(2, " Open in New Window ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_1_Template, 3, 0, "button", 82);
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditional_1_Conditional_2_Template, 3, 0, "button", 83);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_1_Template, 3, 0, "button", 95);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Conditional_2_Template, 3, 0, "button", 96);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -290,12 +307,12 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanReadTemplates ? 2 : -1);
 } }
-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_1_Conditional_41_Conditional_1_Template, 3, 2, "div", 79);
-    i0.ɵɵelementStart(2, "div", 80)(3, "mj-template-editor", 81, 1);
-    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)); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Conditional_1_Template, 3, 2, "div", 92);
+    i0.ɵɵelementStart(2, "div", 93)(3, "mj-template-editor", 94, 1);
+    i0.ɵɵlistener("contentChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Template_mj_template_editor_contentChange_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Template_mj_template_editor_runTemplate_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -304,8 +321,8 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template(r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 91);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -313,13 +330,13 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.promptModels.length);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 90);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 103);
     i0.ɵɵtext(2, " Models ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 91);
-    i0.ɵɵelementStart(4, "span", 92);
-    i0.ɵɵelement(5, "i", 93);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Conditional_3_Template, 2, 1, "span", 104);
+    i0.ɵɵelementStart(4, "span", 105);
+    i0.ɵɵelement(5, "i", 106);
     i0.ɵɵtext(6, " Priority order (first available model will be used) ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -327,257 +344,257 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_templat
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵelement(1, "i", 59);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading models... ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 96);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
-    i0.ɵɵelement(1, "i", 75);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 109);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_0_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(1, "i", 88);
     i0.ɵɵtext(2, " Add Model ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-empty-state", 94);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_0_Conditional_1_Template, 3, 0, "button", 95);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-empty-state", 107);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_0_Conditional_1_Template, 3, 0, "button", 108);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 1 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "i", 102);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110);
+    i0.ɵɵelement(1, "i", 115);
     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_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 118);
-    i0.ɵɵelementStart(1, "span", 119);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 131);
+    i0.ɵɵelementStart(1, "span", 132);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_289_r17 = i0.ɵɵnextContext().$index;
+    const ɵ$index_299_r18 = i0.ɵɵnextContext().$index;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("#", ɵ$index_289_r17 + 1);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_299_r18 + 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", 105);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 118);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext();
-    const model_r19 = ctx_r17.$implicit;
-    const ɵ$index_289_r17 = ctx_r17.$index;
-    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Priority ", model_r19.Priority, " - Higher priority numbers are tried first"));
+    const ctx_r18 = i0.ɵɵnextContext();
+    const model_r20 = ctx_r18.$implicit;
+    const ɵ$index_299_r18 = ctx_r18.$index;
+    i0.ɵɵproperty("title", i0.ɵɵinterpolate1("Priority ", model_r20.Priority, " - Higher priority numbers are tried first"));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", ɵ$index_289_r17 + 1);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_299_r18 + 1);
 } }
-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", 120);
-    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_289_r17 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_289_r17)); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 133);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r21); const model_r20 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r20.ModelID, $event) || (model_r20.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_5_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r21); const ɵ$index_299_r18 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_299_r18)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext().$implicit;
+    const model_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r19.ModelID);
-    i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r19))("Data", ctx_r1.availableModels)("ValuePrimitive", true)("Filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.ModelID);
+    i0.ɵɵproperty("name", "modelId_" + ctx_r1.getModelTrackId(model_r20))("Data", ctx_r1.availableModels)("ValuePrimitive", true)("Filterable", true);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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_r19 = i0.ɵɵnextContext().$implicit;
+    const model_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r19.ModelID));
+    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r20.ModelID));
 } }
-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", 123);
-    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); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 136);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const model_r20 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r20.VendorID, $event) || (model_r20.VendorID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    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);
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.VendorID);
+    i0.ɵɵproperty("name", "vendorId_" + ctx_r1.getModelTrackId(model_r20))("Data", ctx_r1.getVendorsForModelSync(model_r20.ModelID))("ValuePrimitive", true)("Filterable", true);
 } }
-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", 126);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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", 139);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(5).$implicit;
+    const model_r20 = i0.ɵɵnextContext(5).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r20.ModelID, ctx_r1.getVendorsForModelSync(model_r20.ModelID)[0].ID), ")");
 } }
-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", 125);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 138);
     i0.ɵɵtext(1);
-    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", 126);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 139);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(4).$implicit;
+    const model_r20 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r20.ModelID, ctx_r1.getVendorsForModelSync(model_r20.ModelID)[0].ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].Name, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r20.ModelID)[0].Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r19.ModelID, ctx_r1.getVendorsForModelSync(model_r19.ModelID)[0].ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r20.ModelID, ctx_r1.getVendorsForModelSync(model_r20.ModelID)[0].ID) !== "Active" ? 2 : -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", 121);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 134);
     i0.ɵɵtext(1, "No vendors available");
     i0.ɵɵelementEnd();
 } }
-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", 124)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 121);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 137)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 134);
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r19.ModelID).length === 1 ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r20.ModelID).length === 1 ? 0 : 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", 122)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_0_Template, 1, 5, "mj-dropdown", 135)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(2).$implicit;
+    const model_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r19.ModelID) ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r20.ModelID) ? 0 : 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", 121);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 134);
     i0.ɵɵtext(1, "Select model first");
     i0.ɵɵelementEnd();
 } }
-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", 121);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_0_Template, 2, 1)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Conditional_1_Template, 2, 0, "span", 134);
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r19.ModelID ? 0 : 1);
+    const model_r20 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r20.ModelID ? 0 : 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", 126);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 139);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r19.ModelID, model_r19.VendorID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r20.ModelID, model_r20.VendorID), ")");
 } }
-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", 110);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
     i0.ɵɵtext(1);
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 126);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 139);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(2).$implicit;
+    const model_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r19.ModelID, model_r19.VendorID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r20.ModelID, model_r20.VendorID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r19.VendorID), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r20.VendorID), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r19.ModelID, model_r19.VendorID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r20.ModelID, model_r20.VendorID) !== "Active" ? 2 : -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", 128);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 141);
     i0.ɵɵtext(1, "-");
     i0.ɵɵelementEnd();
 } }
-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", 127)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 128);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_0_Template, 3, 4, "span", 140)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Conditional_1_Template, 2, 0, "span", 141);
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r19.VendorID && model_r19.ModelID ? 0 : 1);
+    const model_r20 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r20.VendorID && model_r20.ModelID ? 0 : 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", 129);
-    i0.ɵɵelement(1, "i", 59);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading... ");
     i0.ɵɵelementEnd();
 } }
-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", 131);
-    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_289_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onConfigurationChange($event, ɵ$index_289_r17)); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 144);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const model_r20 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r20.ConfigurationID, $event) || (model_r20.ConfigurationID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ValueChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ɵ$index_299_r18 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onConfigurationChange($event, ɵ$index_299_r18)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(2).$implicit;
+    const model_r20 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r19.ConfigurationID);
-    i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r19))("Data", ctx_r1.availableConfigurations)("ValuePrimitive", true)("Filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.ConfigurationID);
+    i0.ɵɵproperty("name", "configurationId_" + ctx_r1.getModelTrackId(model_r20))("Data", ctx_r1.availableConfigurations)("ValuePrimitive", true)("Filterable", true);
 } }
-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", 129)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 1, 5, "mj-dropdown", 130);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_0_Template, 3, 0, "div", 142)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Conditional_1_Template, 1, 5, "mj-dropdown", 143);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵconditional(ctx_r1.isLoadingConfigurations ? 0 : 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", 110);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext().$implicit;
+    const model_r20 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r19.ConfigurationID));
+    i0.ɵɵtextInterpolate(ctx_r1.getConfigurationDisplayName(model_r20.ConfigurationID));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 112);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 125);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext().$implicit;
+    const model_r20 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r19.__mj_CreatedAt, "short"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r20.__mj_CreatedAt, "short"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 126);
     i0.ɵɵtext(1, "New");
     i0.ɵɵelementEnd();
 } }
-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", 134);
-    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_289_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_289_r17)); });
-    i0.ɵɵelement(1, "i", 135);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 147);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_299_r18 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_299_r18)); });
+    i0.ɵɵelement(1, "i", 148);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 136);
-    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_289_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_289_r17)); });
-    i0.ɵɵelement(3, "i", 137);
+    i0.ɵɵelementStart(2, "button", 149);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_299_r18 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_299_r18)); });
+    i0.ɵɵelement(3, "i", 150);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_289_r17 = i0.ɵɵnextContext(2).$index;
+    const ɵ$index_299_r18 = i0.ɵɵnextContext(2).$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("disabled", ɵ$index_289_r17 === 0);
+    i0.ɵɵproperty("disabled", ɵ$index_299_r18 === 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ɵ$index_289_r17 === ctx_r1.promptModels.length - 1);
+    i0.ɵɵproperty("disabled", ɵ$index_299_r18 === ctx_r1.promptModels.length - 1);
 } }
-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", 138);
-    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_289_r17 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_289_r17)); });
-    i0.ɵɵelement(1, "i", 139);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 151);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r25); const ɵ$index_299_r18 = i0.ɵɵnextContext(2).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_299_r18)); });
+    i0.ɵɵelement(1, "i", 152);
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 132);
-    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template, 4, 2);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 145);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_1_Template, 4, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template, 2, 0, "button", 133);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Conditional_2_Template, 2, 0, "button", 146);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance();
@@ -585,166 +602,166 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.UserCanDeletePromptModels ? 2 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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_r19 = i0.ɵɵnextContext().$implicit;
+    const model_r20 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r19.Status);
+    i0.ɵɵtextInterpolate1(" ", model_r20.Status);
 } }
-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", 144);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 157);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-numeric-input", 146);
-    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.ɵɵelementStart(3, "mj-numeric-input", 159);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template_mj_numeric_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r27); const model_r20 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r20.ParallelCount, $event) || (model_r20.ParallelCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext(3);
-    const model_r19 = ctx_r17.$implicit;
-    const ɵ$index_289_r17 = ctx_r17.$index;
+    const ctx_r18 = i0.ɵɵnextContext(3);
+    const model_r20 = ctx_r18.$implicit;
+    const ɵ$index_299_r18 = ctx_r18.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r19.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_289_r17)("Min", 1)("Step", 1)("Format", "n0");
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.ParallelCount);
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_299_r18)("Min", 1)("Step", 1)("Format", "n0");
 } }
-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", 144);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 157);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 147);
-    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.ɵɵelementStart(3, "input", 160);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r28); const model_r20 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r20.ParallelConfigParam, $event) || (model_r20.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext(3);
-    const model_r19 = ctx_r17.$implicit;
-    const ɵ$index_289_r17 = ctx_r17.$index;
+    const ctx_r18 = i0.ɵɵnextContext(3);
+    const model_r20 = ctx_r18.$implicit;
+    const ɵ$index_299_r18 = ctx_r18.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r19.ParallelConfigParam);
-    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_289_r17);
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.ParallelConfigParam);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_299_r18);
 } }
-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", 142)(1, "div")(2, "label", 144);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 155)(1, "div")(2, "label", 157);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-dropdown", 145);
-    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.ɵɵelementStart(4, "mj-dropdown", 158);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template_mj_dropdown_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r26); const model_r20 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r20.ParallelizationMode, $event) || (model_r20.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    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.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_5_Template, 4, 5, "div");
+    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Conditional_6_Template, 4, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r17 = i0.ɵɵnextContext(2);
-    const model_r19 = ctx_r17.$implicit;
-    const ɵ$index_289_r17 = ctx_r17.$index;
+    const ctx_r18 = i0.ɵɵnextContext(2);
+    const model_r20 = ctx_r18.$implicit;
+    const ɵ$index_299_r18 = ctx_r18.$index;
     i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", model_r19.ParallelizationMode);
-    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_289_r17)("Data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r20.ParallelizationMode);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_299_r18)("Data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("ValuePrimitive", true);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r19.ParallelizationMode === "StaticCount" ? 5 : -1);
+    i0.ɵɵconditional(model_r20.ParallelizationMode === "StaticCount" ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r19.ParallelizationMode === "ConfigParam" ? 6 : -1);
+    i0.ɵɵconditional(model_r20.ParallelizationMode === "ConfigParam" ? 6 : -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) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelizationMode);
+    i0.ɵɵtextInterpolate1(" ", model_r20.ParallelizationMode);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_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_44_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_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelCount);
+    i0.ɵɵtextInterpolate1(" ", model_r20.ParallelCount);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_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_44_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_r19 = i0.ɵɵnextContext(3).$implicit;
+    const model_r20 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r19.ParallelConfigParam);
+    i0.ɵɵtextInterpolate1(" ", model_r20.ParallelConfigParam);
 } }
-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", 143);
-    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");
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 156);
+    i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_1_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_2_Template, 4, 1, "span");
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Conditional_3_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r19 = i0.ɵɵnextContext(2).$implicit;
+    const model_r20 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r19.ParallelizationMode ? 1 : -1);
+    i0.ɵɵconditional(model_r20.ParallelizationMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r19.ParallelCount ? 2 : -1);
+    i0.ɵɵconditional(model_r20.ParallelCount ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r19.ParallelConfigParam ? 3 : -1);
+    i0.ɵɵconditional(model_r20.ParallelConfigParam ? 3 : -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", 117)(1, "div", 140);
-    i0.ɵɵelement(2, "i", 141);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 130)(1, "div", 153);
+    i0.ɵɵelement(2, "i", 154);
     i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 142)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 143);
+    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_4_Template, 7, 13, "div", 155)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Conditional_5_Template, 4, 3, "div", 156);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 4 : 5);
 } }
-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", 103);
-    i0.ɵɵlistener("dragstart", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Template_div_dragstart_0_listener($event) { const ɵ$index_289_r17 = i0.ɵɵrestoreView(_r16).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_289_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_289_r17 = i0.ɵɵrestoreView(_r16).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_289_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", 104);
-    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", 105);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 116);
+    i0.ɵɵlistener("dragstart", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template_div_dragstart_0_listener($event) { const ɵ$index_299_r18 = i0.ɵɵrestoreView(_r17).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_299_r18)); })("dragover", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template_div_drop_0_listener($event) { const ɵ$index_299_r18 = i0.ɵɵrestoreView(_r17).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_299_r18)); })("dragend", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
+    i0.ɵɵelementStart(1, "div", 117);
+    i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_2_Template, 3, 1)(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_3_Template, 2, 3, "span", 118);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 106);
-    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "mj-dropdown", 107)(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 22);
+    i0.ɵɵelementStart(4, "div", 119);
+    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_5_Template, 1, 5, "mj-dropdown", 120)(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_6_Template, 2, 1, "span", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 108);
-    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.ɵɵelementStart(7, "div", 121);
+    i0.ɵɵconditionalCreate(8, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_8_Template, 2, 1)(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 109);
-    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", 110);
+    i0.ɵɵelementStart(10, "div", 122);
+    i0.ɵɵconditionalCreate(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_11_Template, 2, 1)(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_12_Template, 2, 1, "span", 123);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 111);
-    i0.ɵɵconditionalCreate(14, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 112)(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 113);
+    i0.ɵɵelementStart(13, "div", 124);
+    i0.ɵɵconditionalCreate(14, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_14_Template, 3, 4, "span", 125)(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_15_Template, 2, 0, "span", 126);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 114);
-    i0.ɵɵconditionalCreate(17, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
+    i0.ɵɵelementStart(16, "div", 127);
+    i0.ɵɵconditionalCreate(17, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_17_Template, 3, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 115);
+    i0.ɵɵelementStart(18, "div", 128);
     i0.ɵɵelement(19, "div");
-    i0.ɵɵelementStart(20, "div")(21, "div", 116);
-    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_22_Template, 4, 1, "span");
+    i0.ɵɵelementStart(20, "div")(21, "div", 129);
+    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_22_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(23, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 117);
+    i0.ɵɵconditionalCreate(23, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Conditional_23_Template, 6, 1, "div", 130);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const model_r19 = ctx.$implicit;
-    const ɵ$index_289_r17 = ctx.$index;
+    const model_r20 = ctx.$implicit;
+    const ɵ$index_299_r18 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("background", !model_r19.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_289_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_289_r17 ? "0.5" : "1");
+    i0.ɵɵstyleProp("background", !model_r20.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_299_r18 ? "color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface))" : "var(--mj-bg-surface-card)")("border-left", !model_r20.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_299_r18 ? "0.5" : "1");
     i0.ɵɵproperty("draggable", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
@@ -755,30 +772,30 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 11 : 12);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(model_r19.ID ? 14 : 15);
+    i0.ɵɵconditional(model_r20.ID ? 14 : 15);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 17 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(model_r19.Status ? 22 : -1);
+    i0.ɵɵconditional(model_r20.Status ? 22 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 23 : -1);
 } }
-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", 101)(1, "button", 148);
-    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", 75);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 114)(1, "button", 161);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 88);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-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", 97);
-    i0.ɵɵelementStart(1, "div", 98)(2, "div", 99);
-    i0.ɵɵelement(3, "i", 100);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 110);
+    i0.ɵɵelementStart(1, "div", 111)(2, "div", 112);
+    i0.ɵɵelement(3, "i", 113);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5, "AI Model ");
-    i0.ɵɵelementStart(6, "span", 56);
+    i0.ɵɵelementStart(6, "span", 66);
     i0.ɵɵtext(7, "*");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div");
@@ -793,8 +810,8 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditiona
     i0.ɵɵelementStart(14, "div");
     i0.ɵɵtext(15, "Actions");
     i0.ɵɵelementEnd()();
-    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", 101);
+    i0.ɵɵrepeaterCreate(16, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_For_17_Template, 24, 15, null, null, _forTrack0, true);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_1_Conditional_18_Template, 4, 0, "div", 114);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 1 ? 0 : -1);
@@ -803,67 +820,67 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode && ctx_r1.UserCanCreatePromptModels ? 18 : -1);
 } }
-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, 2, 1, "mj-empty-state", 94)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Conditional_1_Template, 19, 2);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Conditional_0_Template, 2, 1, "mj-empty-state", 107)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_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_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 35)(3, "div", 88);
-    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_4_Template, 3, 0, "div", 89)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Conditional_5_Template, 2, 1);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 37);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_ng_template_1_Template, 7, 1, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 39)(3, "div", 101);
+    i0.ɵɵconditionalCreate(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_4_Template, 3, 0, "div", 102)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Expanded", true);
+    i0.ɵɵproperty("SectionCount", ctx_r1.promptModels.length)("Expanded", true);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_ng_template_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 149);
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 162);
     i0.ɵɵtext(2, " Advanced Configuration ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 38);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 42);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 39);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 43);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 150);
-    i0.ɵɵelement(1, "i", 59);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 163);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading prompts... ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 152);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_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_60_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)); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 165);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Conditional_1_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r30); 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_62_Conditional_1_Template_mj_dropdown_ValueChange_0_listener($event) { i0.ɵɵrestoreView(_r30); 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_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Conditional_0_Template, 3, 0, "div", 150)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Conditional_1_Template, 1, 4, "mj-dropdown", 151);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Conditional_0_Template, 3, 0, "div", 163)(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Conditional_1_Template, 1, 4, "mj-dropdown", 164);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -871,21 +888,21 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_61_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_ng_template_63_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 153);
+function MJAIPromptFormComponentExtended_Conditional_1_ng_template_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 166);
     i0.ɵɵtext(2, " Prefill & Output Control ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 155);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 168);
     i0.ɵɵtext(2, " Template Parameters ");
-    i0.ɵɵelementStart(3, "span", 91);
+    i0.ɵɵelementStart(3, "span", 104);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 92);
-    i0.ɵɵelement(6, "i", 156);
+    i0.ɵɵelementStart(5, "span", 105);
+    i0.ɵɵelement(6, "i", 169);
     i0.ɵɵtext(7, " Parameters defined in the template ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -893,171 +910,171 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_ng_templat
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r1.templateParams.length);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵelement(1, "i", 59);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2, " Loading template parameters... ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 154);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 167);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 168);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 181);
     i0.ɵɵtext(1, "*");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 170);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 183);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 171);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 184);
     i0.ɵɵtext(1, "Optional");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 172);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 185);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r30.Description, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r31.Description, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 177)(1, "label", 178);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 190)(1, "label", 191);
     i0.ɵɵtext(2, "Default Value");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 179);
+    i0.ɵɵelementStart(3, "code", 192);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.DefaultValue);
+    i0.ɵɵtextInterpolate(param_r31.DefaultValue);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 177)(1, "label", 178);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 190)(1, "label", 191);
     i0.ɵɵtext(2, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 173);
+    i0.ɵɵelementStart(3, "span", 186);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.Entity || "Entity ID: " + param_r30.EntityID);
+    i0.ɵɵtextInterpolate(param_r31.Entity || "Entity ID: " + param_r31.EntityID);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵtextInterpolate1(" (", param_r30.LinkedParameterField, ") ");
+    const param_r31 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate1(" (", param_r31.LinkedParameterField, ") ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 177)(1, "label", 178);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 190)(1, "label", 191);
     i0.ɵɵtext(2, "Linked To");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 173);
+    i0.ɵɵelementStart(3, "span", 186);
     i0.ɵɵtext(4);
-    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
+    i0.ɵɵconditionalCreate(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", param_r30.LinkedParameterName, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r31.LinkedParameterName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.LinkedParameterField ? 5 : -1);
+    i0.ɵɵconditional(param_r31.LinkedParameterField ? 5 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 177)(1, "label", 178);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 190)(1, "label", 191);
     i0.ɵɵtext(2, "Filter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 180);
+    i0.ɵɵelementStart(3, "code", 193);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.ExtraFilter);
+    i0.ɵɵtextInterpolate(param_r31.ExtraFilter);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 177)(1, "label", 178);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 190)(1, "label", 191);
     i0.ɵɵtext(2, "Record ID");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 173);
+    i0.ɵɵelementStart(3, "code", 186);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = i0.ɵɵnextContext().$implicit;
+    const param_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(param_r30.RecordID);
+    i0.ɵɵtextInterpolate(param_r31.RecordID);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 163)(1, "div", 164)(2, "div", 165);
-    i0.ɵɵelement(3, "i", 166);
-    i0.ɵɵelementStart(4, "h6", 167);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 176)(1, "div", 177)(2, "div", 178);
+    i0.ɵɵelement(3, "i", 179);
+    i0.ɵɵelementStart(4, "h6", 180);
     i0.ɵɵtext(5);
-    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 168);
+    i0.ɵɵconditionalCreate(6, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 181);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 165)(8, "span", 169);
+    i0.ɵɵelementStart(7, "div", 178)(8, "span", 182);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 170)(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 171);
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 183)(11, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 184);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 172);
-    i0.ɵɵelementStart(13, "div", 173)(14, "span", 174);
-    i0.ɵɵelement(15, "i", 175);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 185);
+    i0.ɵɵelementStart(13, "div", 186)(14, "span", 187);
+    i0.ɵɵelement(15, "i", 188);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 176);
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 177);
-    i0.ɵɵconditionalCreate(19, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 177);
-    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 177);
-    i0.ɵɵconditionalCreate(21, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 177);
-    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 177);
+    i0.ɵɵelementStart(17, "div", 189);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 190);
+    i0.ɵɵconditionalCreate(19, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 190);
+    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 190);
+    i0.ɵɵconditionalCreate(21, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 190);
+    i0.ɵɵconditionalCreate(22, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 190);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const param_r30 = ctx.$implicit;
+    const param_r31 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r31.Type));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r30.Type));
-    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r31.Type));
+    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r31.Type));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", param_r30.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r31.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.IsRequired ? 6 : -1);
+    i0.ɵɵconditional(param_r31.IsRequired ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r30.Type));
+    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r31.Type));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", param_r30.Type, " ");
+    i0.ɵɵtextInterpolate1(" ", param_r31.Type, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.IsRequired ? 10 : 11);
+    i0.ɵɵconditional(param_r31.IsRequired ? 10 : 11);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r30.Description ? 12 : -1);
+    i0.ɵɵconditional(param_r31.Description ? 12 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r30), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r31), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(param_r30.DefaultValue ? 18 : -1);
+    i0.ɵɵconditional(param_r31.DefaultValue ? 18 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.EntityID ? 19 : -1);
+    i0.ɵɵconditional(param_r31.EntityID ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.LinkedParameterName ? 20 : -1);
+    i0.ɵɵconditional(param_r31.LinkedParameterName ? 20 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.ExtraFilter ? 21 : -1);
+    i0.ɵɵconditional(param_r31.ExtraFilter ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(param_r30.RecordID ? 22 : -1);
+    i0.ɵɵconditional(param_r31.RecordID ? 22 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 157);
-    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_For_2_Template, 23, 19, "div", 158, _forTrack1);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 170);
+    i0.ɵɵrepeaterCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_2_Template, 23, 19, "div", 171, _forTrack1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 159)(4, "div", 160);
-    i0.ɵɵelement(5, "i", 161);
-    i0.ɵɵelementStart(6, "div", 162)(7, "strong");
+    i0.ɵɵelementStart(3, "div", 172)(4, "div", 173);
+    i0.ɵɵelement(5, "i", 174);
+    i0.ɵɵelementStart(6, "div", 175)(7, "strong");
     i0.ɵɵtext(8, "Using Template Parameters:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(9, " When executing this prompt, you'll be prompted to provide values for all required parameters. Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections). The template will use these parameters to generate dynamic content based on the values provided at execution time. ");
@@ -1067,11 +1084,11 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.templateParams);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_ng_template_1_Template, 8, 1, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 35);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_3_Template, 3, 0, "div", 89)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_4_Template, 1, 0, "mj-empty-state", 154)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Conditional_5_Template, 10, 0);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 57);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Template, 8, 1, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 39);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_3_Template, 3, 0, "div", 102)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_4_Template, 1, 0, "mj-empty-state", 167)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template, 10, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1079,29 +1096,29 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_73_Template(r
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingTemplateParams ? 3 : ctx_r1.templateParams.length === 0 ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
     i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " Output Example (JSON) ");
-    i0.ɵɵelementStart(3, "span", 184);
+    i0.ɵɵelementStart(3, "span", 197);
     i0.ɵɵtext(4, "\u2022 Required for object output type");
     i0.ɵɵelementEnd()();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-code-editor", 185);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_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); });
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 198);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r32); 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", 186);
-    i0.ɵɵelement(2, "i", 187);
+    i0.ɵɵelementStart(1, "div", 199);
+    i0.ɵɵelement(2, "i", 200);
     i0.ɵɵtext(3, " Provide a JSON example that defines the expected structure for object output validation. ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 182);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 195);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1109,16 +1126,16 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-alert", 183);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-alert", 196);
     i0.ɵɵtext(1, "Output example is required when output type is 'object'");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_ng_template_1_Template, 5, 0, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 181);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_3_Template, 4, 1)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_4_Template, 2, 1, "div", 182)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Conditional_5_Template, 2, 0, "mj-alert", 183);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 58);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_ng_template_1_Template, 5, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 194);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_3_Template, 4, 1)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_4_Template, 2, 1, "div", 195)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Conditional_5_Template, 2, 0, "mj-alert", 196);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1126,8 +1143,8 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_74_Template(r
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 191);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 204);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1135,171 +1152,214 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 190);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 203);
     i0.ɵɵtext(2, " Execution History ");
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Conditional_3_Template, 2, 1, "span", 191);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_ng_template_1_Conditional_3_Template, 2, 1, "span", 204);
     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_1_Conditional_75_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 188);
-    i0.ɵɵelement(1, "i", 192);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 201);
+    i0.ɵɵelement(1, "i", 205);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading execution history...");
     i0.ɵɵelementEnd()();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-empty-state", 189);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 202);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 205);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 220);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 205);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 220);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 205);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 220);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 205);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 220);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 212);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 227);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r34 = i0.ɵɵnextContext().$implicit;
+    const run_r35 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r34.RunType, " ");
+    i0.ɵɵtextInterpolate1(" ", run_r35.RunType, " ");
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 206)(1, "td", 207)(2, "span", 208);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 221)(1, "td", 222)(2, "span", 223);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementStart(4, "span", 22);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "td", 209);
+    i0.ɵɵelementStart(6, "td", 224);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 209)(10, "span", 208);
-    i0.ɵɵelement(11, "i", 90);
+    i0.ɵɵelementStart(9, "td", 224)(10, "span", 223);
+    i0.ɵɵelement(11, "i", 103);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "td", 209);
+    i0.ɵɵelementStart(13, "td", 224);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 210);
+    i0.ɵɵelementStart(15, "td", 225);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "td", 210);
+    i0.ɵɵelementStart(17, "td", 225);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 211);
-    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 212);
+    i0.ɵɵelementStart(19, "td", 226);
+    i0.ɵɵconditionalCreate(20, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 227);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "td", 211)(22, "button", 213);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_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", 214);
+    i0.ɵɵelementStart(21, "td", 226)(22, "button", 228);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_41_Template_button_click_22_listener() { const run_r35 = i0.ɵɵrestoreView(_r34).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r35.ID)); });
+    i0.ɵɵelement(23, "i", 229);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r34 = ctx.$implicit;
-    const ɵ$index_819_r35 = ctx.$index;
+    const run_r35 = ctx.$implicit;
+    const ɵ$index_829_r36 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("even-row", ɵ$index_819_r35 % 2 === 0);
+    i0.ɵɵclassProp("even-row", ɵ$index_829_r36 % 2 === 0);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r34.Success));
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r35.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r35.Success));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r34.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r35.Success));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r34.Success === true ? "Success" : run_r34.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r35.Success === true ? "Success" : run_r35.Success === false ? "Failed" : "Running", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r34.RunAt, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r35.RunAt, "short"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", run_r34.Model || "Unknown", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r35.Model || "Unknown", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r34.ExecutionTimeMS), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r35.ExecutionTimeMS), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r34.TokensUsed), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r35.TokensUsed), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r34.TotalCost || run_r34.Cost), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r35.TotalCost || run_r35.Cost), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(run_r34.RunType ? 20 : -1);
+    i0.ɵɵconditional(run_r35.RunType ? 20 : -1);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 193)(1, "div", 128);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_44_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const run_r38 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" \u00B7 ", run_r38.RunType);
+} }
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_44_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 230);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_44_Template_button_click_0_listener() { const run_r38 = i0.ɵɵrestoreView(_r37).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r38.ID)); });
+    i0.ɵɵelementStart(1, "span", 231)(2, "span", 232);
+    i0.ɵɵelement(3, "i", 233);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 234);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "span", 235);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "date");
+    i0.ɵɵconditionalCreate(10, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_44_Conditional_10_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(11, "i", 236);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r38 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r38.Success));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r38.Success));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r38.Success === true ? "Success" : run_r38.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(run_r38.Model || "Unknown");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate4("", i0.ɵɵpipeBind2(9, 11, run_r38.RunAt, "short"), " \u00B7 ", ctx_r1.formatDuration(run_r38.ExecutionTimeMS), " \u00B7 ", ctx_r1.formatTokens(run_r38.TokensUsed), " tokens \u00B7 ", ctx_r1.formatCost(run_r38.TotalCost || run_r38.Cost));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(run_r38.RunType ? 10 : -1);
+} }
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 206)(1, "div", 141);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 194)(4, "span", 171);
+    i0.ɵɵelementStart(3, "div", 207)(4, "span", 184);
     i0.ɵɵtext(5, "Sort by:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 195)(7, "button", 196);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
+    i0.ɵɵelementStart(6, "div", 208)(7, "button", 209);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
     i0.ɵɵtext(8, " Date ");
-    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_9_Template, 1, 2, "i", 197);
+    i0.ɵɵconditionalCreate(9, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_9_Template, 1, 2, "i", 210);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 196);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
+    i0.ɵɵelementStart(10, "button", 209);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
     i0.ɵɵtext(11, " Duration ");
-    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_12_Template, 1, 2, "i", 197);
+    i0.ɵɵconditionalCreate(12, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_12_Template, 1, 2, "i", 210);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 196);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
+    i0.ɵɵelementStart(13, "button", 209);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
     i0.ɵɵtext(14, " Tokens ");
-    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_15_Template, 1, 2, "i", 197);
+    i0.ɵɵconditionalCreate(15, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_15_Template, 1, 2, "i", 210);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 196);
-    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
+    i0.ɵɵelementStart(16, "button", 209);
+    i0.ɵɵlistener("click", function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
     i0.ɵɵtext(17, " Cost ");
-    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Conditional_18_Template, 1, 2, "i", 197);
+    i0.ɵɵconditionalCreate(18, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Conditional_18_Template, 1, 2, "i", 210);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(19, "div", 198)(20, "table", 199)(21, "thead")(22, "tr", 200)(23, "th", 201);
+    i0.ɵɵelementStart(19, "div", 211)(20, "table", 212)(21, "thead")(22, "tr", 213)(23, "th", 214);
     i0.ɵɵtext(24, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "th", 201);
+    i0.ɵɵelementStart(25, "th", 214);
     i0.ɵɵtext(26, "Date & Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "th", 201);
+    i0.ɵɵelementStart(27, "th", 214);
     i0.ɵɵtext(28, "Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "th", 201);
+    i0.ɵɵelementStart(29, "th", 214);
     i0.ɵɵtext(30, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "th", 202);
+    i0.ɵɵelementStart(31, "th", 215);
     i0.ɵɵtext(32, "Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "th", 202);
+    i0.ɵɵelementStart(33, "th", 215);
     i0.ɵɵtext(34, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "th", 203);
+    i0.ɵɵelementStart(35, "th", 216);
     i0.ɵɵtext(36, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "th", 203);
+    i0.ɵɵelementStart(37, "th", 216);
     i0.ɵɵtext(38, "Actions");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(39, "tbody");
-    i0.ɵɵrepeaterCreate(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_For_41_Template, 24, 18, "tr", 204, _forTrack1);
+    i0.ɵɵrepeaterCreate(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_41_Template, 24, 18, "tr", 217, _forTrack1);
     i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(42, "div", 218);
+    i0.ɵɵrepeaterCreate(43, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_For_44_Template, 12, 14, "button", 219, _forTrack1);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
@@ -1322,30 +1382,32 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditiona
     i0.ɵɵconditional(ctx_r1.historySortField === "cost" ? 18 : -1);
     i0.ɵɵadvance(22);
     i0.ɵɵrepeater(ctx_r1.executionHistory);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.executionHistory);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_ng_template_1_Template, 4, 1, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 181);
-    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_3_Template, 4, 0, "div", 188)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_4_Template, 1, 0, "mj-empty-state", 189)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Conditional_5_Template, 42, 13);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 59);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_ng_template_1_Template, 4, 1, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 194);
+    i0.ɵɵconditionalCreate(3, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_3_Template, 4, 0, "div", 201)(4, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_4_Template, 1, 0, "mj-empty-state", 202)(5, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Conditional_5_Template, 45, 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Expanded", false);
+    i0.ɵɵproperty("SectionCount", ctx_r1.executionHistory.length)("Expanded", false);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingHistory ? 3 : ctx_r1.executionHistory.length === 0 ? 4 : 5);
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 216);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_78_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 238);
     i0.ɵɵtext(2, " Result Cache ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_ng_template_1_Template, 3, 0, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 35);
-    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 215);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_78_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 60);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_78_ng_template_1_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 39);
+    i0.ɵɵelement(3, "mj-explorer-entity-data-grid", 237);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1353,24 +1415,24 @@ function MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_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_1_Conditional_77_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 218);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_79_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 81);
+    i0.ɵɵelement(1, "i", 240);
     i0.ɵɵtext(2, " Related Items ");
     i0.ɵɵelementEnd();
 } }
-function MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_ng_template_1_Template, 3, 0, "ng-template", 29);
-    i0.ɵɵelementStart(2, "div", 35)(3, "div", 36)(4, "div")(5, "h6", 217);
+function MJAIPromptFormComponentExtended_Conditional_1_Conditional_79_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mj-accordion-panel", 61);
+    i0.ɵɵtemplate(1, MJAIPromptFormComponentExtended_Conditional_1_Conditional_79_ng_template_1_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 39)(3, "div", 40)(4, "div")(5, "h6", 239);
     i0.ɵɵtext(6, "AI Agents Using This Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 215);
+    i0.ɵɵelement(7, "mj-explorer-entity-data-grid", 237);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div")(9, "h6", 217);
+    i0.ɵɵelementStart(8, "div")(9, "h6", 239);
     i0.ɵɵtext(10, "Prompts Using This as Result Selector");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 215);
+    i0.ɵɵelement(11, "mj-explorer-entity-data-grid", 237);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1415,49 +1477,55 @@ function MJAIPromptFormComponentExtended_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵconditionalCreate(32, MJAIPromptFormComponentExtended_Conditional_1_Conditional_32_Template, 3, 0, "button", 25);
     i0.ɵɵelementEnd();
     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_1_ng_template_36_Template, 4, 1, "ng-template", 29);
-    i0.ɵɵelementStart(37, "div", 30);
-    i0.ɵɵconditionalCreate(38, MJAIPromptFormComponentExtended_Conditional_1_Conditional_38_Template, 3, 0, "div", 31)(39, MJAIPromptFormComponentExtended_Conditional_1_Conditional_39_Template, 4, 2, "mj-empty-state", 32)(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template, 6, 1, "mj-empty-state", 33)(41, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template, 5, 3, "div", 34);
     i0.ɵɵelementEnd()();
-    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_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_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");
-    i0.ɵɵelement(54, "mj-form-field", 42)(55, "mj-form-field", 43)(56, "mj-form-field", 44);
-    i0.ɵɵelementStart(57, "div", 45)(58, "label", 46);
-    i0.ɵɵtext(59, " Result Selector Prompt ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(60, MJAIPromptFormComponentExtended_Conditional_1_Conditional_60_Template, 2, 1)(61, MJAIPromptFormComponentExtended_Conditional_1_Conditional_61_Template, 2, 1, "span", 47);
+    i0.ɵɵconditionalCreate(34, MJAIPromptFormComponentExtended_Conditional_1_Conditional_34_Template, 4, 2, "button", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 28)(36, "mj-accordion-sections", 29);
+    i0.ɵɵlistener("ActiveKeyChange", function MJAIPromptFormComponentExtended_Conditional_1_Template_mj_accordion_sections_ActiveKeyChange_36_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Phone.Pick($event)); });
+    i0.ɵɵelementStart(37, "mj-accordion-panel", 30);
+    i0.ɵɵtemplate(38, MJAIPromptFormComponentExtended_Conditional_1_ng_template_38_Template, 4, 1, "ng-template", 31);
+    i0.ɵɵelementStart(39, "div", 32);
+    i0.ɵɵconditionalCreate(40, MJAIPromptFormComponentExtended_Conditional_1_Conditional_40_Template, 3, 0, "div", 33)(41, MJAIPromptFormComponentExtended_Conditional_1_Conditional_41_Template, 4, 2, "mj-empty-state", 34)(42, MJAIPromptFormComponentExtended_Conditional_1_Conditional_42_Template, 6, 1, "mj-empty-state", 35)(43, MJAIPromptFormComponentExtended_Conditional_1_Conditional_43_Template, 5, 3, "div", 36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(44, MJAIPromptFormComponentExtended_Conditional_1_Conditional_44_Template, 6, 3, "mj-accordion-panel", 37);
+    i0.ɵɵelementStart(45, "mj-accordion-panel", 38);
+    i0.ɵɵtemplate(46, MJAIPromptFormComponentExtended_Conditional_1_ng_template_46_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(47, "div", 39)(48, "div", 40)(49, "div");
+    i0.ɵɵelement(50, "mj-form-field", 41);
+    i0.ɵɵconditionalCreate(51, MJAIPromptFormComponentExtended_Conditional_1_Conditional_51_Template, 1, 3, "mj-form-field", 42);
+    i0.ɵɵconditionalCreate(52, MJAIPromptFormComponentExtended_Conditional_1_Conditional_52_Template, 1, 3, "mj-form-field", 43);
+    i0.ɵɵelement(53, "mj-form-field", 44)(54, "mj-form-field", 45);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(55, "div");
+    i0.ɵɵelement(56, "mj-form-field", 46)(57, "mj-form-field", 47)(58, "mj-form-field", 48);
+    i0.ɵɵelementStart(59, "div", 49)(60, "label", 50);
+    i0.ɵɵtext(61, " Result Selector Prompt ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(62, MJAIPromptFormComponentExtended_Conditional_1_Conditional_62_Template, 2, 1)(63, MJAIPromptFormComponentExtended_Conditional_1_Conditional_63_Template, 2, 1, "span", 51);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(62, "mj-accordion-panel", 28);
-    i0.ɵɵtemplate(63, MJAIPromptFormComponentExtended_Conditional_1_ng_template_63_Template, 3, 0, "ng-template", 29);
-    i0.ɵɵelementStart(64, "div", 35)(65, "p", 48);
-    i0.ɵɵtext(66, " Assistant prefill seeds the model's response with an initial string, guiding output format and content. Stop sequences terminate generation when encountered. ");
+    i0.ɵɵelementStart(64, "mj-accordion-panel", 52);
+    i0.ɵɵtemplate(65, MJAIPromptFormComponentExtended_Conditional_1_ng_template_65_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(66, "div", 39)(67, "p", 53);
+    i0.ɵɵtext(68, " Assistant prefill seeds the model's response with an initial string, guiding output format and content. Stop sequences terminate generation when encountered. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(67, "div", 36)(68, "div");
-    i0.ɵɵelement(69, "mj-form-field", 49)(70, "mj-form-field", 50);
+    i0.ɵɵelementStart(69, "div", 40)(70, "div");
+    i0.ɵɵelement(71, "mj-form-field", 54)(72, "mj-form-field", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(71, "div");
-    i0.ɵɵelement(72, "mj-form-field", 51);
-    i0.ɵɵelementEnd()()()();
-    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, 6, 2, "mj-accordion-panel", 28);
-    i0.ɵɵconditionalCreate(76, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template, 4, 5, "mj-accordion-panel", 28);
-    i0.ɵɵconditionalCreate(77, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Template, 12, 9, "mj-accordion-panel", 28);
+    i0.ɵɵelementStart(73, "div");
+    i0.ɵɵelement(74, "mj-form-field", 56);
     i0.ɵɵelementEnd()()()();
+    i0.ɵɵconditionalCreate(75, MJAIPromptFormComponentExtended_Conditional_1_Conditional_75_Template, 6, 2, "mj-accordion-panel", 57);
+    i0.ɵɵconditionalCreate(76, MJAIPromptFormComponentExtended_Conditional_1_Conditional_76_Template, 6, 2, "mj-accordion-panel", 58);
+    i0.ɵɵconditionalCreate(77, MJAIPromptFormComponentExtended_Conditional_1_Conditional_77_Template, 6, 3, "mj-accordion-panel", 59);
+    i0.ɵɵconditionalCreate(78, MJAIPromptFormComponentExtended_Conditional_1_Conditional_78_Template, 4, 5, "mj-accordion-panel", 60);
+    i0.ɵɵconditionalCreate(79, MJAIPromptFormComponentExtended_Conditional_1_Conditional_79_Template, 12, 9, "mj-accordion-panel", 61);
+    i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("Record", ctx_r1.record)("FormComponent", ctx_r1)("ToolbarConfig", ctx_r1.toolbarConfig)("WidthMode", "full-width");
-    i0.ɵɵadvance(9);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("hero-view", !ctx_r1.EditMode)("hero-compact", !ctx_r1.EditMode && !ctx_r1.HeroDetailsOpen);
+    i0.ɵɵadvance(5);
     i0.ɵɵconditional(ctx_r1.EditMode ? 9 : 10);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 11 : -1);
@@ -1479,20 +1547,24 @@ function MJAIPromptFormComponentExtended_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵconditional(ctx_r1.record.ID ? 32 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.canExecute && ctx_r1.record.ID ? 33 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.EditMode && ctx_r1.HeroSummary ? 34 : -1);
     i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Enabled", ctx_r1.Phone.IsPhone)("ActiveKey", ctx_r1.Phone.Section);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("Expanded", true);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 38 : !ctx_r1.record.TemplateID ? 39 : ctx_r1.templateNotFoundInDatabase ? 40 : 41);
+    i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 40 : !ctx_r1.record.TemplateID ? 41 : ctx_r1.templateNotFoundInDatabase ? 42 : 43);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 42 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 44 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showParallelCount ? 49 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelCount ? 51 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 50 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 52 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
@@ -1504,7 +1576,7 @@ function MJAIPromptFormComponentExtended_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 60 : 61);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 62 : 63);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("Expanded", false);
     i0.ɵɵadvance(7);
@@ -1514,22 +1586,22 @@ function MJAIPromptFormComponentExtended_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.template && ctx_r1.templateParams.length > 0 ? 73 : -1);
+    i0.ɵɵconditional(ctx_r1.template && ctx_r1.templateParams.length > 0 ? 75 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showOutputExample ? 74 : -1);
+    i0.ɵɵconditional(ctx_r1.showOutputExample ? 76 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 75 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 77 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 76 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 78 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 77 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 79 : -1);
 } }
 function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-window", 219);
-    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", 220);
-    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)); });
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-window", 241);
+    i0.ɵɵlistener("Close", function MJAIPromptFormComponentExtended_Conditional_2_Template_mj_window_Close_0_listener() { i0.ɵɵrestoreView(_r39); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
+    i0.ɵɵelementStart(1, "mj-ai-test-harness", 242);
+    i0.ɵɵlistener("visibilityChange", function MJAIPromptFormComponentExtended_Conditional_2_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1540,6 +1612,10 @@ function MJAIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (r
 let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended extends MJAIPromptFormComponent {
     constructor() {
         super(...arguments);
+        /** Phone width shows the stacked accordions as sections behind one picker (design call 7A). */
+        this.Phone = new PhoneSectionsState(() => this.cdr.markForCheck());
+        /** Phone hero (6A): whether the summary line is expanded to show the rest of the hero. */
+        this.HeroDetailsOpen = false;
         this.testHarnessService = inject(AITestHarnessDialogService);
         this.viewContainerRef = inject(ViewContainerRef);
         this.promptManagementService = inject(AIPromptManagementService);
@@ -1583,6 +1659,25 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
         this._permissionCache = new Map();
         this.__inferenceProvider_VendorTypeDefinitionID = '';
     }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.Phone.Stop();
+    }
+    /** Toggles the phone hero between its compact identity row and the full hero. */
+    ToggleHeroDetails() {
+        this.HeroDetailsOpen = !this.HeroDetailsOpen;
+        this.cdr.markForCheck();
+    }
+    /** The phone hero's one-line summary of what the compact hero leaves out. */
+    get HeroSummary() {
+        return JoinHeroSummary([
+            this.record.TypeID ? this.getPromptTypeDisplayName(this.record.TypeID) : null,
+            `Parallel: ${this.getParallelizationModeDisplay()}`,
+            `Output: ${this.getOutputTypeDisplay()}`,
+            this.record.EnableCaching ? 'Caching on' : null,
+            this.record.EffortLevel != null ? `Effort ${this.record.EffortLevel}` : null,
+        ]);
+    }
     /** @deprecated Use {@link ToolbarConfig}. */
     get toolbarConfig() {
         return this.ToolbarConfig;
@@ -3101,7 +3196,7 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
             this.updateModelPriorities();
             // Force Angular to re-evaluate all bindings
             this.cdr.detectChanges();
-            // Additional force update for Kendo dropdowns
+            // Additional force update for dropdowns
             setTimeout(() => {
                 this.cdr.detectChanges();
             }, 0);
@@ -3127,7 +3222,7 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
             this.updateModelPriorities();
             // Force Angular to re-evaluate all bindings
             this.cdr.detectChanges();
-            // Additional force update for Kendo dropdowns
+            // Additional force update for dropdowns
             setTimeout(() => {
                 this.cdr.detectChanges();
             }, 0);
@@ -3199,7 +3294,7 @@ let MJAIPromptFormComponentExtended = class MJAIPromptFormComponentExtended exte
             this.updateModelPriorities();
             // Force Angular to re-evaluate all bindings
             this.cdr.detectChanges();
-            // Additional force update for Kendo dropdowns
+            // Additional force update for dropdowns
             setTimeout(() => {
                 this.cdr.detectChanges();
             }, 0);
@@ -3473,16 +3568,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: 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)"], ["Size", "large", "Icon", "fa-solid fa-code", "Title", "No Template Associated", "Message", "This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one.", 1, "no-template-state"], ["Variant", "warning", "Title", "Template Not Found", "Message", "The referenced template could not be loaded. It may have been deleted or moved.", 1, "invalid-template-state"], [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"], ["FieldName", "TemplateDataCapture", "Type", "select", 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"], ["ngProjectAs", "[actions]", 5, ["", "actions", ""], 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-arrows-rotate"], [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, "mj-accordion-badge"], [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"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No models configured"], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "outline", "size", "sm", 5, ["", "actions", ""]], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "outline", "size", "sm", 5, ["", "actions", ""], 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)"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "This template has no parameters defined"], [1, "fa-solid", "fa-sliders", 2, "color", "var(--mj-text-muted)"], ["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"], ["Variant", "warning"], [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-info-circle"], [2, "text-align", "center", "padding", "40px", "color", "var(--mj-text-muted)"], ["Size", "compact", "Icon", "fa-solid fa-clock-rotate-left", "Title", "No execution history yet", "Message", "Run this prompt to see execution history here"], [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"], [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) {
+        } }, 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", "phone-hero", 2, "flex-shrink", "0", "padding", "20px", "background", "var(--mj-bg-surface-sunken)", "border-bottom", "2px solid var(--mj-border-default)"], [1, "hero-header-row"], [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"], [1, "phone-hero-detail", 2, "margin", "0 0 12px 0", "color", "var(--mj-text-muted)", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", "phone-hero-detail", 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", "gap", "8px"], ["mjButton", "", "variant", "primary", "size", "lg", "title", "Run AI Prompt Test Harness", 1, "phone-hero-run"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], ["type", "button", 1, "phone-hero-summary"], [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"], [3, "ActiveKeyChange", "Enabled", "ActiveKey"], ["SectionKey", "template", "SectionTitle", "Template Editor", "SectionIcon", "fa-solid fa-code", 2, "margin-bottom", "12px", 3, "Expanded"], ["mjAccordionTitle", ""], [1, "phone-flush-x", "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)"], ["Size", "large", "Icon", "fa-solid fa-code", "Title", "No Template Associated", "Message", "This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one.", 1, "no-template-state"], ["Variant", "warning", "Title", "Template Not Found", "Message", "The referenced template could not be loaded. It may have been deleted or moved.", 1, "invalid-template-state"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], ["SectionKey", "models", "SectionTitle", "Models", "SectionIcon", "fa-solid fa-microchip", 2, "margin-bottom", "12px", 3, "SectionCount", "Expanded"], ["SectionKey", "advanced", "SectionTitle", "Advanced Configuration", "SectionIcon", "fa-solid fa-cogs", 2, "margin-bottom", "12px", 3, "Expanded"], [2, "padding", "16px 0"], [1, "related-grid-pair", 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"], ["FieldName", "TemplateDataCapture", "Type", "select", 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)"], ["SectionKey", "prefill", "SectionTitle", "Prefill & Output Control", "SectionIcon", "fa-solid fa-wand-magic-sparkles", 2, "margin-bottom", "12px", 3, "Expanded"], [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"], ["SectionKey", "parameters", "SectionTitle", "Template Parameters", "SectionIcon", "fa-solid fa-sliders", 2, "margin-bottom", "12px", 3, "Expanded"], ["SectionKey", "output-example", "SectionTitle", "Output Example", "SectionIcon", "fa-solid fa-code", 2, "margin-bottom", "12px", 3, "Expanded"], ["SectionKey", "history", "SectionTitle", "Execution History", "SectionIcon", "fa-solid fa-history", 2, "margin-bottom", "12px", 3, "SectionCount", "Expanded"], ["SectionKey", "cache", "SectionTitle", "Result Cache", "SectionIcon", "fa-solid fa-database", 2, "margin-bottom", "12px", 3, "Expanded"], ["SectionKey", "related", "SectionTitle", "Related Items", "SectionIcon", "fa-solid fa-link", 2, "margin-bottom", "12px", 3, "Expanded"], ["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", 1, "phone-hero-run", 3, "click"], [1, "fa-solid", "fa-play"], ["type", "button", 1, "phone-hero-summary", 3, "click"], [1, "phone-hero-summary-text"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-down"], [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"], ["ngProjectAs", "[actions]", 5, ["", "actions", ""], 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-arrows-rotate"], [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, "mj-accordion-badge"], [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"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "No models configured"], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "outline", "size", "sm", 5, ["", "actions", ""]], ["ngProjectAs", "[actions]", "mjButton", "", "variant", "outline", "size", "sm", 5, ["", "actions", ""], 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"], [1, "model-details-row", 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"], [1, "model-parallel-grid", 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)"], ["Size", "compact", "Icon", "fa-solid fa-circle-info", "Title", "This template has no parameters defined"], [1, "fa-solid", "fa-sliders", 2, "color", "var(--mj-text-muted)"], ["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"], [1, "phone-flush-x", 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"], ["Variant", "warning"], [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-info-circle"], [2, "text-align", "center", "padding", "40px", "color", "var(--mj-text-muted)"], ["Size", "compact", "Icon", "fa-solid fa-clock-rotate-left", "Title", "No execution history yet", "Message", "Run this prompt to see execution history here"], [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"], [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"], [1, "history-table-wrap", 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"], [1, "history-cards"], ["type", "button", 1, "history-card"], [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"], ["type", "button", 1, "history-card", 3, "click"], [1, "history-card-main"], [1, "history-card-status"], ["aria-hidden", "true"], [1, "history-card-model"], [1, "history-card-meta"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-right", "history-card-open"], [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, 78, 56, "mj-record-form-container", 2);
+            i0.ɵɵconditionalCreate(1, MJAIPromptFormComponentExtended_Conditional_1_Template, 80, 63, "mj-record-form-container", 2);
             i0.ɵɵconditionalCreate(2, MJAIPromptFormComponentExtended_Conditional_2_Template, 2, 11, "mj-window", 3);
         } if (rf & 2) {
             i0.ɵɵadvance();
             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.MJEmptyStateComponent, i2.MJAlertComponent, 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[_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    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n\nmj-empty-state.no-template-state[_ngcontent-%COMP%], \nmj-empty-state.invalid-template-state[_ngcontent-%COMP%] {\n    flex: 1;\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@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@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.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\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.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.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.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@media (max-width: 768px) {\n    .parameter-card[_ngcontent-%COMP%] {\n        margin-bottom: 8px;\n    }\n\n    .parameter-card[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n        font-size: 0.95em;\n    }\n\n    .type-badge[_ngcontent-%COMP%] {\n        font-size: 0.7em !important;\n    }\n}"] }); }
+        } }, dependencies: [i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.NgModel, i1.NgForm, i2.MJEmptyStateComponent, i2.MJAlertComponent, i2.MJAccordionSectionsComponent, 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[_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    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n\nmj-empty-state.no-template-state[_ngcontent-%COMP%], \nmj-empty-state.invalid-template-state[_ngcontent-%COMP%] {\n    flex: 1;\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@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@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.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\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.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.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.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@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}\n\n\n.hero-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n}\n\n.action-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-end;\n}\n\n@media (max-width: 768px) {\n    .hero-header-row[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .action-buttons[_ngcontent-%COMP%] {\n        width: 100%;\n        align-items: stretch;\n    }\n\n    .action-buttons[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 8px;\n    }\n\n    .action-buttons[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]    > button[_ngcontent-%COMP%] {\n        flex: 1;\n    }\n}\n\n\n@media (max-width: 768px) {\n    .related-grid-pair[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n    }\n}\n\n\n\n\n\n.history-cards[_ngcontent-%COMP%] {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    \n    .model-management[_ngcontent-%COMP%]   .model-header[_ngcontent-%COMP%], \n   .model-management[_ngcontent-%COMP%]   .model-created[_ngcontent-%COMP%] {\n        display: none !important;\n    }\n\n    .model-management[_ngcontent-%COMP%]   .model-row[_ngcontent-%COMP%] {\n        grid-template-columns: 32px auto minmax(0, 1fr) auto !important;\n        grid-template-areas:\n            \"prio model model actions\"\n            \"prio vendor config actions\";\n        column-gap: 8px !important;\n        row-gap: 2px !important;\n        padding: 10px 12px !important;\n        align-items: center !important;\n    }\n\n    \n    .model-management[_ngcontent-%COMP%]   .model-row[_ngcontent-%COMP%]:has(mj-dropdown) {\n        grid-template-columns: 32px minmax(0, 1fr) auto !important;\n        grid-template-areas:\n            \"prio model actions\"\n            \"prio vendor actions\"\n            \"prio config actions\";\n        row-gap: 8px !important;\n    }\n\n    .model-row[_ngcontent-%COMP%]    > .drag-handle[_ngcontent-%COMP%] { grid-area: prio; }\n    .model-row[_ngcontent-%COMP%]    > .model-select[_ngcontent-%COMP%] { grid-area: model; min-width: 0; }\n    .model-row[_ngcontent-%COMP%]    > .model-vendor[_ngcontent-%COMP%] { grid-area: vendor; min-width: 0; }\n    .model-row[_ngcontent-%COMP%]    > .model-configuration[_ngcontent-%COMP%] { grid-area: config; min-width: 0; }\n    .model-row[_ngcontent-%COMP%]    > .model-actions[_ngcontent-%COMP%] { grid-area: actions; }\n\n    .model-row[_ngcontent-%COMP%]:not(:has(mj-dropdown))    > .model-vendor[_ngcontent-%COMP%], \n   .model-row[_ngcontent-%COMP%]:not(:has(mj-dropdown))    > .model-configuration[_ngcontent-%COMP%] {\n        font-size: var(--mj-text-xs);\n        color: var(--mj-text-muted);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .model-row[_ngcontent-%COMP%]:not(:has(mj-dropdown))    > .model-configuration[_ngcontent-%COMP%]::before {\n        content: '\u00B7';\n        margin-right: 6px;\n    }\n\n    .model-management[_ngcontent-%COMP%]   .model-details-row[_ngcontent-%COMP%] {\n        grid-template-columns: minmax(0, 1fr) !important;\n        padding: 8px 12px !important;\n    }\n\n    .model-management[_ngcontent-%COMP%]   .model-details-row[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:first-child {\n        display: none;\n    }\n\n    .model-management[_ngcontent-%COMP%]   .model-parallel-grid[_ngcontent-%COMP%] {\n        grid-template-columns: minmax(0, 1fr) !important;\n    }\n\n    \n    .history-table-wrap[_ngcontent-%COMP%] {\n        display: none !important;\n    }\n\n    .history-cards[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md);\n        overflow: hidden;\n    }\n\n    .history-card[_ngcontent-%COMP%] {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto;\n        align-items: center;\n        column-gap: 8px;\n        row-gap: 2px;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 0;\n        border-bottom: 1px solid var(--mj-border-default);\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-primary);\n        font: inherit;\n        text-align: left;\n        cursor: pointer;\n    }\n\n    .history-card[_ngcontent-%COMP%]:last-child {\n        border-bottom: 0;\n    }\n\n    .history-card[_ngcontent-%COMP%]:hover {\n        background: var(--mj-bg-surface-hover);\n    }\n\n    .history-card[_ngcontent-%COMP%]:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .history-card-main[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n        font-size: var(--mj-text-sm);\n    }\n\n    .history-card-status[_ngcontent-%COMP%] {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        flex-shrink: 0;\n        font-weight: var(--mj-font-semibold);\n    }\n\n    .history-card-model[_ngcontent-%COMP%] {\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: var(--mj-text-secondary);\n    }\n\n    .history-card-meta[_ngcontent-%COMP%] {\n        grid-column: 1;\n        font-size: var(--mj-text-xs);\n        color: var(--mj-text-muted);\n        overflow-wrap: anywhere;\n    }\n\n    .history-card-open[_ngcontent-%COMP%] {\n        grid-column: 2;\n        grid-row: 1 / span 2;\n        color: var(--mj-text-muted);\n        font-size: var(--mj-text-xs);\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .configuration-sections[_ngcontent-%COMP%] {\n        padding: 12px 0 !important;\n        border-top: 0 !important;\n        background: transparent !important;\n    }\n\n    .phone-flush-x[_ngcontent-%COMP%] {\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n    }\n}", "\n\n\n\n\n\n\n\n\n\n\n\n\n\n.phone-hero-summary[_ngcontent-%COMP%], \n.phone-hero-only[_ngcontent-%COMP%] {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    .phone-hero[_ngcontent-%COMP%] {\n        padding: 12px !important;\n    }\n\n    \n    .phone-hero.hero-compact[_ngcontent-%COMP%]   .phone-hero-detail[_ngcontent-%COMP%], \n   .phone-hero.hero-view[_ngcontent-%COMP%]   .phone-hero-hide[_ngcontent-%COMP%] {\n        display: none !important;\n    }\n\n    .phone-hero-only[_ngcontent-%COMP%] {\n        display: inline-flex;\n    }\n\n    \n    .phone-hero[_ngcontent-%COMP%]   .phone-hero-stats[_ngcontent-%COMP%] {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .phone-hero-status[_ngcontent-%COMP%] {\n        align-items: center;\n        gap: 4px;\n        margin-left: 8px;\n        padding: 2px 8px;\n        border-radius: var(--mj-radius-full, 999px);\n        color: var(--mj-text-secondary);\n        background: var(--mj-bg-surface-sunken);\n        font-size: var(--mj-text-xs);\n        font-weight: var(--mj-font-semibold);\n        vertical-align: middle;\n        white-space: nowrap;\n    }\n\n    \n    .phone-hero-status[data-status=\"running\"][_ngcontent-%COMP%] { color: var(--mj-status-warning-text); background: var(--mj-status-warning-bg); }\n    .phone-hero-status[data-status=\"success\"][_ngcontent-%COMP%] { color: var(--mj-status-success-text); background: var(--mj-status-success-bg); }\n    .phone-hero-status[data-status=\"error\"][_ngcontent-%COMP%]   { color: var(--mj-status-error-text);   background: var(--mj-status-error-bg); }\n    .phone-hero-status[data-status=\"info\"][_ngcontent-%COMP%]    { color: var(--mj-status-info-text);    background: var(--mj-status-info-bg); }\n\n    .phone-hero-top[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n    }\n\n    .phone-hero-actions[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .phone-hero[_ngcontent-%COMP%]   .phone-hero-run[_ngcontent-%COMP%] {\n        width: 100%;\n        min-height: 44px;\n        justify-content: center;\n    }\n\n    \n\n    .phone-hero-summary[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        min-height: 44px;\n        margin-top: 8px;\n        padding: 0 4px;\n        border: 0;\n        border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-size: var(--mj-text-sm);\n        text-align: left;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n\n    .phone-hero-summary[_ngcontent-%COMP%]:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .phone-hero-summary-text[_ngcontent-%COMP%] {\n        flex: 1 1 auto;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .phone-hero-summary[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        flex-shrink: 0;\n        transition: transform 0.15s ease;\n    }\n\n    .phone-hero-summary[aria-expanded=\"true\"][_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        transform: rotate(180deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .phone-hero-summary[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        transition: none;\n    }\n}"] }); }
 };
 MJAIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Prompts')
@@ -3490,10 +3585,10 @@ MJAIPromptFormComponentExtended = __decorate([
 export { MJAIPromptFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJAIPromptFormComponentExtended, [{
         type: Component,
-        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                <mj-empty-state class=\"no-template-state\"\n                  Size=\"large\"\n                  Icon=\"fa-solid fa-code\"\n                  Title=\"No Template Associated\"\n                  Message=\"This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one.\">\n                  <div ngProjectAs=\"[actions]\" 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                </mj-empty-state>\n              } @else if (templateNotFoundInDatabase) {\n                <mj-empty-state class=\"invalid-template-state\"\n                  Variant=\"warning\"\n                  Title=\"Template Not Found\"\n                  Message=\"The referenced template could not be loaded. It may have been deleted or moved.\">\n                  <div ngProjectAs=\"[actions]\" style=\"display: flex; gap: 12px;\">\n                    <button mjButton variant=\"outline\" (click)=\"loadTemplate()\">\n                      <i class=\"fa-solid fa-arrows-rotate\"></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                </mj-empty-state>\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=\"mj-accordion-badge\">{{ promptModels.length }}</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                      <mj-empty-state\n                        Size=\"compact\"\n                        Icon=\"fa-solid fa-circle-info\"\n                        Title=\"No models configured\">\n                        @if (EditMode && UserCanCreatePromptModels) {\n                          <button ngProjectAs=\"[actions]\" mjButton variant=\"outline\" size=\"sm\"\n                            (click)=\"addNewModel()\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Model\n                          </button>\n                        }\n                      </mj-empty-state>\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                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"TemplateDataCapture\"\n                    Type=\"select\"\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=\"mj-accordion-badge\">{{ templateParams.length }}</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                  <mj-empty-state\n                    Size=\"compact\"\n                    Icon=\"fa-solid fa-circle-info\"\n                    Title=\"This template has no parameters defined\" />\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                  <mj-alert Variant=\"warning\">Output example is required when output type is 'object'</mj-alert>\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                  <mj-empty-state\n                    Size=\"compact\"\n                    Icon=\"fa-solid fa-clock-rotate-left\"\n                    Title=\"No execution history yet\"\n                    Message=\"Run this prompt to see execution history here\" />\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    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Template-editor placeholders fill the editor pane */\nmj-empty-state.no-template-state,\nmj-empty-state.invalid-template-state {\n    flex: 1;\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 phone-hero\" [class.hero-view]=\"!EditMode\" [class.hero-compact]=\"!EditMode && !HeroDetailsOpen\" style=\"flex-shrink: 0; padding: 20px; background: var(--mj-bg-surface-sunken); border-bottom: 2px solid var(--mj-border-default);\">\n          <div class=\"hero-header-row\">\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 class=\"phone-hero-detail\" 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 phone-hero-detail\" 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\">\n              <div style=\"display: flex; gap: 8px;\">\n                @if (record.ID) {\n                  <button mjButton variant=\"primary\" size=\"lg\" class=\"phone-hero-run\"\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          @if (!EditMode && HeroSummary) {\n            <button type=\"button\" class=\"phone-hero-summary\" [attr.aria-expanded]=\"HeroDetailsOpen\" (click)=\"ToggleHeroDetails()\">\n              <span class=\"phone-hero-summary-text\">{{ HeroSummary }}</span>\n              <i class=\"fa-solid fa-chevron-down\" aria-hidden=\"true\"></i>\n            </button>\n          }\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          <!-- Phone: one section at a time behind a picker; desktop keeps the accordions -->\n          <mj-accordion-sections [Enabled]=\"Phone.IsPhone\" [ActiveKey]=\"Phone.Section\" (ActiveKeyChange)=\"Phone.Pick($event)\">\n          <!-- Template Editor Section -->\n          <mj-accordion-panel SectionKey=\"template\" SectionTitle=\"Template Editor\" SectionIcon=\"fa-solid fa-code\"\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=\"phone-flush-x 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                <mj-empty-state class=\"no-template-state\"\n                  Size=\"large\"\n                  Icon=\"fa-solid fa-code\"\n                  Title=\"No Template Associated\"\n                  Message=\"This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one.\">\n                  <div ngProjectAs=\"[actions]\" 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                </mj-empty-state>\n              } @else if (templateNotFoundInDatabase) {\n                <mj-empty-state class=\"invalid-template-state\"\n                  Variant=\"warning\"\n                  Title=\"Template Not Found\"\n                  Message=\"The referenced template could not be loaded. It may have been deleted or moved.\">\n                  <div ngProjectAs=\"[actions]\" style=\"display: flex; gap: 12px;\">\n                    <button mjButton variant=\"outline\" (click)=\"loadTemplate()\">\n                      <i class=\"fa-solid fa-arrows-rotate\"></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                </mj-empty-state>\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 SectionKey=\"models\" SectionTitle=\"Models\" SectionIcon=\"fa-solid fa-microchip\" [SectionCount]=\"promptModels.length\"\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=\"mj-accordion-badge\">{{ promptModels.length }}</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                      <mj-empty-state\n                        Size=\"compact\"\n                        Icon=\"fa-solid fa-circle-info\"\n                        Title=\"No models configured\">\n                        @if (EditMode && UserCanCreatePromptModels) {\n                          <button ngProjectAs=\"[actions]\" mjButton variant=\"outline\" size=\"sm\"\n                            (click)=\"addNewModel()\">\n                            <i class=\"fa-solid fa-plus\"></i> Add Model\n                          </button>\n                        }\n                      </mj-empty-state>\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 class=\"model-details-row\" 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 class=\"model-parallel-grid\" 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 SectionKey=\"advanced\" SectionTitle=\"Advanced Configuration\" SectionIcon=\"fa-solid fa-cogs\"\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 class=\"related-grid-pair\" 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                  <mj-form-field\n                    [Record]=\"record\"\n                    [ShowLabel]=\"true\"\n                    FieldName=\"TemplateDataCapture\"\n                    Type=\"select\"\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 SectionKey=\"prefill\" SectionTitle=\"Prefill &amp; Output Control\" SectionIcon=\"fa-solid fa-wand-magic-sparkles\"\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 class=\"related-grid-pair\" 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 SectionKey=\"parameters\" SectionTitle=\"Template Parameters\" SectionIcon=\"fa-solid fa-sliders\"\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=\"mj-accordion-badge\">{{ templateParams.length }}</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                  <mj-empty-state\n                    Size=\"compact\"\n                    Icon=\"fa-solid fa-circle-info\"\n                    Title=\"This template has no parameters defined\" />\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 SectionKey=\"output-example\" SectionTitle=\"Output Example\" SectionIcon=\"fa-solid fa-code\"\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 class=\"phone-flush-x\" 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                  <mj-alert Variant=\"warning\">Output example is required when output type is 'object'</mj-alert>\n                }\n              </div>\n            </mj-accordion-panel>\n          }\n          <!-- Execution History Expansion Panel -->\n          @if (record.IsSaved) {\n            <mj-accordion-panel SectionKey=\"history\" SectionTitle=\"Execution History\" SectionIcon=\"fa-solid fa-history\" [SectionCount]=\"executionHistory.length\"\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 class=\"phone-flush-x\" 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                  <mj-empty-state\n                    Size=\"compact\"\n                    Icon=\"fa-solid fa-clock-rotate-left\"\n                    Title=\"No execution history yet\"\n                    Message=\"Run this prompt to see execution history here\" />\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 class=\"history-table-wrap\" 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                  <!-- Phone: one card per run; the table's eight columns do not fit a 375px screen -->\n                  <div class=\"history-cards\">\n                    @for (run of executionHistory; track run.ID) {\n                      <button type=\"button\" class=\"history-card\" (click)=\"navigateToPromptRun(run.ID)\">\n                        <span class=\"history-card-main\">\n                          <span class=\"history-card-status\" [style.color]=\"getExecutionStatusColor(run.Success)\">\n                            <i [class]=\"'fa-solid ' + getExecutionStatusIcon(run.Success)\" aria-hidden=\"true\"></i>\n                            {{ run.Success === true ? 'Success' : run.Success === false ? 'Failed' : 'Running' }}\n                          </span>\n                          <span class=\"history-card-model\">{{ run.Model || 'Unknown' }}</span>\n                        </span>\n                        <span class=\"history-card-meta\">{{ run.RunAt | date:'short' }} \u00B7 {{ formatDuration(run.ExecutionTimeMS) }} \u00B7 {{ formatTokens(run.TokensUsed) }} tokens \u00B7 {{ formatCost(run.TotalCost || run.Cost) }}@if (run.RunType) { \u00B7 {{ run.RunType }}}</span>\n                        <i class=\"fa-solid fa-chevron-right history-card-open\" aria-hidden=\"true\"></i>\n                      </button>\n                    }\n                  </div>\n                }\n              </div>\n            </mj-accordion-panel>\n          }\n          <!-- Cache Expansion Panel -->\n          @if (record.IsSaved && record.EnableCaching) {\n            <mj-accordion-panel SectionKey=\"cache\" SectionTitle=\"Result Cache\" SectionIcon=\"fa-solid fa-database\"\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 SectionKey=\"related\" SectionTitle=\"Related Items\" SectionIcon=\"fa-solid fa-link\"\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 class=\"related-grid-pair\" 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          </mj-accordion-sections>\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    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Template-editor placeholders fill the editor pane */\nmj-empty-state.no-template-state,\nmj-empty-state.invalid-template-state {\n    flex: 1;\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\n/* Hero header row: title block left, actions right; on a phone the actions drop under the title. */\n.hero-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 20px;\n}\n\n.action-buttons {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    align-items: flex-end;\n}\n\n@media (max-width: 768px) {\n    .hero-header-row {\n        flex-direction: column;\n    }\n\n    .action-buttons {\n        width: 100%;\n        align-items: stretch;\n    }\n\n    .action-buttons > div {\n        display: flex;\n        gap: 8px;\n    }\n\n    .action-buttons > div > button {\n        flex: 1;\n    }\n}\n\n/* Phone (375px): side-by-side grids stack. */\n@media (max-width: 768px) {\n    .related-grid-pair {\n        grid-template-columns: 1fr !important;\n    }\n}\n\n/* ============================================\n   PHONE (375px): Models as cards, Execution History as cards.\n   The model rows and details rows set their grids inline, hence !important.\n   ============================================ */\n.history-cards {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    /* Models: view mode reads \"#1  Gemini 3.5 Flash\" over \"Google \u00B7 Default\" */\n    .model-management .model-header,\n    .model-management .model-created {\n        display: none !important;\n    }\n\n    .model-management .model-row {\n        grid-template-columns: 32px auto minmax(0, 1fr) auto !important;\n        grid-template-areas:\n            \"prio model model actions\"\n            \"prio vendor config actions\";\n        column-gap: 8px !important;\n        row-gap: 2px !important;\n        padding: 10px 12px !important;\n        align-items: center !important;\n    }\n\n    /* Edit mode: each dropdown gets the full width, one per line */\n    .model-management .model-row:has(mj-dropdown) {\n        grid-template-columns: 32px minmax(0, 1fr) auto !important;\n        grid-template-areas:\n            \"prio model actions\"\n            \"prio vendor actions\"\n            \"prio config actions\";\n        row-gap: 8px !important;\n    }\n\n    .model-row > .drag-handle { grid-area: prio; }\n    .model-row > .model-select { grid-area: model; min-width: 0; }\n    .model-row > .model-vendor { grid-area: vendor; min-width: 0; }\n    .model-row > .model-configuration { grid-area: config; min-width: 0; }\n    .model-row > .model-actions { grid-area: actions; }\n\n    .model-row:not(:has(mj-dropdown)) > .model-vendor,\n    .model-row:not(:has(mj-dropdown)) > .model-configuration {\n        font-size: var(--mj-text-xs);\n        color: var(--mj-text-muted);\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .model-row:not(:has(mj-dropdown)) > .model-configuration::before {\n        content: '\u00B7';\n        margin-right: 6px;\n    }\n\n    .model-management .model-details-row {\n        grid-template-columns: minmax(0, 1fr) !important;\n        padding: 8px 12px !important;\n    }\n\n    .model-management .model-details-row > div:first-child {\n        display: none;\n    }\n\n    .model-management .model-parallel-grid {\n        grid-template-columns: minmax(0, 1fr) !important;\n    }\n\n    /* Execution History: the table gives way to one card per run */\n    .history-table-wrap {\n        display: none !important;\n    }\n\n    .history-cards {\n        display: flex;\n        flex-direction: column;\n        border: 1px solid var(--mj-border-default);\n        border-radius: var(--mj-radius-md);\n        overflow: hidden;\n    }\n\n    .history-card {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) auto;\n        align-items: center;\n        column-gap: 8px;\n        row-gap: 2px;\n        min-height: 44px;\n        padding: 10px 12px;\n        border: 0;\n        border-bottom: 1px solid var(--mj-border-default);\n        background: var(--mj-bg-surface);\n        color: var(--mj-text-primary);\n        font: inherit;\n        text-align: left;\n        cursor: pointer;\n    }\n\n    .history-card:last-child {\n        border-bottom: 0;\n    }\n\n    .history-card:hover {\n        background: var(--mj-bg-surface-hover);\n    }\n\n    .history-card:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .history-card-main {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        min-width: 0;\n        font-size: var(--mj-text-sm);\n    }\n\n    .history-card-status {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        flex-shrink: 0;\n        font-weight: var(--mj-font-semibold);\n    }\n\n    .history-card-model {\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        color: var(--mj-text-secondary);\n    }\n\n    .history-card-meta {\n        grid-column: 1;\n        font-size: var(--mj-text-xs);\n        color: var(--mj-text-muted);\n        overflow-wrap: anywhere;\n    }\n\n    .history-card-open {\n        grid-column: 2;\n        grid-row: 1 / span 2;\n        color: var(--mj-text-muted);\n        font-size: var(--mj-text-xs);\n    }\n}\n\n/* Phone: sections sit on the page's 12px gutter, so the container and the inline-padded body\n   wrappers drop their side padding (they would indent every section twice). */\n@media (max-width: 768px) {\n    .configuration-sections {\n        padding: 12px 0 !important;\n        border-top: 0 !important;\n        background: transparent !important;\n    }\n\n    .phone-flush-x {\n        padding-left: 0 !important;\n        padding-right: 0 !important;\n    }\n}\n", "/* ============================================\n   PHONE HERO (design call 6A), shared by the custom forms that own a hero.\n   Under 768px the hero keeps icon, name, status and the primary action. Anything tagged\n   .phone-hero-detail hides while the hero is compact and comes back when the summary line is\n   tapped. Edit mode is untouched: the host only gets .hero-compact / .hero-view in view mode.\n   Host:    .phone-hero [class.hero-view]=\"!EditMode\" [class.hero-compact]=\"!EditMode && !HeroDetailsOpen\"\n   Tags:    .phone-hero-detail  hidden while compact\n            .phone-hero-hide    hidden in view mode (said elsewhere on the phone hero)\n            .phone-hero-only    shown only on phones\n            .phone-hero-top     a title + action row that stacks\n            .phone-hero-actions / .phone-hero-run   the primary action, full width at 44px\n            .phone-hero-stats   a metric row that reflows to a 2-up grid when the hero is expanded\n            .phone-hero-status  a status chip in the identity row (with .phone-hero-only)\n   ============================================ */\n.phone-hero-summary,\n.phone-hero-only {\n    display: none;\n}\n\n@media (max-width: 768px) {\n    .phone-hero {\n        padding: 12px !important;\n    }\n\n    /* !important: several heroes carry inline display/padding styles on these rows */\n    .phone-hero.hero-compact .phone-hero-detail,\n    .phone-hero.hero-view .phone-hero-hide {\n        display: none !important;\n    }\n\n    .phone-hero-only {\n        display: inline-flex;\n    }\n\n    /* Lower specificity than the compact rule above, so a compact hero still hides it */\n    .phone-hero .phone-hero-stats {\n        display: grid !important;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 8px;\n    }\n\n    .phone-hero-status {\n        align-items: center;\n        gap: 4px;\n        margin-left: 8px;\n        padding: 2px 8px;\n        border-radius: var(--mj-radius-full, 999px);\n        color: var(--mj-text-secondary);\n        background: var(--mj-bg-surface-sunken);\n        font-size: var(--mj-text-xs);\n        font-weight: var(--mj-font-semibold);\n        vertical-align: middle;\n        white-space: nowrap;\n    }\n\n    /* data-status comes from RunStatusKind(); the -text / -bg pairs keep contrast in both themes */\n    .phone-hero-status[data-status=\"running\"] { color: var(--mj-status-warning-text); background: var(--mj-status-warning-bg); }\n    .phone-hero-status[data-status=\"success\"] { color: var(--mj-status-success-text); background: var(--mj-status-success-bg); }\n    .phone-hero-status[data-status=\"error\"]   { color: var(--mj-status-error-text);   background: var(--mj-status-error-bg); }\n    .phone-hero-status[data-status=\"info\"]    { color: var(--mj-status-info-text);    background: var(--mj-status-info-bg); }\n\n    .phone-hero-top {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n    }\n\n    .phone-hero-actions {\n        width: 100%;\n    }\n\n    .phone-hero .phone-hero-run {\n        width: 100%;\n        min-height: 44px;\n        justify-content: center;\n    }\n\n    /* Inherits the hero's text colour, so it reads on light heroes and on the brand-blue\n       Queries hero alike; a muted token would be grey on blue. */\n    .phone-hero-summary {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: 100%;\n        min-height: 44px;\n        margin-top: 8px;\n        padding: 0 4px;\n        border: 0;\n        border-top: 1px solid color-mix(in srgb, currentColor 20%, transparent);\n        background: transparent;\n        color: inherit;\n        font: inherit;\n        font-size: var(--mj-text-sm);\n        text-align: left;\n        cursor: pointer;\n        opacity: 0.85;\n    }\n\n    .phone-hero-summary:focus-visible {\n        outline: none;\n        box-shadow: var(--mj-focus-ring);\n    }\n\n    .phone-hero-summary-text {\n        flex: 1 1 auto;\n        min-width: 0;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    .phone-hero-summary > i {\n        flex-shrink: 0;\n        transition: transform 0.15s ease;\n    }\n\n    .phone-hero-summary[aria-expanded=\"true\"] > i {\n        transform: rotate(180deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .phone-hero-summary > i {\n        transition: none;\n    }\n}\n"] }]
     }], null, { TemplateEditor: [{
             type: ViewChild,
             args: ['templateEditor']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJAIPromptFormComponentExtended, { className: "MJAIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJAIPromptFormComponentExtended, { className: "MJAIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 25 }); })();
 //# sourceMappingURL=ai-prompt-form.component.js.map