@memberjunction/ng-core-entity-forms 2.52.0 → 2.54.0

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

@@ -25,13 +25,12 @@ 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-test-harness/ai-test-harness.component";
+import * as i13 from "@memberjunction/ng-code-editor";
+import * as i14 from "../../shared/components/template-editor.component";
+import * as i15 from "../ai-test-harness/ai-test-harness.component";
 const _c0 = ["templateEditor"];
-const _forTrack0 = ($index, $item) => $item.ID || $index;
-const _forTrack1 = ($index, $item) => $item.ID;
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.ID || $index;
 const _c1 = () => ({ text: "Active", value: "Active" });
 const _c2 = () => ({ text: "Pending", value: "Pending" });
 const _c3 = () => ({ text: "Disabled", value: "Disabled" });
@@ -266,8 +265,209 @@ function AIPromptFormComponentExtended_form_1_Conditional_40_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
+function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 62);
+    i0.ɵɵelement(1, "i", 80);
+    i0.ɵɵtext(2, " Template Parameters ");
+    i0.ɵɵelementStart(3, "span", 81);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 82);
+    i0.ɵɵelement(6, "i", 83);
+    i0.ɵɵtext(7, " Parameters defined in the template ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.templateParams.length, " ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵelement(1, "i", 54);
+    i0.ɵɵtext(2, " Loading template parameters... ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79);
+    i0.ɵɵelement(1, "i", 84);
+    i0.ɵɵtext(2, " This template has no parameters defined ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 96);
+    i0.ɵɵtext(1, "*");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 98);
+    i0.ɵɵtext(1, "Required");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 99);
+    i0.ɵɵtext(1, "Optional");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 100);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", param_r10.Description, " ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "label", 106);
+    i0.ɵɵtext(2, "Default Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "code", 107);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(param_r10.DefaultValue);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "label", 106);
+    i0.ɵɵtext(2, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 101);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(param_r10.Entity || "Entity ID: " + param_r10.EntityID);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_20_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate1(" (", param_r10.LinkedParameterField, ") ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "label", 106);
+    i0.ɵɵtext(2, "Linked To");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 101);
+    i0.ɵɵtext(4);
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_20_Conditional_5_Template, 1, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", param_r10.LinkedParameterName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.LinkedParameterField ? 5 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "label", 106);
+    i0.ɵɵtext(2, "Filter");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "code", 108);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(param_r10.ExtraFilter);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "label", 106);
+    i0.ɵɵtext(2, "Record ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "code", 101);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(param_r10.RecordID);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 91)(1, "div", 92)(2, "div", 93);
+    i0.ɵɵelement(3, "i", 94);
+    i0.ɵɵelementStart(4, "h6", 95);
+    i0.ɵɵtext(5);
+    i0.ɵɵtemplate(6, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_6_Template, 2, 0, "span", 96);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 93)(8, "span", 97);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_10_Template, 2, 0, "span", 98)(11, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_11_Template, 2, 0, "span", 99);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(12, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_12_Template, 2, 1, "p", 100);
+    i0.ɵɵelementStart(13, "div", 101)(14, "span", 102);
+    i0.ɵɵelement(15, "i", 103);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 104);
+    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_18_Template, 5, 1, "div", 105)(19, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_19_Template, 5, 1, "div", 105)(20, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_20_Template, 6, 2, "div", 105)(21, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_21_Template, 5, 1, "div", 105)(22, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Conditional_22_Template, 5, 1, "div", 105);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const param_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("border-left", "4px solid " + ctx_r1.getParamTypeColor(param_r10.Type));
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap("fa-solid " + ctx_r1.getParamTypeIcon(param_r10.Type));
+    i0.ɵɵstyleProp("color", ctx_r1.getParamTypeColor(param_r10.Type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", param_r10.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.IsRequired ? 6 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("background-color", ctx_r1.getParamTypeColor(param_r10.Type));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", param_r10.Type, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.IsRequired ? 10 : 11);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(param_r10.Description ? 12 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getParamTypeDescription(param_r10), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(param_r10.DefaultValue ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.EntityID ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.LinkedParameterName ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.ExtraFilter ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(param_r10.RecordID ? 22 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵrepeaterCreate(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_For_2_Template, 23, 19, "div", 86, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 87)(4, "div", 88);
+    i0.ɵɵelement(5, "i", 89);
+    i0.ɵɵelementStart(6, "div", 90)(7, "strong");
+    i0.ɵɵtext(8, "Using Template Parameters:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(9, " When executing this prompt, you'll be prompted to provide values for all required parameters. Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections). The template will use these parameters to generate dynamic content based on the values provided at execution time. ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.templateParams);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template, 8, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_3_Template, 3, 0, "div", 78)(4, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template, 3, 0, "div", 79)(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Template, 10, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isLoadingTemplateParams ? 3 : ctx_r1.templateParams.length === 0 ? 4 : 5);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_42_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -275,13 +475,13 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 80);
+    i0.ɵɵelement(1, "i", 110);
     i0.ɵɵtext(2, " Models ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Conditional_3_Template, 2, 1, "span", 81);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_42_ng_template_1_Conditional_3_Template, 2, 1, "span", 111);
     i0.ɵɵelementStart(4, "span", 82);
-    i0.ɵɵelement(5, "i", 83);
+    i0.ɵɵelement(5, "i", 112);
     i0.ɵɵtext(6, " Priority order (first available model will be used) ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -289,412 +489,412 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Templ
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 78);
     i0.ɵɵelement(1, "i", 54);
     i0.ɵɵtext(2, " Loading models... ");
     i0.ɵɵelementEnd();
 } }
-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", 86)(1, "button", 87);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 113)(1, "button", 114);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
     i0.ɵɵelement(2, "i", 70);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84);
-    i0.ɵɵelement(1, "i", 85);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 79);
+    i0.ɵɵelement(1, "i", 84);
     i0.ɵɵtext(2, " No models configured ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 86);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 113);
     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_41_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 88);
-    i0.ɵɵelement(1, "i", 93);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 115);
+    i0.ɵɵelement(1, "i", 120);
     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", 107);
-    i0.ɵɵelementStart(1, "span", 108);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 134);
+    i0.ɵɵelementStart(1, "span", 135);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
+    const ɵ$index_415_r13 = i0.ɵɵnextContext().$index;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("#", ɵ$index_279_r12 + 1, "");
+    i0.ɵɵtextInterpolate1("#", ɵ$index_415_r13 + 1, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 96);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 123);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
-    i0.ɵɵpropertyInterpolate1("title", "Priority ", ɵ$index_279_r12 + 1, " - Lower numbers are tried first");
+    const ɵ$index_415_r13 = i0.ɵɵnextContext().$index;
+    i0.ɵɵpropertyInterpolate1("title", "Priority ", ɵ$index_415_r13 + 1, " - Lower numbers are tried first");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("#", ɵ$index_279_r12 + 1, "");
+    i0.ɵɵtextInterpolate1("#", ɵ$index_415_r13 + 1, "");
 } }
-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", 109);
-    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)); });
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 136);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r14); const model_r15 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r15.ModelID, $event) || (model_r15.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r14); const ɵ$index_415_r13 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_415_r13)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext();
-    const model_r14 = ctx_r14.$implicit;
-    const ɵ$index_279_r12 = ctx_r14.$index;
+    const ctx_r15 = i0.ɵɵnextContext();
+    const model_r15 = ctx_r15.$implicit;
+    const ɵ$index_415_r13 = ctx_r15.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r14.ModelID);
-    i0.ɵɵproperty("name", "modelId_" + ɵ$index_279_r12)("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r15.ModelID);
+    i0.ɵɵproperty("name", "modelId_" + ɵ$index_415_r13)("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext().$implicit;
+    const model_r15 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r14.ModelID));
+    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r15.ModelID));
 } }
-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", 114);
+function AIPromptFormComponentExtended_form_1_Conditional_42_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", 141);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dataItem_r17 = i0.ɵɵnextContext().$implicit;
-    const model_r14 = i0.ɵɵnextContext(4).$implicit;
+    const dataItem_r18 = i0.ɵɵnextContext().$implicit;
+    const model_r15 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, dataItem_r17.ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r15.ModelID, dataItem_r18.ID), ")");
 } }
-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) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 114);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 141);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dataItem_r17 = ctx.$implicit;
-    const model_r14 = i0.ɵɵnextContext(4).$implicit;
+    const dataItem_r18 = ctx.$implicit;
+    const model_r15 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, dataItem_r17.ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r15.ModelID, dataItem_r18.ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", dataItem_r17.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", dataItem_r18.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, dataItem_r17.ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r15.ModelID, dataItem_r18.ID) !== "Active" ? 2 : -1);
 } }
-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", 112);
-    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", 113);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 139);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17); const model_r15 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r15.VendorID, $event) || (model_r15.VendorID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(3);
-    const model_r14 = ctx_r14.$implicit;
-    const ɵ$index_279_r12 = ctx_r14.$index;
+    const ctx_r15 = i0.ɵɵnextContext(3);
+    const model_r15 = ctx_r15.$implicit;
+    const ɵ$index_415_r13 = ctx_r15.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵtwoWayProperty("ngModel", model_r14.VendorID);
-    i0.ɵɵproperty("name", "vendorId_" + ɵ$index_279_r12)("data", ctx_r1.getVendorsForModelSync(model_r14.ModelID))("valuePrimitive", true)("filterable", true);
+    i0.ɵɵtwoWayProperty("ngModel", model_r15.VendorID);
+    i0.ɵɵproperty("name", "vendorId_" + ɵ$index_415_r13)("data", ctx_r1.getVendorsForModelSync(model_r15.ModelID))("valuePrimitive", true)("filterable", true);
 } }
-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", 114);
+function AIPromptFormComponentExtended_form_1_Conditional_42_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", 141);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(5).$implicit;
+    const model_r15 = i0.ɵɵnextContext(5).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r15.ModelID, ctx_r1.getVendorsForModelSync(model_r15.ModelID)[0].ID), ")");
 } }
-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", 116);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 143);
     i0.ɵɵtext(1);
-    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", 114);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 141);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(4).$implicit;
+    const model_r15 = i0.ɵɵnextContext(4).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r15.ModelID, ctx_r1.getVendorsForModelSync(model_r15.ModelID)[0].ID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].Name, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r15.ModelID)[0].Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, ctx_r1.getVendorsForModelSync(model_r14.ModelID)[0].ID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r15.ModelID, ctx_r1.getVendorsForModelSync(model_r15.ModelID)[0].ID) !== "Active" ? 2 : -1);
 } }
-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", 110);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 137);
     i0.ɵɵtext(1, "No vendors available");
     i0.ɵɵelementEnd();
 } }
-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", 115)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 110);
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 142)(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 137);
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(3).$implicit;
+    const model_r15 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r14.ModelID).length === 1 ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r15.ModelID).length === 1 ? 0 : 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", 111)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 138)(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(2).$implicit;
+    const model_r15 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r14.ModelID) ? 0 : 1);
+    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r15.ModelID) ? 0 : 1);
 } }
-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", 110);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 137);
     i0.ɵɵtext(1, "Select model first");
     i0.ɵɵelementEnd();
 } }
-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", 110);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Conditional_1_Template, 2, 0, "span", 137);
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r14.ModelID ? 0 : 1);
+    const model_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r15.ModelID ? 0 : 1);
 } }
-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", 114);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 141);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(3).$implicit;
+    const model_r15 = i0.ɵɵnextContext(3).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r14.ModelID, model_r14.VendorID), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r15.ModelID, model_r15.VendorID), ")");
 } }
-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", 119);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 146);
     i0.ɵɵtext(1);
-    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 114);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 141);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(2).$implicit;
+    const model_r15 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r14.ModelID, model_r14.VendorID));
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r15.ModelID, model_r15.VendorID));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r14.VendorID), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r15.VendorID), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r14.ModelID, model_r14.VendorID) !== "Active" ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r15.ModelID, model_r15.VendorID) !== "Active" ? 2 : -1);
 } }
-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", 118);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 145);
     i0.ɵɵtext(1, "-");
     i0.ɵɵelementEnd();
 } }
-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", 117)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_1_Template, 2, 0, "span", 118);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_0_Template, 3, 4, "span", 144)(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Conditional_1_Template, 2, 0, "span", 145);
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵconditional(model_r14.VendorID && model_r14.ModelID ? 0 : 1);
+    const model_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r15.VendorID && model_r15.ModelID ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 101);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 128);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext().$implicit;
+    const model_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r14.__mj_CreatedAt, "short"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r15.__mj_CreatedAt, "short"));
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 129);
     i0.ɵɵtext(1, "New");
     i0.ɵɵelementEnd();
 } }
-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", 120)(1, "button", 121);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_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", 122);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 147)(1, "button", 148);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_14_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r19); const ɵ$index_415_r13 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_415_r13)); });
+    i0.ɵɵelement(2, "i", 149);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 123);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_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", 124);
+    i0.ɵɵelementStart(3, "button", 150);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_14_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r19); const ɵ$index_415_r13 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_415_r13)); });
+    i0.ɵɵelement(4, "i", 151);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 125);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template_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", 126);
+    i0.ɵɵelementStart(5, "button", 152);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_14_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r19); const ɵ$index_415_r13 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_415_r13)); });
+    i0.ɵɵelement(6, "i", 153);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_279_r12 = i0.ɵɵnextContext().$index;
+    const ɵ$index_415_r13 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ɵ$index_279_r12 === 0);
+    i0.ɵɵproperty("disabled", ɵ$index_415_r13 === 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ɵ$index_279_r12 === ctx_r1.promptModels.length - 1);
+    i0.ɵɵproperty("disabled", ɵ$index_415_r13 === ctx_r1.promptModels.length - 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_r14 = i0.ɵɵnextContext().$implicit;
+    const model_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r14.Status, "");
+    i0.ɵɵtextInterpolate1(" ", model_r15.Status, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_r14 = i0.ɵɵnextContext().$implicit;
+    const model_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r14.ConfigurationID, "");
+    i0.ɵɵtextInterpolate1(" ", model_r15.ConfigurationID, "");
 } }
-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", 131);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 158);
     i0.ɵɵtext(2, "Parallel Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-numerictextbox", 133);
-    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.ɵɵelementStart(3, "kendo-numerictextbox", 160);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r21); const model_r15 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r15.ParallelCount, $event) || (model_r15.ParallelCount = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(3);
-    const model_r14 = ctx_r14.$implicit;
-    const ɵ$index_279_r12 = ctx_r14.$index;
+    const ctx_r15 = i0.ɵɵnextContext(3);
+    const model_r15 = ctx_r15.$implicit;
+    const ɵ$index_415_r13 = ctx_r15.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r14.ParallelCount);
-    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_279_r12)("min", 1)("step", 1)("format", "n0");
+    i0.ɵɵtwoWayProperty("ngModel", model_r15.ParallelCount);
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_415_r13)("min", 1)("step", 1)("format", "n0");
 } }
-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", 131);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 158);
     i0.ɵɵtext(2, "Config Parameter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-textbox", 134);
-    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.ɵɵelementStart(3, "kendo-textbox", 161);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r22); const model_r15 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r15.ParallelConfigParam, $event) || (model_r15.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(3);
-    const model_r14 = ctx_r14.$implicit;
-    const ɵ$index_279_r12 = ctx_r14.$index;
+    const ctx_r15 = i0.ɵɵnextContext(3);
+    const model_r15 = ctx_r15.$implicit;
+    const ɵ$index_415_r13 = ctx_r15.$index;
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", model_r14.ParallelConfigParam);
-    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_279_r12);
+    i0.ɵɵtwoWayProperty("ngModel", model_r15.ParallelConfigParam);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_415_r13);
 } }
-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", 129)(1, "div")(2, "label", 131);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 156)(1, "div")(2, "label", 158);
     i0.ɵɵtext(3, "Parallel Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "kendo-dropdownlist", 132);
-    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.ɵɵelementStart(4, "kendo-dropdownlist", 159);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r20); const model_r15 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r15.ParallelizationMode, $event) || (model_r15.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    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.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_5_Template, 4, 5, "div")(6, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Conditional_6_Template, 4, 2, "div");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r14 = i0.ɵɵnextContext(2);
-    const model_r14 = ctx_r14.$implicit;
-    const ɵ$index_279_r12 = ctx_r14.$index;
+    const ctx_r15 = i0.ɵɵnextContext(2);
+    const model_r15 = ctx_r15.$implicit;
+    const ɵ$index_415_r13 = ctx_r15.$index;
     i0.ɵɵadvance(4);
-    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.ɵɵtwoWayProperty("ngModel", model_r15.ParallelizationMode);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_415_r13)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ParallelizationMode === "StaticCount" ? 5 : -1);
+    i0.ɵɵconditional(model_r15.ParallelizationMode === "StaticCount" ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ParallelizationMode === "ConfigParam" ? 6 : -1);
+    i0.ɵɵconditional(model_r15.ParallelizationMode === "ConfigParam" ? 6 : -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) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_r14 = i0.ɵɵnextContext(3).$implicit;
+    const model_r15 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelizationMode, "");
+    i0.ɵɵtextInterpolate1(" ", model_r15.ParallelizationMode, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_r14 = i0.ɵɵnextContext(3).$implicit;
+    const model_r15 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelCount, "");
+    i0.ɵɵtextInterpolate1(" ", model_r15.ParallelCount, "");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_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_r14 = i0.ɵɵnextContext(3).$implicit;
+    const model_r15 = i0.ɵɵnextContext(3).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", model_r14.ParallelConfigParam, "");
+    i0.ɵɵtextInterpolate1(" ", model_r15.ParallelConfigParam, "");
 } }
-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", 130);
-    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");
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 157);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_1_Template, 4, 1, "span")(2, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_2_Template, 4, 1, "span")(3, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Conditional_3_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const model_r14 = i0.ɵɵnextContext(2).$implicit;
+    const model_r15 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ParallelizationMode ? 1 : -1);
+    i0.ɵɵconditional(model_r15.ParallelizationMode ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ParallelCount ? 2 : -1);
+    i0.ɵɵconditional(model_r15.ParallelCount ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ParallelConfigParam ? 3 : -1);
+    i0.ɵɵconditional(model_r15.ParallelConfigParam ? 3 : -1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106)(1, "div", 127);
-    i0.ɵɵelement(2, "i", 128);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133)(1, "div", 154);
+    i0.ɵɵelement(2, "i", 155);
     i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template, 7, 13, "div", 129)(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Template, 4, 3, "div", 130);
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_4_Template, 7, 13, "div", 156)(5, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Conditional_5_Template, 4, 3, "div", 157);
     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_41_Conditional_5_Conditional_1_For_15_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 94);
-    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", 95);
-    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", 96);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 121);
+    i0.ɵɵlistener("dragstart", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template_div_dragstart_0_listener($event) { const ɵ$index_415_r13 = i0.ɵɵrestoreView(_r12).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragStart($event, ɵ$index_415_r13)); })("dragover", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template_div_dragover_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragOver($event)); })("drop", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template_div_drop_0_listener($event) { const ɵ$index_415_r13 = i0.ɵɵrestoreView(_r12).$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDrop($event, ɵ$index_415_r13)); })("dragend", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template_div_dragend_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onDragEnd($event)); });
+    i0.ɵɵelementStart(1, "div", 122);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_2_Template, 3, 1)(3, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_3_Template, 2, 3, "span", 123);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 97);
-    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 98)(6, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_6_Template, 2, 1, "span", 23);
+    i0.ɵɵelementStart(4, "div", 124);
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 125)(6, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_6_Template, 2, 1, "span", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 99);
-    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.ɵɵelementStart(7, "div", 126);
+    i0.ɵɵtemplate(8, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_9_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 100);
-    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_11_Template, 3, 4, "span", 101)(12, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_12_Template, 2, 0, "span", 102);
+    i0.ɵɵelementStart(10, "div", 127);
+    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_11_Template, 3, 4, "span", 128)(12, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_12_Template, 2, 0, "span", 129);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 103);
-    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_14_Template, 7, 2);
+    i0.ɵɵelementStart(13, "div", 130);
+    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_14_Template, 7, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 104);
+    i0.ɵɵelementStart(15, "div", 131);
     i0.ɵɵelement(16, "div");
-    i0.ɵɵelementStart(17, "div")(18, "div", 105);
-    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.ɵɵelementStart(17, "div")(18, "div", 132);
+    i0.ɵɵtemplate(19, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_19_Template, 4, 1, "span")(20, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_20_Template, 4, 1, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(21, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_For_15_Conditional_21_Template, 6, 1, "div", 106);
+    i0.ɵɵtemplate(21, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Conditional_21_Template, 6, 1, "div", 133);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const model_r14 = ctx.$implicit;
-    const ɵ$index_279_r12 = ctx.$index;
+    const model_r15 = ctx.$implicit;
+    const ɵ$index_415_r13 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(5);
-    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.ɵɵstyleProp("background", !model_r15.ModelID ? "#fff3cd" : ctx_r1.draggedIndex === ɵ$index_415_r13 ? "#e3f2fd" : "white")("border-left", !model_r15.ModelID ? "3px solid #ffc107" : "none")("opacity", ctx_r1.draggedIndex === ɵ$index_415_r13 ? "0.5" : "1");
     i0.ɵɵproperty("draggable", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
@@ -703,28 +903,28 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Condi
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 8 : 9);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(model_r14.ID ? 11 : 12);
+    i0.ɵɵconditional(model_r15.ID ? 11 : 12);
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 14 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(model_r14.Status ? 19 : -1);
+    i0.ɵɵconditional(model_r15.Status ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(model_r14.ConfigurationID ? 20 : -1);
+    i0.ɵɵconditional(model_r15.ConfigurationID ? 20 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 21 : -1);
 } }
-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", 92)(1, "button", 135);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Conditional_16_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 119)(1, "button", 162);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Conditional_16_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
     i0.ɵɵelement(2, "i", 70);
     i0.ɵɵtext(3, " Add Model ");
     i0.ɵɵelementEnd()();
 } }
-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", 88);
-    i0.ɵɵelementStart(1, "div", 89)(2, "div", 90);
-    i0.ɵɵelement(3, "i", 91);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Conditional_0_Template, 3, 0, "div", 115);
+    i0.ɵɵelementStart(1, "div", 116)(2, "div", 117);
+    i0.ɵɵelement(3, "i", 118);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5, "AI Model ");
@@ -740,8 +940,8 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Condi
     i0.ɵɵelementStart(12, "div");
     i0.ɵɵtext(13, "Actions");
     i0.ɵɵelementEnd()();
-    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", 92);
+    i0.ɵɵrepeaterCreate(14, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_For_15_Template, 22, 15, null, null, _forTrack1);
+    i0.ɵɵtemplate(16, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_1_Conditional_16_Template, 4, 0, "div", 119);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.promptModels.length > 1 ? 0 : -1);
@@ -750,17 +950,17 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Condi
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.EditMode ? 16 : -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", 84)(1, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Conditional_1_Template, 17, 2);
+function AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Conditional_0_Template, 4, 1, "div", 79)(1, AIPromptFormComponentExtended_form_1_Conditional_42_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_41_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_41_ng_template_1_Template, 7, 1, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36)(3, "div", 78);
-    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_4_Template, 3, 0, "div", 79)(5, AIPromptFormComponentExtended_form_1_Conditional_41_Conditional_5_Template, 2, 1);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_42_ng_template_1_Template, 7, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36)(3, "div", 109);
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_4_Template, 3, 0, "div", 78)(5, AIPromptFormComponentExtended_form_1_Conditional_42_Conditional_5_Template, 2, 1);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -768,48 +968,48 @@ function AIPromptFormComponentExtended_form_1_Conditional_41_Template(rf, ctx) {
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_ng_template_43_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_ng_template_44_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 136);
+    i0.ɵɵelement(1, "i", 163);
     i0.ɵɵtext(2, " Advanced Configuration ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-form-field", 39);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-form-field", 40);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 137);
+function AIPromptFormComponentExtended_form_1_Conditional_58_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 164);
     i0.ɵɵelement(1, "i", 54);
     i0.ɵɵtext(2, " Loading prompts... ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dropdowntree", 139);
-    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)); });
+function AIPromptFormComponentExtended_form_1_Conditional_58_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdowntree", 166);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_58_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r24); 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_58_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r24); 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_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_0_Template, 3, 0, "div", 137)(1, AIPromptFormComponentExtended_form_1_Conditional_57_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 138);
+function AIPromptFormComponentExtended_form_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_58_Conditional_0_Template, 3, 0, "div", 164)(1, AIPromptFormComponentExtended_form_1_Conditional_58_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 165);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 46);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -818,29 +1018,29 @@ function AIPromptFormComponentExtended_form_1_Conditional_58_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
     i0.ɵɵelement(1, "i", 22);
     i0.ɵɵtext(2, " Output Example (JSON) ");
-    i0.ɵɵelementStart(3, "span", 143);
+    i0.ɵɵelementStart(3, "span", 170);
     i0.ɵɵtext(4, "\u2022 Required for object output type");
     i0.ɵɵelementEnd()();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-code-editor", 144);
-    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); });
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 171);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r25); 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", 145);
-    i0.ɵɵelement(2, "i", 85);
+    i0.ɵɵelementStart(1, "div", 172);
+    i0.ɵɵelement(2, "i", 84);
     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_59_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 141);
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 168);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -848,17 +1048,17 @@ function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_4_Templ
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 142);
-    i0.ɵɵelement(1, "i", 146);
+function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 169);
+    i0.ɵɵelement(1, "i", 173);
     i0.ɵɵtext(2, " Output example is required when output type is 'object' ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_59_ng_template_1_Template, 5, 0, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 140);
-    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", 141)(5, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_5_Template, 3, 0, "div", 142);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template, 5, 0, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 167);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_4_Template, 2, 1, "div", 168)(5, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template, 3, 0, "div", 169);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -866,8 +1066,8 @@ function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 149);
+function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 176);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -875,177 +1075,177 @@ function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Condi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("(", ctx_r1.executionHistory.length, ")");
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 148);
+    i0.ɵɵelement(1, "i", 175);
     i0.ɵɵtext(2, " Execution History ");
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Conditional_3_Template, 2, 1, "span", 149);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Conditional_3_Template, 2, 1, "span", 176);
     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_60_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 147);
-    i0.ɵɵelement(1, "i", 150);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 174);
+    i0.ɵɵelement(1, "i", 177);
     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", 147);
-    i0.ɵɵelement(1, "i", 151);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 174);
+    i0.ɵɵelement(1, "i", 178);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No execution history yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 119);
+    i0.ɵɵelementStart(4, "p", 146);
     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", 165);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 191);
 } 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", 165);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 191);
 } 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", 165);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 191);
 } 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", 165);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 191);
 } 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", 172);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_For_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 198);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r27 = i0.ɵɵnextContext().$implicit;
+    const run_r28 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r27.RunType, " ");
+    i0.ɵɵtextInterpolate1(" ", run_r28.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", 166)(1, "td", 167)(2, "span", 168);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_For_41_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 192)(1, "td", 193)(2, "span", 194);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementStart(4, "span", 23);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "td", 169);
+    i0.ɵɵelementStart(6, "td", 195);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 169)(10, "span", 168);
-    i0.ɵɵelement(11, "i", 80);
+    i0.ɵɵelementStart(9, "td", 195)(10, "span", 194);
+    i0.ɵɵelement(11, "i", 110);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "td", 169);
+    i0.ɵɵelementStart(13, "td", 195);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 170);
+    i0.ɵɵelementStart(15, "td", 196);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "td", 170);
+    i0.ɵɵelementStart(17, "td", 196);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "td", 171);
-    i0.ɵɵtemplate(20, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 172);
+    i0.ɵɵelementStart(19, "td", 197);
+    i0.ɵɵtemplate(20, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_For_41_Conditional_20_Template, 2, 1, "span", 198);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "td", 171)(22, "button", 173);
-    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_For_41_Template_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", 174);
+    i0.ɵɵelementStart(21, "td", 197)(22, "button", 199);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_For_41_Template_button_click_22_listener() { const run_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.navigateToPromptRun(run_r28.ID)); });
+    i0.ɵɵelement(23, "i", 200);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r27 = ctx.$implicit;
-    const ɵ$index_654_r28 = ctx.$index;
+    const run_r28 = ctx.$implicit;
+    const ɵ$index_790_r29 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("even-row", ɵ$index_654_r28 % 2 === 0);
+    i0.ɵɵclassProp("even-row", ɵ$index_790_r29 % 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.ɵɵclassMap("fa-solid " + ctx_r1.getExecutionStatusIcon(run_r28.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r28.Success));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r27.Success));
+    i0.ɵɵstyleProp("color", ctx_r1.getExecutionStatusColor(run_r28.Success));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", run_r27.Success === true ? "Success" : run_r27.Success === false ? "Failed" : "Running", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r28.Success === true ? "Success" : run_r28.Success === false ? "Failed" : "Running", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r27.RunAt, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(8, 15, run_r28.RunAt, "short"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", run_r27.Model || "Unknown", " ");
+    i0.ɵɵtextInterpolate1(" ", run_r28.Model || "Unknown", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r27.ExecutionTimeMS), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatDuration(run_r28.ExecutionTimeMS), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r27.TokensUsed), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatTokens(run_r28.TokensUsed), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r27.TotalCost || run_r27.Cost), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatCost(run_r28.TotalCost || run_r28.Cost), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(run_r27.RunType ? 20 : -1);
+    i0.ɵɵconditional(run_r28.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", 152)(1, "div", 118);
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 179)(1, "div", 145);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 153)(4, "span", 154);
+    i0.ɵɵelementStart(3, "div", 180)(4, "span", 99);
     i0.ɵɵtext(5, "Sort by:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-buttongroup", 155)(7, "button", 156);
-    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.ɵɵelementStart(6, "kendo-buttongroup", 181)(7, "button", 182);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r26); 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", 157);
+    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_9_Template, 1, 2, "i", 183);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 156);
-    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.ɵɵelementStart(10, "button", 182);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r26); 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", 157);
+    i0.ɵɵtemplate(12, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_12_Template, 1, 2, "i", 183);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 156);
-    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.ɵɵelementStart(13, "button", 182);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r26); 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", 157);
+    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_15_Template, 1, 2, "i", 183);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 156);
-    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.ɵɵelementStart(16, "button", 182);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r26); 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", 157);
+    i0.ɵɵtemplate(18, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Conditional_18_Template, 1, 2, "i", 183);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(19, "div", 158)(20, "table", 159)(21, "thead")(22, "tr", 160)(23, "th", 161);
+    i0.ɵɵelementStart(19, "div", 184)(20, "table", 185)(21, "thead")(22, "tr", 186)(23, "th", 187);
     i0.ɵɵtext(24, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "th", 161);
+    i0.ɵɵelementStart(25, "th", 187);
     i0.ɵɵtext(26, "Date & Time");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "th", 161);
+    i0.ɵɵelementStart(27, "th", 187);
     i0.ɵɵtext(28, "Model");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "th", 161);
+    i0.ɵɵelementStart(29, "th", 187);
     i0.ɵɵtext(30, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "th", 162);
+    i0.ɵɵelementStart(31, "th", 188);
     i0.ɵɵtext(32, "Tokens");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "th", 162);
+    i0.ɵɵelementStart(33, "th", 188);
     i0.ɵɵtext(34, "Cost");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "th", 163);
+    i0.ɵɵelementStart(35, "th", 189);
     i0.ɵɵtext(36, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "th", 163);
+    i0.ɵɵelementStart(37, "th", 189);
     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", 164, _forTrack1);
+    i0.ɵɵrepeaterCreate(40, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_For_41_Template, 24, 18, "tr", 190, _forTrack0);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1070,11 +1270,11 @@ function AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Templ
     i0.ɵɵadvance(22);
     i0.ɵɵrepeater(ctx_r1.executionHistory);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_60_ng_template_1_Template, 4, 1, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 140);
-    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_3_Template, 4, 0, "div", 147)(4, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_4_Template, 6, 0, "div", 147)(5, AIPromptFormComponentExtended_form_1_Conditional_60_Conditional_5_Template, 42, 9);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template, 4, 1, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 167);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template, 4, 0, "div", 174)(4, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template, 6, 0, "div", 174)(5, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template, 42, 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1082,50 +1282,50 @@ function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) {
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.isLoadingHistory ? 3 : ctx_r1.executionHistory.length === 0 ? 4 : 5);
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 176);
+    i0.ɵɵelement(1, "i", 202);
     i0.ɵɵtext(2, " Result Cache ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template, 3, 0, "ng-template", 30);
     i0.ɵɵelementStart(2, "div", 36);
-    i0.ɵɵelement(3, "mj-user-view-grid", 175);
+    i0.ɵɵelement(3, "mj-user-view-grid", 201);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("expanded", false);
     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);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Result Cache", "AIPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Result Cache"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode());
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 179);
+    i0.ɵɵelement(1, "i", 205);
     i0.ɵɵtext(2, " Related Items ");
     i0.ɵɵelementEnd();
 } }
-function AIPromptFormComponentExtended_form_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+function AIPromptFormComponentExtended_form_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template, 3, 0, "ng-template", 30);
-    i0.ɵɵelementStart(2, "div", 36)(3, "div", 37)(4, "div")(5, "h6", 177);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵelementStart(2, "div", 36)(3, "div", 37)(4, "div")(5, "h6", 203);
     i0.ɵɵtext(6, "AI Agents Using This Prompt");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "mj-user-view-grid", 178);
+    i0.ɵɵelement(7, "mj-user-view-grid", 204);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div")(9, "h6", 177);
+    i0.ɵɵelementStart(8, "div")(9, "h6", 203);
     i0.ɵɵtext(10, "Prompts Using This as Result Selector");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "mj-user-view-grid", 178);
+    i0.ɵɵelement(11, "mj-user-view-grid", 204);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("expanded", false);
     i0.ɵɵadvance(7);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Prompts", "PromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Prompts"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Agent Prompts", "PromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Agent Prompts"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode());
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Prompts", "ResultSelectorPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Prompts"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("AI Prompts", "ResultSelectorPromptID"))("NewRecordValues", ctx_r1.NewRecordValues("AI Prompts"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode());
 } }
 function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "form", 5, 0);
@@ -1165,22 +1365,22 @@ function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(36, "div", 31);
     i0.ɵɵtemplate(37, AIPromptFormComponentExtended_form_1_Conditional_37_Template, 3, 0, "div", 32)(38, AIPromptFormComponentExtended_form_1_Conditional_38_Template, 13, 2, "div", 33)(39, AIPromptFormComponentExtended_form_1_Conditional_39_Template, 13, 2, "div", 34)(40, AIPromptFormComponentExtended_form_1_Conditional_40_Template, 4, 2, "div", 35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(41, AIPromptFormComponentExtended_form_1_Conditional_41_Template, 6, 2, "kendo-expansionpanel", 29);
-    i0.ɵɵelementStart(42, "kendo-expansionpanel", 29);
-    i0.ɵɵtemplate(43, AIPromptFormComponentExtended_form_1_ng_template_43_Template, 3, 0, "ng-template", 30);
-    i0.ɵɵelementStart(44, "div", 36)(45, "div", 37)(46, "div");
-    i0.ɵɵelement(47, "mj-form-field", 38);
-    i0.ɵɵtemplate(48, AIPromptFormComponentExtended_form_1_Conditional_48_Template, 1, 3, "mj-form-field", 39)(49, AIPromptFormComponentExtended_form_1_Conditional_49_Template, 1, 3, "mj-form-field", 40);
-    i0.ɵɵelement(50, "mj-form-field", 41);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(51, "div");
-    i0.ɵɵelement(52, "mj-form-field", 42)(53, "mj-form-field", 43);
-    i0.ɵɵelementStart(54, "div", 44)(55, "label", 45);
-    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", 46);
+    i0.ɵɵtemplate(41, AIPromptFormComponentExtended_form_1_Conditional_41_Template, 6, 2, "kendo-expansionpanel", 29)(42, AIPromptFormComponentExtended_form_1_Conditional_42_Template, 6, 2, "kendo-expansionpanel", 29);
+    i0.ɵɵelementStart(43, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(44, AIPromptFormComponentExtended_form_1_ng_template_44_Template, 3, 0, "ng-template", 30);
+    i0.ɵɵelementStart(45, "div", 36)(46, "div", 37)(47, "div");
+    i0.ɵɵelement(48, "mj-form-field", 38);
+    i0.ɵɵtemplate(49, AIPromptFormComponentExtended_form_1_Conditional_49_Template, 1, 3, "mj-form-field", 39)(50, AIPromptFormComponentExtended_form_1_Conditional_50_Template, 1, 3, "mj-form-field", 40);
+    i0.ɵɵelement(51, "mj-form-field", 41);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(52, "div");
+    i0.ɵɵelement(53, "mj-form-field", 42)(54, "mj-form-field", 43);
+    i0.ɵɵelementStart(55, "div", 44)(56, "label", 45);
+    i0.ɵɵtext(57, " Result Selector Prompt ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(58, AIPromptFormComponentExtended_form_1_Conditional_58_Template, 2, 1)(59, AIPromptFormComponentExtended_form_1_Conditional_59_Template, 2, 1, "span", 46);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵtemplate(59, AIPromptFormComponentExtended_form_1_Conditional_59_Template, 6, 2, "kendo-expansionpanel", 29)(60, AIPromptFormComponentExtended_form_1_Conditional_60_Template, 6, 2, "kendo-expansionpanel", 29)(61, AIPromptFormComponentExtended_form_1_Conditional_61_Template, 4, 6, "kendo-expansionpanel", 29)(62, AIPromptFormComponentExtended_form_1_Conditional_62_Template, 12, 11, "kendo-expansionpanel", 29);
+    i0.ɵɵtemplate(60, AIPromptFormComponentExtended_form_1_Conditional_60_Template, 6, 2, "kendo-expansionpanel", 29)(61, AIPromptFormComponentExtended_form_1_Conditional_61_Template, 6, 2, "kendo-expansionpanel", 29)(62, AIPromptFormComponentExtended_form_1_Conditional_62_Template, 4, 5, "kendo-expansionpanel", 29)(63, AIPromptFormComponentExtended_form_1_Conditional_63_Template, 12, 9, "kendo-expansionpanel", 29);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1211,15 +1411,17 @@ function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     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 ? 41 : -1);
+    i0.ɵɵconditional(ctx_r1.template && ctx_r1.templateParams.length > 0 ? 41 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 42 : -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 ? 48 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelCount ? 49 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 49 : -1);
+    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 50 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
     i0.ɵɵadvance(2);
@@ -1227,22 +1429,22 @@ 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 ? 57 : 58);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 58 : 59);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.showOutputExample ? 59 : -1);
+    i0.ɵɵconditional(ctx_r1.showOutputExample ? 60 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 60 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 61 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 61 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 62 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 62 : -1);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 63 : -1);
 } }
 function AIPromptFormComponentExtended_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-window", 180);
-    i0.ɵɵlistener("close", function AIPromptFormComponentExtended_Conditional_2_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", 181);
-    i0.ɵɵlistener("visibilityChange", function AIPromptFormComponentExtended_Conditional_2_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-window", 206);
+    i0.ɵɵlistener("close", function AIPromptFormComponentExtended_Conditional_2_Template_kendo_window_close_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged(false)); });
+    i0.ɵɵelementStart(1, "mj-ai-test-harness", 207);
+    i0.ɵɵlistener("visibilityChange", function AIPromptFormComponentExtended_Conditional_2_Template_mj_ai_test_harness_visibilityChange_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTestHarnessVisibilityChanged($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1265,7 +1467,9 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         this.cdr = cdr;
         this.template = null;
         this.templateContent = null;
+        this.templateParams = [];
         this.isLoadingTemplate = true; // Default to loading state
+        this.isLoadingTemplateParams = false;
         this.templateNotFoundInDatabase = false;
         this.showTestHarness = false;
         // Model management
@@ -1355,8 +1559,11 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
                 console.warn(`Template with ID ${this.record.TemplateID} not found`);
             }
             else {
-                // Load template content
-                await this.loadTemplateContent();
+                // Load template content and parameters
+                await Promise.all([
+                    this.loadTemplateContent(),
+                    this.loadTemplateParams()
+                ]);
             }
         }
         catch (error) {
@@ -1378,6 +1585,7 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
         }
         else {
             this.template = null;
+            this.templateParams = [];
         }
     }
     /**
@@ -1449,6 +1657,33 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             this.templateContent = null;
         }
     }
+    /**
+     * Loads template parameters for the current template
+     */
+    async loadTemplateParams() {
+        if (!this.template?.ID) {
+            this.templateParams = [];
+            return;
+        }
+        this.isLoadingTemplateParams = true;
+        try {
+            const rv = new RunView();
+            const results = await rv.RunView({
+                EntityName: 'Template Params',
+                ExtraFilter: `TemplateID = '${this.template.ID}'`,
+                OrderBy: 'Name ASC',
+                ResultType: 'entity_object'
+            });
+            this.templateParams = results.Results || [];
+        }
+        catch (error) {
+            console.error('Error loading template params:', error);
+            this.templateParams = [];
+        }
+        finally {
+            this.isLoadingTemplateParams = false;
+        }
+    }
     /**
      * Opens the AI prompt execution dialog
      */
@@ -2263,23 +2498,73 @@ let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends
             return 'fa-times-circle';
         return 'fa-spinner fa-spin';
     }
+    /**
+     * Gets the icon for a template parameter type
+     */
+    getParamTypeIcon(type) {
+        switch (type) {
+            case 'Scalar': return 'fa-font';
+            case 'Array': return 'fa-list';
+            case 'Object': return 'fa-cube';
+            case 'Record': return 'fa-file-alt';
+            case 'Entity': return 'fa-table';
+            default: return 'fa-question';
+        }
+    }
+    /**
+     * Gets the color for a template parameter type
+     */
+    getParamTypeColor(type) {
+        switch (type) {
+            case 'Scalar': return '#17a2b8';
+            case 'Array': return '#28a745';
+            case 'Object': return '#6f42c1';
+            case 'Record': return '#fd7e14';
+            case 'Entity': return '#dc3545';
+            default: return '#6c757d';
+        }
+    }
+    /**
+     * Gets a friendly description of the parameter type
+     */
+    getParamTypeDescription(param) {
+        switch (param.Type) {
+            case 'Scalar':
+                return 'Single value (text, number, date, etc.)';
+            case 'Array':
+                return 'List of values';
+            case 'Object':
+                return 'JSON object with multiple properties';
+            case 'Record':
+                if (param.EntityID) {
+                    return `Single record from entity`;
+                }
+                return 'Single database record';
+            case 'Entity':
+                if (param.EntityID) {
+                    return `Multiple records from entity`;
+                }
+                return 'Entity data collection';
+            default:
+                return 'Unknown type';
+        }
+    }
     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: 4, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [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"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "themeColor", "size"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "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"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "click", "themeColor", "size"], [1, "fa-solid", "fa-play"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [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"], ["kendoButton", "", "fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "#e3f2fd", "border-bottom", "1px solid #bbdefb", "color", "#1565c0", "font-size", "0.85em"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 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"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["kendoButton", "", "fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [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"], ["kendoButton", "", "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) {
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["form", "ngForm"], ["templateEditor", ""], [1, "record-form-container"], ["class", "record-form", 4, "ngIf"], [3, "width", "height", "minWidth", "minHeight", "draggable", "resizable", "state", "title"], [1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "themeColor", "size"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "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"], ["kendoButton", "", "title", "Run AI Prompt Test Harness", 3, "click", "themeColor", "size"], [1, "fa-solid", "fa-play"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["kendoButton", "", 3, "click", "themeColor"], [1, "fa-solid", "fa-plus"], ["kendoButton", "", 3, "click", "fillMode"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-sliders", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#6f42c1", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [2, "color", "#6c757d", "font-size", "0.8em", "font-weight", "normal", "margin-left", "8px"], ["title", "These parameters are defined in the template and will be available when executing this prompt", 1, "fa-solid", "fa-info-circle"], [1, "fa-solid", "fa-info-circle"], [2, "display", "grid", "gap", "12px"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s", 3, "border-left"], [2, "margin-top", "16px", "padding", "12px", "background", "#e3f2fd", "border-radius", "6px", "border", "1px solid #bbdefb"], [2, "display", "flex", "align-items", "flex-start", "gap", "8px"], [1, "fa-solid", "fa-lightbulb", 2, "color", "#1976d2", "margin-top", "2px"], [2, "flex", "1", "font-size", "0.85em", "color", "#1565c0", "line-height", "1.5"], [1, "parameter-card", 2, "border", "1px solid #e9ecef", "border-radius", "8px", "padding", "16px", "background", "#f8f9fa", "transition", "all 0.2s"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "margin-bottom", "8px"], [2, "display", "flex", "align-items", "center", "gap", "8px"], [2, "font-size", "1.2em"], [2, "margin", "0", "color", "#495057", "font-weight", "600"], [2, "color", "#dc3545", "font-size", "0.9em", "margin-left", "4px"], [1, "type-badge", 2, "color", "white", "padding", "4px 8px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], [2, "color", "#dc3545", "font-size", "0.85em", "font-weight", "500"], [2, "color", "#6c757d", "font-size", "0.85em"], [2, "margin", "0 0 8px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [2, "font-size", "0.85em", "color", "#495057"], [2, "display", "flex", "align-items", "center", "gap", "4px", "margin-bottom", "4px"], [1, "fa-solid", "fa-info-circle", 2, "color", "#6c757d"], [2, "display", "grid", "grid-template-columns", "repeat(auto-fit, minmax(200px, 1fr))", "gap", "12px", "margin-top", "12px"], [2, "background", "white", "padding", "8px 12px", "border-radius", "4px", "border", "1px solid #dee2e6"], [2, "display", "block", "font-size", "0.8em", "color", "#6c757d", "margin-bottom", "2px"], [2, "font-size", "0.85em", "color", "#495057", "word-break", "break-all"], [2, "font-size", "0.8em", "color", "#495057", "word-break", "break-all"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [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"], ["title", "Models are tried in order from top to bottom. The first available model will be used.", 1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["kendoButton", "", "fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [2, "padding", "12px 16px", "background", "#e3f2fd", "border-bottom", "1px solid #bbdefb", "color", "#1565c0", "font-size", "0.85em"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 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"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["kendoButton", "", "fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["kendoButton", "", "fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "center", "padding", "40px", "color", "#6c757d"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [2, "color", "#6c757d", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "2em", "margin-bottom", "12px"], [1, "fa-solid", "fa-history", 2, "font-size", "3em", "margin-bottom", "12px", "opacity", "0.3"], [2, "display", "flex", "justify-content", "space-between", "align-items", "center", "margin-bottom", "16px"], [2, "display", "flex", "gap", "8px", "align-items", "center"], ["selection", "single"], ["kendoButton", "", "size", "small", 3, "click", "selected"], [2, "margin-left", "4px", "font-size", "0.8em", 3, "class"], [2, "border", "1px solid #e9ecef", "border-radius", "8px", "overflow", "hidden"], [2, "width", "100%", "border-collapse", "collapse"], [2, "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "padding", "12px", "text-align", "left", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "font-weight", "600", "color", "#495057"], [2, "padding", "12px", "text-align", "center", "font-weight", "600", "color", "#495057"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5", 3, "even-row"], [2, "margin-left", "4px", "font-size", "0.8em"], [1, "history-row", 2, "border-bottom", "1px solid #f1f3f5"], [2, "padding", "12px"], [2, "display", "flex", "align-items", "center", "gap", "6px"], [2, "padding", "12px", "color", "#495057"], [2, "padding", "12px", "text-align", "right", "color", "#495057"], [2, "padding", "12px", "text-align", "center"], [2, "padding", "4px 8px", "border-radius", "12px", "background", "#e9ecef", "color", "#495057", "font-size", "0.85em", "font-weight", "500"], ["kendoButton", "", "fillMode", "flat", "size", "small", "title", "View details", 3, "click"], [1, "fa-solid", "fa-external-link"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode"], [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, 63, 35, "form", 3)(2, AIPromptFormComponentExtended_Conditional_2_Template, 2, 12, "kendo-window", 4);
+            i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 64, 36, "form", 3)(2, AIPromptFormComponentExtended_Conditional_2_Template, 2, 12, "kendo-window", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.record);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.showTestHarness ? 2 : -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.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}"] }); }
+        } }, 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.CodeEditorComponent, i14.TemplateEditorComponent, i15.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}\n\n\n\n.parameter-card[_ngcontent-%COMP%] {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover::before {\n    width: 6px;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   .type-badge[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n\n\n.parameter-card[_ngcontent-%COMP%]   i.fa-solid[_ngcontent-%COMP%] {\n    transition: transform 0.3s;\n}\n\n.parameter-card[_ngcontent-%COMP%]:hover   i.fa-solid[_ngcontent-%COMP%] {\n    transform: rotate(360deg);\n}\n\n\n\n@media (max-width: 768px) {\n    .parameter-card[_ngcontent-%COMP%] {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%] {\n        font-size: 0.95em;\n    }\n    \n    .type-badge[_ngcontent-%COMP%] {\n        font-size: 0.7em !important;\n    }\n}"] }); }
 };
 AIPromptFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'AI Prompts')
@@ -2287,7 +2572,7 @@ 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) {\n                                <button kendoButton [themeColor]=\"'primary'\" [size]=\"'large'\"\n                                        (click)=\"openTestHarness()\"\n                                        title=\"Run AI Prompt Test Harness\">\n                                    <i class=\"fa-solid fa-play\"></i> Run\n                                </button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </button>\n                                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"linkExistingTemplate()\">\n                                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                    </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                                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </button>\n                                    <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </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                                                    <button kendoButton fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Priority explanation for multiple models -->\n                                        @if (promptModels.length > 1) {\n                                            <div style=\"padding: 12px 16px; background: #e3f2fd; border-bottom: 1px solid #bbdefb; color: #1565c0; font-size: 0.85em;\">\n                                                <i class=\"fa-solid fa-info-circle\" style=\"margin-right: 6px;\"></i>\n                                                Models are tried in priority order (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                                                            <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelUp(i)\"\n                                                                        [disabled]=\"i === 0\"\n                                                                        title=\"Move up\">\n                                                                <i class=\"fa-solid fa-chevron-up\"></i>\n                                                            </button>\n                                                            <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelDown(i)\"\n                                                                        [disabled]=\"i === promptModels.length - 1\"\n                                                                        title=\"Move down\">\n                                                                <i class=\"fa-solid fa-chevron-down\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <button kendoButton fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                    (click)=\"removePromptModel(i)\"\n                                                                    title=\"Remove model\">\n                                                            <i class=\"fa-solid fa-times\"></i>\n                                                        </button>\n                                                    }\n                                                </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                                                <button kendoButton fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </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                                                        <button kendoButton \n                                                            fillMode=\"flat\"\n                                                            size=\"small\"\n                                                            (click)=\"navigateToPromptRun(run.ID)\"\n                                                            title=\"View details\">\n                                                            <i class=\"fa-solid fa-external-link\"></i>\n                                                        </button>\n                                                    </td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-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    \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}"] }]
+        args: [{ selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\" >\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <!-- Main Content Area - Template Editor and Configuration -->\n        <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n            \n            <!-- Header Section -->\n            <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                    \n                    <!-- Left: Prompt Info -->\n                    <div style=\"flex: 1; min-width: 0;\">\n                        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                            <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                            @if (EditMode) {\n                                <kendo-textbox [(ngModel)]=\"record.Name\" \n                                              name=\"promptName\"\n                                              placeholder=\"Enter prompt name...\"\n                                              style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                </kendo-textbox>\n                            } @else {\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                                <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.Status }}\n                                </span>\n                            }\n                        </div>\n                        \n                        <!-- Status and Type Editors when in edit mode -->\n                        @if (EditMode) {\n                            <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                       name=\"promptStatus\"\n                                                       [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 150px;\">\n                                    </kendo-dropdownlist>\n                                </div>\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Type <span style=\"color: #dc3545;\">*</span>\n                                    </label>\n                                    @if (isLoadingPromptTypes) {\n                                        <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                                        </div>\n                                    } @else {\n                                        <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                                                           name=\"promptTypeID\"\n                                                           [data]=\"availablePromptTypes\"\n                                                           textField=\"Name\"\n                                                           valueField=\"ID\"\n                                                           [valuePrimitive]=\"true\"\n                                                           [filterable]=\"true\"\n                                                           placeholder=\"Select prompt type...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    }\n                                </div>\n                            </div>\n                        }\n                        \n                        @if (EditMode) {\n                            <kendo-textarea [(ngModel)]=\"record.Description\" \n                                           name=\"promptDescription\"\n                                           [rows]=\"2\"\n                                           placeholder=\"Enter prompt description...\"\n                                           style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                            </kendo-textarea>\n                        } @else if (record.Description) {\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                        }\n                        \n                        <!-- Quick Config Row -->\n                        <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                            @if (record.TypeID) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                                </div>\n                            }\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Parallelization:</span>\n                                <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                            </div>\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Output:</span>\n                                <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                            </div>\n                            \n                            @if (record.EnableCaching) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <!-- Right: Action Buttons -->\n                    <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                        <div style=\"display: flex; gap: 8px;\">\n                            @if (record.ID) {\n                                <button kendoButton [themeColor]=\"'primary'\" [size]=\"'large'\"\n                                        (click)=\"openTestHarness()\"\n                                        title=\"Run AI Prompt Test Harness\">\n                                    <i class=\"fa-solid fa-play\"></i> Run\n                                </button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </button>\n                                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"linkExistingTemplate()\">\n                                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                    </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                                    <button kendoButton [fillMode]=\"'outline'\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </button>\n                                    <button kendoButton [themeColor]=\"'primary'\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </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                <!-- Template Parameters Expansion Panel -->\n                @if (template && templateParams.length > 0) {\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-sliders\" style=\"color: #6c757d;\"></i>\n                                Template Parameters\n                                <span class=\"badge\" style=\"background: #6f42c1; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                    {{ templateParams.length }}\n                                </span>\n                                <span style=\"color: #6c757d; font-size: 0.8em; font-weight: normal; margin-left: 8px;\">\n                                    <i class=\"fa-solid fa-info-circle\" title=\"These parameters are defined in the template and will be available when executing this prompt\"></i>\n                                    Parameters defined in the template\n                                </span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Template Parameters Display -->\n                        <div style=\"padding: 16px 0;\">\n                            @if (isLoadingTemplateParams) {\n                                <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading template parameters...\n                                </div>\n                            } @else if (templateParams.length === 0) {\n                                <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> This template has no parameters defined\n                                </div>\n                            } @else {\n                                <!-- Parameters Grid -->\n                                <div style=\"display: grid; gap: 12px;\">\n                                    @for (param of templateParams; track param.ID) {\n                                        <div class=\"parameter-card\" \n                                             style=\"border: 1px solid #e9ecef; border-radius: 8px; padding: 16px; background: #f8f9fa; transition: all 0.2s;\"\n                                             [style.border-left]=\"'4px solid ' + getParamTypeColor(param.Type)\">\n                                            \n                                            <!-- Parameter Header -->\n                                            <div style=\"display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8px;\">\n                                                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                                                    <i [class]=\"'fa-solid ' + getParamTypeIcon(param.Type)\" \n                                                       [style.color]=\"getParamTypeColor(param.Type)\"\n                                                       style=\"font-size: 1.2em;\"></i>\n                                                    <h6 style=\"margin: 0; color: #495057; font-weight: 600;\">\n                                                        {{ param.Name }}\n                                                        @if (param.IsRequired) {\n                                                            <span style=\"color: #dc3545; font-size: 0.9em; margin-left: 4px;\">*</span>\n                                                        }\n                                                    </h6>\n                                                </div>\n                                                <div style=\"display: flex; align-items: center; gap: 8px;\">\n                                                    <span class=\"type-badge\" \n                                                          [style.background-color]=\"getParamTypeColor(param.Type)\"\n                                                          style=\"color: white; padding: 4px 8px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                                        {{ param.Type }}\n                                                    </span>\n                                                    @if (param.IsRequired) {\n                                                        <span style=\"color: #dc3545; font-size: 0.85em; font-weight: 500;\">Required</span>\n                                                    } @else {\n                                                        <span style=\"color: #6c757d; font-size: 0.85em;\">Optional</span>\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Parameter Description -->\n                                            @if (param.Description) {\n                                                <p style=\"margin: 0 0 8px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">\n                                                    {{ param.Description }}\n                                                </p>\n                                            }\n                                            \n                                            <!-- Type-specific Information -->\n                                            <div style=\"font-size: 0.85em; color: #495057;\">\n                                                <span style=\"display: flex; align-items: center; gap: 4px; margin-bottom: 4px;\">\n                                                    <i class=\"fa-solid fa-info-circle\" style=\"color: #6c757d;\"></i>\n                                                    {{ getParamTypeDescription(param) }}\n                                                </span>\n                                            </div>\n                                            \n                                            <!-- Additional Parameter Details -->\n                                            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-top: 12px;\">\n                                                @if (param.DefaultValue) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Default Value</label>\n                                                        <code style=\"font-size: 0.85em; color: #495057; word-break: break-all;\">{{ param.DefaultValue }}</code>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.EntityID) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Entity</label>\n                                                        <span style=\"font-size: 0.85em; color: #495057;\">{{ param.Entity || 'Entity ID: ' + param.EntityID }}</span>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.LinkedParameterName) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Linked To</label>\n                                                        <span style=\"font-size: 0.85em; color: #495057;\">\n                                                            {{ param.LinkedParameterName }}\n                                                            @if (param.LinkedParameterField) {\n                                                                ({{ param.LinkedParameterField }})\n                                                            }\n                                                        </span>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.ExtraFilter) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Filter</label>\n                                                        <code style=\"font-size: 0.8em; color: #495057; word-break: break-all;\">{{ param.ExtraFilter }}</code>\n                                                    </div>\n                                                }\n                                                \n                                                @if (param.RecordID) {\n                                                    <div style=\"background: white; padding: 8px 12px; border-radius: 4px; border: 1px solid #dee2e6;\">\n                                                        <label style=\"display: block; font-size: 0.8em; color: #6c757d; margin-bottom: 2px;\">Record ID</label>\n                                                        <code style=\"font-size: 0.85em; color: #495057;\">{{ param.RecordID }}</code>\n                                                    </div>\n                                                }\n                                            </div>\n                                        </div>\n                                    }\n                                </div>\n                                \n                                <!-- Help Text -->\n                                <div style=\"margin-top: 16px; padding: 12px; background: #e3f2fd; border-radius: 6px; border: 1px solid #bbdefb;\">\n                                    <div style=\"display: flex; align-items: flex-start; gap: 8px;\">\n                                        <i class=\"fa-solid fa-lightbulb\" style=\"color: #1976d2; margin-top: 2px;\"></i>\n                                        <div style=\"flex: 1; font-size: 0.85em; color: #1565c0; line-height: 1.5;\">\n                                            <strong>Using Template Parameters:</strong> When executing this prompt, you'll be prompted to provide values for all required parameters. \n                                            Parameters can be simple values (text, numbers) or complex data structures (JSON objects, database records, or entire entity collections).\n                                            The template will use these parameters to generate dynamic content based on the values provided at execution time.\n                                        </div>\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- 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                                                    <button kendoButton fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Priority explanation for multiple models -->\n                                        @if (promptModels.length > 1) {\n                                            <div style=\"padding: 12px 16px; background: #e3f2fd; border-bottom: 1px solid #bbdefb; color: #1565c0; font-size: 0.85em;\">\n                                                <i class=\"fa-solid fa-info-circle\" style=\"margin-right: 6px;\"></i>\n                                                Models are tried in priority order (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                                                            <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelUp(i)\"\n                                                                        [disabled]=\"i === 0\"\n                                                                        title=\"Move up\">\n                                                                <i class=\"fa-solid fa-chevron-up\"></i>\n                                                            </button>\n                                                            <button kendoButton fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelDown(i)\"\n                                                                        [disabled]=\"i === promptModels.length - 1\"\n                                                                        title=\"Move down\">\n                                                                <i class=\"fa-solid fa-chevron-down\"></i>\n                                                            </button>\n                                                        </div>\n                                                        <button kendoButton fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                    (click)=\"removePromptModel(i)\"\n                                                                    title=\"Remove model\">\n                                                            <i class=\"fa-solid fa-times\"></i>\n                                                        </button>\n                                                    }\n                                                </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                                                <button kendoButton fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </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                                                        <button kendoButton \n                                                            fillMode=\"flat\"\n                                                            size=\"small\"\n                                                            (click)=\"navigateToPromptRun(run.ID)\"\n                                                            title=\"View details\">\n                                                            <i class=\"fa-solid fa-external-link\"></i>\n                                                        </button>\n                                                    </td>\n                                                </tr>\n                                            }\n                                        </tbody>\n                                    </table>\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \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                                        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                                        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    \n    <!-- AI Prompt Test Harness -->\n    @if (showTestHarness) {\n        <kendo-window \n            [width]=\"1200\" \n            [height]=\"800\" \n            [minWidth]=\"800\"\n            [minHeight]=\"600\"\n            [draggable]=\"true\"\n            [resizable]=\"true\"\n            [state]=\"'default'\"\n            (close)=\"onTestHarnessVisibilityChanged(false)\"\n            title=\"Run AI Prompt - {{ record.Name || 'Untitled' }}\">\n            <mj-ai-test-harness\n                [entity]=\"record\"\n                [mode]=\"'prompt'\"\n                [isVisible]=\"showTestHarness\"\n                (visibilityChange)=\"onTestHarnessVisibilityChanged($event)\">\n            </mj-ai-test-harness>\n        </kendo-window>\n    }\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}\n\n/* Execution History Table Styles */\n.history-row {\n    transition: background 0.2s;\n}\n\n.history-row:not(.even-row) {\n    background: #f8f9fa;\n}\n\n.history-row.even-row {\n    background: white;\n}\n\n.history-row:hover {\n    background: #e9ecef !important;\n}\n\n/* Template Parameters Styles */\n.parameter-card {\n    position: relative;\n    overflow: hidden;\n}\n\n.parameter-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    width: 4px;\n    background: inherit;\n    transition: width 0.2s;\n}\n\n.parameter-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.parameter-card:hover::before {\n    width: 6px;\n}\n\n.type-badge {\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.03em;\n    transition: transform 0.2s;\n}\n\n.parameter-card:hover .type-badge {\n    transform: scale(1.05);\n}\n\n/* Parameter type icons animation */\n.parameter-card i.fa-solid {\n    transition: transform 0.3s;\n}\n\n.parameter-card:hover i.fa-solid {\n    transform: rotate(360deg);\n}\n\n/* Grid responsive behavior */\n@media (max-width: 768px) {\n    .parameter-card {\n        margin-bottom: 8px;\n    }\n    \n    .parameter-card h6 {\n        font-size: 0.95em;\n    }\n    \n    .type-badge {\n        font-size: 0.7em !important;\n    }\n}"] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], { templateEditor: [{
             type: ViewChild,
             args: ['templateEditor']