@memberjunction/ng-core-entity-forms 2.43.0 → 2.44.0

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

@@ -0,0 +1,1863 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, ViewChild } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { Metadata, RunView } from '@memberjunction/core';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { AIPromptFormComponent } from '../../generated/Entities/AIPrompt/aiprompt.form.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-layout";
+import * as i4 from "@progress/kendo-angular-inputs";
+import * as i5 from "@progress/kendo-angular-dropdowns";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@memberjunction/ng-user-view-grid";
+import * as i8 from "@memberjunction/ng-base-forms";
+import * as i9 from "@memberjunction/ng-form-toolbar";
+import * as i10 from "@memberjunction/ng-container-directives";
+import * as i11 from "@memberjunction/ng-code-editor";
+import * as i12 from "../../shared/components/template-editor.component";
+import * as i13 from "./ai-prompt-execution-dialog.component";
+const _c0 = ["templateEditor"];
+const _forTrack0 = ($index, $item) => $item.ID || $index;
+const _c1 = () => ({ text: "Active", value: "Active" });
+const _c2 = () => ({ text: "Pending", value: "Pending" });
+const _c3 = () => ({ text: "Disabled", value: "Disabled" });
+const _c4 = (a0, a1, a2) => [a0, a1, a2];
+const _c5 = () => ({ text: "None", value: "None" });
+const _c6 = () => ({ text: "Static Count", value: "StaticCount" });
+const _c7 = () => ({ text: "Config Param", value: "ConfigParam" });
+function AIPromptFormComponentExtended_form_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-textbox", 49);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_9_Template_kendo_textbox_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Name, $event) || (ctx_r1.record.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Name);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h4", 50);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 51);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.Name || "Untitled AI Prompt");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", ctx_r1.getStatusBadgeColor());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Status, " ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵtext(2, " Loading types... ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 57);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.TypeID, $event) || (ctx_r1.record.TypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.TypeID);
+    i0.ɵɵproperty("data", ctx_r1.availablePromptTypes)("valuePrimitive", true)("filterable", true);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14)(1, "div")(2, "label", 47);
+    i0.ɵɵtext(3, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 52);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_11_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Status, $event) || (ctx_r1.record.Status = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div")(6, "label", 47);
+    i0.ɵɵtext(7, " Type ");
+    i0.ɵɵelementStart(8, "span", 53);
+    i0.ɵɵtext(9, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(10, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_10_Template, 3, 0, "div", 54)(11, AIPromptFormComponentExtended_form_1_Conditional_11_Conditional_11_Template, 1, 4, "kendo-dropdownlist", 55);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Status);
+    i0.ɵɵproperty("data", i0.ɵɵpureFunction3(7, _c4, i0.ɵɵpureFunction0(4, _c1), i0.ɵɵpureFunction0(5, _c2), i0.ɵɵpureFunction0(6, _c3)))("valuePrimitive", true);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r1.isLoadingPromptTypes ? 10 : 11);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-textarea", 58);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_12_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.record.Description, $event) || (ctx_r1.record.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.Description);
+    i0.ɵɵproperty("rows", 2);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.Description);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 59);
+    i0.ɵɵelementStart(2, "span", 20);
+    i0.ɵɵtext(3, "Type:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 21);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.getPromptTypeDisplayName(ctx_r1.record.TypeID));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵelementStart(2, "span", 61);
+    i0.ɵɵtext(3, "Caching Enabled");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-button", 62);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_31_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.executeAIPrompt()); });
+    i0.ɵɵelement(1, "i", 63);
+    i0.ɵɵtext(2, " Execute Prompt ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-button", 27);
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵtext(2, " Cannot Execute ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("disabled", true);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-button", 28);
+    i0.ɵɵelement(1, "i", 65);
+    i0.ɵɵtext(2, " History ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " \u2022 Prompt must be Active");
+    i0.ɵɵelement(1, "br");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " \u2022 Template is required");
+    i0.ɵɵelement(1, "br");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " \u2022 Template not found");
+    i0.ɵɵelement(1, "br");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_1_Template, 2, 0, "br")(2, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_2_Template, 2, 0, "br")(3, AIPromptFormComponentExtended_form_1_Conditional_34_Conditional_3_Template, 2, 0, "br");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.Status !== "Active" ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.record.TemplateID ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.template && ctx_r1.record.TemplateID ? 3 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_ng_template_37_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("\u2022 ", ctx_r1.template.Name, "");
+} }
+function AIPromptFormComponentExtended_form_1_ng_template_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵtext(2, " Template Editor ");
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_ng_template_37_Conditional_3_Template, 2, 1, "span", 67);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.template ? 3 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵtext(2, " Loading template... ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "i", 69);
+    i0.ɵɵelementStart(2, "h5", 70);
+    i0.ɵɵtext(3, "No Template Associated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 71);
+    i0.ɵɵtext(5, " This AI prompt needs a template to define its structure and parameters. Create a new template or link to an existing one. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 72)(7, "kendo-button", 73);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(8, "i", 74);
+    i0.ɵɵtext(9, " Create New Template ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-button", 75);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_40_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.linkExistingTemplate()); });
+    i0.ɵɵelement(11, "i", 76);
+    i0.ɵɵtext(12, " Link Existing Template ");
+    i0.ɵɵelementEnd()()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "i", 77);
+    i0.ɵɵelementStart(2, "h5", 78);
+    i0.ɵɵtext(3, "Template Not Found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 71);
+    i0.ɵɵtext(5, " The referenced template could not be loaded. It may have been deleted or moved. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 72)(7, "kendo-button", 75);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Template_kendo_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.loadTemplate()); });
+    i0.ɵɵelement(8, "i", 79);
+    i0.ɵɵtext(9, " Retry Loading ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kendo-button", 73);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_41_Template_kendo_button_click_10_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.createNewTemplate()); });
+    i0.ɵɵelement(11, "i", 74);
+    i0.ɵɵtext(12, " Create New Template ");
+    i0.ɵɵelementEnd()()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 80)(2, "mj-template-editor", 81, 1);
+    i0.ɵɵlistener("contentChange", function AIPromptFormComponentExtended_form_1_Conditional_42_Template_mj_template_editor_contentChange_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateContentChange($event)); })("runTemplate", function AIPromptFormComponentExtended_form_1_Conditional_42_Template_mj_template_editor_runTemplate_2_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTemplateRun($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("template", ctx_r1.template)("config", ctx_r1.templateEditorConfig);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 85);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.promptModels.length, " ");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 84);
+    i0.ɵɵtext(2, " Models ");
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Conditional_3_Template, 2, 1, "span", 85);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.promptModels.length > 0 ? 3 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵtext(2, " Loading models... ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 88)(1, "kendo-button", 89);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 74);
+    i0.ɵɵtext(3, " Add Model ");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86);
+    i0.ɵɵelement(1, "i", 87);
+    i0.ɵɵtext(2, " No models configured ");
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Conditional_3_Template, 4, 0, "div", 88);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 3 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 94);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 95);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_278_r11 = i0.ɵɵnextContext().$index;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ɵ$index_278_r11 + 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 106);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const model_r13 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ModelID, $event) || (model_r13.ModelID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template_kendo_dropdownlist_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.onModelChange($event, ɵ$index_278_r11)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext();
+    const model_r13 = ctx_r13.$implicit;
+    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵtwoWayProperty("ngModel", model_r13.ModelID);
+    i0.ɵɵproperty("name", "modelId_" + ɵ$index_278_r11)("data", ctx_r1.availableModels)("valuePrimitive", true)("filterable", true);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.getModelDisplayName(model_r13.ModelID));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r16 = i0.ɵɵnextContext().$implicit;
+    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, dataItem_r16.ID), ")");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r16 = ctx.$implicit;
+    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, dataItem_r16.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", dataItem_r16.Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, dataItem_r16.ID) !== "Active" ? 2 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdownlist", 109);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template_kendo_dropdownlist_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r15); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.VendorID, $event) || (model_r13.VendorID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_ng_template_1_Template, 3, 4, "ng-template", 110);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(3);
+    const model_r13 = ctx_r13.$implicit;
+    const ɵ$index_278_r11 = ctx_r13.$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵtwoWayProperty("ngModel", model_r13.VendorID);
+    i0.ɵɵproperty("name", "vendorId_" + ɵ$index_278_r11)("data", ctx_r1.getVendorsForModelSync(model_r13.ModelID))("valuePrimitive", true)("filterable", true);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(5).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID), ")");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 113);
+    i0.ɵɵtext(1);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(4).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].Name, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, ctx_r1.getVendorsForModelSync(model_r13.ModelID)[0].ID) !== "Active" ? 2 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 107);
+    i0.ɵɵtext(1, "No vendors available");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_0_Template, 3, 4, "span", 112)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Conditional_1_Template, 2, 0, "span", 107);
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵconditional(ctx_r1.getVendorsForModelSync(model_r13.ModelID).length === 1 ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_0_Template, 2, 5, "kendo-dropdownlist", 108)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Conditional_1_Template, 2, 1);
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵconditional(ctx_r1.shouldShowVendorDropdown(model_r13.ModelID) ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 107);
+    i0.ɵɵtext(1, "Select model first");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_0_Template, 2, 1)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Conditional_1_Template, 2, 0, "span", 107);
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r13.ModelID ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 111);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r1.getModelVendorStatus(model_r13.ModelID, model_r13.VendorID), ")");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 116);
+    i0.ɵɵtext(1);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Conditional_2_Template, 2, 1, "span", 111);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleProp("color", ctx_r1.getVendorStatusColor(model_r13.ModelID, model_r13.VendorID));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getVendorDisplayName(model_r13.VendorID), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.getModelVendorStatus(model_r13.ModelID, model_r13.VendorID) !== "Active" ? 2 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
+    i0.ɵɵtext(1, "-");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_0_Template, 3, 4, "span", 114)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Conditional_1_Template, 2, 0, "span", 115);
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(model_r13.VendorID && model_r13.ModelID ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 100);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, model_r13.__mj_CreatedAt, "short"));
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 101);
+    i0.ɵɵtext(1, "New");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 117)(1, "kendo-button", 118);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelUp(ɵ$index_278_r11)); });
+    i0.ɵɵelement(2, "i", 119);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-button", 120);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.moveModelDown(ɵ$index_278_r11)); });
+    i0.ɵɵelement(4, "i", 121);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "kendo-button", 122);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r17); const ɵ$index_278_r11 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.removePromptModel(ɵ$index_278_r11)); });
+    i0.ɵɵelement(6, "i", 123);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_278_r11 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ɵ$index_278_r11 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_278_r11 === ctx_r1.promptModels.length - 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "Status:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", model_r13.Status, "");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "Configuration:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", model_r13.ConfigurationID, "");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 128);
+    i0.ɵɵtext(2, "Parallel Count");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-numerictextbox", 130);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template_kendo_numerictextbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r19); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelCount, $event) || (model_r13.ParallelCount = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(3);
+    const model_r13 = ctx_r13.$implicit;
+    const ɵ$index_278_r11 = ctx_r13.$index;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelCount);
+    i0.ɵɵproperty("name", "parallelCount_" + ɵ$index_278_r11)("min", 1)("step", 1)("format", "n0");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "label", 128);
+    i0.ɵɵtext(2, "Config Parameter");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "kendo-textbox", 131);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const model_r13 = i0.ɵɵnextContext(3).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelConfigParam, $event) || (model_r13.ParallelConfigParam = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(3);
+    const model_r13 = ctx_r13.$implicit;
+    const ɵ$index_278_r11 = ctx_r13.$index;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelConfigParam);
+    i0.ɵɵproperty("name", "parallelConfigParam_" + ɵ$index_278_r11);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 126)(1, "div")(2, "label", 128);
+    i0.ɵɵtext(3, "Parallel Mode");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "kendo-dropdownlist", 129);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template_kendo_dropdownlist_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r18); const model_r13 = i0.ɵɵnextContext(2).$implicit; i0.ɵɵtwoWayBindingSet(model_r13.ParallelizationMode, $event) || (model_r13.ParallelizationMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_5_Template, 4, 5, "div")(6, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Conditional_6_Template, 4, 2, "div");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r13 = i0.ɵɵnextContext(2);
+    const model_r13 = ctx_r13.$implicit;
+    const ɵ$index_278_r11 = ctx_r13.$index;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", model_r13.ParallelizationMode);
+    i0.ɵɵproperty("name", "parallelMode_" + ɵ$index_278_r11)("data", i0.ɵɵpureFunction3(9, _c4, i0.ɵɵpureFunction0(6, _c5), i0.ɵɵpureFunction0(7, _c6), i0.ɵɵpureFunction0(8, _c7)))("valuePrimitive", true);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ParallelizationMode === "StaticCount" ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ParallelizationMode === "ConfigParam" ? 6 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "Parallel Mode:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelizationMode, "");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "Parallel Count:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelCount, "");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span")(1, "strong");
+    i0.ɵɵtext(2, "Config Param:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", model_r13.ParallelConfigParam, "");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 127);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_1_Template, 4, 1, "span")(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_2_Template, 4, 1, "span")(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Conditional_3_Template, 4, 1, "span");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const model_r13 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ParallelizationMode ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ParallelCount ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ParallelConfigParam ? 3 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105)(1, "div", 124);
+    i0.ɵɵelement(2, "i", 125);
+    i0.ɵɵtext(3, " Model-Specific Parallel Execution ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_4_Template, 7, 13, "div", 126)(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Conditional_5_Template, 4, 3, "div", 127);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 4 : 5);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92)(1, "div", 93);
+    i0.ɵɵtemplate(2, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_2_Template, 1, 0, "i", 94)(3, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_3_Template, 2, 1, "span", 95);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 96);
+    i0.ɵɵtemplate(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_5_Template, 1, 5, "kendo-dropdownlist", 97)(6, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_6_Template, 2, 1, "span", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 98);
+    i0.ɵɵtemplate(8, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_8_Template, 2, 1)(9, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_9_Template, 2, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 99);
+    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_11_Template, 3, 4, "span", 100)(12, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_12_Template, 2, 0, "span", 101);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 102);
+    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_14_Template, 7, 2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 103);
+    i0.ɵɵelement(16, "div");
+    i0.ɵɵelementStart(17, "div")(18, "div", 104);
+    i0.ɵɵtemplate(19, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_19_Template, 4, 1, "span")(20, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_20_Template, 4, 1, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(21, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Conditional_21_Template, 6, 1, "div", 105);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const model_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵstyleProp("background", !model_r13.ModelID ? "#fff3cd" : "white")("border-left", !model_r13.ModelID ? "3px solid #ffc107" : "none");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 2 : 3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 5 : 6);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 8 : 9);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(model_r13.ID ? 11 : 12);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 14 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(model_r13.Status ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(model_r13.ConfigurationID ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.ParallelizationMode === "ModelSpecific" ? 21 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 91)(1, "kendo-button", 132);
+    i0.ɵɵlistener("click", function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.addNewModel()); });
+    i0.ɵɵelement(2, "i", 74);
+    i0.ɵɵtext(3, " Add Model ");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵelement(1, "div");
+    i0.ɵɵelementStart(2, "div");
+    i0.ɵɵtext(3, "AI Model ");
+    i0.ɵɵelementStart(4, "span", 53);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵtext(7, "Vendor");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div");
+    i0.ɵɵtext(9, "Created");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div");
+    i0.ɵɵtext(11, "Actions");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(12, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_For_13_Template, 22, 12, null, null, _forTrack0);
+    i0.ɵɵtemplate(14, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Conditional_14_Template, 4, 0, "div", 91);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r1.promptModels);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 14 : -1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_0_Template, 4, 1, "div", 86)(1, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Conditional_1_Template, 15, 1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r1.promptModels.length === 0 ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_43_ng_template_1_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 38)(3, "div", 82);
+    i0.ɵɵtemplate(4, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_4_Template, 3, 0, "div", 83)(5, AIPromptFormComponentExtended_form_1_Conditional_43_Conditional_5_Template, 2, 1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.isLoadingModels ? 4 : 5);
+} }
+function AIPromptFormComponentExtended_form_1_ng_template_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 133);
+    i0.ɵɵtext(2, " Advanced Configuration ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 41);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-form-field", 42);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 134);
+    i0.ɵɵelement(1, "i", 56);
+    i0.ɵɵtext(2, " Loading prompts... ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dropdowntree", 136);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template_kendo_dropdowntree_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.ResultSelectorPromptID, $event) || (ctx_r1.record.ResultSelectorPromptID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template_kendo_dropdowntree_valueChange_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onResultSelectorChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.ResultSelectorPromptID);
+    i0.ɵɵproperty("data", ctx_r1.resultSelectorTreeData)("valuePrimitive", true)("filterable", true);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_0_Template, 3, 0, "div", 134)(1, AIPromptFormComponentExtended_form_1_Conditional_59_Conditional_1_Template, 1, 4, "kendo-dropdowntree", 135);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.isLoadingResultSelectorData ? 0 : 1);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.getPromptDisplayName(ctx_r1.record.ResultSelectorPromptID || "") || "None selected");
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵtext(2, " Output Example (JSON) ");
+    i0.ɵɵelementStart(3, "span", 140);
+    i0.ɵɵtext(4, "\u2022 Required for object output type");
+    i0.ɵɵelementEnd()();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 141);
+    i0.ɵɵtwoWayListener("ngModelChange", function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.record.OutputExample, $event) || (ctx_r1.record.OutputExample = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 142);
+    i0.ɵɵelement(2, "i", 87);
+    i0.ɵɵtext(3, " Provide a JSON example that defines the expected structure for object output validation. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.record.OutputExample);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 138);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.OutputExample);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵtext(2, " Output example is required when output type is 'object' ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_61_ng_template_1_Template, 5, 0, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 137);
+    i0.ɵɵtemplate(3, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_3_Template, 4, 1)(4, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_4_Template, 2, 1, "div", 138)(5, AIPromptFormComponentExtended_form_1_Conditional_61_Conditional_5_Template, 3, 0, "div", 139);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 3 : ctx_r1.record.OutputExample ? 4 : 5);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 144);
+    i0.ɵɵtext(2, " Execution History ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_62_ng_template_1_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 38);
+    i0.ɵɵelement(3, "mj-user-view-grid", 143);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Params", ctx_r1.BuildRelationshipViewParamsByEntityName("MJ: AI Prompt Runs", "PromptID"))("NewRecordValues", ctx_r1.NewRecordValues("MJ: AI Prompt Runs"))("AllowLoad", true)("EditMode", ctx_r1.GridEditMode())("BottomMargin", 0);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 145);
+    i0.ɵɵtext(2, " Result Cache ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_63_ng_template_1_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 38);
+    i0.ɵɵelement(3, "mj-user-view-grid", 143);
+    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);
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_64_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 148);
+    i0.ɵɵtext(2, " Related Items ");
+    i0.ɵɵelementEnd();
+} }
+function AIPromptFormComponentExtended_form_1_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Conditional_64_ng_template_1_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(2, "div", 38)(3, "div", 39)(4, "div")(5, "h6", 146);
+    i0.ɵɵtext(6, "AI Agents Using This Prompt");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(7, "mj-user-view-grid", 147);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div")(9, "h6", 146);
+    i0.ɵɵtext(10, "Prompts Using This as Result Selector");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(11, "mj-user-view-grid", 147);
+    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.ɵɵ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);
+} }
+function AIPromptFormComponentExtended_form_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "form", 5, 0);
+    i0.ɵɵelement(2, "mj-form-toolbar", 6);
+    i0.ɵɵelementStart(3, "div", 7)(4, "div", 8)(5, "div", 9)(6, "div", 10)(7, "div", 11);
+    i0.ɵɵelement(8, "i", 12);
+    i0.ɵɵtemplate(9, AIPromptFormComponentExtended_form_1_Conditional_9_Template, 1, 1, "kendo-textbox", 13)(10, AIPromptFormComponentExtended_form_1_Conditional_10_Template, 4, 4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(11, AIPromptFormComponentExtended_form_1_Conditional_11_Template, 12, 11, "div", 14)(12, AIPromptFormComponentExtended_form_1_Conditional_12_Template, 1, 2, "kendo-textarea", 15)(13, AIPromptFormComponentExtended_form_1_Conditional_13_Template, 2, 1, "p", 16);
+    i0.ɵɵelementStart(14, "div", 17);
+    i0.ɵɵtemplate(15, AIPromptFormComponentExtended_form_1_Conditional_15_Template, 6, 1, "div", 18);
+    i0.ɵɵelementStart(16, "div", 18);
+    i0.ɵɵelement(17, "i", 19);
+    i0.ɵɵelementStart(18, "span", 20);
+    i0.ɵɵtext(19, "Parallelization:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "span", 21);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 18);
+    i0.ɵɵelement(23, "i", 22);
+    i0.ɵɵelementStart(24, "span", 20);
+    i0.ɵɵtext(25, "Output:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "span", 23);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(28, AIPromptFormComponentExtended_form_1_Conditional_28_Template, 4, 0, "div", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "div", 24)(30, "div", 25);
+    i0.ɵɵtemplate(31, AIPromptFormComponentExtended_form_1_Conditional_31_Template, 3, 0, "kendo-button", 26)(32, AIPromptFormComponentExtended_form_1_Conditional_32_Template, 3, 1, "kendo-button", 27)(33, AIPromptFormComponentExtended_form_1_Conditional_33_Template, 3, 0, "kendo-button", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(34, AIPromptFormComponentExtended_form_1_Conditional_34_Template, 4, 3, "div", 29);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(35, "div", 30)(36, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(37, AIPromptFormComponentExtended_form_1_ng_template_37_Template, 4, 1, "ng-template", 32);
+    i0.ɵɵelementStart(38, "div", 33);
+    i0.ɵɵtemplate(39, AIPromptFormComponentExtended_form_1_Conditional_39_Template, 3, 0, "div", 34)(40, AIPromptFormComponentExtended_form_1_Conditional_40_Template, 13, 0, "div", 35)(41, AIPromptFormComponentExtended_form_1_Conditional_41_Template, 13, 0, "div", 36)(42, AIPromptFormComponentExtended_form_1_Conditional_42_Template, 4, 2, "div", 37);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(43, AIPromptFormComponentExtended_form_1_Conditional_43_Template, 6, 2, "kendo-expansionpanel", 31);
+    i0.ɵɵelementStart(44, "kendo-expansionpanel", 31);
+    i0.ɵɵtemplate(45, AIPromptFormComponentExtended_form_1_ng_template_45_Template, 3, 0, "ng-template", 32);
+    i0.ɵɵelementStart(46, "div", 38)(47, "div", 39)(48, "div");
+    i0.ɵɵelement(49, "mj-form-field", 40);
+    i0.ɵɵtemplate(50, AIPromptFormComponentExtended_form_1_Conditional_50_Template, 1, 3, "mj-form-field", 41)(51, AIPromptFormComponentExtended_form_1_Conditional_51_Template, 1, 3, "mj-form-field", 42);
+    i0.ɵɵelement(52, "mj-form-field", 43);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "div");
+    i0.ɵɵelement(54, "mj-form-field", 44)(55, "mj-form-field", 45);
+    i0.ɵɵelementStart(56, "div", 46)(57, "label", 47);
+    i0.ɵɵtext(58, " Result Selector Prompt ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(59, AIPromptFormComponentExtended_form_1_Conditional_59_Template, 2, 1)(60, AIPromptFormComponentExtended_form_1_Conditional_60_Template, 2, 1, "span", 48);
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵtemplate(61, AIPromptFormComponentExtended_form_1_Conditional_61_Template, 6, 2, "kendo-expansionpanel", 31)(62, AIPromptFormComponentExtended_form_1_Conditional_62_Template, 4, 6, "kendo-expansionpanel", 31)(63, AIPromptFormComponentExtended_form_1_Conditional_63_Template, 4, 6, "kendo-expansionpanel", 31)(64, AIPromptFormComponentExtended_form_1_Conditional_64_Template, 12, 11, "kendo-expansionpanel", 31);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("form", ctx_r1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 9 : 10);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.EditMode ? 12 : ctx_r1.record.Description ? 13 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.TypeID ? 15 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.getParallelizationModeDisplay());
+    i0.ɵɵadvance(5);
+    i0.ɵɵstyleProp("color", ctx_r1.getValidationColor());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.getOutputTypeDisplay());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.EnableCaching ? 28 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.record.ID && ctx_r1.canExecute ? 31 : ctx_r1.record.ID && !ctx_r1.canExecute ? 32 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.record.ID ? 33 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.canExecute && ctx_r1.record.ID ? 34 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("expanded", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.isLoadingTemplate ? 39 : !ctx_r1.record.TemplateID ? 40 : !ctx_r1.template ? 41 : 42);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 43 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("expanded", false);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showParallelCount ? 50 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showParallelConfigParam ? 51 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.EditMode ? 59 : 60);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.showOutputExample ? 61 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 62 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.record.EnableCaching ? 63 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.record.IsSaved ? 64 : -1);
+} }
+let AIPromptFormComponentExtended = class AIPromptFormComponentExtended extends AIPromptFormComponent {
+    constructor() {
+        super(...arguments);
+        this.template = null;
+        this.isLoadingTemplate = false;
+        this.showExecutionDialog = false;
+        // Model management
+        this.promptModels = [];
+        this.availableModels = [];
+        this.availableVendors = [];
+        this.isLoadingModels = false;
+        // Vendor management per model
+        this.modelVendorsMap = new Map();
+        // AI Prompt Types
+        this.availablePromptTypes = [];
+        this.isLoadingPromptTypes = false;
+        // Result Selector Tree Data
+        this.resultSelectorTreeData = [];
+        this.isLoadingResultSelectorData = false;
+        this._metadata = new Metadata();
+    }
+    // Template editor configuration
+    get templateEditorConfig() {
+        return {
+            allowEdit: this.EditMode,
+            showRunButton: false,
+            compactMode: false
+        };
+    }
+    ngOnInit() {
+        const _super = Object.create(null, {
+            ngOnInit: { get: () => super.ngOnInit }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            yield _super.ngOnInit.call(this);
+            // Load template when record changes
+            if ((_a = this.record) === null || _a === void 0 ? void 0 : _a.TemplateID) {
+                this.loadTemplate();
+            }
+            // Load available models, vendors, prompt types, prompt models, and result selector data
+            yield Promise.all([
+                this.loadAvailableModels(),
+                this.loadAvailableVendors(),
+                this.loadAvailablePromptTypes(),
+                this.loadPromptModels(),
+                this.loadResultSelectorTreeData()
+            ]);
+            // Set defaults for new records
+            if (!this.record.IsSaved) {
+                // Default to first prompt type if not set
+                if (!this.record.TypeID && this.availablePromptTypes.length > 0) {
+                    this.record.TypeID = this.availablePromptTypes[0].ID;
+                }
+                // Default status to Pending if not set
+                if (!this.record.Status) {
+                    this.record.Status = 'Pending';
+                }
+            }
+        });
+    }
+    /**
+     * Loads the template associated with this AI prompt
+     */
+    loadTemplate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.TemplateID)) {
+                this.template = null;
+                return;
+            }
+            this.isLoadingTemplate = true;
+            try {
+                this.template = yield this._metadata.GetEntityObject('Templates');
+                yield this.template.Load(this.record.TemplateID);
+                if (!this.template.IsSaved) {
+                    this.template = null;
+                    console.warn(`Template with ID ${this.record.TemplateID} not found`);
+                }
+            }
+            catch (error) {
+                console.error('Error loading template:', error);
+                this.template = null;
+                MJNotificationService.Instance.CreateSimpleNotification('Error loading associated template', 'error', 5000);
+            }
+            finally {
+                this.isLoadingTemplate = false;
+            }
+        });
+    }
+    /**
+     * Handles template ID changes in the form
+     */
+    onTemplateIdChange() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if ((_a = this.record) === null || _a === void 0 ? void 0 : _a.TemplateID) {
+                yield this.loadTemplate();
+            }
+            else {
+                this.template = null;
+            }
+        });
+    }
+    /**
+     * Opens a dialog to link an existing template
+     */
+    linkExistingTemplate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            // TODO: Implement template selection dialog
+            MJNotificationService.Instance.CreateSimpleNotification('Template linking functionality coming soon', 'info', 3000);
+        });
+    }
+    /**
+     * Opens the current template in a new window
+     */
+    openTemplateInNewWindow() {
+        var _a;
+        if (!((_a = this.template) === null || _a === void 0 ? void 0 : _a.ID))
+            return;
+        // TODO: Get the proper URL for template editing
+        const templateUrl = `/templates/${this.template.ID}`;
+        window.open(templateUrl, '_blank');
+    }
+    /**
+     * Creates a new template for this AI prompt
+     */
+    createNewTemplate() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            try {
+                const newTemplate = yield this._metadata.GetEntityObject('Templates');
+                newTemplate.NewRecord();
+                newTemplate.Name = `${this.record.Name || 'AI Prompt'} Template`;
+                newTemplate.Description = `Template for AI Prompt: ${this.record.Name}`;
+                newTemplate.UserID = this._metadata.CurrentUser.ID;
+                const saveResult = yield newTemplate.Save();
+                if (!saveResult) {
+                    const errorMessage = ((_a = newTemplate.LatestResult) === null || _a === void 0 ? void 0 : _a.Message) || ((_b = newTemplate.LatestResult) === null || _b === void 0 ? void 0 : _b.Errors) || 'Unknown error';
+                    console.error('Template save failed:', errorMessage);
+                    throw new Error(`Failed to save new template: ${errorMessage}`);
+                }
+                // Update the AI prompt to reference the new template
+                this.record.TemplateID = newTemplate.ID;
+                // Load the new template
+                yield this.loadTemplate();
+                MJNotificationService.Instance.CreateSimpleNotification('New template created and linked successfully', 'success', 4000);
+            }
+            catch (error) {
+                console.error('Error creating new template:', error);
+                const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+                MJNotificationService.Instance.CreateSimpleNotification(`Error creating new template: ${errorMessage}`, 'error', 6000);
+            }
+        });
+    }
+    /**
+     * Opens the AI prompt execution dialog
+     */
+    executeAIPrompt() {
+        var _a;
+        if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID)) {
+            MJNotificationService.Instance.CreateSimpleNotification('Please save the AI prompt before executing', 'warning', 4000);
+            return;
+        }
+        if (this.record.Status !== 'Active') {
+            MJNotificationService.Instance.CreateSimpleNotification('AI prompt must be Active to execute', 'warning', 4000);
+            return;
+        }
+        this.showExecutionDialog = true;
+    }
+    /**
+     * Handles template content changes from the editor
+     */
+    onTemplateContentChange(content) {
+        // Handle template content changes if needed
+        console.log('Template content changed:', content);
+    }
+    /**
+     * Handles template run requests from the editor
+     */
+    onTemplateRun(template) {
+        console.log('Template run requested:', template);
+        // Could open the template parameter dialog here if needed
+        MJNotificationService.Instance.CreateSimpleNotification('Template run functionality coming soon', 'info', 3000);
+    }
+    /**
+     * Gets the display text for parallelization mode
+     */
+    getParallelizationModeDisplay() {
+        var _a;
+        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) {
+            case 'None': return 'None';
+            case 'StaticCount': return `Static count (${this.record.ParallelCount || 1})`;
+            case 'ConfigParam': return `Config parameter (${this.record.ParallelConfigParam || 'not set'})`;
+            case 'ModelSpecific': return 'Model-specific configuration';
+            default: return 'Unknown';
+        }
+    }
+    /**
+     * Gets the display text for output type
+     */
+    getOutputTypeDisplay() {
+        var _a, _b;
+        const type = ((_a = this.record) === null || _a === void 0 ? void 0 : _a.OutputType) || 'string';
+        const validationBehavior = ((_b = this.record) === null || _b === void 0 ? void 0 : _b.ValidationBehavior) || 'Warn';
+        if (validationBehavior === 'None') {
+            return type;
+        }
+        else {
+            return `${type} (${validationBehavior})`;
+        }
+    }
+    /**
+     * Gets the color for validation behavior display
+     */
+    getValidationColor() {
+        var _a;
+        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ValidationBehavior) {
+            case 'Strict': return '#dc3545'; // red
+            case 'Warn': return '#ffc107'; // yellow
+            default: return '#6c757d'; // default gray
+        }
+    }
+    /**
+     * Checks if ParallelCount field should be visible
+     */
+    get showParallelCount() {
+        var _a;
+        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) === 'StaticCount';
+    }
+    /**
+     * Checks if ParallelConfigParam field should be visible
+     */
+    get showParallelConfigParam() {
+        var _a;
+        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.ParallelizationMode) === 'ConfigParam';
+    }
+    /**
+     * Checks if OutputExample field should be visible
+     */
+    get showOutputExample() {
+        var _a;
+        return ((_a = this.record) === null || _a === void 0 ? void 0 : _a.OutputType) === 'object';
+    }
+    /**
+     * Checks if the AI prompt can be executed
+     */
+    get canExecute() {
+        var _a;
+        return !!(((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID) &&
+            this.record.Status === 'Active' &&
+            this.record.TemplateID &&
+            this.template);
+    }
+    /**
+     * Gets status badge color
+     */
+    getStatusBadgeColor() {
+        var _a;
+        switch ((_a = this.record) === null || _a === void 0 ? void 0 : _a.Status) {
+            case 'Active': return '#28a745';
+            case 'Pending': return '#ffc107';
+            case 'Disabled': return '#6c757d';
+            default: return '#6c757d';
+        }
+    }
+    /**
+     * Loads available AI models for selection
+     */
+    loadAvailableModels() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const rv = new RunView();
+                const results = yield rv.RunView({
+                    EntityName: 'AI Models',
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                });
+                this.availableModels = results.Results;
+            }
+            catch (error) {
+                console.error('Error loading available models:', error);
+            }
+        });
+    }
+    /**
+     * Loads available AI vendors for selection
+     */
+    loadAvailableVendors() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const rv = new RunView();
+                const results = yield rv.RunView({
+                    EntityName: 'MJ: AI Vendors',
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object'
+                });
+                this.availableVendors = results.Results;
+            }
+            catch (error) {
+                console.error('Error loading available vendors:', error);
+            }
+        });
+    }
+    /**
+     * Loads available AI prompt types for selection
+     */
+    loadAvailablePromptTypes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoadingPromptTypes = true;
+            try {
+                const rv = new RunView();
+                const results = yield rv.RunView({
+                    EntityName: 'AI Prompt Types',
+                    OrderBy: '__mj_CreatedAt ASC',
+                    ResultType: 'entity_object'
+                });
+                this.availablePromptTypes = results.Results;
+            }
+            catch (error) {
+                console.error('Error loading available prompt types:', error);
+            }
+            finally {
+                this.isLoadingPromptTypes = false;
+            }
+        });
+    }
+    /**
+     * Loads vendors available for a specific model
+     */
+    loadVendorsForModel(modelId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!modelId) {
+                return { vendors: [], modelVendors: [] };
+            }
+            // Check cache first
+            if (this.modelVendorsMap.has(modelId)) {
+                return this.modelVendorsMap.get(modelId);
+            }
+            try {
+                // Load model vendors for this model
+                const rv = new RunView();
+                const modelVendorsResult = yield rv.RunView({
+                    EntityName: 'MJ: AI Model Vendors',
+                    ExtraFilter: `ModelID='${modelId}'`,
+                    OrderBy: 'VendorID ASC',
+                    ResultType: 'entity_object'
+                });
+                const modelVendors = modelVendorsResult.Results || [];
+                // Get unique vendor IDs
+                const vendorIds = [...new Set(modelVendors.map(mv => mv.VendorID))];
+                // Load vendor details
+                const vendors = [];
+                if (vendorIds.length > 0) {
+                    const vendorFilter = vendorIds.map(id => `ID='${id}'`).join(' OR ');
+                    const vendorsResult = yield rv.RunView({
+                        EntityName: 'MJ: AI Vendors',
+                        ExtraFilter: vendorFilter,
+                        OrderBy: 'Name ASC',
+                        ResultType: 'entity_object'
+                    });
+                    vendors.push(...(vendorsResult.Results || []));
+                }
+                const result = { vendors, modelVendors };
+                this.modelVendorsMap.set(modelId, result);
+                return result;
+            }
+            catch (error) {
+                console.error('Error loading vendors for model:', error);
+                return { vendors: [], modelVendors: [] };
+            }
+        });
+    }
+    /**
+     * Gets vendors for a specific model from cache or loads them
+     */
+    getVendorsForModel(modelId) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield this.loadVendorsForModel(modelId);
+            return result.vendors;
+        });
+    }
+    /**
+     * Gets the status for a model-vendor combination
+     */
+    getModelVendorStatus(modelId, vendorId) {
+        const modelVendorData = this.modelVendorsMap.get(modelId);
+        if (!modelVendorData)
+            return 'Unknown';
+        const modelVendor = modelVendorData.modelVendors.find(mv => mv.VendorID === vendorId);
+        return (modelVendor === null || modelVendor === void 0 ? void 0 : modelVendor.Status) || 'Unknown';
+    }
+    /**
+     * Gets the color for vendor status display
+     */
+    getVendorStatusColor(modelId, vendorId) {
+        const status = this.getModelVendorStatus(modelId, vendorId);
+        switch (status) {
+            case 'Active': return '#28a745'; // green
+            case 'Inactive': return '#dc3545'; // red  
+            case 'Pending': return '#ffc107'; // yellow
+            default: return '#6c757d'; // gray
+        }
+    }
+    /**
+     * Handles model selection change and loads vendors for that model
+     */
+    onModelChange(modelId, promptModelIndex) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const promptModel = this.promptModels[promptModelIndex];
+            if (!promptModel)
+                return;
+            // Clear the vendor selection when model changes
+            promptModel.VendorID = null;
+            // Load vendors for the new model
+            if (modelId) {
+                const vendorData = yield this.loadVendorsForModel(modelId);
+                // Auto-select first vendor if available
+                if (vendorData.vendors.length > 0) {
+                    promptModel.VendorID = vendorData.vendors[0].ID;
+                }
+            }
+        });
+    }
+    /**
+     * Gets vendors for a specific model
+     */
+    getVendorsForModelSync(modelId) {
+        const modelVendorData = this.modelVendorsMap.get(modelId);
+        return (modelVendorData === null || modelVendorData === void 0 ? void 0 : modelVendorData.vendors) || [];
+    }
+    /**
+     * Checks if vendor dropdown should be shown (more than one vendor)
+     */
+    shouldShowVendorDropdown(modelId) {
+        if (!modelId)
+            return false;
+        const vendors = this.getVendorsForModelSync(modelId);
+        return vendors.length > 1;
+    }
+    /**
+     * Loads prompt models for this AI prompt
+     */
+    loadPromptModels() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID)) {
+                this.promptModels = [];
+                return;
+            }
+            this.isLoadingModels = true;
+            try {
+                const rv = new RunView();
+                const results = yield rv.RunView({
+                    EntityName: 'MJ: AI Prompt Models',
+                    ExtraFilter: `PromptID='${this.record.ID}'`,
+                    OrderBy: 'Priority ASC, __mj_CreatedAt ASC',
+                    ResultType: 'entity_object'
+                });
+                this.promptModels = results.Results;
+                // Load vendors for existing models
+                const modelIds = this.promptModels
+                    .map(pm => pm.ModelID)
+                    .filter(id => id); // Filter out null/undefined
+                yield Promise.all(modelIds.map(modelId => this.loadVendorsForModel(modelId)));
+            }
+            catch (error) {
+                console.error('Error loading prompt models:', error);
+            }
+            finally {
+                this.isLoadingModels = false;
+            }
+        });
+    }
+    /**
+     * Adds a new model to the prompt
+     */
+    addNewModel() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!((_a = this.record) === null || _a === void 0 ? void 0 : _a.ID))
+                return;
+            try {
+                const newModel = yield this._metadata.GetEntityObject('MJ: AI Prompt Models');
+                newModel.PromptID = this.record.ID;
+                // Set priority to highest existing priority + 1
+                const maxPriority = this.promptModels.length > 0
+                    ? Math.max(...this.promptModels.map(pm => pm.Priority || 0))
+                    : 0;
+                newModel.Priority = maxPriority + 1;
+                // ModelID will be set by user
+                this.promptModels.push(newModel);
+            }
+            catch (error) {
+                console.error('Error creating new model:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error creating new model', 'error', 5000);
+            }
+        });
+    }
+    /**
+     * Removes a model from the prompt
+     */
+    removePromptModel(index) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (index < 0 || index >= this.promptModels.length)
+                return;
+            const model = this.promptModels[index];
+            try {
+                // If it's a saved model, delete it from the database
+                if (model.IsSaved) {
+                    const deleteResult = yield model.Delete();
+                    if (!deleteResult) {
+                        throw new Error('Failed to delete model from database');
+                    }
+                }
+                // Remove from local array
+                this.promptModels.splice(index, 1);
+                MJNotificationService.Instance.CreateSimpleNotification('Model removed successfully', 'success', 3000);
+            }
+            catch (error) {
+                console.error('Error removing model:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error removing model', 'error', 5000);
+            }
+        });
+    }
+    /**
+     * Gets the display name for a model ID
+     */
+    getModelDisplayName(modelId) {
+        if (!modelId)
+            return '';
+        const model = this.availableModels.find(m => m.ID === modelId);
+        return model ? model.Name : modelId;
+    }
+    /**
+     * Gets the display name for a vendor ID
+     */
+    getVendorDisplayName(vendorId) {
+        if (!vendorId)
+            return '';
+        const vendor = this.availableVendors.find(v => v.ID === vendorId);
+        return vendor ? vendor.Name : vendorId;
+    }
+    /**
+     * Gets the display name for a prompt type ID
+     */
+    getPromptTypeDisplayName(typeId) {
+        if (!typeId)
+            return '';
+        const type = this.availablePromptTypes.find(t => t.ID === typeId);
+        return type ? type.Name : typeId;
+    }
+    /**
+     * Override SaveRecord to auto-save template contents and prompt models
+     */
+    SaveRecord() {
+        const _super = Object.create(null, {
+            SaveRecord: { get: () => super.SaveRecord }
+        });
+        return __awaiter(this, arguments, void 0, function* (StopEditModeAfterSave = true) {
+            try {
+                // If this is a new prompt with a new template, we need to save the template first
+                if (!this.record.IsSaved && this.template && !this.template.IsSaved) {
+                    const templateSaved = yield this.template.Save();
+                    if (!templateSaved) {
+                        MJNotificationService.Instance.CreateSimpleNotification('Failed to save template', 'error', 5000);
+                        return false;
+                    }
+                    // Set the template ID on the AI prompt before saving
+                    this.record.TemplateID = this.template.ID;
+                }
+                // Save the AI prompt itself
+                const promptSaved = yield _super.SaveRecord.call(this, StopEditModeAfterSave);
+                if (promptSaved) {
+                    // Save template contents if we have a template
+                    if (this.template && this.templateEditor) {
+                        const templateContentsSaved = yield this.templateEditor.saveTemplateContents();
+                        if (!templateContentsSaved) {
+                            MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but template contents failed to save', 'warning', 5000);
+                        }
+                    }
+                    // Then save all prompt models
+                    return yield this.savePromptModels();
+                }
+                return false;
+            }
+            catch (error) {
+                console.error('Error in SaveRecord:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error saving AI prompt', 'error', 5000);
+                return false;
+            }
+        });
+    }
+    /**
+     * Saves all prompt models (creates, updates, deletes)
+     */
+    savePromptModels() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let allSuccessful = true;
+                // Save each prompt model
+                for (const model of this.promptModels) {
+                    if (model.ModelID) { // Only save if a model is selected
+                        // Set the PromptID if it's not already set
+                        if (!model.PromptID) {
+                            model.PromptID = this.record.ID;
+                        }
+                        const saved = yield model.Save();
+                        if (!saved) {
+                            console.error('Failed to save prompt model:', model);
+                            allSuccessful = false;
+                        }
+                    }
+                }
+                if (allSuccessful) {
+                    // Reload the prompt models to get the updated state
+                    yield this.loadPromptModels();
+                    MJNotificationService.Instance.CreateSimpleNotification('AI prompt and models saved successfully', 'success', 4000);
+                }
+                else {
+                    MJNotificationService.Instance.CreateSimpleNotification('AI prompt saved, but some models failed to save', 'warning', 5000);
+                }
+                return allSuccessful;
+            }
+            catch (error) {
+                console.error('Error saving prompt models:', error);
+                MJNotificationService.Instance.CreateSimpleNotification('Error saving prompt models', 'error', 5000);
+                return false;
+            }
+        });
+    }
+    /**
+     * Loads the result selector tree data (categories and prompts)
+     */
+    loadResultSelectorTreeData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.isLoadingResultSelectorData = true;
+            try {
+                // Load categories and prompts
+                const [categoriesResult, promptsResult] = yield Promise.all([
+                    new RunView().RunView({
+                        EntityName: 'AI Prompt Categories',
+                        OrderBy: 'Name ASC',
+                        ResultType: 'entity_object'
+                    }),
+                    new RunView().RunView({
+                        EntityName: 'AI Prompts',
+                        ExtraFilter: 'Status=\'Active\'',
+                        OrderBy: 'Name ASC',
+                        ResultType: 'entity_object'
+                    })
+                ]);
+                const categories = categoriesResult.Results || [];
+                const prompts = promptsResult.Results || [];
+                // Build tree structure
+                this.resultSelectorTreeData = this.buildResultSelectorTree(categories, prompts);
+            }
+            catch (error) {
+                console.error('Error loading result selector tree data:', error);
+                this.resultSelectorTreeData = [];
+            }
+            finally {
+                this.isLoadingResultSelectorData = false;
+            }
+        });
+    }
+    /**
+     * Builds the tree structure for result selector
+     */
+    buildResultSelectorTree(categories, prompts) {
+        const tree = [];
+        // Add "Clear Selection" option at the top
+        tree.push({
+            text: '(Clear Selection)',
+            value: null,
+            hasChildren: false,
+            isCategory: false,
+            isClearOption: true
+        });
+        // Create category nodes
+        const categoryMap = new Map();
+        categories.forEach(category => {
+            const node = {
+                text: category.Name,
+                value: null, // Categories don't have values
+                expanded: true,
+                hasChildren: true,
+                items: [],
+                isCategory: true,
+                categoryId: category.ID
+            };
+            categoryMap.set(category.ID, node);
+            // Handle parent-child relationships
+            if (category.ParentID) {
+                const parentNode = categoryMap.get(category.ParentID);
+                if (parentNode) {
+                    parentNode.items.push(node);
+                }
+                else {
+                    tree.push(node); // Parent not found, add to root
+                }
+            }
+            else {
+                tree.push(node); // Root category
+            }
+        });
+        // Collect uncategorized prompts
+        const uncategorizedPrompts = [];
+        // Add prompts to their categories
+        prompts.forEach(prompt => {
+            const promptNode = {
+                text: prompt.Name,
+                value: prompt.ID,
+                hasChildren: false,
+                isCategory: false,
+                promptId: prompt.ID
+            };
+            if (prompt.CategoryID) {
+                const categoryNode = categoryMap.get(prompt.CategoryID);
+                if (categoryNode) {
+                    categoryNode.items.push(promptNode);
+                }
+                else {
+                    // Category not found, add to uncategorized
+                    uncategorizedPrompts.push(promptNode);
+                }
+            }
+            else {
+                // No category, add to uncategorized
+                uncategorizedPrompts.push(promptNode);
+            }
+        });
+        // If there are uncategorized prompts, add them to a special section
+        if (uncategorizedPrompts.length > 0) {
+            tree.push({
+                text: 'Uncategorized',
+                value: null,
+                expanded: true,
+                hasChildren: true,
+                items: uncategorizedPrompts,
+                isCategory: true,
+                categoryId: 'uncategorized'
+            });
+        }
+        return tree;
+    }
+    /**
+     * Handles result selector selection
+     */
+    onResultSelectorChange(value) {
+        this.record.ResultSelectorPromptID = value || null;
+    }
+    /**
+     * Gets the display name for a prompt ID from the tree data
+     */
+    getPromptDisplayName(promptId) {
+        if (!promptId)
+            return '';
+        const findPromptInTree = (nodes) => {
+            for (const node of nodes) {
+                if (!node.isCategory && node.value === promptId) {
+                    return node.text;
+                }
+                if (node.items && node.items.length > 0) {
+                    const found = findPromptInTree(node.items);
+                    if (found)
+                        return found;
+                }
+            }
+            return '';
+        };
+        return findPromptInTree(this.resultSelectorTreeData);
+    }
+    /**
+     * Moves a model up in the list
+     */
+    moveModelUp(index) {
+        if (index > 0 && index < this.promptModels.length) {
+            const model = this.promptModels[index];
+            this.promptModels.splice(index, 1);
+            this.promptModels.splice(index - 1, 0, model);
+            this.updateModelPriorities();
+        }
+    }
+    /**
+     * Moves a model down in the list
+     */
+    moveModelDown(index) {
+        if (index >= 0 && index < this.promptModels.length - 1) {
+            const model = this.promptModels[index];
+            this.promptModels.splice(index, 1);
+            this.promptModels.splice(index + 1, 0, model);
+            this.updateModelPriorities();
+        }
+    }
+    /**
+     * Updates priority values based on array order
+     */
+    updateModelPriorities() {
+        this.promptModels.forEach((model, index) => {
+            model.Priority = index + 1;
+        });
+    }
+};
+AIPromptFormComponentExtended.ɵfac = /*@__PURE__*/ (() => { let ɵAIPromptFormComponentExtended_BaseFactory; return function AIPromptFormComponentExtended_Factory(t) { return (ɵAIPromptFormComponentExtended_BaseFactory || (ɵAIPromptFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(AIPromptFormComponentExtended)))(t || AIPromptFormComponentExtended); }; })();
+AIPromptFormComponentExtended.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIPromptFormComponentExtended, selectors: [["mj-ai-prompt-form"]], viewQuery: function AIPromptFormComponentExtended_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
+    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 5, consts: [["form", "ngForm"], ["templateEditor", ""], ["mjFillContainer", "", 1, "record-form-container", 3, "bottomMargin", "rightMargin"], ["class", "record-form", "mjFillContainer", "", 4, "ngIf"], [3, "isVisibleChange", "aiPrompt", "isVisible"], ["mjFillContainer", "", 1, "record-form"], [3, "form"], [1, "prompt-main-area", 2, "display", "flex", "flex-direction", "column", "height", "100%", "overflow-y", "auto"], [1, "prompt-header", 2, "flex-shrink", "0", "padding", "20px", "background", "#f8f9fa", "border-bottom", "2px solid #e9ecef"], [2, "display", "flex", "justify-content", "space-between", "align-items", "flex-start", "gap", "20px"], [2, "flex", "1", "min-width", "0"], [2, "display", "flex", "align-items", "center", "gap", "12px", "margin-bottom", "8px"], [1, "fa-solid", "fa-robot", 2, "color", "#6f42c1", "font-size", "1.4em"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModel"], [2, "display", "flex", "gap", "16px", "margin-bottom", "12px", "flex-wrap", "wrap"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModel", "rows"], [2, "margin", "0 0 12px 0", "color", "#6c757d", "font-size", "0.9em", "line-height", "1.4"], [1, "quick-config", 2, "display", "flex", "align-items", "center", "gap", "16px", "flex-wrap", "wrap"], [1, "config-item", 2, "display", "flex", "align-items", "center", "gap", "6px", "font-size", "0.85em"], [1, "fa-solid", "fa-layer-group", 2, "color", "#6c757d"], [2, "color", "#6c757d"], [2, "color", "#495057", "font-weight", "500"], [1, "fa-solid", "fa-code", 2, "color", "#6c757d"], [2, "font-weight", "500"], [1, "action-buttons", 2, "display", "flex", "flex-direction", "column", "gap", "8px", "align-items", "flex-end"], [2, "display", "flex", "gap", "8px"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt"], ["themeColor", "primary", "size", "large", "title", "Prompt must be Active and have a Template to execute", 3, "disabled"], ["fillMode", "outline", "themeColor", "info", "title", "View execution history"], [2, "font-size", "0.75em", "color", "#dc3545", "text-align", "right", "max-width", "200px"], [1, "configuration-sections", 2, "flex", "1", "background", "white", "border-top", "2px solid #e9ecef", "padding", "16px", "min-height", "0"], [2, "margin-bottom", "12px", 3, "expanded"], ["kendoExpansionPanelTitleDirective", ""], [1, "template-section", 2, "display", "flex", "flex-direction", "column", "min-height", "400px", "padding", "8px"], [1, "loading-state", 2, "flex", "1", "display", "flex", "align-items", "center", "justify-content", "center", "color", "#6c757d"], [1, "no-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#6c757d"], [1, "invalid-template-state", 2, "flex", "1", "display", "flex", "flex-direction", "column", "align-items", "center", "justify-content", "center", "padding", "40px", "color", "#dc3545"], [1, "template-editor-container", 2, "flex", "1", "display", "flex", "flex-direction", "column", "min-height", "350px"], [2, "padding", "16px 0"], [2, "display", "grid", "grid-template-columns", "1fr 1fr", "gap", "20px"], ["FieldName", "ParallelizationMode", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelCount", "Type", "numerictextbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ParallelConfigParam", "Type", "textbox", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "OutputType", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "ValidationBehavior", "Type", "dropdownlist", 3, "record", "ShowLabel", "EditMode"], ["FieldName", "EnableCaching", "Type", "checkbox", 3, "record", "ShowLabel", "EditMode"], [2, "margin-bottom", "16px"], [2, "display", "block", "margin-bottom", "4px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [2, "color", "#495057"], ["name", "promptName", "placeholder", "Enter prompt name...", 2, "font-size", "1.2em", "font-weight", "600", "min-width", "300px", "flex", "1", 3, "ngModelChange", "ngModel"], [2, "margin", "0", "color", "#495057", "font-weight", "600", "flex", "1"], [1, "status-badge", 2, "color", "white", "padding", "4px 10px", "border-radius", "12px", "font-size", "0.75em", "font-weight", "500"], ["name", "promptStatus", "textField", "text", "valueField", "value", 2, "width", "150px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive"], [2, "color", "#dc3545"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic", "width", "200px"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModel", "data", "valuePrimitive", "filterable"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["name", "promptTypeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 2, "width", "200px", 3, "ngModelChange", "ngModel", "data", "valuePrimitive", "filterable"], ["name", "promptDescription", "placeholder", "Enter prompt description...", 2, "width", "100%", "max-width", "600px", "margin-bottom", "12px", 3, "ngModelChange", "ngModel", "rows"], [1, "fa-solid", "fa-tag", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#28a745"], [2, "color", "#28a745", "font-weight", "500"], ["themeColor", "primary", "size", "large", "title", "Execute this AI prompt", 3, "click"], [1, "fa-solid", "fa-play"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-history"], [2, "display", "flex", "align-items", "center", "gap", "8px", "font-weight", "600"], [2, "color", "#6c757d", "font-size", "0.9em", "font-weight", "normal"], [1, "fa-solid", "fa-spinner", "fa-spin", 2, "font-size", "24px", "margin-right", "12px"], [1, "fa-solid", "fa-code", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.3"], [2, "margin-bottom", "12px", "color", "#495057"], [2, "margin-bottom", "24px", "text-align", "center", "max-width", "400px"], [2, "display", "flex", "gap", "12px"], ["themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["fillMode", "outline", 3, "click"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-exclamation-triangle", 2, "font-size", "64px", "margin-bottom", "20px", "opacity", "0.7"], [2, "margin-bottom", "12px"], [1, "fa-solid", "fa-refresh"], [2, "flex", "1", "background", "white", "border-radius", "6px", "border", "1px solid #e9ecef"], [2, "display", "block", "min-height", "300px", 3, "contentChange", "runTemplate", "template", "config"], [1, "model-management", 2, "border", "1px solid #dee2e6", "border-radius", "6px", "background", "#f8f9fa"], [1, "loading-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-microchip", 2, "color", "#6c757d"], [1, "badge", 2, "background", "#17a2b8", "color", "white", "padding", "2px 6px", "border-radius", "10px", "font-size", "0.7em"], [1, "empty-state", 2, "padding", "20px", "text-align", "center", "color", "#6c757d"], [1, "fa-solid", "fa-info-circle"], [2, "margin-top", "10px"], ["fillMode", "outline", "themeColor", "primary", "size", "small", 3, "click"], [1, "model-header", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "background", "#e9ecef", "font-weight", "600", "font-size", "0.85em", "color", "#495057", "border-bottom", "1px solid #dee2e6"], [1, "add-model-row", 2, "padding", "12px 16px", "text-align", "center", "background", "#f8f9fa", "border-top", "1px solid #dee2e6"], [1, "model-row", 2, "display", "grid", "grid-template-columns", "40px 2fr 1fr 1fr 60px", "gap", "12px", "padding", "12px 16px", "border-bottom", "1px solid #e9ecef", "align-items", "start"], [1, "drag-handle", 2, "display", "flex", "align-items", "center", "justify-content", "center", "cursor", "move", "color", "#6c757d"], ["title", "Drag to reorder", 1, "fa-solid", "fa-grip-vertical"], [2, "font-size", "0.8em", "color", "#6c757d"], [1, "model-select"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], [1, "model-vendor"], [1, "model-created"], [2, "color", "#6c757d", "font-size", "0.8em"], [2, "color", "#28a745", "font-size", "0.8em", "font-style", "italic"], [1, "model-actions", 2, "display", "flex", "gap", "2px", "flex-direction", "column"], [2, "display", "grid", "grid-template-columns", "40px 1fr", "gap", "12px", "padding", "8px 16px", "border-bottom", "1px solid #e9ecef", "background", "#f8f9fa", "font-size", "0.85em", "color", "#6c757d"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center", "margin-bottom", "8px"], [2, "padding", "8px", "background", "#fff", "border", "1px solid #dee2e6", "border-radius", "4px", "margin-top", "8px"], ["textField", "Name", "valueField", "ID", "placeholder", "Select a model...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], [2, "color", "#6c757d", "font-style", "italic", "font-size", "0.9em"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModel", "name", "data", "valuePrimitive", "filterable"], ["textField", "Name", "valueField", "ID", "placeholder", "Select vendor...", 2, "width", "100%", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive", "filterable"], ["kendoDropDownListItemTemplate", ""], [2, "font-size", "0.8em", "margin-left", "4px"], [2, "font-size", "0.9em", "font-weight", "500", 3, "color"], [2, "font-size", "0.9em", "font-weight", "500"], [2, "font-size", "0.9em", 3, "color"], [2, "color", "#6c757d", "font-size", "0.9em"], [2, "font-size", "0.9em"], [2, "display", "flex", "gap", "2px", "margin-bottom", "4px"], ["fillMode", "flat", "size", "small", "title", "Move up", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["fillMode", "flat", "size", "small", "title", "Move down", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["fillMode", "flat", "themeColor", "error", "size", "small", "title", "Remove model", 3, "click"], [1, "fa-solid", "fa-times"], [2, "margin-bottom", "6px", "font-weight", "600", "color", "#495057", "font-size", "0.9em"], [1, "fa-solid", "fa-layer-group"], [2, "display", "grid", "grid-template-columns", "1fr 1fr 1fr", "gap", "12px", "align-items", "center"], [2, "display", "flex", "gap", "16px", "flex-wrap", "wrap", "align-items", "center"], [2, "display", "block", "margin-bottom", "2px", "font-size", "0.8em", "font-weight", "600", "color", "#495057"], ["textField", "text", "valueField", "value", "placeholder", "Select mode...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "data", "valuePrimitive"], ["placeholder", "Count...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name", "min", "step", "format"], ["placeholder", "Parameter name...", 2, "width", "100%", "font-size", "0.85em", 3, "ngModelChange", "ngModel", "name"], ["fillMode", "outline", "themeColor", "success", "size", "small", 3, "click"], [1, "fa-solid", "fa-cogs", 2, "color", "#6c757d"], [2, "padding", "8px", "color", "#6c757d", "font-style", "italic"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModel", "data", "valuePrimitive", "filterable"], ["name", "resultSelectorPromptID", "textField", "text", "valueField", "value", "placeholder", "Select a result selector prompt...", 2, "width", "100%", 3, "ngModelChange", "valueChange", "ngModel", "data", "valuePrimitive", "filterable"], [2, "padding", "16px"], [2, "background", "#f8f9fa", "border", "1px solid #dee2e6", "border-radius", "4px", "padding", "12px", "font-family", "'Courier New', monospace", "font-size", "0.9em", "white-space", "pre-wrap", "overflow", "auto", "max-height", "250px"], [2, "background", "#fff3cd", "border", "1px solid #ffeaa7", "border-radius", "4px", "padding", "12px", "color", "#856404", "text-align", "center"], [2, "color", "#dc3545", "font-size", "0.8em", "font-weight", "normal"], ["name", "outputExample", "language", "json", "placeholder", "Enter JSON example structure...", 2, "width", "100%", "height", "200px", "border", "1px solid #dee2e6", "border-radius", "4px", 3, "ngModelChange", "ngModel"], [2, "margin-top", "8px", "color", "#6c757d", "font-size", "0.85em"], [2, "height", "300px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-history", 2, "color", "#6c757d"], [1, "fa-solid", "fa-database", 2, "color", "#6c757d"], [2, "margin", "0 0 12px 0", "color", "#495057"], [2, "height", "200px", 3, "Params", "NewRecordValues", "AllowLoad", "EditMode", "BottomMargin"], [1, "fa-solid", "fa-link", 2, "color", "#6c757d"]], template: function AIPromptFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 2);
+        i0.ɵɵtemplate(1, AIPromptFormComponentExtended_form_1_Template, 65, 36, "form", 3);
+        i0.ɵɵelementStart(2, "mj-ai-prompt-execution-dialog", 4);
+        i0.ɵɵtwoWayListener("isVisibleChange", function AIPromptFormComponentExtended_Template_mj_ai_prompt_execution_dialog_isVisibleChange_2_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.showExecutionDialog, $event) || (ctx.showExecutionDialog = $event); return $event; });
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 20)("rightMargin", 5);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.record);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("aiPrompt", ctx.record);
+        i0.ɵɵtwoWayProperty("isVisible", ctx.showExecutionDialog);
+    } }, dependencies: [i1.NgIf, i2.ɵNgNoValidate, i2.NgControlStatus, i2.NgControlStatusGroup, i2.NgModel, i2.NgForm, i3.ExpansionPanelComponent, i3.ExpansionPanelTitleDirective, i4.TextAreaComponent, i4.TextBoxComponent, i4.NumericTextBoxComponent, i5.ItemTemplateDirective, i5.DropDownListComponent, i5.DropDownTreeComponent, i6.ButtonComponent, i7.UserViewGridComponent, i8.MJFormField, i9.FormToolbarComponent, i10.FillContainer, i11.CodeEditorComponent, i12.TemplateEditorComponent, i13.AIPromptExecutionDialogComponent, i1.DatePipe], styles: [".record-form-container[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions[_ngcontent-%COMP%] {\n    margin-left: auto;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary[_ngcontent-%COMP%] {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content[_ngcontent-%COMP%] {\n    background: #fff;\n}\n\n.template-header[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 1.1em;\n}\n\n.loading-state[_ngcontent-%COMP%], \n.no-template-state[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.invalid-template-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 0.6;\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n    background: #fff;\n    border-radius: 6px;\n}\n\n\n\n@media (max-width: 1200px) {\n    .record-form-container[_ngcontent-%COMP%]   .mj-tab-body[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary[_ngcontent-%COMP%] {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n\n\n@media (max-width: 768px) {\n    .custom-toolbar-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge[_ngcontent-%COMP%] {\n        align-self: flex-start;\n    }\n}\n\n\n\n.record-form-container[_ngcontent-%COMP%]   mj-form-section[_ngcontent-%COMP%] {\n    padding: 16px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%], \n.config-item[_ngcontent-%COMP%], \n.template-header[_ngcontent-%COMP%] {\n    transition: all 0.2s ease;\n}\n\n.config-item[_ngcontent-%COMP%]:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] });
+AIPromptFormComponentExtended = __decorate([
+    RegisterClass(BaseFormComponent, 'AI Prompts')
+], AIPromptFormComponentExtended);
+export { AIPromptFormComponentExtended };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIPromptFormComponentExtended, [{
+        type: Component,
+        args: [{ selector: 'mj-ai-prompt-form', template: "<div class=\"record-form-container\" mjFillContainer [bottomMargin]=\"20\" [rightMargin]=\"5\">\n    <form *ngIf=\"record\" class=\"record-form\" #form=\"ngForm\" mjFillContainer>\n        <mj-form-toolbar [form]=\"this\"></mj-form-toolbar>\n\n        <!-- Main Content Area - Template Editor and Configuration -->\n        <div class=\"prompt-main-area\" style=\"display: flex; flex-direction: column; height: 100%; overflow-y: auto;\">\n            \n            <!-- Header Section -->\n            <div class=\"prompt-header\" style=\"flex-shrink: 0; padding: 20px; background: #f8f9fa; border-bottom: 2px solid #e9ecef;\">\n                <div style=\"display: flex; justify-content: space-between; align-items: flex-start; gap: 20px;\">\n                    \n                    <!-- Left: Prompt Info -->\n                    <div style=\"flex: 1; min-width: 0;\">\n                        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 8px;\">\n                            <i class=\"fa-solid fa-robot\" style=\"color: #6f42c1; font-size: 1.4em;\"></i>\n                            @if (EditMode) {\n                                <kendo-textbox [(ngModel)]=\"record.Name\" \n                                              name=\"promptName\"\n                                              placeholder=\"Enter prompt name...\"\n                                              style=\"font-size: 1.2em; font-weight: 600; min-width: 300px; flex: 1;\">\n                                </kendo-textbox>\n                            } @else {\n                                <h4 style=\"margin: 0; color: #495057; font-weight: 600; flex: 1;\">{{ record.Name || 'Untitled AI Prompt' }}</h4>\n                                <span class=\"status-badge\" [style.background-color]=\"getStatusBadgeColor()\" \n                                      style=\"color: white; padding: 4px 10px; border-radius: 12px; font-size: 0.75em; font-weight: 500;\">\n                                    {{ record.Status }}\n                                </span>\n                            }\n                        </div>\n                        \n                        <!-- Status and Type Editors when in edit mode -->\n                        @if (EditMode) {\n                            <div style=\"display: flex; gap: 16px; margin-bottom: 12px; flex-wrap: wrap;\">\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">Status</label>\n                                    <kendo-dropdownlist [(ngModel)]=\"record.Status\"\n                                                       name=\"promptStatus\"\n                                                       [data]=\"[{text: 'Active', value: 'Active'}, {text: 'Pending', value: 'Pending'}, {text: 'Disabled', value: 'Disabled'}]\"\n                                                       textField=\"text\"\n                                                       valueField=\"value\"\n                                                       [valuePrimitive]=\"true\"\n                                                       style=\"width: 150px;\">\n                                    </kendo-dropdownlist>\n                                </div>\n                                <div>\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Type <span style=\"color: #dc3545;\">*</span>\n                                    </label>\n                                    @if (isLoadingPromptTypes) {\n                                        <div style=\"padding: 8px; color: #6c757d; font-style: italic; width: 200px;\">\n                                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading types...\n                                        </div>\n                                    } @else {\n                                        <kendo-dropdownlist [(ngModel)]=\"record.TypeID\"\n                                                           name=\"promptTypeID\"\n                                                           [data]=\"availablePromptTypes\"\n                                                           textField=\"Name\"\n                                                           valueField=\"ID\"\n                                                           [valuePrimitive]=\"true\"\n                                                           [filterable]=\"true\"\n                                                           placeholder=\"Select prompt type...\"\n                                                           style=\"width: 200px;\">\n                                        </kendo-dropdownlist>\n                                    }\n                                </div>\n                            </div>\n                        }\n                        \n                        @if (EditMode) {\n                            <kendo-textarea [(ngModel)]=\"record.Description\" \n                                           name=\"promptDescription\"\n                                           [rows]=\"2\"\n                                           placeholder=\"Enter prompt description...\"\n                                           style=\"width: 100%; max-width: 600px; margin-bottom: 12px;\">\n                            </kendo-textarea>\n                        } @else if (record.Description) {\n                            <p style=\"margin: 0 0 12px 0; color: #6c757d; font-size: 0.9em; line-height: 1.4;\">{{ record.Description }}</p>\n                        }\n                        \n                        <!-- Quick Config Row -->\n                        <div class=\"quick-config\" style=\"display: flex; align-items: center; gap: 16px; flex-wrap: wrap;\">\n                            @if (record.TypeID) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-tag\" style=\"color: #6c757d;\"></i>\n                                    <span style=\"color: #6c757d;\">Type:</span>\n                                    <span style=\"color: #495057; font-weight: 500;\">{{ getPromptTypeDisplayName(record.TypeID) }}</span>\n                                </div>\n                            }\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-layer-group\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Parallelization:</span>\n                                <span style=\"color: #495057; font-weight: 500;\">{{ getParallelizationModeDisplay() }}</span>\n                            </div>\n                            \n                            <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                <span style=\"color: #6c757d;\">Output:</span>\n                                <span [style.color]=\"getValidationColor()\" style=\"font-weight: 500;\">{{ getOutputTypeDisplay() }}</span>\n                            </div>\n                            \n                            @if (record.EnableCaching) {\n                                <div class=\"config-item\" style=\"display: flex; align-items: center; gap: 6px; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-database\" style=\"color: #28a745;\"></i>\n                                    <span style=\"color: #28a745; font-weight: 500;\">Caching Enabled</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <!-- Right: Action Buttons -->\n                    <div class=\"action-buttons\" style=\"display: flex; flex-direction: column; gap: 8px; align-items: flex-end;\">\n                        <div style=\"display: flex; gap: 8px;\">\n                            @if (record.ID && canExecute) {\n                                <kendo-button themeColor=\"primary\" size=\"large\"\n                                            (click)=\"executeAIPrompt()\"\n                                            title=\"Execute this AI prompt\">\n                                    <i class=\"fa-solid fa-play\"></i> Execute Prompt\n                                </kendo-button>\n                            } @else if (record.ID && !canExecute) {\n                                <kendo-button themeColor=\"primary\" size=\"large\" [disabled]=\"true\"\n                                            title=\"Prompt must be Active and have a Template to execute\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Cannot Execute\n                                </kendo-button>\n                            }\n                            \n                            @if (record.ID) {\n                                <kendo-button fillMode=\"outline\" themeColor=\"info\"\n                                            title=\"View execution history\">\n                                    <i class=\"fa-solid fa-history\"></i> History\n                                </kendo-button>\n                            }\n                        </div>\n                        \n                        @if (!canExecute && record.ID) {\n                            <div style=\"font-size: 0.75em; color: #dc3545; text-align: right; max-width: 200px;\">\n                                @if (record.Status !== 'Active') {\n                                    \u2022 Prompt must be Active<br>\n                                }\n                                @if (!record.TemplateID) {\n                                    \u2022 Template is required<br>\n                                }\n                                @if (!template && record.TemplateID) {\n                                    \u2022 Template not found<br>\n                                }\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Configuration Sections with Expansion Panels -->\n            <div class=\"configuration-sections\" style=\"flex: 1; background: white; border-top: 2px solid #e9ecef; padding: 16px; min-height: 0;\">\n                <!-- Template Editor Section -->\n                <kendo-expansionpanel \n                    [expanded]=\"true\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                            Template Editor\n                            @if (template) {\n                                <span style=\"color: #6c757d; font-size: 0.9em; font-weight: normal;\">\u2022 {{ template.Name }}</span>\n                            }\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div class=\"template-section\" style=\"display: flex; flex-direction: column; min-height: 400px; padding: 8px;\">\n                        @if (isLoadingTemplate) {\n                            <div class=\"loading-state\" style=\"flex: 1; display: flex; align-items: center; justify-content: center; color: #6c757d;\">\n                                <i class=\"fa-solid fa-spinner fa-spin\" style=\"font-size: 24px; margin-right: 12px;\"></i>\n                                Loading template...\n                            </div>\n                        } @else if (!record.TemplateID) {\n                            <div class=\"no-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #6c757d;\">\n                                <i class=\"fa-solid fa-code\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.3;\"></i>\n                                <h5 style=\"margin-bottom: 12px; color: #495057;\">No Template Associated</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    This AI prompt needs a template to define its structure and parameters. \n                                    Create a new template or link to an existing one.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                    <kendo-button fillMode=\"outline\" (click)=\"linkExistingTemplate()\">\n                                        <i class=\"fa-solid fa-link\"></i> Link Existing Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else if (!template) {\n                            <div class=\"invalid-template-state\" style=\"flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; color: #dc3545;\">\n                                <i class=\"fa-solid fa-exclamation-triangle\" style=\"font-size: 64px; margin-bottom: 20px; opacity: 0.7;\"></i>\n                                <h5 style=\"margin-bottom: 12px;\">Template Not Found</h5>\n                                <p style=\"margin-bottom: 24px; text-align: center; max-width: 400px;\">\n                                    The referenced template could not be loaded. It may have been deleted or moved.\n                                </p>\n                                <div style=\"display: flex; gap: 12px;\">\n                                    <kendo-button fillMode=\"outline\" (click)=\"loadTemplate()\">\n                                        <i class=\"fa-solid fa-refresh\"></i> Retry Loading\n                                    </kendo-button>\n                                    <kendo-button themeColor=\"primary\" (click)=\"createNewTemplate()\">\n                                        <i class=\"fa-solid fa-plus\"></i> Create New Template\n                                    </kendo-button>\n                                </div>\n                            </div>\n                        } @else {\n                            <!-- Active Template Editor -->\n                            <div class=\"template-editor-container\" style=\"flex: 1; display: flex; flex-direction: column; min-height: 350px;\">\n                                <!-- Template Editor -->\n                                <div style=\"flex: 1; background: white; border-radius: 6px; border: 1px solid #e9ecef;\">\n                                    <mj-template-editor \n                                        #templateEditor\n                                        [template]=\"template\"\n                                        [config]=\"templateEditorConfig\"\n                                        (contentChange)=\"onTemplateContentChange($event)\"\n                                        (runTemplate)=\"onTemplateRun($event)\"\n                                        style=\"display: block; min-height: 300px;\">\n                                    </mj-template-editor>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </kendo-expansionpanel>                \n\n                <!-- Model Configuration Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-microchip\" style=\"color: #6c757d;\"></i>\n                                Models\n                                @if (promptModels.length > 0) {\n                                    <span class=\"badge\" style=\"background: #17a2b8; color: white; padding: 2px 6px; border-radius: 10px; font-size: 0.7em;\">\n                                        {{ promptModels.length }}\n                                    </span>\n                                }\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <!-- Model Management Interface -->\n                            <div class=\"model-management\" style=\"border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa;\">\n                                @if (isLoadingModels) {\n                                    <div class=\"loading-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading models...\n                                    </div>\n                                } @else {\n                                    @if (promptModels.length === 0) {\n                                        <div class=\"empty-state\" style=\"padding: 20px; text-align: center; color: #6c757d;\">\n                                            <i class=\"fa-solid fa-info-circle\"></i> No models configured\n                                            @if (EditMode) {\n                                                <div style=\"margin-top: 10px;\">\n                                                    <kendo-button fillMode=\"outline\" themeColor=\"primary\" size=\"small\"\n                                                                (click)=\"addNewModel()\">\n                                                        <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                    </kendo-button>\n                                                </div>\n                                            }\n                                        </div>\n                                    } @else {\n                                        <!-- Column Headers -->\n                                        <div class=\"model-header\" style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; background: #e9ecef; font-weight: 600; font-size: 0.85em; color: #495057; border-bottom: 1px solid #dee2e6;\">\n                                            <div></div>\n                                            <div>AI Model <span style=\"color: #dc3545;\">*</span></div>\n                                            <div>Vendor</div>\n                                            <div>Created</div>\n                                            <div>Actions</div>\n                                        </div>\n                                        \n                                        @for (model of promptModels; track model.ID || $index; let i = $index) {\n                                            <div class=\"model-row\" \n                                                 [style.background]=\"!model.ModelID ? '#fff3cd' : 'white'\"\n                                                 [style.border-left]=\"!model.ModelID ? '3px solid #ffc107' : 'none'\"\n                                                 style=\"display: grid; grid-template-columns: 40px 2fr 1fr 1fr 60px; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #e9ecef; align-items: start;\">\n                                                \n                                                <!-- Drag Handle -->\n                                                <div class=\"drag-handle\" style=\"display: flex; align-items: center; justify-content: center; cursor: move; color: #6c757d;\">\n                                                    @if (EditMode) {\n                                                        <i class=\"fa-solid fa-grip-vertical\" title=\"Drag to reorder\"></i>\n                                                    } @else {\n                                                        <span style=\"font-size: 0.8em; color: #6c757d;\">{{ i + 1 }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Model Selection -->\n                                                <div class=\"model-select\">\n                                                    @if (EditMode) {\n                                                        <kendo-dropdownlist [(ngModel)]=\"model.ModelID\"\n                                                                           [name]=\"'modelId_' + i\"\n                                                                           [data]=\"availableModels\"\n                                                                           textField=\"Name\"\n                                                                           valueField=\"ID\"\n                                                                           [valuePrimitive]=\"true\"\n                                                                           [filterable]=\"true\"\n                                                                           placeholder=\"Select a model...\"\n                                                                           (valueChange)=\"onModelChange($event, i)\"\n                                                                           style=\"width: 100%;\">\n                                                        </kendo-dropdownlist>\n                                                    } @else {\n                                                        <span style=\"font-weight: 500;\">{{ getModelDisplayName(model.ModelID) }}</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Vendor -->\n                                                <div class=\"model-vendor\">\n                                                    @if (EditMode) {\n                                                        @if (model.ModelID) {\n                                                            @if (shouldShowVendorDropdown(model.ModelID)) {\n                                                                <kendo-dropdownlist [(ngModel)]=\"model.VendorID\"\n                                                                                   [name]=\"'vendorId_' + i\"\n                                                                                   [data]=\"getVendorsForModelSync(model.ModelID)\"\n                                                                                   textField=\"Name\"\n                                                                                   valueField=\"ID\"\n                                                                                   [valuePrimitive]=\"true\"\n                                                                                   [filterable]=\"true\"\n                                                                                   placeholder=\"Select vendor...\"\n                                                                                   style=\"width: 100%;\">\n                                                                    <ng-template kendoDropDownListItemTemplate let-dataItem>\n                                                                        <span [style.color]=\"getVendorStatusColor(model.ModelID, dataItem.ID)\">\n                                                                            {{ dataItem.Name }}\n                                                                            @if (getModelVendorStatus(model.ModelID, dataItem.ID) !== 'Active') {\n                                                                                <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, dataItem.ID) }})</span>\n                                                                            }\n                                                                        </span>\n                                                                    </ng-template>\n                                                                </kendo-dropdownlist>\n                                                            } @else {\n                                                                <!-- Single vendor - just show the name -->\n                                                                @if (getVendorsForModelSync(model.ModelID).length === 1) {\n                                                                    <span [style.color]=\"getVendorStatusColor(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID)\" style=\"font-size: 0.9em; font-weight: 500;\">\n                                                                        {{ getVendorsForModelSync(model.ModelID)[0].Name }}\n                                                                        @if (getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) !== 'Active') {\n                                                                            <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, getVendorsForModelSync(model.ModelID)[0].ID) }})</span>\n                                                                        }\n                                                                    </span>\n                                                                } @else {\n                                                                    <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">No vendors available</span>\n                                                                }\n                                                            }\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-style: italic; font-size: 0.9em;\">Select model first</span>\n                                                        }\n                                                    } @else {\n                                                        @if (model.VendorID && model.ModelID) {\n                                                            <span [style.color]=\"getVendorStatusColor(model.ModelID, model.VendorID)\" style=\"font-size: 0.9em;\">\n                                                                {{ getVendorDisplayName(model.VendorID) }}\n                                                                @if (getModelVendorStatus(model.ModelID, model.VendorID) !== 'Active') {\n                                                                    <span style=\"font-size: 0.8em; margin-left: 4px;\">({{ getModelVendorStatus(model.ModelID, model.VendorID) }})</span>\n                                                                }\n                                                            </span>\n                                                        } @else {\n                                                            <span style=\"color: #6c757d; font-size: 0.9em;\">-</span>\n                                                        }\n                                                    }\n                                                </div>\n                                                \n                                                \n                                                <!-- Created Date -->\n                                                <div class=\"model-created\">\n                                                    @if (model.ID) {\n                                                        <span style=\"color: #6c757d; font-size: 0.8em;\">{{ model.__mj_CreatedAt | date:'short' }}</span>\n                                                    } @else {\n                                                        <span style=\"color: #28a745; font-size: 0.8em; font-style: italic;\">New</span>\n                                                    }\n                                                </div>\n                                                \n                                                <!-- Actions -->\n                                                <div class=\"model-actions\" style=\"display: flex; gap: 2px; flex-direction: column;\">\n                                                    @if (EditMode) {\n                                                        <div style=\"display: flex; gap: 2px; margin-bottom: 4px;\">\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelUp(i)\"\n                                                                        [disabled]=\"i === 0\"\n                                                                        title=\"Move up\">\n                                                                <i class=\"fa-solid fa-chevron-up\"></i>\n                                                            </kendo-button>\n                                                            <kendo-button fillMode=\"flat\" size=\"small\"\n                                                                        (click)=\"moveModelDown(i)\"\n                                                                        [disabled]=\"i === promptModels.length - 1\"\n                                                                        title=\"Move down\">\n                                                                <i class=\"fa-solid fa-chevron-down\"></i>\n                                                            </kendo-button>\n                                                        </div>\n                                                        <kendo-button fillMode=\"flat\" themeColor=\"error\" size=\"small\"\n                                                                    (click)=\"removePromptModel(i)\"\n                                                                    title=\"Remove model\">\n                                                            <i class=\"fa-solid fa-times\"></i>\n                                                        </kendo-button>\n                                                    }\n                                                </div>\n                                            </div>\n                                            \n                                            <!-- Second row with additional details -->\n                                            <div style=\"display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 8px 16px; border-bottom: 1px solid #e9ecef; background: #f8f9fa; font-size: 0.85em; color: #6c757d;\">\n                                                <div></div>\n                                                <div>\n                                                    <!-- Basic model details -->\n                                                    <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 8px;\">\n                                                        @if (model.Status) {\n                                                            <span><strong>Status:</strong> {{ model.Status }}</span>\n                                                        }\n                                                        @if (model.ConfigurationID) {\n                                                            <span><strong>Configuration:</strong> {{ model.ConfigurationID }}</span>\n                                                        }\n                                                    </div>\n                                                    \n                                                    <!-- Parallel execution fields when prompt is ModelSpecific -->\n                                                    @if (record.ParallelizationMode === 'ModelSpecific') {\n                                                        <div style=\"padding: 8px; background: #fff; border: 1px solid #dee2e6; border-radius: 4px; margin-top: 8px;\">\n                                                            <div style=\"margin-bottom: 6px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                                                <i class=\"fa-solid fa-layer-group\"></i> Model-Specific Parallel Execution\n                                                            </div>\n                                                            \n                                                            @if (EditMode) {\n                                                                <div style=\"display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; align-items: center;\">\n                                                                    <!-- Parallel Mode -->\n                                                                    <div>\n                                                                        <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Mode</label>\n                                                                        <kendo-dropdownlist [(ngModel)]=\"model.ParallelizationMode\"\n                                                                                           [name]=\"'parallelMode_' + i\"\n                                                                                           [data]=\"[{text: 'None', value: 'None'}, {text: 'Static Count', value: 'StaticCount'}, {text: 'Config Param', value: 'ConfigParam'}]\"\n                                                                                           textField=\"text\"\n                                                                                           valueField=\"value\"\n                                                                                           [valuePrimitive]=\"true\"\n                                                                                           placeholder=\"Select mode...\"\n                                                                                           style=\"width: 100%; font-size: 0.85em;\">\n                                                                        </kendo-dropdownlist>\n                                                                    </div>\n                                                                    \n                                                                    <!-- Parallel Count (when StaticCount) -->\n                                                                    @if (model.ParallelizationMode === 'StaticCount') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Parallel Count</label>\n                                                                            <kendo-numerictextbox [(ngModel)]=\"model.ParallelCount\"\n                                                                                                 [name]=\"'parallelCount_' + i\"\n                                                                                                 [min]=\"1\"\n                                                                                                 [step]=\"1\"\n                                                                                                 [format]=\"'n0'\"\n                                                                                                 placeholder=\"Count...\"\n                                                                                                 style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-numerictextbox>\n                                                                        </div>\n                                                                    }\n                                                                    \n                                                                    <!-- Config Param (when ConfigParam) -->\n                                                                    @if (model.ParallelizationMode === 'ConfigParam') {\n                                                                        <div>\n                                                                            <label style=\"display: block; margin-bottom: 2px; font-size: 0.8em; font-weight: 600; color: #495057;\">Config Parameter</label>\n                                                                            <kendo-textbox [(ngModel)]=\"model.ParallelConfigParam\"\n                                                                                          [name]=\"'parallelConfigParam_' + i\"\n                                                                                          placeholder=\"Parameter name...\"\n                                                                                          style=\"width: 100%; font-size: 0.85em;\">\n                                                                            </kendo-textbox>\n                                                                        </div>\n                                                                    }\n                                                                </div>\n                                                            } @else {\n                                                                <!-- Read-only display -->\n                                                                <div style=\"display: flex; gap: 16px; flex-wrap: wrap; align-items: center;\">\n                                                                    @if (model.ParallelizationMode) {\n                                                                        <span><strong>Parallel Mode:</strong> {{ model.ParallelizationMode }}</span>\n                                                                    }\n                                                                    @if (model.ParallelCount) {\n                                                                        <span><strong>Parallel Count:</strong> {{ model.ParallelCount }}</span>\n                                                                    }\n                                                                    @if (model.ParallelConfigParam) {\n                                                                        <span><strong>Config Param:</strong> {{ model.ParallelConfigParam }}</span>\n                                                                    }\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            </div>\n                                        }\n                                        \n                                        @if (EditMode) {\n                                            <div class=\"add-model-row\" style=\"padding: 12px 16px; text-align: center; background: #f8f9fa; border-top: 1px solid #dee2e6;\">\n                                                <kendo-button fillMode=\"outline\" themeColor=\"success\" size=\"small\"\n                                                            (click)=\"addNewModel()\">\n                                                    <i class=\"fa-solid fa-plus\"></i> Add Model\n                                                </kendo-button>\n                                            </div>\n                                        }\n                                    }\n                                }\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Advanced Configuration Expansion Panel -->\n                <kendo-expansionpanel \n                    [expanded]=\"false\"\n                    style=\"margin-bottom: 12px;\">\n                    <ng-template kendoExpansionPanelTitleDirective>\n                        <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                            <i class=\"fa-solid fa-cogs\" style=\"color: #6c757d;\"></i>\n                            Advanced Configuration\n                        </span>\n                    </ng-template>\n                    \n                    <!-- Direct Content Projection -->\n                    <div style=\"padding: 16px 0;\">\n                        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                            \n                            <!-- Left Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ParallelizationMode\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                @if (showParallelCount) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelCount\"\n                                        Type=\"numerictextbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                @if (showParallelConfigParam) {\n                                    <mj-form-field \n                                        [record]=\"record\"\n                                        [ShowLabel]=\"true\"\n                                        FieldName=\"ParallelConfigParam\"\n                                        Type=\"textbox\"\n                                        [EditMode]=\"EditMode\">\n                                    </mj-form-field>\n                                }\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"OutputType\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                            </div>\n                            \n                            <!-- Right Column -->\n                            <div>\n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"ValidationBehavior\"\n                                    Type=\"dropdownlist\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <mj-form-field \n                                    [record]=\"record\"\n                                    [ShowLabel]=\"true\"\n                                    FieldName=\"EnableCaching\"\n                                    Type=\"checkbox\"\n                                    [EditMode]=\"EditMode\">\n                                </mj-form-field>\n                                \n                                <!-- Result Selector Prompt with Tree Selector -->\n                                <div style=\"margin-bottom: 16px;\">\n                                    <label style=\"display: block; margin-bottom: 4px; font-weight: 600; color: #495057; font-size: 0.9em;\">\n                                        Result Selector Prompt\n                                    </label>\n                                    @if (EditMode) {\n                                        @if (isLoadingResultSelectorData) {\n                                            <div style=\"padding: 8px; color: #6c757d; font-style: italic;\">\n                                                <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading prompts...\n                                            </div>\n                                        } @else {\n                                            <kendo-dropdowntree \n                                                [(ngModel)]=\"record.ResultSelectorPromptID\"\n                                                name=\"resultSelectorPromptID\"\n                                                [data]=\"resultSelectorTreeData\"\n                                                textField=\"text\"\n                                                valueField=\"value\"\n                                                [valuePrimitive]=\"true\"\n                                                [filterable]=\"true\"\n                                                placeholder=\"Select a result selector prompt...\"\n                                                style=\"width: 100%;\"\n                                                (valueChange)=\"onResultSelectorChange($event)\">\n                                            </kendo-dropdowntree>\n                                        }\n                                    } @else {\n                                        <span style=\"color: #495057;\">{{ getPromptDisplayName(record.ResultSelectorPromptID || '') || 'None selected' }}</span>\n                                    }\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </kendo-expansionpanel>\n\n                <!-- Output Example Expansion Panel (when OutputType = object) -->\n                @if (showOutputExample) {\n                    <kendo-expansionpanel \n                        [expanded]=\"true\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-code\" style=\"color: #6c757d;\"></i>\n                                Output Example (JSON)\n                                <span style=\"color: #dc3545; font-size: 0.8em; font-weight: normal;\">\u2022 Required for object output type</span>\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px;\">\n                            @if (EditMode) {\n                                <mj-code-editor \n                                    [(ngModel)]=\"record.OutputExample\"\n                                    name=\"outputExample\"\n                                    language=\"json\"\n                                    placeholder=\"Enter JSON example structure...\"\n                                    style=\"width: 100%; height: 200px; border: 1px solid #dee2e6; border-radius: 4px;\">\n                                </mj-code-editor>\n                                <div style=\"margin-top: 8px; color: #6c757d; font-size: 0.85em;\">\n                                    <i class=\"fa-solid fa-info-circle\"></i> Provide a JSON example that defines the expected structure for object output validation.\n                                </div>\n                            } @else if (record.OutputExample) {\n                                <div style=\"background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; font-family: 'Courier New', monospace; font-size: 0.9em; white-space: pre-wrap; overflow: auto; max-height: 250px;\">{{ record.OutputExample }}</div>\n                            } @else {\n                                <div style=\"background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 4px; padding: 12px; color: #856404; text-align: center;\">\n                                    <i class=\"fa-solid fa-exclamation-triangle\"></i> Output example is required when output type is 'object'\n                                </div>\n                            }\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Execution History Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-history\" style=\"color: #6c757d;\"></i>\n                                Execution History\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Prompt Runs','PromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('MJ: AI Prompt Runs')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \n                                [BottomMargin]=\"0\"\n                                style=\"height: 300px;\">\n                            </mj-user-view-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Cache Expansion Panel -->\n                @if (record.IsSaved && record.EnableCaching) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-database\" style=\"color: #6c757d;\"></i>\n                                Result Cache\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <mj-user-view-grid \n                                [Params]=\"BuildRelationshipViewParamsByEntityName('AI Result Cache','AIPromptID')\"  \n                                [NewRecordValues]=\"NewRecordValues('AI Result Cache')\"\n                                [AllowLoad]=\"true\"\n                                [EditMode]=\"GridEditMode()\"  \n                                [BottomMargin]=\"0\"\n                                style=\"height: 300px;\">\n                            </mj-user-view-grid>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n\n                <!-- Related Items Expansion Panel -->\n                @if (record.IsSaved) {\n                    <kendo-expansionpanel \n                        [expanded]=\"false\"\n                        style=\"margin-bottom: 12px;\">\n                        <ng-template kendoExpansionPanelTitleDirective>\n                            <span style=\"display: flex; align-items: center; gap: 8px; font-weight: 600;\">\n                                <i class=\"fa-solid fa-link\" style=\"color: #6c757d;\"></i>\n                                Related Items\n                            </span>\n                        </ng-template>\n                        \n                        <!-- Direct Content Projection -->\n                        <div style=\"padding: 16px 0;\">\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px;\">\n                                <!-- AI Agents -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">AI Agents Using This Prompt</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('MJ: AI Agent Prompts','PromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('MJ: AI Agent Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                                \n                                <!-- Result Selector References -->\n                                <div>\n                                    <h6 style=\"margin: 0 0 12px 0; color: #495057;\">Prompts Using This as Result Selector</h6>\n                                    <mj-user-view-grid \n                                        [Params]=\"BuildRelationshipViewParamsByEntityName('AI Prompts','ResultSelectorPromptID')\"  \n                                        [NewRecordValues]=\"NewRecordValues('AI Prompts')\"\n                                        [AllowLoad]=\"true\"\n                                        [EditMode]=\"GridEditMode()\"  \n                                        [BottomMargin]=\"0\"\n                                        style=\"height: 200px;\">\n                                    </mj-user-view-grid>\n                                </div>\n                            </div>\n                        </div>\n                    </kendo-expansionpanel>\n                }\n            </div>\n        </div>\n    </form>\n\n    <!-- AI Prompt Execution Dialog -->\n    <mj-ai-prompt-execution-dialog\n        [aiPrompt]=\"record\"\n        [(isVisible)]=\"showExecutionDialog\">\n    </mj-ai-prompt-execution-dialog>\n</div>", styles: [".record-form-container {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    padding: 10px;\n}\n\n.custom-toolbar-actions {\n    margin-left: auto;\n}\n\n.status-badge {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    font-weight: 500;\n    letter-spacing: 0.02em;\n}\n\n.config-summary {\n    position: sticky;\n    top: 0;\n    max-height: 600px;\n    overflow-y: auto;\n}\n\n.config-item {\n    padding: 8px 0;\n    border-bottom: 1px solid #e9ecef;\n}\n\n.config-item:last-child {\n    border-bottom: none;\n}\n\n.template-tab-content {\n    background: #fff;\n}\n\n.template-header h5 {\n    font-size: 1.1em;\n}\n\n.loading-state,\n.no-template-state,\n.invalid-template-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-template-state i,\n.invalid-template-state i {\n    opacity: 0.6;\n}\n\n.template-editor-container {\n    background: #fff;\n    border-radius: 6px;\n}\n\n/* Grid layout adjustments */\n@media (max-width: 1200px) {\n    .record-form-container .mj-tab-body > div {\n        grid-template-columns: 1fr !important;\n        gap: 20px;\n    }\n    \n    .config-summary {\n        order: -1;\n        position: static;\n        max-height: none;\n    }\n}\n\n/* Responsive toolbar */\n@media (max-width: 768px) {\n    .custom-toolbar-actions {\n        flex-direction: column;\n        gap: 4px !important;\n    }\n    \n    .status-badge {\n        align-self: flex-start;\n    }\n}\n\n/* Ensure proper spacing in form sections */\n.record-form-container mj-form-section {\n    padding: 16px;\n}\n\n/* Smooth transitions for better UX */\n.status-badge,\n.config-item,\n.template-header {\n    transition: all 0.2s ease;\n}\n\n.config-item:hover {\n    background-color: rgba(0,0,0,0.02);\n    border-radius: 4px;\n    margin: 0 -8px;\n    padding: 8px;\n}"] }]
+    }], null, { templateEditor: [{
+            type: ViewChild,
+            args: ['templateEditor']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIPromptFormComponentExtended, { className: "AIPromptFormComponentExtended", filePath: "src/lib/custom/AIPrompts/ai-prompt-form.component.ts", lineNumber: 16 }); })();
+export function LoadAIPromptFormComponentExtended() {
+    // This function ensures the class isn't tree-shaken and registers it with MemberJunction
+}
+//# sourceMappingURL=ai-prompt-form.component.js.map