@memberjunction/ng-core-entity-forms 2.50.0 → 2.51.0

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

@@ -7,26 +7,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, ViewChild } from '@angular/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
-import { Metadata, RunView } from '@memberjunction/core';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Metadata, RunView, CompositeKey } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { AIPromptFormComponent } from '../../generated/Entities/AIPrompt/aiprompt.form.component';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@progress/kendo-angular-layout";
-import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "@progress/kendo-angular-dropdowns";
-import * as i6 from "@progress/kendo-angular-buttons";
-import * as i7 from "@memberjunction/ng-user-view-grid";
-import * as i8 from "@memberjunction/ng-base-forms";
-import * as i9 from "@memberjunction/ng-form-toolbar";
-import * as i10 from "@memberjunction/ng-container-directives";
-import * as i11 from "@memberjunction/ng-code-editor";
-import * as i12 from "../../shared/components/template-editor.component";
-import * as i13 from "./ai-prompt-execution-dialog.component";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-layout";
+import * as i6 from "@progress/kendo-angular-dialog";
+import * as i7 from "@progress/kendo-angular-inputs";
+import * as i8 from "@progress/kendo-angular-dropdowns";
+import * as i9 from "@progress/kendo-angular-buttons";
+import * as i10 from "@memberjunction/ng-user-view-grid";
+import * as i11 from "@memberjunction/ng-base-forms";
+import * as i12 from "@memberjunction/ng-form-toolbar";
+import * as i13 from "@memberjunction/ng-container-directives";
+import * as i14 from "@memberjunction/ng-code-editor";
+import * as i15 from "../../shared/components/template-editor.component";
+import * as i16 from "./ai-prompt-execution-dialog.component";
+import * as i17 from "../AIAgents/ai-test-harness.component";
 const _c0 = ["templateEditor"];
 const _forTrack0 = ($index, $item) => $item.ID || $index;
+const _forTrack1 = ($index, $item) => $item.ID;
 const _c1 = () => ({ text: "Active", value: "Active" });
 const _c2 = () => ({ text: "Pending", value: "Pending" });
 const _c3 = () => ({ text: "Disabled", value: "Disabled" });
@@ -36,7 +42,7 @@ const _c6 = () => ({ text: "Static Count", value: "StaticCount" });
 const _c7 = () => ({ text: "Config Param", value: "ConfigParam" });
 function AIPromptFormComponentExtended_form_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textbox", 49);
+    i0.ɵɵelementStart(0, "kendo-textbox", 48);
     i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_9_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -44,10 +50,10 @@ function AIPromptFormComponentExtended_form_1_Conditional_9_Template(rf, ctx) {
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h4", 50);
+    i0.ɵɵelementStart(0, "h4", 49);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 51);
+    i0.ɵɵelementStart(2, "span", 50);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -60,14 +66,14 @@ function AIPromptFormComponentExtended_form_1_Conditional_10_Template(rf, ctx) {
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
-    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading types... ");
     i0.ɵɵelementEnd();
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 57);
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 56);
     i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.TypeID, $event) || (ctx_r1.record.TypeID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -77,18 +83,18 @@ function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Temp
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div")(2, "label", 47);
+    i0.ɵɵelementStart(0, "div", 15)(1, "div")(2, "label", 46);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 52);
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 51);
     i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_11_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Status, $event) || (ctx_r1.record.Status = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div")(6, "label", 47);
+    i0.ɵɵelementStart(5, "div")(6, "label", 46);
     i0.ɵɵtext(7, " Type ");
-    i0.ɵɵelementStart(8, "span", 53);
+    i0.ɵɵelementStart(8, "span", 52);
     i0.ɵɵtext(9, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 54)(11, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 55);
+    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 53)(11, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 54);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -100,7 +106,7 @@ function AIPromptFormComponentExtended_form_1_Conditional_11_Template(rf, ctx) {
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-textarea", 58);
+    i0.ɵɵelementStart(0, "kendo-textarea", 57);
     i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_12_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -109,7 +115,7 @@ function AIPromptFormComponentExtended_form_1_Conditional_12_Template(rf, ctx) {
     i0.ɵɵproperty("rows", 2);
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵelementStart(0, "p", 17);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -118,12 +124,12 @@ function AIPromptFormComponentExtended_form_1_Conditional_13_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(ctx_r1.record.Description);
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 59);
-    i0.ɵɵelementStart(2, "span", 20);
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelementStart(2, "span", 21);
     i0.ɵɵtext(3, "Type:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 21);
+    i0.ɵɵelementStart(4, "span", 22);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -132,49 +138,35 @@ function AIPromptFormComponentExtended_form_1_Conditional_15_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(ctx_r1.getPromptTypeDisplayName(ctx_r1.record.TypeID));
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 60);
-    i0.ɵɵelementStart(2, "span", 61);
+    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(2, "span", 60);
     i0.ɵɵtext(3, "Caching Enabled");
     i0.ɵɵelementEnd()();
 } }
 function AIPromptFormComponentExtended_form_1_Conditional_31_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-button", 62);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_31_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.executeAIPrompt()); });
-    i0.ɵɵelement(1, "i", 63);
-    i0.ɵɵtext(2, " Execute Prompt ");
-    i0.ɵɵelementEnd();
-} }
-function AIPromptFormComponentExtended_form_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-button", 27);
-    i0.ɵɵelement(1, "i", 64);
-    i0.ɵɵtext(2, " Cannot Execute ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("disabled", true);
-} }
-function AIPromptFormComponentExtended_form_1_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-button", 28);
-    i0.ɵɵelement(1, "i", 65);
-    i0.ɵɵtext(2, " History ");
+    i0.ɵɵelementStart(0, "kendo-button", 61);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_31_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestHarness()); });
+    i0.ɵɵelement(1, "i", 62);
+    i0.ɵɵtext(2, " Run ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Prompt must be Active");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template is required");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " \u2022 Template not found");
     i0.ɵɵelement(1, "br");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_1_Template, 2, 0, "br")(2, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_2_Template, 2, 0, "br")(3, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_3_Template, 2, 0, "br");
+function AIPromptFormComponentExtended_form_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_1_Template, 2, 0, "br")(2, AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_2_Template, 2, 0, "br")(3, AIPromptFormComponentExtended_form_1_Conditional_32_Conditional_3_Template, 2, 0, "br");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -185,8 +177,8 @@ function AIPromptFormComponentExtended_form_1_Conditional_34_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r1.template && ctx_r1.record.TemplateID ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_ng_template_37_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 67);
+function AIPromptFormComponentExtended_form_1_ng_template_35_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -194,77 +186,77 @@ function AIPromptFormComponentExtended_form_1_ng_template_37_Conditional_3_Templ
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name, "");
 } }
-function AIPromptFormComponentExtended_form_1_ng_template_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 22);
+function AIPromptFormComponentExtended_form_1_ng_template_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 23);
     i0.ɵɵtext(2, " Template Editor ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_ng_template_37_Conditional_3_Template, 2, 1, "span", 67);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_ng_template_35_Conditional_3_Template, 2, 1, "span", 64);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵelement(1, "i", 68);
+function AIPromptFormComponentExtended_form_1_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 65);
     i0.ɵɵtext(2, " Loading template... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_38_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 35);
-    i0.ɵɵelement(1, "i", 69);
-    i0.ɵɵelementStart(2, "h5", 70);
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "i", 66);
+    i0.ɵɵelementStart(2, "h5", 67);
     i0.ɵɵtext(3, "No Template Associated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 71);
+    i0.ɵɵelementStart(4, "p", 68);
     i0.ɵɵtext(5, " This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 72)(7, "kendo-button", 73);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(8, "i", 74);
+    i0.ɵɵelementStart(6, "div", 69)(7, "kendo-button", 70);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_38_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(8, "i", 71);
     i0.ɵɵtext(9, " Create New Template ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-button", 75);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
-    i0.ɵɵelement(11, "i", 76);
+    i0.ɵɵelementStart(10, "kendo-button", 72);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_38_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(11, "i", 73);
     i0.ɵɵtext(12, " Link Existing Template ");
     i0.ɵɵelementEnd()()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵelement(1, "i", 77);
-    i0.ɵɵelementStart(2, "h5", 78);
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "i", 74);
+    i0.ɵɵelementStart(2, "h5", 75);
     i0.ɵɵtext(3, "Template Not Found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 71);
+    i0.ɵɵelementStart(4, "p", 68);
     i0.ɵɵtext(5, " The referenced template could not be loaded. It may have been deleted or moved. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 72)(7, "kendo-button", 75);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
-    i0.ɵɵelement(8, "i", 79);
+    i0.ɵɵelementStart(6, "div", 69)(7, "kendo-button", 72);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_39_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
+    i0.ɵɵelement(8, "i", 76);
     i0.ɵɵtext(9, " Retry Loading ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "kendo-button", 73);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
-    i0.ɵɵelement(11, "i", 74);
+    i0.ɵɵelementStart(10, "kendo-button", 70);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_39_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(11, "i", 71);
     i0.ɵɵtext(12, " Create New Template ");
     i0.ɵɵelementEnd()()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 37)(1, "div", 80)(2, "mj-template-editor", 81, 1);
-    i0.ɵɵlistener("contentChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Template_mj_template_editor_contentChange_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function AIPromptFormComponentExtended_form_1_Conditional_42_Template_mj_template_editor_runTemplate_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 77)(2, "mj-template-editor", 78, 1);
+    i0.ɵɵlistener("contentChange", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_mj_template_editor_contentChange_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_mj_template_editor_runTemplate_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 85);
+function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -272,405 +264,427 @@ function AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 84);
+function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 81);
     i0.ɵɵtext(2, " Models ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Conditional_3_Template, 2, 1, "span", 85);
-    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Conditional_3_Template, 2, 1, "span", 82);
+    i0.ɵɵelementStart(4, "span", 83);
+    i0.ɵɵelement(5, "i", 84);
+    i0.ɵɵtext(6, " Priority order (first available model will be used) ");
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading models... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 88)(1, "kendo-button", 89);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
-    i0.ɵɵelement(2, "i", 74);
+    i0.ɵɵelementStart(0, "div", 87)(1, "kendo-button", 88);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Conditional_3_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 71);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵelement(1, "i", 87);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵelement(1, "i", 86);
     i0.ɵɵtext(2, " No models configured ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 88);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 94);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵtext(2, " Models are tried in priority order (1, 2, 3...). The first available model that meets requirements will be used for execution. ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 108);
+    i0.ɵɵelementStart(1, "span", 109);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_279_r12 + 1, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 95);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 97);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_278_r11 = i0.ɵɵnextContext().$index;
+    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
+    i0.ɵɵpropertyInterpolate1("title", "Priority ", ɵ$index_279_r12 + 1, " - Lower numbers are tried first");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ɵ$index_278_r11 + 1);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_279_r12 + 1, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 106);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const model_r13 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ModelID, $event) || (model_r13.ModelID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_278_r11)); });
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 110);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r13); const model_r14 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r14.ModelID, $event) || (model_r14.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r13); const ɵ$index_279_r12 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_279_r12)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext();
-    const model_r13 = ctx_r13.$implicit;
-    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r14 = i0.ɵɵnextContext();
+    const model_r14 = ctx_r14.$implicit;
+    const ɵ$index_279_r12 = ctx_r14.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r13.ModelID);
-    i0.ɵɵproperty("name", "modelId_" + ɵ$index_278_r11)("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r14.ModelID);
+    i0.ɵɵproperty("name", "modelId_" + ɵ$index_279_r12)("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 23);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext().$implicit;
+    const model_r14 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r13.ModelID));
+    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r14.ModelID));
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dataItem_r16 = i0.ɵɵnextContext().$implicit;
-    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const dataItem_r17 = i0.ɵɵnextContext().$implicit;
+    const model_r14 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, dataItem_r16.ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, dataItem_r17.ID), ")");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dataItem_r16 = ctx.$implicit;
-    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const dataItem_r17 = ctx.$implicit;
+    const model_r14 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, dataItem_r16.ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, dataItem_r17.ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", dataItem_r16.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", dataItem_r17.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, dataItem_r16.ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, dataItem_r17.ID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdownlist", 109);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r15); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.VendorID, $event) || (model_r13.VendorID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 110);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 113);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r16); const model_r14 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r14.VendorID, $event) || (model_r14.VendorID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 114);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(3);
-    const model_r13 = ctx_r13.$implicit;
-    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r14 = i0.ɵɵnextContext(3);
+    const model_r14 = ctx_r14.$implicit;
+    const ɵ$index_279_r12 = ctx_r14.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r13.VendorID);
-    i0.ɵɵproperty("name", "vendorId_" + ɵ$index_278_r11)("data", ctx_r1.getVendorsForModelSync(model_r13.ModelID))("valuePrimitive", true)("filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r14.VendorID);
+    i0.ɵɵproperty("name", "vendorId_" + ɵ$index_279_r12)("data", ctx_r1.getVendorsForModelSync(model_r14.ModelID))("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(5).$implicit;
+    const model_r14 = i0.ɵɵnextContext(5).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID), ")");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 117);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const model_r14 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].Name, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 107);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
     i0.ɵɵtext(1, "No vendors available");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 112)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 107);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 116)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 111);
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    const model_r14 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r13.ModelID).length === 1 ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r14.ModelID).length === 1 ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 108)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 112)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    const model_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r13.ModelID) ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r14.ModelID) ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 107);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
     i0.ɵɵtext(1, "Select model first");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_1_Template, 2, 0, "span", 107);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_1_Template, 2, 0, "span", 111);
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r13.ModelID ? 0 : 1);
+    const model_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r14.ModelID ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    const model_r14 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, model_r13.VendorID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, model_r14.VendorID), ")");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 116);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    const model_r14 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, model_r13.VendorID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, model_r14.VendorID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r13.VendorID), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r14.VendorID), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, model_r13.VendorID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, model_r14.VendorID) !== "Active" ? 2 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 115);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 119);
     i0.ɵɵtext(1, "-");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Template, 3, 4, "span", 114)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_1_Template, 2, 0, "span", 115);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Template, 3, 4, "span", 118)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_1_Template, 2, 0, "span", 119);
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r13.VendorID && model_r13.ModelID ? 0 : 1);
+    const model_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r14.VendorID && model_r14.ModelID ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 100);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 102);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext().$implicit;
+    const model_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r13.__mj_CreatedAt, "short"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r14.__mj_CreatedAt, "short"));
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 101);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 103);
     i0.ɵɵtext(1, "New");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 117)(1, "kendo-button", 118);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_278_r11)); });
-    i0.ɵɵelement(2, "i", 119);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 121)(1, "kendo-button", 122);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ɵ$index_279_r12 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_279_r12)); });
+    i0.ɵɵelement(2, "i", 123);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-button", 120);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_278_r11)); });
-    i0.ɵɵelement(4, "i", 121);
+    i0.ɵɵelementStart(3, "kendo-button", 124);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r18); const ɵ$index_279_r12 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_279_r12)); });
+    i0.ɵɵelement(4, "i", 125);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "kendo-button", 122);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_278_r11)); });
-    i0.ɵɵelement(6, "i", 123);
+    i0.ɵɵelementStart(5, "kendo-button", 126);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r18); const ɵ$index_279_r12 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_279_r12)); });
+    i0.ɵɵelement(6, "i", 127);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_278_r11 = i0.ɵɵnextContext().$index;
+    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ɵ$index_278_r11 === 0);
+    i0.ɵɵproperty("disabled", ɵ$index_279_r12 === 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ɵ$index_278_r11 === ctx_r1.promptModels.length - 1);
+    i0.ɵɵproperty("disabled", ɵ$index_279_r12 === ctx_r1.promptModels.length - 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_19_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_r13 = i0.ɵɵnextContext().$implicit;
+    const model_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r13.Status, "");
+    i0.ɵɵtextInterpolate1(" ", model_r14.Status, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span")(1, "strong");
     i0.ɵɵtext(2, "Configuration:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext().$implicit;
+    const model_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r13.ConfigurationID, "");
+    i0.ɵɵtextInterpolate1(" ", model_r14.ConfigurationID, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "label", 128);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 132);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-numerictextbox", 130);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r19); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelCount, $event) || (model_r13.ParallelCount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "kendo-numerictextbox", 134);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const model_r14 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r14.ParallelCount, $event) || (model_r14.ParallelCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(3);
-    const model_r13 = ctx_r13.$implicit;
-    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r14 = i0.ɵɵnextContext(3);
+    const model_r14 = ctx_r14.$implicit;
+    const ɵ$index_279_r12 = ctx_r14.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_278_r11)("min", 1)("step", 1)("format", "n0");
+    i0.ɵɵtwoWayProperty("ngModel", model_r14.ParallelCount);
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_279_r12)("min", 1)("step", 1)("format", "n0");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "label", 128);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 132);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 131);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelConfigParam, $event) || (model_r13.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(3, "kendo-textbox", 135);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r21); const model_r14 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r14.ParallelConfigParam, $event) || (model_r14.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(3);
-    const model_r13 = ctx_r13.$implicit;
-    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r14 = i0.ɵɵnextContext(3);
+    const model_r14 = ctx_r14.$implicit;
+    const ɵ$index_279_r12 = ctx_r14.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelConfigParam);
-    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_278_r11);
+    i0.ɵɵtwoWayProperty("ngModel", model_r14.ParallelConfigParam);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_279_r12);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 126)(1, "div")(2, "label", 128);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 130)(1, "div")(2, "label", 132);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 129);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r18); const model_r13 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelizationMode, $event) || (model_r13.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 133);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r19); const model_r14 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r14.ParallelizationMode, $event) || (model_r14.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template, 4, 5, "div")(6, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template, 4, 2, "div");
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template, 4, 5, "div")(6, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template, 4, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r13 = i0.ɵɵnextContext(2);
-    const model_r13 = ctx_r13.$implicit;
-    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r14 = i0.ɵɵnextContext(2);
+    const model_r14 = ctx_r14.$implicit;
+    const ɵ$index_279_r12 = ctx_r14.$index;
     i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelizationMode);
-    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_278_r11)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r14.ParallelizationMode);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_279_r12)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ParallelizationMode === "StaticCount" ? 5 : -1);
+    i0.ɵɵconditional(model_r14.ParallelizationMode === "StaticCount" ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ParallelizationMode === "ConfigParam" ? 6 : -1);
+    i0.ɵɵconditional(model_r14.ParallelizationMode === "ConfigParam" ? 6 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_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_r13 = i0.ɵɵnextContext(3).$implicit;
+    const model_r14 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelizationMode, "");
+    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelizationMode, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_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_r13 = i0.ɵɵnextContext(3).$implicit;
+    const model_r14 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelCount, "");
+    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelCount, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_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_r13 = i0.ɵɵnextContext(3).$implicit;
+    const model_r14 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelConfigParam, "");
+    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelConfigParam, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 127);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_1_Template, 4, 1, "span")(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_2_Template, 4, 1, "span")(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_3_Template, 4, 1, "span");
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 131);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_1_Template, 4, 1, "span")(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_2_Template, 4, 1, "span")(3, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_3_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    const model_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ParallelizationMode ? 1 : -1);
+    i0.ɵɵconditional(model_r14.ParallelizationMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ParallelCount ? 2 : -1);
+    i0.ɵɵconditional(model_r14.ParallelCount ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ParallelConfigParam ? 3 : -1);
+    i0.ɵɵconditional(model_r14.ParallelConfigParam ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 105)(1, "div", 124);
-    i0.ɵɵelement(2, "i", 125);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 107)(1, "div", 128);
+    i0.ɵɵelement(2, "i", 129);
     i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template, 7, 13, "div", 126)(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Template, 4, 3, "div", 127);
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template, 7, 13, "div", 130)(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Template, 4, 3, "div", 131);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditMode ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 92)(1, "div", 93);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_2_Template, 1, 0, "i", 94)(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_3_Template, 2, 1, "span", 95);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 95);
+    i0.ɵɵlistener("dragstart", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template_div_dragstart_0_listener($event) { const ɵ$index_279_r12 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_279_r12)); })("dragover", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template_div_drop_0_listener($event) { const ɵ$index_279_r12 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_279_r12)); })("dragend", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
+    i0.ɵɵelementStart(1, "div", 96);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_2_Template, 3, 1)(3, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_3_Template, 2, 3, "span", 97);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 96);
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 97)(6, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_6_Template, 2, 1, "span", 23);
+    i0.ɵɵelementStart(4, "div", 98);
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 99)(6, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_6_Template, 2, 1, "span", 24);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 98);
-    i0.ɵɵtemplate(8, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Template, 2, 1);
+    i0.ɵɵelementStart(7, "div", 100);
+    i0.ɵɵtemplate(8, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 99);
-    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_11_Template, 3, 4, "span", 100)(12, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_12_Template, 2, 0, "span", 101);
+    i0.ɵɵelementStart(10, "div", 101);
+    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_11_Template, 3, 4, "span", 102)(12, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_12_Template, 2, 0, "span", 103);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 102);
-    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template, 7, 2);
+    i0.ɵɵelementStart(13, "div", 104);
+    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template, 7, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 103);
+    i0.ɵɵelementStart(15, "div", 105);
     i0.ɵɵelement(16, "div");
-    i0.ɵɵelementStart(17, "div")(18, "div", 104);
-    i0.ɵɵtemplate(19, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_19_Template, 4, 1, "span")(20, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_20_Template, 4, 1, "span");
+    i0.ɵɵelementStart(17, "div")(18, "div", 106);
+    i0.ɵɵtemplate(19, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_19_Template, 4, 1, "span")(20, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_20_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(21, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Template, 6, 1, "div", 105);
+    i0.ɵɵtemplate(21, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Template, 6, 1, "div", 107);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const model_r13 = ctx.$implicit;
+    const model_r14 = ctx.$implicit;
+    const ɵ$index_279_r12 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("background", !model_r13.ModelID ? "#fff3cd" : "white")("border-left", !model_r13.ModelID ? "3px solid #ffc107" : "none");
+    i0.ɵɵstyleProp("background", !model_r14.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_279_r12 ? "#e3f2fd" : "white")("border-left", !model_r14.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_279_r12 ? "0.5" : "1");
+    i0.ɵɵproperty("draggable", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
     i0.ɵɵadvance(3);
@@ -678,61 +692,64 @@ function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Condi
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 8 : 9);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(model_r13.ID ? 11 : 12);
+    i0.ɵɵconditional(model_r14.ID ? 11 : 12);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 14 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(model_r13.Status ? 19 : -1);
+    i0.ɵɵconditional(model_r14.Status ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r13.ConfigurationID ? 20 : -1);
+    i0.ɵɵconditional(model_r14.ConfigurationID ? 20 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 21 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 91)(1, "kendo-button", 132);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
-    i0.ɵɵelement(2, "i", 74);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 93)(1, "kendo-button", 136);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_16_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 71);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 90);
-    i0.ɵɵelement(1, "div");
-    i0.ɵɵelementStart(2, "div");
-    i0.ɵɵtext(3, "AI Model ");
-    i0.ɵɵelementStart(4, "span", 53);
-    i0.ɵɵtext(5, "*");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div");
-    i0.ɵɵtext(7, "Vendor");
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 89);
+    i0.ɵɵelementStart(1, "div", 90)(2, "div", 91);
+    i0.ɵɵelement(3, "i", 92);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div");
+    i0.ɵɵtext(5, "AI Model ");
+    i0.ɵɵelementStart(6, "span", 52);
+    i0.ɵɵtext(7, "*");
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "div");
-    i0.ɵɵtext(9, "Created");
+    i0.ɵɵtext(9, "Vendor");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "div");
-    i0.ɵɵtext(11, "Actions");
+    i0.ɵɵtext(11, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div");
+    i0.ɵɵtext(13, "Actions");
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(12, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Template, 22, 12, null, null, _forTrack0);
-    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template, 4, 0, "div", 91);
+    i0.ɵɵrepeaterCreate(14, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Template, 22, 15, null, null, _forTrack0);
+    i0.ɵɵtemplate(16, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_16_Template, 4, 0, "div", 93);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(12);
+    i0.ɵɵconditional(ctx_r1.promptModels.length > 1 ? 0 : -1);
+    i0.ɵɵadvance(14);
     i0.ɵɵrepeater(ctx_r1.promptModels);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 14 : -1);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 16 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Template, 4, 1, "div", 86)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Template, 15, 1);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Template, 4, 1, "div", 85)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Template, 17, 2);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length === 0 ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Template, 4, 1, "ng-template", 32);
-    i0.ɵɵelementStart(2, "div", 38)(3, "div", 82);
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_4_Template, 3, 0, "div", 83)(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Template, 2, 1);
+function AIPromptFormComponentExtended_form_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template, 7, 1, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 37)(3, "div", 79);
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template, 3, 0, "div", 80)(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -740,49 +757,49 @@ function AIPromptFormComponentExtended_form_1_Conditional_43_Template(rf, ctx) {
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_ng_template_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 133);
+function AIPromptFormComponentExtended_form_1_ng_template_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 137);
     i0.ɵɵtext(2, " Advanced Configuration ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 41);
+function AIPromptFormComponentExtended_form_1_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 40);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-field", 42);
+function AIPromptFormComponentExtended_form_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 41);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 134);
-    i0.ɵɵelement(1, "i", 56);
+function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 138);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵtext(2, " Loading prompts... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdowntree", 136);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.ResultSelectorPromptID, $event) || (ctx_r1.record.ResultSelectorPromptID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
+function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdowntree", 140);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.ResultSelectorPromptID, $event) || (ctx_r1.record.ResultSelectorPromptID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.ResultSelectorPromptID);
     i0.ɵɵproperty("data", ctx_r1.resultSelectorTreeData)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_0_Template, 3, 0, "div", 134)(1, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 135);
+function AIPromptFormComponentExtended_form_1_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_0_Template, 3, 0, "div", 138)(1, AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 139);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function AIPromptFormComponentExtended_form_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -790,29 +807,29 @@ function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 22);
+function AIPromptFormComponentExtended_form_1_Conditional_59_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 23);
     i0.ɵɵtext(2, " Output Example (JSON) ");
-    i0.ɵɵelementStart(3, "span", 140);
+    i0.ɵɵelementStart(3, "span", 144);
     i0.ɵɵtext(4, "\u2022 Required for object output type");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-code-editor", 141);
-    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.OutputExample, $event) || (ctx_r1.record.OutputExample = $event); return i0.ɵɵresetView($event); });
+function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 145);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r24); 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", 142);
-    i0.ɵɵelement(2, "i", 87);
+    i0.ɵɵelementStart(1, "div", 146);
+    i0.ɵɵelement(2, "i", 86);
     i0.ɵɵtext(3, " Provide a JSON example that defines the expected structure for object output validation. ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 138);
+function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 142);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -820,17 +837,17 @@ function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Templ
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 139);
-    i0.ɵɵelement(1, "i", 64);
+function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 143);
+    i0.ɵɵelement(1, "i", 147);
     i0.ɵɵtext(2, " Output example is required when output type is 'object' ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template, 5, 0, "ng-template", 32);
-    i0.ɵɵelementStart(2, "div", 137);
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template, 2, 1, "div", 138)(5, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template, 3, 0, "div", 139);
+function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_59_ng_template_1_Template, 5, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 141);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_4_Template, 2, 1, "div", 142)(5, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_5_Template, 3, 0, "div", 143);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -838,35 +855,233 @@ function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 144);
+function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 150);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 149);
     i0.ɵɵtext(2, " Execution History ");
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Conditional_3_Template, 2, 1, "span", 150);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.executionHistory.length > 0 ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template, 3, 0, "ng-template", 32);
-    i0.ɵɵelementStart(2, "div", 38);
-    i0.ɵɵelement(3, "mj-user-view-grid", 143);
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148);
+    i0.ɵɵelement(1, "i", 151);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "Loading execution history...");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 148);
+    i0.ɵɵelement(1, "i", 152);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No execution history yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 120);
+    i0.ɵɵtext(5, "Run this prompt to see execution history here");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 166);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 166);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 166);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 166);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap("fa-solid fa-sort-" + (ctx_r1.historySortDirection === "asc" ? "up" : "down"));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 173);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r27 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r27.RunType, " ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 167)(1, "td", 168)(2, "span", 169);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementStart(4, "span", 24);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(6, "td", 170);
+    i0.ɵɵtext(7);
+    i0.ɵɵpipe(8, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "td", 170)(10, "span", 169);
+    i0.ɵɵelement(11, "i", 81);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "td", 170);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "td", 171);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "td", 171);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "td", 172);
+    i0.ɵɵtemplate(20, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 173);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "td", 172)(22, "kendo-button", 174);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Template_kendo_button_click_22_listener() { const run_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r27.ID)); });
+    i0.ɵɵelement(23, "i", 175);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const run_r27 = ctx.$implicit;
+    const ɵ$index_654_r28 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("even-row", ɵ$index_654_r28 % 2 === 0);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r27.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r27.Success));
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r27.Success));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r27.Success === true ? "Success" : run_r27.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r27.RunAt, "short"), " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1(" ", run_r27.Model || "Unknown", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r27.ExecutionTimeMS), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r27.TokensUsed), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r27.TotalCost || run_r27.Cost), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(run_r27.RunType ? 20 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 153)(1, "div", 119);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 154)(4, "span", 155);
+    i0.ɵɵtext(5, "Sort by:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "kendo-buttongroup", 156)(7, "button", 157);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("runAt")); });
+    i0.ɵɵtext(8, " Date ");
+    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_9_Template, 1, 2, "i", 158);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 157);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("executionTime")); });
+    i0.ɵɵtext(11, " Duration ");
+    i0.ɵɵtemplate(12, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_12_Template, 1, 2, "i", 158);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 157);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("tokens")); });
+    i0.ɵɵtext(14, " Tokens ");
+    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_15_Template, 1, 2, "i", 158);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 157);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeHistorySort("cost")); });
+    i0.ɵɵtext(17, " Cost ");
+    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Conditional_18_Template, 1, 2, "i", 158);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(19, "div", 159)(20, "table", 160)(21, "thead")(22, "tr", 161)(23, "th", 162);
+    i0.ɵɵtext(24, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "th", 162);
+    i0.ɵɵtext(26, "Date & Time");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "th", 162);
+    i0.ɵɵtext(28, "Model");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "th", 162);
+    i0.ɵɵtext(30, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "th", 163);
+    i0.ɵɵtext(32, "Tokens");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "th", 163);
+    i0.ɵɵtext(34, "Cost");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "th", 164);
+    i0.ɵɵtext(36, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "th", 164);
+    i0.ɵɵtext(38, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(39, "tbody");
+    i0.ɵɵrepeaterCreate(40, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Template, 24, 18, "tr", 165, _forTrack1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Showing ", ctx_r1.executionHistory.length, " executions ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("selected", ctx_r1.historySortField === "runAt");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.historySortField === "runAt" ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("selected", ctx_r1.historySortField === "executionTime");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.historySortField === "executionTime" ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("selected", ctx_r1.historySortField === "tokens");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.historySortField === "tokens" ? 15 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("selected", ctx_r1.historySortField === "cost");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.historySortField === "cost" ? 18 : -1);
+    i0.ɵɵadvance(22);
+    i0.ɵɵrepeater(ctx_r1.executionHistory);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template, 4, 1, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 141);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template, 4, 0, "div", 148)(4, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_4_Template, 6, 0, "div", 148)(5, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template, 42, 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("expanded", false);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Runs", "PromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Runs"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
+    i0.ɵɵconditional(ctx_r1.isLoadingHistory ? 3 : ctx_r1.executionHistory.length === 0 ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 145);
+function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 177);
     i0.ɵɵtext(2, " Result Cache ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template, 3, 0, "ng-template", 32);
-    i0.ɵɵelementStart(2, "div", 38);
-    i0.ɵɵelement(3, "mj-user-view-grid", 143);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 37);
+    i0.ɵɵelement(3, "mj-user-view-grid", 176);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -874,24 +1089,24 @@ function AIPromptFormComponentExtended_form_1_Conditional_63_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Result Cache", "AIPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Result Cache"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_64_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 148);
+function AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 180);
     i0.ɵɵtext(2, " Related Items ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_64_ng_template_1_Template, 3, 0, "ng-template", 32);
-    i0.ɵɵelementStart(2, "div", 38)(3, "div", 39)(4, "div")(5, "h6", 146);
+function AIPromptFormComponentExtended_form_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(2, "div", 37)(3, "div", 38)(4, "div")(5, "h6", 178);
     i0.ɵɵtext(6, "AI Agents Using This Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "mj-user-view-grid", 147);
+    i0.ɵɵelement(7, "mj-user-view-grid", 179);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div")(9, "h6", 146);
+    i0.ɵɵelementStart(8, "div")(9, "h6", 178);
     i0.ɵɵtext(10, "Prompts Using This as Result Selector");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "mj-user-view-grid", 147);
+    i0.ɵɵelement(11, "mj-user-view-grid", 179);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -902,59 +1117,59 @@ function AIPromptFormComponentExtended_form_1_Conditional_64_Template(rf, ctx) {
     i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Prompts", "ResultSelectorPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Prompts"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
 } }
 function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "form", 5, 0);
-    i0.ɵɵelement(2, "mj-form-toolbar", 6);
-    i0.ɵɵelementStart(3, "div", 7)(4, "div", 8)(5, "div", 9)(6, "div", 10)(7, "div", 11);
-    i0.ɵɵelement(8, "i", 12);
-    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_1_Conditional_9_Template, 1, 1, "kendo-textbox", 13)(10, AIPromptFormComponentExtended_form_1_Conditional_10_Template, 4, 4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_11_Template, 12, 11, "div", 14)(12, AIPromptFormComponentExtended_form_1_Conditional_12_Template, 1, 2, "kendo-textarea", 15)(13, AIPromptFormComponentExtended_form_1_Conditional_13_Template, 2, 1, "p", 16);
-    i0.ɵɵelementStart(14, "div", 17);
-    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_1_Conditional_15_Template, 6, 1, "div", 18);
-    i0.ɵɵelementStart(16, "div", 18);
-    i0.ɵɵelement(17, "i", 19);
-    i0.ɵɵelementStart(18, "span", 20);
+    i0.ɵɵelementStart(0, "form", 6, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 7);
+    i0.ɵɵelementStart(3, "div", 8)(4, "div", 9)(5, "div", 10)(6, "div", 11)(7, "div", 12);
+    i0.ɵɵelement(8, "i", 13);
+    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_1_Conditional_9_Template, 1, 1, "kendo-textbox", 14)(10, AIPromptFormComponentExtended_form_1_Conditional_10_Template, 4, 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_11_Template, 12, 11, "div", 15)(12, AIPromptFormComponentExtended_form_1_Conditional_12_Template, 1, 2, "kendo-textarea", 16)(13, AIPromptFormComponentExtended_form_1_Conditional_13_Template, 2, 1, "p", 17);
+    i0.ɵɵelementStart(14, "div", 18);
+    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_1_Conditional_15_Template, 6, 1, "div", 19);
+    i0.ɵɵelementStart(16, "div", 19);
+    i0.ɵɵelement(17, "i", 20);
+    i0.ɵɵelementStart(18, "span", 21);
     i0.ɵɵtext(19, "Parallelization:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "span", 21);
+    i0.ɵɵelementStart(20, "span", 22);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 18);
-    i0.ɵɵelement(23, "i", 22);
-    i0.ɵɵelementStart(24, "span", 20);
+    i0.ɵɵelementStart(22, "div", 19);
+    i0.ɵɵelement(23, "i", 23);
+    i0.ɵɵelementStart(24, "span", 21);
     i0.ɵɵtext(25, "Output:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 23);
+    i0.ɵɵelementStart(26, "span", 24);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(28, AIPromptFormComponentExtended_form_1_Conditional_28_Template, 4, 0, "div", 18);
+    i0.ɵɵtemplate(28, AIPromptFormComponentExtended_form_1_Conditional_28_Template, 4, 0, "div", 19);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 24)(30, "div", 25);
-    i0.ɵɵtemplate(31, AIPromptFormComponentExtended_form_1_Conditional_31_Template, 3, 0, "kendo-button", 26)(32, AIPromptFormComponentExtended_form_1_Conditional_32_Template, 3, 1, "kendo-button", 27)(33, AIPromptFormComponentExtended_form_1_Conditional_33_Template, 3, 0, "kendo-button", 28);
+    i0.ɵɵelementStart(29, "div", 25)(30, "div", 26);
+    i0.ɵɵtemplate(31, AIPromptFormComponentExtended_form_1_Conditional_31_Template, 3, 0, "kendo-button", 27);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(34, AIPromptFormComponentExtended_form_1_Conditional_34_Template, 4, 3, "div", 29);
+    i0.ɵɵtemplate(32, AIPromptFormComponentExtended_form_1_Conditional_32_Template, 4, 3, "div", 28);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(35, "div", 30)(36, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(37, AIPromptFormComponentExtended_form_1_ng_template_37_Template, 4, 1, "ng-template", 32);
-    i0.ɵɵelementStart(38, "div", 33);
-    i0.ɵɵtemplate(39, AIPromptFormComponentExtended_form_1_Conditional_39_Template, 3, 0, "div", 34)(40, AIPromptFormComponentExtended_form_1_Conditional_40_Template, 13, 0, "div", 35)(41, AIPromptFormComponentExtended_form_1_Conditional_41_Template, 13, 0, "div", 36)(42, AIPromptFormComponentExtended_form_1_Conditional_42_Template, 4, 2, "div", 37);
+    i0.ɵɵelementStart(33, "div", 29)(34, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(35, AIPromptFormComponentExtended_form_1_ng_template_35_Template, 4, 1, "ng-template", 31);
+    i0.ɵɵelementStart(36, "div", 32);
+    i0.ɵɵtemplate(37, AIPromptFormComponentExtended_form_1_Conditional_37_Template, 3, 0, "div", 33)(38, AIPromptFormComponentExtended_form_1_Conditional_38_Template, 13, 0, "div", 34)(39, AIPromptFormComponentExtended_form_1_Conditional_39_Template, 13, 0, "div", 35)(40, AIPromptFormComponentExtended_form_1_Conditional_40_Template, 4, 2, "div", 36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(43, AIPromptFormComponentExtended_form_1_Conditional_43_Template, 6, 2, "kendo-expansionpanel", 31);
-    i0.ɵɵelementStart(44, "kendo-expansionpanel", 31);
-    i0.ɵɵtemplate(45, AIPromptFormComponentExtended_form_1_ng_template_45_Template, 3, 0, "ng-template", 32);
-    i0.ɵɵelementStart(46, "div", 38)(47, "div", 39)(48, "div");
-    i0.ɵɵelement(49, "mj-form-field", 40);
-    i0.ɵɵtemplate(50, AIPromptFormComponentExtended_form_1_Conditional_50_Template, 1, 3, "mj-form-field", 41)(51, AIPromptFormComponentExtended_form_1_Conditional_51_Template, 1, 3, "mj-form-field", 42);
-    i0.ɵɵelement(52, "mj-form-field", 43);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "div");
-    i0.ɵɵelement(54, "mj-form-field", 44)(55, "mj-form-field", 45);
-    i0.ɵɵelementStart(56, "div", 46)(57, "label", 47);
-    i0.ɵɵtext(58, " Result Selector Prompt ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(59, AIPromptFormComponentExtended_form_1_Conditional_59_Template, 2, 1)(60, AIPromptFormComponentExtended_form_1_Conditional_60_Template, 2, 1, "span", 48);
+    i0.ɵɵtemplate(41, AIPromptFormComponentExtended_form_1_Conditional_41_Template, 6, 2, "kendo-expansionpanel", 30);
+    i0.ɵɵelementStart(42, "kendo-expansionpanel", 30);
+    i0.ɵɵtemplate(43, AIPromptFormComponentExtended_form_1_ng_template_43_Template, 3, 0, "ng-template", 31);
+    i0.ɵɵelementStart(44, "div", 37)(45, "div", 38)(46, "div");
+    i0.ɵɵelement(47, "mj-form-field", 39);
+    i0.ɵɵtemplate(48, AIPromptFormComponentExtended_form_1_Conditional_48_Template, 1, 3, "mj-form-field", 40)(49, AIPromptFormComponentExtended_form_1_Conditional_49_Template, 1, 3, "mj-form-field", 41);
+    i0.ɵɵelement(50, "mj-form-field", 42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "div");
+    i0.ɵɵelement(52, "mj-form-field", 43)(53, "mj-form-field", 44);
+    i0.ɵɵelementStart(54, "div", 45)(55, "label", 46);
+    i0.ɵɵtext(56, " Result Selector Prompt ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(57, AIPromptFormComponentExtended_form_1_Conditional_57_Template, 2, 1)(58, AIPromptFormComponentExtended_form_1_Conditional_58_Template, 2, 1, "span", 47);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵtemplate(61, AIPromptFormComponentExtended_form_1_Conditional_61_Template, 6, 2, "kendo-expansionpanel", 31)(62, AIPromptFormComponentExtended_form_1_Conditional_62_Template, 4, 6, "kendo-expansionpanel", 31)(63, AIPromptFormComponentExtended_form_1_Conditional_63_Template, 4, 6, "kendo-expansionpanel", 31)(64, AIPromptFormComponentExtended_form_1_Conditional_64_Template, 12, 11, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(59, AIPromptFormComponentExtended_form_1_Conditional_59_Template, 6, 2, "kendo-expansionpanel", 30)(60, AIPromptFormComponentExtended_form_1_Conditional_60_Template, 6, 2, "kendo-expansionpanel", 30)(61, AIPromptFormComponentExtended_form_1_Conditional_61_Template, 4, 6, "kendo-expansionpanel", 30)(62, AIPromptFormComponentExtended_form_1_Conditional_62_Template, 12, 11, "kendo-expansionpanel", 30);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -977,25 +1192,23 @@ function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.EnableCaching ? 28 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.record.ID && ctx_r1.canExecute ? 31 : ctx_r1.record.ID && !ctx_r1.canExecute ? 32 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.record.ID ? 33 : -1);
+    i0.ɵɵconditional(ctx_r1.record.ID ? 31 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.canExecute && ctx_r1.record.ID ? 34 : -1);
+    i0.ɵɵconditional(!ctx_r1.canExecute && ctx_r1.record.ID ? 32 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("expanded", true);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 39 : !ctx_r1.record.TemplateID ? 40 : !ctx_r1.template ? 41 : 42);
+    i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 37 : !ctx_r1.record.TemplateID ? 38 : ctx_r1.templateNotFoundInDatabase ? 39 : 40);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 43 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 41 : -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 ? 50 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelCount ? 48 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 51 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 49 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
@@ -1003,22 +1216,48 @@ function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditMode ? 59 : 60);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 57 : 58);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.showOutputExample ? 61 : -1);
+    i0.ɵɵconditional(ctx_r1.showOutputExample ? 59 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 62 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 60 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 63 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 61 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 64 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 62 : -1);
+} }
+function AIPromptFormComponentExtended_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 181);
+    i0.ɵɵlistener("close", function AIPromptFormComponentExtended_Conditional_3_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
+    i0.ɵɵelementStart(1, "mj-ai-test-harness", 182);
+    i0.ɵɵlistener("visibilityChange", function AIPromptFormComponentExtended_Conditional_3_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate1("title", "Run AI Prompt - ", ctx_r1.record.Name || "Untitled", "");
+    i0.ɵɵproperty("width", 1200)("height", 800)("minWidth", 800)("minHeight", 600)("draggable", true)("resizable", true)("state", "default");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("entity", ctx_r1.record)("mode", "prompt")("isVisible", ctx_r1.showTestHarness);
 } }
 let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends AIPromptFormComponent {
-    constructor() {
-        super(...arguments);
+    // Template editor configuration
+    get templateEditorConfig() {
+        return {
+            allowEdit: this.EditMode,
+            showRunButton: false,
+            compactMode: false
+        };
+    }
+    constructor(elementRef, sharedService, router, route, cdr) {
+        super(elementRef, sharedService, router, route, cdr);
+        this.cdr = cdr;
         this.template = null;
-        this.isLoadingTemplate = false;
+        this.templateContent = null;
+        this.isLoadingTemplate = true; // Default to loading state
+        this.templateNotFoundInDatabase = false;
         this.showExecutionDialog = false;
+        this.showTestHarness = false;
         // Model management
         this.promptModels = [];
         this.availableModels = [];
@@ -1032,17 +1271,16 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         // Result Selector Tree Data
         this.resultSelectorTreeData = [];
         this.isLoadingResultSelectorData = false;
+        // Drag and drop state
+        this.draggedIndex = -1;
+        // Execution History
+        this.executionHistory = [];
+        this.isLoadingHistory = false;
+        this.historySortField = 'runAt';
+        this.historySortDirection = 'desc';
         this._metadata = new Metadata();
         this.__InferenceProvider_VendorTypeDefinitionID = '';
     }
-    // Template editor configuration
-    get templateEditorConfig() {
-        return {
-            allowEdit: this.EditMode,
-            showRunButton: false,
-            compactMode: false
-        };
-    }
     async ngOnInit() {
         await super.ngOnInit();
         // make sure AI Engine Base is configured, this will load stuff only if not already
@@ -1056,7 +1294,12 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         }
         // Load template when record changes
         if (this.record?.TemplateID) {
-            this.loadTemplate();
+            // isLoadingTemplate is already true by default
+            this.loadTemplate(); // Don't await so other loads can happen in parallel
+        }
+        else {
+            // No template ID, so we're not loading
+            this.isLoadingTemplate = false;
         }
         // Load available models, vendors, prompt types, prompt models, and result selector data
         await Promise.all([
@@ -1066,6 +1309,10 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             this.loadPromptModels(),
             this.loadResultSelectorTreeData()
         ]);
+        // Load execution history if record is saved
+        if (this.record?.IsSaved) {
+            await this.loadExecutionHistory();
+        }
         // Set defaults for new records
         if (!this.record.IsSaved) {
             // Default to first prompt type if not set
@@ -1084,20 +1331,28 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
     async loadTemplate() {
         if (!this.record?.TemplateID) {
             this.template = null;
+            this.templateNotFoundInDatabase = false;
             return;
         }
         this.isLoadingTemplate = true;
+        this.templateNotFoundInDatabase = false; // Reset the flag
         try {
             this.template = await this._metadata.GetEntityObject('Templates');
             await this.template.Load(this.record.TemplateID);
             if (!this.template.IsSaved) {
                 this.template = null;
+                this.templateNotFoundInDatabase = true; // Set flag when template not found
                 console.warn(`Template with ID ${this.record.TemplateID} not found`);
             }
+            else {
+                // Load template content
+                await this.loadTemplateContent();
+            }
         }
         catch (error) {
             console.error('Error loading template:', error);
             this.template = null;
+            this.templateNotFoundInDatabase = true; // Set flag on error
             MJNotificationService.Instance.CreateSimpleNotification('Error loading associated template', 'error', 5000);
         }
         finally {
@@ -1160,6 +1415,30 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             MJNotificationService.Instance.CreateSimpleNotification(`Error creating new template: ${errorMessage}`, 'error', 6000);
         }
     }
+    /**
+     * Loads template content for the current template
+     */
+    async loadTemplateContent() {
+        if (!this.template?.ID) {
+            this.templateContent = null;
+            return;
+        }
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'Template Contents',
+                ExtraFilter: `TemplateID = '${this.template.ID}'`,
+                OrderBy: 'Priority ASC',
+                ResultType: 'entity_object'
+            });
+            // Get the first content (highest priority)
+            this.templateContent = results.Results?.[0] || null;
+        }
+        catch (error) {
+            console.error('Error loading template content:', error);
+            this.templateContent = null;
+        }
+    }
     /**
      * Opens the AI prompt execution dialog
      */
@@ -1174,6 +1453,22 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         }
         this.showExecutionDialog = true;
     }
+    /**
+     * Opens the test harness
+     */
+    openTestHarness() {
+        if (!this.record?.ID) {
+            MJNotificationService.Instance.CreateSimpleNotification('Please save the AI prompt before testing', 'warning', 4000);
+            return;
+        }
+        this.showTestHarness = true;
+    }
+    /**
+     * Handles when test harness is closed
+     */
+    onTestHarnessVisibilityChanged(isVisible) {
+        this.showTestHarness = isVisible;
+    }
     /**
      * Handles template content changes from the editor
      */
@@ -1741,25 +2036,35 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         return findPromptInTree(this.resultSelectorTreeData);
     }
     /**
-     * Moves a model up in the list
+     * Moves a model up in the list by swapping with the previous item
      */
     moveModelUp(index) {
         if (index > 0 && index < this.promptModels.length) {
-            const model = this.promptModels[index];
-            this.promptModels.splice(index, 1);
-            this.promptModels.splice(index - 1, 0, model);
+            // Create new array to ensure Angular detects the change
+            const newModels = [...this.promptModels];
+            // Swap with previous item
+            [newModels[index - 1], newModels[index]] =
+                [newModels[index], newModels[index - 1]];
+            // Replace the array
+            this.promptModels = newModels;
             this.updateModelPriorities();
+            this.cdr.detectChanges();
         }
     }
     /**
-     * Moves a model down in the list
+     * Moves a model down in the list by swapping with the next item
      */
     moveModelDown(index) {
         if (index >= 0 && index < this.promptModels.length - 1) {
-            const model = this.promptModels[index];
-            this.promptModels.splice(index, 1);
-            this.promptModels.splice(index + 1, 0, model);
+            // Create new array to ensure Angular detects the change
+            const newModels = [...this.promptModels];
+            // Swap with next item
+            [newModels[index], newModels[index + 1]] =
+                [newModels[index + 1], newModels[index]];
+            // Replace the array
+            this.promptModels = newModels;
             this.updateModelPriorities();
+            this.cdr.detectChanges();
         }
     }
     /**
@@ -1770,18 +2075,197 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             model.Priority = index + 1;
         });
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptFormComponentExtended_BaseFactory; return function AIPromptFormComponentExtended_Factory(t) { return (ɵAIPromptFormComponentExtended_BaseFactory || (ɵAIPromptFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptFormComponentExtended)))(t || AIPromptFormComponentExtended); }; })(); }
+    /**
+     * Handles drag start event
+     */
+    onDragStart(event, index) {
+        this.draggedIndex = index;
+        event.dataTransfer.effectAllowed = 'move';
+        event.dataTransfer.setData('text/html', ''); // Required for Firefox
+    }
+    /**
+     * Handles drag over event
+     */
+    onDragOver(event) {
+        event.preventDefault();
+        event.dataTransfer.dropEffect = 'move';
+    }
+    /**
+     * Handles drop event
+     */
+    onDrop(event, dropIndex) {
+        event.preventDefault();
+        if (this.draggedIndex !== -1 && this.draggedIndex !== dropIndex) {
+            // Create new array to ensure Angular detects the change
+            const newModels = [...this.promptModels];
+            // Remove dragged item
+            const draggedItem = newModels.splice(this.draggedIndex, 1)[0];
+            // Insert at new position
+            newModels.splice(dropIndex, 0, draggedItem);
+            // Replace the array
+            this.promptModels = newModels;
+            // Update priorities
+            this.updateModelPriorities();
+            this.cdr.detectChanges();
+        }
+        this.draggedIndex = -1;
+    }
+    /**
+     * Handles drag end event
+     */
+    onDragEnd(event) {
+        this.draggedIndex = -1;
+    }
+    /**
+     * Load execution history for this prompt
+     */
+    async loadExecutionHistory() {
+        if (!this.record?.ID)
+            return;
+        this.isLoadingHistory = true;
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: AI Prompt Runs',
+                ExtraFilter: `PromptID='${this.record.ID}'`,
+                OrderBy: 'RunAt DESC',
+                MaxRows: 100,
+                ResultType: 'entity_object'
+            });
+            this.executionHistory = result.Results;
+            this.sortExecutionHistory();
+        }
+        catch (error) {
+            console.error('Error loading execution history:', error);
+            this.executionHistory = [];
+        }
+        finally {
+            this.isLoadingHistory = false;
+        }
+    }
+    /**
+     * Sort execution history based on current sort field and direction
+     */
+    sortExecutionHistory() {
+        if (!this.executionHistory || this.executionHistory.length === 0)
+            return;
+        this.executionHistory.sort((a, b) => {
+            let aVal, bVal;
+            switch (this.historySortField) {
+                case 'runAt':
+                    aVal = a.RunAt ? new Date(a.RunAt).getTime() : 0;
+                    bVal = b.RunAt ? new Date(b.RunAt).getTime() : 0;
+                    break;
+                case 'executionTime':
+                    aVal = a.ExecutionTimeMS || 0;
+                    bVal = b.ExecutionTimeMS || 0;
+                    break;
+                case 'cost':
+                    aVal = a.TotalCost || a.Cost || 0;
+                    bVal = b.TotalCost || b.Cost || 0;
+                    break;
+                case 'tokens':
+                    aVal = a.TokensUsed || 0;
+                    bVal = b.TokensUsed || 0;
+                    break;
+            }
+            if (this.historySortDirection === 'asc') {
+                return aVal > bVal ? 1 : aVal < bVal ? -1 : 0;
+            }
+            else {
+                return aVal < bVal ? 1 : aVal > bVal ? -1 : 0;
+            }
+        });
+    }
+    /**
+     * Change sort field and direction for execution history
+     */
+    changeHistorySort(field) {
+        if (this.historySortField === field) {
+            // Toggle direction if same field
+            this.historySortDirection = this.historySortDirection === 'asc' ? 'desc' : 'asc';
+        }
+        else {
+            // New field, default to desc
+            this.historySortField = field;
+            this.historySortDirection = 'desc';
+        }
+        this.sortExecutionHistory();
+    }
+    /**
+     * Navigate to a prompt run record
+     */
+    navigateToPromptRun(runId) {
+        SharedService.Instance.OpenEntityRecord('MJ: AI Prompt Runs', CompositeKey.FromID(runId));
+    }
+    /**
+     * Format duration for display
+     */
+    formatDuration(ms) {
+        if (!ms)
+            return '-';
+        if (ms < 1000) {
+            return `${ms}ms`;
+        }
+        else if (ms < 60000) {
+            return `${(ms / 1000).toFixed(1)}s`;
+        }
+        else {
+            const minutes = Math.floor(ms / 60000);
+            const seconds = ((ms % 60000) / 1000).toFixed(0);
+            return `${minutes}m ${seconds}s`;
+        }
+    }
+    /**
+     * Format cost for display
+     */
+    formatCost(cost) {
+        if (!cost)
+            return '-';
+        return `$${cost.toFixed(4)}`;
+    }
+    /**
+     * Format tokens for display
+     */
+    formatTokens(tokens) {
+        if (!tokens)
+            return '-';
+        return tokens.toLocaleString();
+    }
+    /**
+     * Get status color for execution
+     */
+    getExecutionStatusColor(success) {
+        if (success === true)
+            return '#28a745';
+        if (success === false)
+            return '#dc3545';
+        return '#ffc107';
+    }
+    /**
+     * Get status icon for execution
+     */
+    getExecutionStatusIcon(success) {
+        if (success === true)
+            return 'fa-check-circle';
+        if (success === false)
+            return 'fa-times-circle';
+        return 'fa-spinner fa-spin';
+    }
+    static { this.ɵfac = function AIPromptFormComponentExtended_Factory(t) { return new (t || AIPromptFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptFormComponentExtended, selectors: [["mj-ai-prompt-form"]], viewQuery: function AIPromptFormComponentExtended_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 5, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [3, "isVisibleChange", "aiPrompt", "isVisible"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt"], ["themeColor", "primary", "size", "large", "title", "Prompt must be Active and have a Template to execute", 3, "disabled"], ["fillMode", "outline", "themeColor", "info", "title", "View execution history"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt", 3, "click"], [1, "fa-solid", "fa-play"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-history"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["fillMode", "outline", 3, "click"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start"], [1, "drag-handle", 2, "display", "flex", "align-items", "center", "justify-content", "center", "cursor", "move", "color", "#6c757d"], ["title", "Drag to reorder", 1, "fa-solid", "fa-grip-vertical"], [2, "font-size", "0.8em", "color", "#6c757d"], [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-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-size", "0.9em"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 6, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [3, "isVisibleChange", "aiPrompt", "isVisible"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["themeColor", "primary", "size", "large", "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", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], ["themeColor", "primary", "size", "large", "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", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["fillMode", "outline", 3, "click"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "#6c757d", "font-size", "0.8em", "font-weight", "normal", "margin-left", "8px"], ["title", "Models are tried in order from top to bottom. The first available model will be used.", 1, "fa-solid", "fa-info-circle"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "#e3f2fd", "border-bottom", "1px solid #bbdefb", "color", "#1565c0", "font-size", "0.85em"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], ["title", "Priority order - models are tried from top to bottom"], [1, "fa-solid", "fa-sort", 2, "color", "#6c757d"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "fa-solid", "fa-info-circle", 2, "margin-right", "6px"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start", "transition", "background 0.2s, opacity 0.2s", 3, "dragstart", "dragover", "drop", "dragend", "draggable"], [1, "drag-handle", 2, "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [2, "font-size", "0.9em", "font-weight", "600", 3, "title"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["title", "Drag to reorder priority", 1, "fa-solid", "fa-grip-vertical", 2, "cursor", "move"], [2, "font-size", "0.7em", "margin-top", "2px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-size", "0.9em"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "#6c757d"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [2, "color", "#6c757d", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "2em", "margin-bottom", "12px"], [1, "fa-solid", "fa-history", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "16px"], [2, "display", "flex", "gap", "8px", "align-items", "center"], [2, "color", "#6c757d", "font-size", "0.85em"], ["selection", "single"], ["kendoButton", "", "size", "small", 3, "click", "selected"], [2, "margin-left", "4px", "font-size", "0.8em", 3, "class"], [2, "border", "1px solid #e9ecef", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "#495057"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "color", "#495057"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "#e9ecef", "color", "#495057", "font-size", "0.85em", "font-weight", "500"], ["fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid", "fa-external-link"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"], [3, "close", "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [3, "visibilityChange", "entity", "mode", "isVisible"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 65, 36, "form", 3);
+            i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 63, 35, "form", 3);
             i0.ɵɵelementStart(2, "mj-ai-prompt-execution-dialog", 4);
             i0.ɵɵtwoWayListener("isVisibleChange", function AIPromptFormComponentExtended_Template_mj_ai_prompt_execution_dialog_isVisibleChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.showExecutionDialog, $event) || (ctx.showExecutionDialog = $event); return $event; });
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, AIPromptFormComponentExtended_Conditional_3_Template, 2, 12, "kendo-window", 5);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
             i0.ɵɵadvance();
@@ -1789,7 +2273,9 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             i0.ɵɵadvance();
             i0.ɵɵproperty("aiPrompt", ctx.record);
             i0.ɵɵtwoWayProperty("isVisible", ctx.showExecutionDialog);
-        } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.NgForm, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.TextAreaComponent, i4.TextBoxComponent, i4.NumericTextBoxComponent, i5.ItemTemplateDirective, i5.DropDownListComponent, i5.DropDownTreeComponent, i6.ButtonComponent, i7.UserViewGridComponent, i8.MJFormField, i9.FormToolbarComponent, i10.FillContainer, i11.CodeEditorComponent, i12.TemplateEditorComponent, i13.AIPromptExecutionDialogComponent, i1.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] }); }
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showTestHarness ? 3 : -1);
+        } }, dependencies: [i3.NgIf, i4.ɵNgNoValidate, i4.NgControlStatus, i4.NgControlStatusGroup, i4.NgModel, i4.NgForm, i5.ExpansionPanelComponent, i5.ExpansionPanelTitleDirective, i6.WindowComponent, i7.TextAreaComponent, i7.TextBoxComponent, i7.NumericTextBoxComponent, i8.ItemTemplateDirective, i8.DropDownListComponent, i8.DropDownTreeComponent, i9.ButtonGroupComponent, i9.ButtonComponent, i10.UserViewGridComponent, i11.MJFormField, i12.FormToolbarComponent, i13.FillContainer, i14.CodeEditorComponent, i15.TemplateEditorComponent, i16.AIPromptExecutionDialogComponent, i17.AITestHarnessComponent, i3.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n\n\n.history-row[_ngcontent-%COMP%] {\n    transition: background 0.2s;\n}\n\n.history-row[_ngcontent-%COMP%]:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row[_ngcontent-%COMP%] {\n    background: white;\n}\n\n.history-row[_ngcontent-%COMP%]:hover {\n    background: #e9ecef !important;\n}"] }); }
 };
 AIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'AI Prompts')
@@ -1797,12 +2283,12 @@ AIPromptFormComponentExtended = __decorate([
 export { AIPromptFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <!-- Main Content Area - Template Editor and Configuration -->\n        <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n            \n            <!-- Header Section -->\n            <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                    \n                    <!-- Left: Prompt Info -->\n                    <div style=\"flex: 1; min-width: 0;\">\n                        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                            <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                            @if (EditMode) {\n                                <kendo-textbox [(ngModel)]=\"record.Name\" \n                                              name=\"promptName\"\n                                              placeholder=\"Enter prompt name...\"\n                                              style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                </kendo-textbox>\n                            } @else {\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                                <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.Status }}\n                                </span>\n                            }\n                        </div>\n                        \n                        <!-- Status and Type Editors when in edit mode -->\n                        @if (EditMode) {\n                            <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                       name=\"promptStatus\"\n                                                       [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 150px;\">\n                                    </kendo-dropdownlist>\n                                </div>\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Type <span style=\"color: #dc3545;\">*</span>\n                                    </label>\n                                    @if (isLoadingPromptTypes) {\n                                        <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                                        </div>\n                                    } @else {\n                                        <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                                                           name=\"promptTypeID\"\n                                                           [data]=\"availablePromptTypes\"\n                                                           textField=\"Name\"\n                                                           valueField=\"ID\"\n                                                           [valuePrimitive]=\"true\"\n                                                           [filterable]=\"true\"\n                                                           placeholder=\"Select prompt type...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    }\n                                </div>\n                            </div>\n                        }\n                        \n                        @if (EditMode) {\n                            <kendo-textarea [(ngModel)]=\"record.Description\" \n                                           name=\"promptDescription\"\n                                           [rows]=\"2\"\n                                           placeholder=\"Enter prompt description...\"\n                                           style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                            </kendo-textarea>\n                        } @else if (record.Description) {\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                        }\n                        \n                        <!-- Quick Config Row -->\n                        <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                            @if (record.TypeID) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                                </div>\n                            }\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Parallelization:</span>\n                                <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                            </div>\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Output:</span>\n                                <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                            </div>\n                            \n                            @if (record.EnableCaching) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <!-- Right: Action Buttons -->\n                    <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                        <div style=\"display: flex; gap: 8px;\">\n                            @if (record.ID && canExecute) {\n                                <kendo-button themeColor=\"primary\" size=\"large\"\n                                            (click)=\"executeAIPrompt()\"\n                                            title=\"Execute this AI prompt\">\n                                    <i class=\"fa-solid fa-play\"></i> Execute Prompt\n                                </kendo-button>\n                            } @else if (record.ID && !canExecute) {\n                                <kendo-button themeColor=\"primary\" size=\"large\" [disabled]=\"true\"\n                                            title=\"Prompt must be Active and have a Template to execute\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Cannot Execute\n                                </kendo-button>\n                            }\n                            \n                            @if (record.ID) {\n                                <kendo-button fillMode=\"outline\" themeColor=\"info\"\n                                            title=\"View execution history\">\n                                    <i class=\"fa-solid fa-history\"></i> History\n                                </kendo-button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                    <kendo-button fillMode=\"outline\" (click)=\"linkExistingTemplate()\">\n                                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else if (!template) {\n                            <div class=\"invalid-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #dc3545;\">\n                                <i class=\"fa-solid fa-exclamation-triangle\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.7;\"></i>\n                                <h5 style=\"margin-bottom: 12px;\">Template Not Found</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    The referenced template could not be loaded. It may have been deleted or moved.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button fillMode=\"outline\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </kendo-button>\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else {\n                            <!-- Active Template Editor -->\n                            <div class=\"template-editor-container\" style=\"flex: 1; display: flex; flex-direction: column; min-height: 350px;\">\n                                <!-- Template Editor -->\n                                <div style=\"flex: 1; background: white; border-radius: 6px; border: 1px solid #e9ecef;\">\n                                    <mj-template-editor \n                                        #templateEditor\n                                        [template]=\"template\"\n                                        [config]=\"templateEditorConfig\"\n                                        (contentChange)=\"onTemplateContentChange($event)\"\n                                        (runTemplate)=\"onTemplateRun($event)\"\n                                        style=\"display: block; min-height: 300px;\">\n                                    </mj-template-editor>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </kendo-expansionpanel>                \n\n                <!-- Model Configuration Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                Models\n                                @if (promptModels.length > 0) {\n                                    <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ promptModels.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <!-- Model Management Interface -->\n                            <div class=\"model-management\" style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                                @if (isLoadingModels) {\n                                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading models...\n                                    </div>\n                                } @else {\n                                    @if (promptModels.length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                            <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                                            @if (EditMode) {\n                                                <div style=\"margin-top: 10px;\">\n                                                    <kendo-button fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </kendo-button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Column Headers -->\n                                        <div class=\"model-header\" style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                            <div></div>\n                                            <div>AI Model <span style=\"color: #dc3545;\">*</span></div>\n                                            <div>Vendor</div>\n                                            <div>Created</div>\n                                            <div>Actions</div>\n                                        </div>\n                                        \n                                        @for (model of promptModels; track model.ID || $index; let i = $index) {\n                                            <div class=\"model-row\" \n                                                 [style.background]=\"!model.ModelID ? '#fff3cd' : 'white'\"\n                                                 [style.border-left]=\"!model.ModelID ? '3px solid #ffc107' : 'none'\"\n                                                 style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start;\">\n                                                \n                                                <!-- Drag Handle -->\n                                                <div class=\"drag-handle\" style=\"display: flex; align-items: center; justify-content: center; cursor: move; color: #6c757d;\">\n                                                    @if (EditMode) {\n                                                        <i class=\"fa-solid fa-grip-vertical\" title=\"Drag to reorder\"></i>\n                                                    } @else {\n                                                        <span style=\"font-size: 0.8em; color: #6c757d;\">{{ i + 1 }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Model Selection -->\n                                                <div class=\"model-select\">\n                                                    @if (EditMode) {\n                                                        <kendo-dropdownlist [(ngModel)]=\"model.ModelID\"\n                                                                           [name]=\"'modelId_' + i\"\n                                                                           [data]=\"availableModels\"\n                                                                           textField=\"Name\"\n                                                                           valueField=\"ID\"\n                                                                           [valuePrimitive]=\"true\"\n                                                                           [filterable]=\"true\"\n                                                                           placeholder=\"Select a model...\"\n                                                                           (valueChange)=\"onModelChange($event, i)\"\n                                                                           style=\"width: 100%;\">\n                                                        </kendo-dropdownlist>\n                                                    } @else {\n                                                        <span style=\"font-weight: 500;\">{{ getModelDisplayName(model.ModelID) }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Vendor -->\n                                                <div class=\"model-vendor\">\n                                                    @if (EditMode) {\n                                                        @if (model.ModelID) {\n                                                            @if (shouldShowVendorDropdown(model.ModelID)) {\n                                                                <kendo-dropdownlist [(ngModel)]=\"model.VendorID\"\n                                                                                   [name]=\"'vendorId_' + i\"\n                                                                                   [data]=\"getVendorsForModelSync(model.ModelID)\"\n                                                                                   textField=\"Name\"\n                                                                                   valueField=\"ID\"\n                                                                                   [valuePrimitive]=\"true\"\n                                                                                   [filterable]=\"true\"\n                                                                                   placeholder=\"Select vendor...\"\n                                                                                   style=\"width: 100%;\">\n                                                                    <ng-template kendoDropDownListItemTemplate let-dataItem>\n                                                                        <span [style.color]=\"getVendorStatusColor(model.ModelID, dataItem.ID)\">\n                                                                            {{ dataItem.Name }}\n                                                                            @if (getModelVendorStatus(model.ModelID, dataItem.ID) !== 'Active') {\n                                                                                <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, dataItem.ID) }})</span>\n                                                                            }\n                                                                        </span>\n                                                                    </ng-template>\n                                                                </kendo-dropdownlist>\n                                                            } @else {\n                                                                <!-- Single vendor - just show the name -->\n                                                                @if (getVendorsForModelSync(model.ModelID).length === 1) {\n                                                                    <span [style.color]=\"getVendorStatusColor(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID)\" style=\"font-size: 0.9em; font-weight: 500;\">\n                                                                        {{ getVendorsForModelSync(model.ModelID)[0].Name }}\n                                                                        @if (getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) !== 'Active') {\n                                                                            <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) }})</span>\n                                                                        }\n                                                                    </span>\n                                                                } @else {\n                                                                    <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                                                }\n                                                            }\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">Select model first</span>\n                                                        }\n                                                    } @else {\n                                                        @if (model.VendorID && model.ModelID) {\n                                                            <span [style.color]=\"getVendorStatusColor(model.ModelID, model.VendorID)\" style=\"font-size: 0.9em;\">\n                                                                {{ getVendorDisplayName(model.VendorID) }}\n                                                                @if (getModelVendorStatus(model.ModelID, model.VendorID) !== 'Active') {\n                                                                    <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, model.VendorID) }})</span>\n                                                                }\n                                                            </span>\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-size: 0.9em;\">-</span>\n                                                        }\n                                                    }\n                                                </div>\n                                                \n                                                \n                                                <!-- Created Date -->\n                                                <div class=\"model-created\">\n                                                    @if (model.ID) {\n                                                        <span style=\"color: #6c757d; font-size: 0.8em;\">{{ model.__mj_CreatedAt | date:'short' }}</span>\n                                                    } @else {\n                                                        <span style=\"color: #28a745; font-size: 0.8em; font-style: italic;\">New</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Actions -->\n                                                <div class=\"model-actions\" style=\"display: flex; gap: 2px; flex-direction: column;\">\n                                                    @if (EditMode) {\n                                                        <div style=\"display: flex; gap: 2px; margin-bottom: 4px;\">\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelUp(i)\"\n                                                                        [disabled]=\"i === 0\"\n                                                                        title=\"Move up\">\n                                                                <i class=\"fa-solid fa-chevron-up\"></i>\n                                                            </kendo-button>\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelDown(i)\"\n                                                                        [disabled]=\"i === promptModels.length - 1\"\n                                                                        title=\"Move down\">\n                                                                <i class=\"fa-solid fa-chevron-down\"></i>\n                                                            </kendo-button>\n                                                        </div>\n                                                        <kendo-button fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                    (click)=\"removePromptModel(i)\"\n                                                                    title=\"Remove model\">\n                                                            <i class=\"fa-solid fa-times\"></i>\n                                                        </kendo-button>\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Second row with additional details -->\n                                            <div style=\"display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; font-size: 0.85em; color: #6c757d;\">\n                                                <div></div>\n                                                <div>\n                                                    <!-- Basic model details -->\n                                                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;\">\n                                                        @if (model.Status) {\n                                                            <span><strong>Status:</strong> {{ model.Status }}</span>\n                                                        }\n                                                        @if (model.ConfigurationID) {\n                                                            <span><strong>Configuration:</strong> {{ model.ConfigurationID }}</span>\n                                                        }\n                                                    </div>\n                                                    \n                                                    <!-- Parallel execution fields when prompt is ModelSpecific -->\n                                                    @if (record.ParallelizationMode === 'ModelSpecific') {\n                                                        <div style=\"padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; margin-top: 8px;\">\n                                                            <div style=\"margin-bottom: 6px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                                                <i class=\"fa-solid fa-layer-group\"></i> Model-Specific Parallel Execution\n                                                            </div>\n                                                            \n                                                            @if (EditMode) {\n                                                                <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: center;\">\n                                                                    <!-- Parallel Mode -->\n                                                                    <div>\n                                                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Mode</label>\n                                                                        <kendo-dropdownlist [(ngModel)]=\"model.ParallelizationMode\"\n                                                                                           [name]=\"'parallelMode_' + i\"\n                                                                                           [data]=\"[{text: 'None', value: 'None'}, {text: 'Static Count', value: 'StaticCount'}, {text: 'Config Param', value: 'ConfigParam'}]\"\n                                                                                           textField=\"text\"\n                                                                                           valueField=\"value\"\n                                                                                           [valuePrimitive]=\"true\"\n                                                                                           placeholder=\"Select mode...\"\n                                                                                           style=\"width: 100%; font-size: 0.85em;\">\n                                                                        </kendo-dropdownlist>\n                                                                    </div>\n                                                                    \n                                                                    <!-- Parallel Count (when StaticCount) -->\n                                                                    @if (model.ParallelizationMode === 'StaticCount') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Count</label>\n                                                                            <kendo-numerictextbox [(ngModel)]=\"model.ParallelCount\"\n                                                                                                 [name]=\"'parallelCount_' + i\"\n                                                                                                 [min]=\"1\"\n                                                                                                 [step]=\"1\"\n                                                                                                 [format]=\"'n0'\"\n                                                                                                 placeholder=\"Count...\"\n                                                                                                 style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-numerictextbox>\n                                                                        </div>\n                                                                    }\n                                                                    \n                                                                    <!-- Config Param (when ConfigParam) -->\n                                                                    @if (model.ParallelizationMode === 'ConfigParam') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Config Parameter</label>\n                                                                            <kendo-textbox [(ngModel)]=\"model.ParallelConfigParam\"\n                                                                                          [name]=\"'parallelConfigParam_' + i\"\n                                                                                          placeholder=\"Parameter name...\"\n                                                                                          style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-textbox>\n                                                                        </div>\n                                                                    }\n                                                                </div>\n                                                            } @else {\n                                                                <!-- Read-only display -->\n                                                                <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center;\">\n                                                                    @if (model.ParallelizationMode) {\n                                                                        <span><strong>Parallel Mode:</strong> {{ model.ParallelizationMode }}</span>\n                                                                    }\n                                                                    @if (model.ParallelCount) {\n                                                                        <span><strong>Parallel Count:</strong> {{ model.ParallelCount }}</span>\n                                                                    }\n                                                                    @if (model.ParallelConfigParam) {\n                                                                        <span><strong>Config Param:</strong> {{ model.ParallelConfigParam }}</span>\n                                                                    }\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                        \n                                        @if (EditMode) {\n                                            <div class=\"add-model-row\" style=\"padding: 12px 16px; text-align: center; background: #f8f9fa; border-top: 1px solid #dee2e6;\">\n                                                <kendo-button fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </kendo-button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </div>\n                            \n                            <!-- Right Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ValidationBehavior\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"EnableCaching\"\n                                    Type=\"checkbox\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <!-- Result Selector Prompt with Tree Selector -->\n                                <div style=\"margin-bottom: 16px;\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Result Selector Prompt\n                                    </label>\n                                    @if (EditMode) {\n                                        @if (isLoadingResultSelectorData) {\n                                            <div style=\"padding: 8px; color: #6c757d; font-style: italic;\">\n                                                <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                                            </div>\n                                        } @else {\n                                            <kendo-dropdowntree \n                                                [(ngModel)]=\"record.ResultSelectorPromptID\"\n                                                name=\"resultSelectorPromptID\"\n                                                [data]=\"resultSelectorTreeData\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [filterable]=\"true\"\n                                                placeholder=\"Select a result selector prompt...\"\n                                                style=\"width: 100%;\"\n                                                (valueChange)=\"onResultSelectorChange($event)\">\n                                            </kendo-dropdowntree>\n                                        }\n                                    } @else {\n                                        <span style=\"color: #495057;\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </kendo-expansionpanel>\n\n                <!-- Output Example Expansion Panel (when OutputType = object) -->\n                @if (showOutputExample) {\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                Output Example (JSON)\n                                <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">\u2022 Required for object output type</span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px;\">\n                            @if (EditMode) {\n                                <mj-code-editor \n                                    [(ngModel)]=\"record.OutputExample\"\n                                    name=\"outputExample\"\n                                    language=\"json\"\n                                    placeholder=\"Enter JSON example structure...\"\n                                    style=\"width: 100%; height: 200px; border: 1px solid #dee2e6; border-radius: 4px;\">\n                                </mj-code-editor>\n                                <div style=\"margin-top: 8px; color: #6c757d; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> Provide a JSON example that defines the expected structure for object output validation.\n                                </div>\n                            } @else if (record.OutputExample) {\n                                <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 250px;\">{{ record.OutputExample }}</div>\n                            } @else {\n                                <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; text-align: center;\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Output example is required when output type is 'object'\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Execution History Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-history\" style=\"color: #6c757d;\"></i>\n                                Execution History\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Runs','PromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Runs')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \n                                [BottomMargin]=\"0\"\n                                style=\"height: 300px;\">\n                            </mj-user-view-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \n                                [BottomMargin]=\"0\"\n                                style=\"height: 300px;\">\n                            </mj-user-view-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Related Items Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-link\" style=\"color: #6c757d;\"></i>\n                                Related Items\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                                <!-- AI Agents -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">AI Agents Using This Prompt</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Prompts','PromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                                \n                                <!-- Result Selector References -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">Prompts Using This as Result Selector</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Prompts','ResultSelectorPromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('AI Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n            </div>\n        </div>\n    </form>\n\n    <!-- AI Prompt Execution Dialog -->\n    <mj-ai-prompt-execution-dialog\n        [aiPrompt]=\"record\"\n        [(isVisible)]=\"showExecutionDialog\">\n    </mj-ai-prompt-execution-dialog>\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] }]
-    }], null, { templateEditor: [{
+        args: [{ selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <!-- Main Content Area - Template Editor and Configuration -->\n        <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n            \n            <!-- Header Section -->\n            <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                    \n                    <!-- Left: Prompt Info -->\n                    <div style=\"flex: 1; min-width: 0;\">\n                        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                            <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                            @if (EditMode) {\n                                <kendo-textbox [(ngModel)]=\"record.Name\" \n                                              name=\"promptName\"\n                                              placeholder=\"Enter prompt name...\"\n                                              style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                </kendo-textbox>\n                            } @else {\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                                <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.Status }}\n                                </span>\n                            }\n                        </div>\n                        \n                        <!-- Status and Type Editors when in edit mode -->\n                        @if (EditMode) {\n                            <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                       name=\"promptStatus\"\n                                                       [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 150px;\">\n                                    </kendo-dropdownlist>\n                                </div>\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Type <span style=\"color: #dc3545;\">*</span>\n                                    </label>\n                                    @if (isLoadingPromptTypes) {\n                                        <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                                        </div>\n                                    } @else {\n                                        <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                                                           name=\"promptTypeID\"\n                                                           [data]=\"availablePromptTypes\"\n                                                           textField=\"Name\"\n                                                           valueField=\"ID\"\n                                                           [valuePrimitive]=\"true\"\n                                                           [filterable]=\"true\"\n                                                           placeholder=\"Select prompt type...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    }\n                                </div>\n                            </div>\n                        }\n                        \n                        @if (EditMode) {\n                            <kendo-textarea [(ngModel)]=\"record.Description\" \n                                           name=\"promptDescription\"\n                                           [rows]=\"2\"\n                                           placeholder=\"Enter prompt description...\"\n                                           style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                            </kendo-textarea>\n                        } @else if (record.Description) {\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                        }\n                        \n                        <!-- Quick Config Row -->\n                        <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                            @if (record.TypeID) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                                </div>\n                            }\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Parallelization:</span>\n                                <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                            </div>\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Output:</span>\n                                <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                            </div>\n                            \n                            @if (record.EnableCaching) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <!-- Right: Action Buttons -->\n                    <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                        <div style=\"display: flex; gap: 8px;\">\n                            @if (record.ID) {\n                                <kendo-button themeColor=\"primary\" size=\"large\"\n                                            (click)=\"openTestHarness()\"\n                                            title=\"Run AI Prompt Test Harness\">\n                                    <i class=\"fa-solid fa-play\"></i> Run\n                                </kendo-button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                    <kendo-button fillMode=\"outline\" (click)=\"linkExistingTemplate()\">\n                                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else if (templateNotFoundInDatabase) {\n                            <div class=\"invalid-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #dc3545;\">\n                                <i class=\"fa-solid fa-exclamation-triangle\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.7;\"></i>\n                                <h5 style=\"margin-bottom: 12px;\">Template Not Found</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    The referenced template could not be loaded. It may have been deleted or moved.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button fillMode=\"outline\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </kendo-button>\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else {\n                            <!-- Active Template Editor -->\n                            <div class=\"template-editor-container\" style=\"flex: 1; display: flex; flex-direction: column; min-height: 350px;\">\n                                <!-- Template Editor -->\n                                <div style=\"flex: 1; background: white; border-radius: 6px; border: 1px solid #e9ecef;\">\n                                    <mj-template-editor \n                                        #templateEditor\n                                        [template]=\"template\"\n                                        [config]=\"templateEditorConfig\"\n                                        (contentChange)=\"onTemplateContentChange($event)\"\n                                        (runTemplate)=\"onTemplateRun($event)\"\n                                        style=\"display: block; min-height: 300px;\">\n                                    </mj-template-editor>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </kendo-expansionpanel>                \n\n                <!-- Model Configuration Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                Models\n                                @if (promptModels.length > 0) {\n                                    <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ promptModels.length }}\n                                    </span>\n                                }\n                                <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                                    <i class=\"fa-solid fa-info-circle\" title=\"Models are tried in order from top to bottom. The first available model will be used.\"></i>\n                                    Priority order (first available model will be used)\n                                </span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <!-- Model Management Interface -->\n                            <div class=\"model-management\" style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                                @if (isLoadingModels) {\n                                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading models...\n                                    </div>\n                                } @else {\n                                    @if (promptModels.length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                            <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                                            @if (EditMode) {\n                                                <div style=\"margin-top: 10px;\">\n                                                    <kendo-button fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </kendo-button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Priority explanation for multiple models -->\n                                        @if (promptModels.length > 1) {\n                                            <div style=\"padding: 12px 16px; background: #e3f2fd; border-bottom: 1px solid #bbdefb; color: #1565c0; font-size: 0.85em;\">\n                                                <i class=\"fa-solid fa-info-circle\" style=\"margin-right: 6px;\"></i>\n                                                Models are tried in priority order (1, 2, 3...). 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 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                            <div title=\"Priority order - models are tried from top to bottom\">\n                                                <i class=\"fa-solid fa-sort\" style=\"color: #6c757d;\"></i>\n                                            </div>\n                                            <div>AI Model <span style=\"color: #dc3545;\">*</span></div>\n                                            <div>Vendor</div>\n                                            <div>Created</div>\n                                            <div>Actions</div>\n                                        </div>\n                                        \n                                        @for (model of promptModels; track model.ID || $index; let i = $index) {\n                                            <div class=\"model-row\" \n                                                 [draggable]=\"EditMode\"\n                                                 (dragstart)=\"onDragStart($event, i)\"\n                                                 (dragover)=\"onDragOver($event)\"\n                                                 (drop)=\"onDrop($event, i)\"\n                                                 (dragend)=\"onDragEnd($event)\"\n                                                 [style.background]=\"!model.ModelID ? '#fff3cd' : (draggedIndex === i ? '#e3f2fd' : 'white')\"\n                                                 [style.border-left]=\"!model.ModelID ? '3px solid #ffc107' : 'none'\"\n                                                 [style.opacity]=\"draggedIndex === i ? '0.5' : '1'\"\n                                                 style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start; transition: background 0.2s, opacity 0.2s;\">\n                                                \n                                                <!-- Drag Handle / Priority -->\n                                                <div class=\"drag-handle\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center; color: #6c757d;\">\n                                                    @if (EditMode) {\n                                                        <i class=\"fa-solid fa-grip-vertical\" title=\"Drag to reorder priority\" style=\"cursor: move;\"></i>\n                                                        <span style=\"font-size: 0.7em; margin-top: 2px;\">#{{ i + 1 }}</span>\n                                                    } @else {\n                                                        <span style=\"font-size: 0.9em; font-weight: 600;\" title=\"Priority {{ i + 1 }} - Lower numbers are tried first\">#{{ i + 1 }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Model Selection -->\n                                                <div class=\"model-select\">\n                                                    @if (EditMode) {\n                                                        <kendo-dropdownlist [(ngModel)]=\"model.ModelID\"\n                                                                           [name]=\"'modelId_' + i\"\n                                                                           [data]=\"availableModels\"\n                                                                           textField=\"Name\"\n                                                                           valueField=\"ID\"\n                                                                           [valuePrimitive]=\"true\"\n                                                                           [filterable]=\"true\"\n                                                                           placeholder=\"Select a model...\"\n                                                                           (valueChange)=\"onModelChange($event, i)\"\n                                                                           style=\"width: 100%;\">\n                                                        </kendo-dropdownlist>\n                                                    } @else {\n                                                        <span style=\"font-weight: 500;\">{{ getModelDisplayName(model.ModelID) }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Vendor -->\n                                                <div class=\"model-vendor\">\n                                                    @if (EditMode) {\n                                                        @if (model.ModelID) {\n                                                            @if (shouldShowVendorDropdown(model.ModelID)) {\n                                                                <kendo-dropdownlist [(ngModel)]=\"model.VendorID\"\n                                                                                   [name]=\"'vendorId_' + i\"\n                                                                                   [data]=\"getVendorsForModelSync(model.ModelID)\"\n                                                                                   textField=\"Name\"\n                                                                                   valueField=\"ID\"\n                                                                                   [valuePrimitive]=\"true\"\n                                                                                   [filterable]=\"true\"\n                                                                                   placeholder=\"Select vendor...\"\n                                                                                   style=\"width: 100%;\">\n                                                                    <ng-template kendoDropDownListItemTemplate let-dataItem>\n                                                                        <span [style.color]=\"getVendorStatusColor(model.ModelID, dataItem.ID)\">\n                                                                            {{ dataItem.Name }}\n                                                                            @if (getModelVendorStatus(model.ModelID, dataItem.ID) !== 'Active') {\n                                                                                <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, dataItem.ID) }})</span>\n                                                                            }\n                                                                        </span>\n                                                                    </ng-template>\n                                                                </kendo-dropdownlist>\n                                                            } @else {\n                                                                <!-- Single vendor - just show the name -->\n                                                                @if (getVendorsForModelSync(model.ModelID).length === 1) {\n                                                                    <span [style.color]=\"getVendorStatusColor(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID)\" style=\"font-size: 0.9em; font-weight: 500;\">\n                                                                        {{ getVendorsForModelSync(model.ModelID)[0].Name }}\n                                                                        @if (getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) !== 'Active') {\n                                                                            <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) }})</span>\n                                                                        }\n                                                                    </span>\n                                                                } @else {\n                                                                    <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                                                }\n                                                            }\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">Select model first</span>\n                                                        }\n                                                    } @else {\n                                                        @if (model.VendorID && model.ModelID) {\n                                                            <span [style.color]=\"getVendorStatusColor(model.ModelID, model.VendorID)\" style=\"font-size: 0.9em;\">\n                                                                {{ getVendorDisplayName(model.VendorID) }}\n                                                                @if (getModelVendorStatus(model.ModelID, model.VendorID) !== 'Active') {\n                                                                    <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, model.VendorID) }})</span>\n                                                                }\n                                                            </span>\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-size: 0.9em;\">-</span>\n                                                        }\n                                                    }\n                                                </div>\n                                                \n                                                \n                                                <!-- Created Date -->\n                                                <div class=\"model-created\">\n                                                    @if (model.ID) {\n                                                        <span style=\"color: #6c757d; font-size: 0.8em;\">{{ model.__mj_CreatedAt | date:'short' }}</span>\n                                                    } @else {\n                                                        <span style=\"color: #28a745; font-size: 0.8em; font-style: italic;\">New</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Actions -->\n                                                <div class=\"model-actions\" style=\"display: flex; gap: 2px; flex-direction: column;\">\n                                                    @if (EditMode) {\n                                                        <div style=\"display: flex; gap: 2px; margin-bottom: 4px;\">\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelUp(i)\"\n                                                                        [disabled]=\"i === 0\"\n                                                                        title=\"Move up\">\n                                                                <i class=\"fa-solid fa-chevron-up\"></i>\n                                                            </kendo-button>\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelDown(i)\"\n                                                                        [disabled]=\"i === promptModels.length - 1\"\n                                                                        title=\"Move down\">\n                                                                <i class=\"fa-solid fa-chevron-down\"></i>\n                                                            </kendo-button>\n                                                        </div>\n                                                        <kendo-button fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                    (click)=\"removePromptModel(i)\"\n                                                                    title=\"Remove model\">\n                                                            <i class=\"fa-solid fa-times\"></i>\n                                                        </kendo-button>\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Second row with additional details -->\n                                            <div style=\"display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; font-size: 0.85em; color: #6c757d;\">\n                                                <div></div>\n                                                <div>\n                                                    <!-- Basic model details -->\n                                                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;\">\n                                                        @if (model.Status) {\n                                                            <span><strong>Status:</strong> {{ model.Status }}</span>\n                                                        }\n                                                        @if (model.ConfigurationID) {\n                                                            <span><strong>Configuration:</strong> {{ model.ConfigurationID }}</span>\n                                                        }\n                                                    </div>\n                                                    \n                                                    <!-- Parallel execution fields when prompt is ModelSpecific -->\n                                                    @if (record.ParallelizationMode === 'ModelSpecific') {\n                                                        <div style=\"padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; margin-top: 8px;\">\n                                                            <div style=\"margin-bottom: 6px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                                                <i class=\"fa-solid fa-layer-group\"></i> Model-Specific Parallel Execution\n                                                            </div>\n                                                            \n                                                            @if (EditMode) {\n                                                                <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: center;\">\n                                                                    <!-- Parallel Mode -->\n                                                                    <div>\n                                                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Mode</label>\n                                                                        <kendo-dropdownlist [(ngModel)]=\"model.ParallelizationMode\"\n                                                                                           [name]=\"'parallelMode_' + i\"\n                                                                                           [data]=\"[{text: 'None', value: 'None'}, {text: 'Static Count', value: 'StaticCount'}, {text: 'Config Param', value: 'ConfigParam'}]\"\n                                                                                           textField=\"text\"\n                                                                                           valueField=\"value\"\n                                                                                           [valuePrimitive]=\"true\"\n                                                                                           placeholder=\"Select mode...\"\n                                                                                           style=\"width: 100%; font-size: 0.85em;\">\n                                                                        </kendo-dropdownlist>\n                                                                    </div>\n                                                                    \n                                                                    <!-- Parallel Count (when StaticCount) -->\n                                                                    @if (model.ParallelizationMode === 'StaticCount') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Count</label>\n                                                                            <kendo-numerictextbox [(ngModel)]=\"model.ParallelCount\"\n                                                                                                 [name]=\"'parallelCount_' + i\"\n                                                                                                 [min]=\"1\"\n                                                                                                 [step]=\"1\"\n                                                                                                 [format]=\"'n0'\"\n                                                                                                 placeholder=\"Count...\"\n                                                                                                 style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-numerictextbox>\n                                                                        </div>\n                                                                    }\n                                                                    \n                                                                    <!-- Config Param (when ConfigParam) -->\n                                                                    @if (model.ParallelizationMode === 'ConfigParam') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Config Parameter</label>\n                                                                            <kendo-textbox [(ngModel)]=\"model.ParallelConfigParam\"\n                                                                                          [name]=\"'parallelConfigParam_' + i\"\n                                                                                          placeholder=\"Parameter name...\"\n                                                                                          style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-textbox>\n                                                                        </div>\n                                                                    }\n                                                                </div>\n                                                            } @else {\n                                                                <!-- Read-only display -->\n                                                                <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center;\">\n                                                                    @if (model.ParallelizationMode) {\n                                                                        <span><strong>Parallel Mode:</strong> {{ model.ParallelizationMode }}</span>\n                                                                    }\n                                                                    @if (model.ParallelCount) {\n                                                                        <span><strong>Parallel Count:</strong> {{ model.ParallelCount }}</span>\n                                                                    }\n                                                                    @if (model.ParallelConfigParam) {\n                                                                        <span><strong>Config Param:</strong> {{ model.ParallelConfigParam }}</span>\n                                                                    }\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                        \n                                        @if (EditMode) {\n                                            <div class=\"add-model-row\" style=\"padding: 12px 16px; text-align: center; background: #f8f9fa; border-top: 1px solid #dee2e6;\">\n                                                <kendo-button fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </kendo-button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </div>\n                            \n                            <!-- Right Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ValidationBehavior\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"EnableCaching\"\n                                    Type=\"checkbox\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <!-- Result Selector Prompt with Tree Selector -->\n                                <div style=\"margin-bottom: 16px;\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Result Selector Prompt\n                                    </label>\n                                    @if (EditMode) {\n                                        @if (isLoadingResultSelectorData) {\n                                            <div style=\"padding: 8px; color: #6c757d; font-style: italic;\">\n                                                <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                                            </div>\n                                        } @else {\n                                            <kendo-dropdowntree \n                                                [(ngModel)]=\"record.ResultSelectorPromptID\"\n                                                name=\"resultSelectorPromptID\"\n                                                [data]=\"resultSelectorTreeData\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [filterable]=\"true\"\n                                                placeholder=\"Select a result selector prompt...\"\n                                                style=\"width: 100%;\"\n                                                (valueChange)=\"onResultSelectorChange($event)\">\n                                            </kendo-dropdowntree>\n                                        }\n                                    } @else {\n                                        <span style=\"color: #495057;\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </kendo-expansionpanel>\n\n                <!-- Output Example Expansion Panel (when OutputType = object) -->\n                @if (showOutputExample) {\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                Output Example (JSON)\n                                <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">\u2022 Required for object output type</span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px;\">\n                            @if (EditMode) {\n                                <mj-code-editor \n                                    [(ngModel)]=\"record.OutputExample\"\n                                    name=\"outputExample\"\n                                    language=\"json\"\n                                    placeholder=\"Enter JSON example structure...\"\n                                    style=\"width: 100%; height: 200px; border: 1px solid #dee2e6; border-radius: 4px;\">\n                                </mj-code-editor>\n                                <div style=\"margin-top: 8px; color: #6c757d; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> Provide a JSON example that defines the expected structure for object output validation.\n                                </div>\n                            } @else if (record.OutputExample) {\n                                <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 250px;\">{{ record.OutputExample }}</div>\n                            } @else {\n                                <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; text-align: center;\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Output example is required when output type is 'object'\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Execution History Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-history\" style=\"color: #6c757d;\"></i>\n                                Execution History\n                                @if (executionHistory.length > 0) {\n                                    <span style=\"color: #6c757d; font-weight: normal;\">({{ executionHistory.length }})</span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Custom Execution History Viewer -->\n                        <div style=\"padding: 16px;\">\n                            @if (isLoadingHistory) {\n                                <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 2em; margin-bottom: 12px;\"></i>\n                                    <p>Loading execution history...</p>\n                                </div>\n                            } @else if (executionHistory.length === 0) {\n                                <div style=\"text-align: center; padding: 40px; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-history\" style=\"font-size: 3em; margin-bottom: 12px; opacity: 0.3;\"></i>\n                                    <p>No execution history yet</p>\n                                    <p style=\"font-size: 0.9em;\">Run this prompt to see execution history here</p>\n                                </div>\n                            } @else {\n                                <!-- Sort Controls -->\n                                <div style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;\">\n                                    <div style=\"color: #6c757d; font-size: 0.9em;\">\n                                        Showing {{ executionHistory.length }} executions\n                                    </div>\n                                    <div style=\"display: flex; gap: 8px; align-items: center;\">\n                                        <span style=\"color: #6c757d; font-size: 0.85em;\">Sort by:</span>\n                                        <kendo-buttongroup selection=\"single\">\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'runAt'\"\n                                                    (click)=\"changeHistorySort('runAt')\"\n                                                    size=\"small\">\n                                                Date\n                                                @if (historySortField === 'runAt') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'executionTime'\"\n                                                    (click)=\"changeHistorySort('executionTime')\"\n                                                    size=\"small\">\n                                                Duration\n                                                @if (historySortField === 'executionTime') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'tokens'\"\n                                                    (click)=\"changeHistorySort('tokens')\"\n                                                    size=\"small\">\n                                                Tokens\n                                                @if (historySortField === 'tokens') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                            <button kendoButton \n                                                    [selected]=\"historySortField === 'cost'\"\n                                                    (click)=\"changeHistorySort('cost')\"\n                                                    size=\"small\">\n                                                Cost\n                                                @if (historySortField === 'cost') {\n                                                    <i [class]=\"'fa-solid fa-sort-' + (historySortDirection === 'asc' ? 'up' : 'down')\" \n                                                       style=\"margin-left: 4px; font-size: 0.8em;\"></i>\n                                                }\n                                            </button>\n                                        </kendo-buttongroup>\n                                    </div>\n                                </div>\n                                \n                                <!-- Execution History Table -->\n                                <div style=\"border: 1px solid #e9ecef; border-radius: 8px; overflow: hidden;\">\n                                    <table style=\"width: 100%; border-collapse: collapse;\">\n                                        <thead>\n                                            <tr style=\"background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Status</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Date & Time</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Model</th>\n                                                <th style=\"padding: 12px; text-align: left; font-weight: 600; color: #495057;\">Duration</th>\n                                                <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Tokens</th>\n                                                <th style=\"padding: 12px; text-align: right; font-weight: 600; color: #495057;\">Cost</th>\n                                                <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Type</th>\n                                                <th style=\"padding: 12px; text-align: center; font-weight: 600; color: #495057;\">Actions</th>\n                                            </tr>\n                                        </thead>\n                                        <tbody>\n                                            @for (run of executionHistory; track run.ID; let i = $index) {\n                                                <tr class=\"history-row\"\n                                                    [class.even-row]=\"i % 2 === 0\"\n                                                    style=\"border-bottom: 1px solid #f1f3f5;\">\n                                                    <td style=\"padding: 12px;\">\n                                                        <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                                            <i [class]=\"'fa-solid ' + getExecutionStatusIcon(run.Success)\" \n                                                               [style.color]=\"getExecutionStatusColor(run.Success)\"></i>\n                                                            <span [style.color]=\"getExecutionStatusColor(run.Success)\" style=\"font-weight: 500;\">\n                                                                {{ run.Success === true ? 'Success' : run.Success === false ? 'Failed' : 'Running' }}\n                                                            </span>\n                                                        </span>\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        {{ run.RunAt | date:'short' }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        <span style=\"display: flex; align-items: center; gap: 6px;\">\n                                                            <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                                            {{ run.Model || 'Unknown' }}\n                                                        </span>\n                                                    </td>\n                                                    <td style=\"padding: 12px; color: #495057;\">\n                                                        {{ formatDuration(run.ExecutionTimeMS) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                                                        {{ formatTokens(run.TokensUsed) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: right; color: #495057;\">\n                                                        {{ formatCost(run.TotalCost || run.Cost) }}\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: center;\">\n                                                        @if (run.RunType) {\n                                                            <span style=\"padding: 4px 8px; border-radius: 12px; background: #e9ecef; \n                                                                       color: #495057; font-size: 0.85em; font-weight: 500;\">\n                                                                {{ run.RunType }}\n                                                            </span>\n                                                        }\n                                                    </td>\n                                                    <td style=\"padding: 12px; text-align: center;\">\n                                                        <kendo-button \n                                                            fillMode=\"flat\"\n                                                            size=\"small\"\n                                                            (click)=\"navigateToPromptRun(run.ID)\"\n                                                            title=\"View details\">\n                                                            <i class=\"fa-solid fa-external-link\"></i>\n                                                        </kendo-button>\n                                                    </td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \n                                [BottomMargin]=\"0\"\n                                style=\"height: 300px;\">\n                            </mj-user-view-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Related Items Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-link\" style=\"color: #6c757d;\"></i>\n                                Related Items\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                                <!-- AI Agents -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">AI Agents Using This Prompt</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Prompts','PromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                                \n                                <!-- Result Selector References -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">Prompts Using This as Result Selector</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Prompts','ResultSelectorPromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('AI Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n            </div>\n        </div>\n    </form>\n\n    <!-- AI Prompt Execution Dialog -->\n    <mj-ai-prompt-execution-dialog\n        [aiPrompt]=\"record\"\n        [(isVisible)]=\"showExecutionDialog\">\n    </mj-ai-prompt-execution-dialog>\n    \n    <!-- AI Prompt Test Harness -->\n    @if (showTestHarness) {\n        <kendo-window \n            [width]=\"1200\" \n            [height]=\"800\" \n            [minWidth]=\"800\"\n            [minHeight]=\"600\"\n            [draggable]=\"true\"\n            [resizable]=\"true\"\n            [state]=\"'default'\"\n            (close)=\"onTestHarnessVisibilityChanged(false)\"\n            title=\"Run AI Prompt - {{ record.Name || 'Untitled' }}\">\n            <mj-ai-test-harness\n                [entity]=\"record\"\n                [mode]=\"'prompt'\"\n                [isVisible]=\"showTestHarness\"\n                (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n            </mj-ai-test-harness>\n        </kendo-window>\n    }\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n/* Execution History Table Styles */\n.history-row {\n    transition: background 0.2s;\n}\n\n.history-row:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row {\n    background: white;\n}\n\n.history-row:hover {\n    background: #e9ecef !important;\n}"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], { templateEditor: [{
             type: ViewChild,
             args: ['templateEditor']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptFormComponentExtended, { className: "AIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptFormComponentExtended, { className: "AIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 19 }); })();
 export function LoadAIPromptFormComponentExtended() {
     // This function ensures the class isn't tree-shaken and registers it with MemberJunction
 }