@memberjunction/ng-core-entity-forms 5.21.0 → 5.23.0

package/dist/lib/custom/AIAgents/create-prompt-dialog.component.js

@@ -1,17 +1,14 @@
-import { Component, ViewChild } from '@angular/core';
+import { Component, ViewChild, Output, EventEmitter } from '@angular/core';
 import { FormControl, FormGroup, Validators } from '@angular/forms';
 import { Subject, BehaviorSubject, takeUntil } from 'rxjs';
 import { Metadata, RunView } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "../AIPrompts/ai-prompt-management.service";
-import * as i3 from "@angular/forms";
-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 "../../shared/components/template-editor.component";
-import * as i8 from "@angular/common";
+import * as i1 from "../AIPrompts/ai-prompt-management.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-ui-components";
+import * as i4 from "../../shared/components/template-editor.component";
+import * as i5 from "@angular/common";
 const _c0 = ["templateEditor"];
 const _c1 = () => ["Pending", "Active", "Disabled"];
 const _c2 = () => ["string", "object"];
@@ -105,14 +102,14 @@ function CreatePromptDialogComponent_Conditional_3_Template(rf, ctx) { if (rf &
     i0.ɵɵelement(8, "i", 18);
     i0.ɵɵtext(9, " Name ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "kendo-textbox", 19);
+    i0.ɵɵelement(10, "input", 19);
     i0.ɵɵconditionalCreate(11, CreatePromptDialogComponent_Conditional_3_Conditional_11_Template, 3, 0, "div", 20);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "div", 16)(13, "label", 21);
     i0.ɵɵelement(14, "i", 22);
     i0.ɵɵtext(15, " Type ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(16, "kendo-dropdownlist", 23);
+    i0.ɵɵelement(16, "mj-dropdown", 23);
     i0.ɵɵpipe(17, "async");
     i0.ɵɵconditionalCreate(18, CreatePromptDialogComponent_Conditional_3_Conditional_18_Template, 3, 0, "div", 20);
     i0.ɵɵelementEnd();
@@ -120,19 +117,19 @@ function CreatePromptDialogComponent_Conditional_3_Template(rf, ctx) { if (rf &
     i0.ɵɵelement(21, "i", 25);
     i0.ɵɵtext(22, " Status ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(23, "kendo-dropdownlist", 26);
+    i0.ɵɵelement(23, "mj-dropdown", 26);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(24, "div", 16)(25, "label", 27);
     i0.ɵɵelement(26, "i", 28);
     i0.ɵɵtext(27, " Output Type ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(28, "kendo-dropdownlist", 29);
+    i0.ɵɵelement(28, "mj-dropdown", 29);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(29, "div", 30)(30, "label", 31);
     i0.ɵɵelement(31, "i", 32);
     i0.ɵɵtext(32, " Description ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(33, "kendo-textarea", 33);
+    i0.ɵɵelement(33, "textarea", 33);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(34, "div", 13)(35, "h4", 14);
     i0.ɵɵelement(36, "i", 34);
@@ -165,16 +162,14 @@ function CreatePromptDialogComponent_Conditional_3_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(11);
     i0.ɵɵconditional(((tmp_2_0 = ctx_r1.promptForm.get("name")) == null ? null : tmp_2_0.invalid) && ((tmp_2_0 = ctx_r1.promptForm.get("name")) == null ? null : tmp_2_0.touched) ? 11 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("data", i0.ɵɵpipeBind1(17, 12, ctx_r1.availablePromptTypes$))("valuePrimitive", true);
+    i0.ɵɵproperty("Data", i0.ɵɵpipeBind1(17, 11, ctx_r1.availablePromptTypes$))("ValuePrimitive", true);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(((tmp_5_0 = ctx_r1.promptForm.get("typeID")) == null ? null : tmp_5_0.invalid) && ((tmp_5_0 = ctx_r1.promptForm.get("typeID")) == null ? null : tmp_5_0.touched) ? 18 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction0(14, _c1))("valuePrimitive", true);
+    i0.ɵɵproperty("Data", i0.ɵɵpureFunction0(13, _c1))("ValuePrimitive", true);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("data", i0.ɵɵpureFunction0(15, _c2))("valuePrimitive", true);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("rows", 3);
-    i0.ɵɵadvance(20);
+    i0.ɵɵproperty("Data", i0.ɵɵpureFunction0(14, _c2))("ValuePrimitive", true);
+    i0.ɵɵadvance(25);
     i0.ɵɵconditional(ctx_r1.showTemplateEditor && ctx_r1.templateEntity && ctx_r1.templateMode === "new" ? 53 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.templateEntity && ctx_r1.templateMode === "existing" ? 54 : -1);
@@ -199,8 +194,7 @@ function CreatePromptDialogComponent_Conditional_18_Template(rf, ctx) { if (rf &
  * This ensures atomicity with the parent form's save operation.
  */
 export class CreatePromptDialogComponent {
-    constructor(dialogRef, cdr, aiPromptManagementService) {
-        this.dialogRef = dialogRef;
+    constructor(cdr, aiPromptManagementService) {
         this.cdr = cdr;
         this.aiPromptManagementService = aiPromptManagementService;
         // Configuration
@@ -224,6 +218,7 @@ export class CreatePromptDialogComponent {
         };
         // Template state
         this.templateMode = 'new';
+        this.DialogClose = new EventEmitter();
         this.promptForm = this.createForm();
     }
     ngOnInit() {
@@ -358,7 +353,7 @@ export class CreatePromptDialogComponent {
                 templateContents: this.templateContents.length > 0 ? this.templateContents : undefined
             };
             this.result.next(result);
-            this.dialogRef.close();
+            this.DialogClose.emit();
         }
         catch (error) {
             console.error('Error preparing prompt for creation:', error);
@@ -370,7 +365,7 @@ export class CreatePromptDialogComponent {
     }
     cancel() {
         this.result.next(null);
-        this.dialogRef.close();
+        this.DialogClose.emit();
     }
     /**
      * Opens the template selector dialog to link an existing template
@@ -412,17 +407,17 @@ export class CreatePromptDialogComponent {
     get currentTemplate() {
         return this.templateEntity;
     }
-    static { this.ɵfac = function CreatePromptDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CreatePromptDialogComponent)(i0.ɵɵdirectiveInject(i1.WindowRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.AIPromptManagementService)); }; }
+    static { this.ɵfac = function CreatePromptDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CreatePromptDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.AIPromptManagementService)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CreatePromptDialogComponent, selectors: [["mj-create-prompt-dialog"]], viewQuery: function CreatePromptDialogComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.templateEditor = _t.first);
-        } }, standalone: false, decls: 19, vars: 13, consts: [["templateEditor", ""], [1, "create-prompt-dialog"], [1, "loading-state"], [1, "dialog-content", 3, "formGroup"], [1, "dialog-footer"], [1, "footer-left"], [1, "form-hint"], [1, "fa-solid", "fa-info-circle"], [1, "footer-right"], ["kendoButton", "", "look", "outline", 3, "click", "disabled"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], [1, "loading-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin", "fa-2x"], [1, "form-section"], [1, "section-title"], [1, "form-grid"], [1, "form-field"], ["for", "promptName", 1, "field-label", "required"], [1, "fa-solid", "fa-tag"], ["id", "promptName", "formControlName", "name", "placeholder", "Enter prompt name...", 1, "full-width"], [1, "field-error"], ["for", "promptType", 1, "field-label", "required"], [1, "fa-solid", "fa-category"], ["id", "promptType", "formControlName", "typeID", "textField", "Name", "valueField", "ID", "placeholder", "Select prompt type...", 1, "full-width", 3, "data", "valuePrimitive"], ["for", "promptStatus", 1, "field-label"], [1, "fa-solid", "fa-toggle-on"], ["id", "promptStatus", "formControlName", "status", 1, "full-width", 3, "data", "valuePrimitive"], ["for", "outputType", 1, "field-label"], [1, "fa-solid", "fa-file-code"], ["id", "outputType", "formControlName", "outputType", 1, "full-width", 3, "data", "valuePrimitive"], [1, "form-field", "full-width"], ["for", "promptDescription", 1, "field-label"], [1, "fa-solid", "fa-align-left"], ["id", "promptDescription", "formControlName", "description", "placeholder", "Enter prompt description (optional)...", 1, "full-width", 3, "rows"], [1, "fa-solid", "fa-file-alt"], [1, "template-mode-section"], [1, "field-label"], [1, "fa-solid", "fa-cog"], [1, "template-mode-options"], [1, "radio-option"], ["type", "radio", "id", "templateNew", "value", "new", "formControlName", "templateMode", 1, "radio-input"], ["for", "templateNew", 1, "radio-label"], [1, "fa-solid", "fa-plus-circle"], ["type", "radio", "id", "templateExisting", "value", "existing", "formControlName", "templateMode", 1, "radio-input"], ["for", "templateExisting", 1, "radio-label"], [1, "fa-solid", "fa-link"], [1, "template-editor-section"], [1, "existing-template-section"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "template-info"], [1, "template-name"], [1, "template-description"], [1, "template-editor-container"], [3, "contentChange", "template", "config"], [1, "existing-template-info"], [1, "template-header"], [1, "template-type-badge"], [1, "template-actions"], ["kendoButton", "", "look", "outline", "size", "small", 3, "click"], [1, "fa-solid", "fa-sync"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-plus"]], template: function CreatePromptDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, outputs: { DialogClose: "DialogClose" }, standalone: false, decls: 19, vars: 13, consts: [["templateEditor", ""], [1, "create-prompt-dialog"], [1, "loading-state"], [1, "dialog-content", 3, "formGroup"], [1, "dialog-footer"], [1, "footer-left"], [1, "form-hint"], [1, "fa-solid", "fa-info-circle"], [1, "footer-right"], ["mjButton", "", "variant", "flat", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "loading-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin", "fa-2x"], [1, "form-section"], [1, "section-title"], [1, "form-grid"], [1, "form-field"], ["for", "promptName", 1, "field-label", "required"], [1, "fa-solid", "fa-tag"], ["id", "promptName", "formControlName", "name", "placeholder", "Enter prompt name...", 1, "mj-input", "full-width"], [1, "field-error"], ["for", "promptType", 1, "field-label", "required"], [1, "fa-solid", "fa-category"], ["id", "promptType", "formControlName", "typeID", "TextField", "Name", "ValueField", "ID", "Placeholder", "Select prompt type...", 1, "full-width", 3, "Data", "ValuePrimitive"], ["for", "promptStatus", 1, "field-label"], [1, "fa-solid", "fa-toggle-on"], ["id", "promptStatus", "formControlName", "status", 1, "full-width", 3, "Data", "ValuePrimitive"], ["for", "outputType", 1, "field-label"], [1, "fa-solid", "fa-file-code"], ["id", "outputType", "formControlName", "outputType", 1, "full-width", 3, "Data", "ValuePrimitive"], [1, "form-field", "full-width"], ["for", "promptDescription", 1, "field-label"], [1, "fa-solid", "fa-align-left"], ["id", "promptDescription", "formControlName", "description", "placeholder", "Enter prompt description (optional)...", "rows", "3", 1, "mj-textarea", "full-width"], [1, "fa-solid", "fa-file-alt"], [1, "template-mode-section"], [1, "field-label"], [1, "fa-solid", "fa-cog"], [1, "template-mode-options"], [1, "radio-option"], ["type", "radio", "id", "templateNew", "value", "new", "formControlName", "templateMode", 1, "radio-input"], ["for", "templateNew", 1, "radio-label"], [1, "fa-solid", "fa-plus-circle"], ["type", "radio", "id", "templateExisting", "value", "existing", "formControlName", "templateMode", 1, "radio-input"], ["for", "templateExisting", 1, "radio-label"], [1, "fa-solid", "fa-link"], [1, "template-editor-section"], [1, "existing-template-section"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "template-info"], [1, "template-name"], [1, "template-description"], [1, "template-editor-container"], [3, "contentChange", "template", "config"], [1, "existing-template-info"], [1, "template-header"], [1, "template-type-badge"], [1, "template-actions"], ["mjButton", "", "variant", "flat", 3, "click"], [1, "fa-solid", "fa-sync"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-plus"]], template: function CreatePromptDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵconditionalCreate(1, CreatePromptDialogComponent_Conditional_1_Template, 5, 0, "div", 2);
             i0.ɵɵpipe(2, "async");
-            i0.ɵɵconditionalBranchCreate(3, CreatePromptDialogComponent_Conditional_3_Template, 55, 16, "form", 3);
+            i0.ɵɵconditionalBranchCreate(3, CreatePromptDialogComponent_Conditional_3_Template, 55, 15, "form", 3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "span", 6);
             i0.ɵɵelement(7, "i", 7);
@@ -451,14 +446,16 @@ export class CreatePromptDialogComponent {
             i0.ɵɵproperty("disabled", !ctx.promptForm.valid || (i0.ɵɵpipeBind1(15, 9, ctx.isSaving$) || false));
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(i0.ɵɵpipeBind1(17, 11, ctx.isSaving$) ? 16 : 18);
-        } }, dependencies: [i3.ɵNgNoValidate, i3.DefaultValueAccessor, i3.RadioControlValueAccessor, i3.NgControlStatus, i3.NgControlStatusGroup, i3.FormGroupDirective, i3.FormControlName, i4.TextBoxComponent, i4.TextAreaComponent, i5.DropDownListComponent, i6.ButtonComponent, i7.TemplateEditorComponent, i8.AsyncPipe], styles: ["\n\n.create-prompt-dialog[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\n\n.field-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required[_ngcontent-%COMP%]::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.full-width[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.field-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.template-mode-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.template-mode-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.radio-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.template-editor-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.template-name[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n\n\n.existing-template-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right[_ngcontent-%COMP%] {\n    justify-content: stretch;\n  }\n\n  .footer-right[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n}\n\n\n\n[_nghost-%COMP%]     .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n[_nghost-%COMP%]     .template-editor-container .template-editor-help {\n  display: none; \n\n}"] }); }
+        } }, dependencies: [i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.MJButtonDirective, i3.MJDropdownComponent, i4.TemplateEditorComponent, i5.AsyncPipe], styles: ["\n\n.create-prompt-dialog[_ngcontent-%COMP%] {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n\n\n[_nghost-%COMP%]     .k-dialog, \n[_nghost-%COMP%]     .k-window {\n  z-index: 10000 !important;\n}\n\n[_nghost-%COMP%]     .k-overlay {\n  z-index: 9999 !important;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n\n\n.form-section[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.form-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width[_ngcontent-%COMP%] {\n  grid-column: 1 / -1;\n}\n\n\n\n.field-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required[_ngcontent-%COMP%]::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.full-width[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.field-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n.template-mode-section[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.template-mode-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input[_ngcontent-%COMP%] {\n  margin: 0;\n}\n\n.radio-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label[_ngcontent-%COMP%]:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.template-editor-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.template-name[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n\n\n.existing-template-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n.dialog-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .form-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right[_ngcontent-%COMP%] {\n    justify-content: stretch;\n  }\n\n  .footer-right[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n}\n\n\n\n[_nghost-%COMP%]     .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n[_nghost-%COMP%]     .template-editor-container .template-editor-help {\n  display: none; \n\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CreatePromptDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-create-prompt-dialog', template: "<!-- Create Prompt Dialog -->\n<div class=\"create-prompt-dialog\">\n  \n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-state\">\n      <div class=\"loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin fa-2x\"></i>\n      </div>\n      <p>Loading prompt creation form...</p>\n    </div>\n  } @else {\n    \n    <!-- Form Content -->\n    <form [formGroup]=\"promptForm\" class=\"dialog-content\">\n      \n      <!-- Basic Prompt Information -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h4>\n        \n        <div class=\"form-grid\">\n          \n          <!-- Name Field -->\n          <div class=\"form-field\">\n            <label for=\"promptName\" class=\"field-label required\">\n              <i class=\"fa-solid fa-tag\"></i>\n              Name\n            </label>\n            <kendo-textbox \n              id=\"promptName\"\n              formControlName=\"name\"\n              placeholder=\"Enter prompt name...\"\n              class=\"full-width\">\n            </kendo-textbox>\n            @if (promptForm.get('name')?.invalid && promptForm.get('name')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Name is required\n              </div>\n            }\n          </div>\n\n          <!-- Type Field -->\n          <div class=\"form-field\">\n            <label for=\"promptType\" class=\"field-label required\">\n              <i class=\"fa-solid fa-category\"></i>\n              Type\n            </label>\n            <kendo-dropdownlist \n              id=\"promptType\"\n              formControlName=\"typeID\"\n              [data]=\"availablePromptTypes$ | async\"\n              textField=\"Name\"\n              valueField=\"ID\"\n              [valuePrimitive]=\"true\"\n              placeholder=\"Select prompt type...\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n            @if (promptForm.get('typeID')?.invalid && promptForm.get('typeID')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Type is required\n              </div>\n            }\n          </div>\n\n          <!-- Status Field -->\n          <div class=\"form-field\">\n            <label for=\"promptStatus\" class=\"field-label\">\n              <i class=\"fa-solid fa-toggle-on\"></i>\n              Status\n            </label>\n            <kendo-dropdownlist \n              id=\"promptStatus\"\n              formControlName=\"status\"\n              [data]=\"['Pending', 'Active', 'Disabled']\"\n              [valuePrimitive]=\"true\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n          </div>\n\n          <!-- Output Type Field -->\n          <div class=\"form-field\">\n            <label for=\"outputType\" class=\"field-label\">\n              <i class=\"fa-solid fa-file-code\"></i>\n              Output Type\n            </label>\n            <kendo-dropdownlist \n              id=\"outputType\"\n              formControlName=\"outputType\"\n              [data]=\"['string', 'object']\"\n              [valuePrimitive]=\"true\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n          </div>\n\n        </div>\n\n        <!-- Description Field -->\n        <div class=\"form-field full-width\">\n          <label for=\"promptDescription\" class=\"field-label\">\n            <i class=\"fa-solid fa-align-left\"></i>\n            Description\n          </label>\n          <kendo-textarea \n            id=\"promptDescription\"\n            formControlName=\"description\"\n            placeholder=\"Enter prompt description (optional)...\"\n            [rows]=\"3\"\n            class=\"full-width\">\n          </kendo-textarea>\n        </div>\n\n      </div>\n\n      <!-- Template Configuration -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Template Configuration\n        </h4>\n        \n        <div class=\"template-mode-section\">\n          <label class=\"field-label\">\n            <i class=\"fa-solid fa-cog\"></i>\n            Template Mode\n          </label>\n          \n          <div class=\"template-mode-options\">\n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateNew\" \n                     value=\"new\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateNew\" class=\"radio-label\">\n                <i class=\"fa-solid fa-plus-circle\"></i>\n                Create New Template\n              </label>\n            </div>\n            \n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateExisting\" \n                     value=\"existing\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateExisting\" class=\"radio-label\">\n                <i class=\"fa-solid fa-link\"></i>\n                Link Existing Template\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <!-- Template Editor Section (New Template) -->\n        @if (showTemplateEditor && templateEntity && templateMode === 'new') {\n          <div class=\"template-editor-section\">\n            <div class=\"template-info\">\n              <h5 class=\"template-name\">\n                <i class=\"fa-solid fa-file-code\"></i>\n                {{ templateEntity.Name }}\n              </h5>\n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n            </div>\n            \n            <div class=\"template-editor-container\">\n              <mj-template-editor \n                #templateEditor\n                [template]=\"templateEntity\"\n                [config]=\"templateEditorConfig\"\n                (contentChange)=\"onTemplateContentChange($event)\">\n              </mj-template-editor>\n            </div>\n          </div>\n        }\n        \n        <!-- Existing Template Display -->\n        @if (templateEntity && templateMode === 'existing') {\n          <div class=\"existing-template-section\">\n            <div class=\"existing-template-info\">\n              <div class=\"template-header\">\n                <h5 class=\"template-name\">\n                  <i class=\"fa-solid fa-link\"></i>\n                  {{ templateEntity.Name }}\n                </h5>\n                <span class=\"template-type-badge\">\n                  <i class=\"fa-solid fa-tag\"></i>\n                  Existing Template\n                </span>\n              </div>\n              \n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n              \n              <div class=\"template-actions\">\n                <button kendoButton \n                        look=\"outline\" \n                        size=\"small\"\n                        (click)=\"handleTemplateModeChange('existing')\">\n                  <i class=\"fa-solid fa-sync\"></i>\n                  Change Template\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n      </div>\n\n    </form>\n\n  }\n\n</div>\n\n<!-- Dialog Footer -->\n<div class=\"dialog-footer\">\n  <div class=\"footer-left\">\n    <span class=\"form-hint\">\n      <i class=\"fa-solid fa-info-circle\"></i>\n      @if (templateMode === 'new') {\n        Created prompts and templates will be saved when you save the AI Agent\n      } @else {\n        Created prompt will be linked to existing template when you save the AI Agent\n      }\n    </span>\n  </div>\n  \n  <div class=\"footer-right\">\n    <button kendoButton \n            look=\"outline\"\n            (click)=\"cancel()\"\n            [disabled]=\"(isSaving$ | async) || false\">\n      Cancel\n    </button>\n    \n    <button kendoButton \n            themeColor=\"primary\"\n            (click)=\"save()\"\n            [disabled]=\"!promptForm.valid || ((isSaving$ | async) || false)\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-plus\"></i>\n        Create Prompt\n      }\n    </button>\n  </div>\n</div>", styles: ["/* Create Prompt Dialog Styles */\n.create-prompt-dialog {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Ensure dialog appears above banner and other elements */\n:host ::ng-deep .k-dialog,\n:host ::ng-deep .k-window {\n  z-index: 10000 !important;\n}\n\n:host ::ng-deep .k-overlay {\n  z-index: 9999 !important;\n}\n\n/* Loading State */\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n/* Dialog Content */\n.dialog-content {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n/* Form Sections */\n.form-section {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n/* Form Grid Layout */\n.form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width {\n  grid-column: 1 / -1;\n}\n\n/* Field Labels */\n.field-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label i {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n/* Form Controls */\n.full-width {\n  width: 100%;\n}\n\n/* Field Errors */\n.field-error {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error i {\n  font-size: 11px;\n}\n\n/* Template Mode Section */\n.template-mode-section {\n  margin-bottom: 16px;\n}\n\n.template-mode-options {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input {\n  margin: 0;\n}\n\n.radio-label {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label i {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n/* Template Editor Section */\n.template-editor-section {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info {\n  margin-bottom: 12px;\n}\n\n.template-name {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n/* Existing Template Section */\n.existing-template-section {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left {\n  flex: 1;\n}\n\n.footer-right {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint i {\n  color: var(--mj-brand-primary);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .form-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right {\n    justify-content: stretch;\n  }\n\n  .footer-right button {\n    flex: 1;\n  }\n}\n\n/* Compact Template Editor Styles */\n:host ::ng-deep .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n:host ::ng-deep .template-editor-container .template-editor-help {\n  display: none; /* Hide help section in compact mode */\n}\n"] }]
-    }], () => [{ type: i1.WindowRef }, { type: i0.ChangeDetectorRef }, { type: i2.AIPromptManagementService }], { templateEditor: [{
+        args: [{ standalone: false, selector: 'mj-create-prompt-dialog', template: "<!-- Create Prompt Dialog -->\n<div class=\"create-prompt-dialog\">\n  \n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-state\">\n      <div class=\"loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin fa-2x\"></i>\n      </div>\n      <p>Loading prompt creation form...</p>\n    </div>\n  } @else {\n    \n    <!-- Form Content -->\n    <form [formGroup]=\"promptForm\" class=\"dialog-content\">\n      \n      <!-- Basic Prompt Information -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h4>\n        \n        <div class=\"form-grid\">\n          \n          <!-- Name Field -->\n          <div class=\"form-field\">\n            <label for=\"promptName\" class=\"field-label required\">\n              <i class=\"fa-solid fa-tag\"></i>\n              Name\n            </label>\n            <input\n              id=\"promptName\"\n              class=\"mj-input full-width\"\n              formControlName=\"name\"\n              placeholder=\"Enter prompt name...\">\n            @if (promptForm.get('name')?.invalid && promptForm.get('name')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Name is required\n              </div>\n            }\n          </div>\n\n          <!-- Type Field -->\n          <div class=\"form-field\">\n            <label for=\"promptType\" class=\"field-label required\">\n              <i class=\"fa-solid fa-category\"></i>\n              Type\n            </label>\n            <mj-dropdown\n              id=\"promptType\"\n              formControlName=\"typeID\"\n              [Data]=\"availablePromptTypes$ | async\"\n              TextField=\"Name\"\n              ValueField=\"ID\"\n              [ValuePrimitive]=\"true\"\n              Placeholder=\"Select prompt type...\"\n              class=\"full-width\">\n            </mj-dropdown>\n            @if (promptForm.get('typeID')?.invalid && promptForm.get('typeID')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Type is required\n              </div>\n            }\n          </div>\n\n          <!-- Status Field -->\n          <div class=\"form-field\">\n            <label for=\"promptStatus\" class=\"field-label\">\n              <i class=\"fa-solid fa-toggle-on\"></i>\n              Status\n            </label>\n            <mj-dropdown\n              id=\"promptStatus\"\n              formControlName=\"status\"\n              [Data]=\"['Pending', 'Active', 'Disabled']\"\n              [ValuePrimitive]=\"true\"\n              class=\"full-width\">\n            </mj-dropdown>\n          </div>\n\n          <!-- Output Type Field -->\n          <div class=\"form-field\">\n            <label for=\"outputType\" class=\"field-label\">\n              <i class=\"fa-solid fa-file-code\"></i>\n              Output Type\n            </label>\n            <mj-dropdown\n              id=\"outputType\"\n              formControlName=\"outputType\"\n              [Data]=\"['string', 'object']\"\n              [ValuePrimitive]=\"true\"\n              class=\"full-width\">\n            </mj-dropdown>\n          </div>\n\n        </div>\n\n        <!-- Description Field -->\n        <div class=\"form-field full-width\">\n          <label for=\"promptDescription\" class=\"field-label\">\n            <i class=\"fa-solid fa-align-left\"></i>\n            Description\n          </label>\n          <textarea\n            id=\"promptDescription\"\n            class=\"mj-textarea full-width\"\n            formControlName=\"description\"\n            placeholder=\"Enter prompt description (optional)...\"\n            rows=\"3\"></textarea>\n        </div>\n\n      </div>\n\n      <!-- Template Configuration -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Template Configuration\n        </h4>\n        \n        <div class=\"template-mode-section\">\n          <label class=\"field-label\">\n            <i class=\"fa-solid fa-cog\"></i>\n            Template Mode\n          </label>\n          \n          <div class=\"template-mode-options\">\n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateNew\" \n                     value=\"new\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateNew\" class=\"radio-label\">\n                <i class=\"fa-solid fa-plus-circle\"></i>\n                Create New Template\n              </label>\n            </div>\n            \n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateExisting\" \n                     value=\"existing\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateExisting\" class=\"radio-label\">\n                <i class=\"fa-solid fa-link\"></i>\n                Link Existing Template\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <!-- Template Editor Section (New Template) -->\n        @if (showTemplateEditor && templateEntity && templateMode === 'new') {\n          <div class=\"template-editor-section\">\n            <div class=\"template-info\">\n              <h5 class=\"template-name\">\n                <i class=\"fa-solid fa-file-code\"></i>\n                {{ templateEntity.Name }}\n              </h5>\n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n            </div>\n            \n            <div class=\"template-editor-container\">\n              <mj-template-editor \n                #templateEditor\n                [template]=\"templateEntity\"\n                [config]=\"templateEditorConfig\"\n                (contentChange)=\"onTemplateContentChange($event)\">\n              </mj-template-editor>\n            </div>\n          </div>\n        }\n        \n        <!-- Existing Template Display -->\n        @if (templateEntity && templateMode === 'existing') {\n          <div class=\"existing-template-section\">\n            <div class=\"existing-template-info\">\n              <div class=\"template-header\">\n                <h5 class=\"template-name\">\n                  <i class=\"fa-solid fa-link\"></i>\n                  {{ templateEntity.Name }}\n                </h5>\n                <span class=\"template-type-badge\">\n                  <i class=\"fa-solid fa-tag\"></i>\n                  Existing Template\n                </span>\n              </div>\n              \n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n              \n              <div class=\"template-actions\">\n                <button mjButton\n                        variant=\"flat\"\n                        (click)=\"handleTemplateModeChange('existing')\">\n                  <i class=\"fa-solid fa-sync\"></i>\n                  Change Template\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n      </div>\n\n    </form>\n\n  }\n\n</div>\n\n<!-- Dialog Footer -->\n<div class=\"dialog-footer\">\n  <div class=\"footer-left\">\n    <span class=\"form-hint\">\n      <i class=\"fa-solid fa-info-circle\"></i>\n      @if (templateMode === 'new') {\n        Created prompts and templates will be saved when you save the AI Agent\n      } @else {\n        Created prompt will be linked to existing template when you save the AI Agent\n      }\n    </span>\n  </div>\n  \n  <div class=\"footer-right\">\n    <button mjButton\n            variant=\"flat\"\n            (click)=\"cancel()\"\n            [disabled]=\"(isSaving$ | async) || false\">\n      Cancel\n    </button>\n\n    <button mjButton\n            variant=\"primary\"\n            (click)=\"save()\"\n            [disabled]=\"!promptForm.valid || ((isSaving$ | async) || false)\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-plus\"></i>\n        Create Prompt\n      }\n    </button>\n  </div>\n</div>", styles: ["/* Create Prompt Dialog Styles */\n.create-prompt-dialog {\n  padding: 0;\n  min-height: 400px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Ensure dialog appears above banner and other elements */\n:host ::ng-deep .k-dialog,\n:host ::ng-deep .k-window {\n  z-index: 10000 !important;\n}\n\n:host ::ng-deep .k-overlay {\n  z-index: 9999 !important;\n}\n\n/* Loading State */\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n}\n\n.loading-spinner {\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n\n/* Dialog Content */\n.dialog-content {\n  flex: 1;\n  padding: 20px;\n  overflow-y: auto;\n  max-height: 70vh;\n}\n\n/* Form Sections */\n.form-section {\n  margin-bottom: 24px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  padding: 16px;\n  background: var(--mj-bg-surface-card);\n}\n\n.section-title {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.section-title i {\n  color: var(--mj-brand-primary);\n}\n\n/* Form Grid Layout */\n.form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.form-field.full-width {\n  grid-column: 1 / -1;\n}\n\n/* Field Labels */\n.field-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.field-label.required::after {\n  content: '*';\n  color: var(--mj-status-error);\n  margin-left: 2px;\n}\n\n.field-label i {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n/* Form Controls */\n.full-width {\n  width: 100%;\n}\n\n/* Field Errors */\n.field-error {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-status-error);\n  margin-top: 4px;\n}\n\n.field-error i {\n  font-size: 11px;\n}\n\n/* Template Mode Section */\n.template-mode-section {\n  margin-bottom: 16px;\n}\n\n.template-mode-options {\n  display: flex;\n  gap: 16px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n\n.radio-option {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.radio-input {\n  margin: 0;\n}\n\n.radio-label {\n  font-size: 13px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n}\n\n.radio-label:hover {\n  background-color: var(--mj-bg-surface-sunken);\n}\n\n.radio-label i {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n/* Template Editor Section */\n.template-editor-section {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.template-info {\n  margin-bottom: 12px;\n}\n\n.template-name {\n  margin: 0 0 4px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.template-description {\n  margin: 0;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.template-editor-container {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  overflow: hidden;\n  min-height: 200px;\n}\n\n/* Existing Template Section */\n.existing-template-section {\n  margin-top: 16px;\n  padding: 16px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  background: var(--mj-bg-surface);\n}\n\n.existing-template-info {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.template-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.template-type-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 8px;\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.template-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* Dialog Footer */\n.dialog-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  gap: 16px;\n}\n\n.footer-left {\n  flex: 1;\n}\n\n.footer-right {\n  display: flex;\n  gap: 8px;\n}\n\n.form-hint {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.form-hint i {\n  color: var(--mj-brand-primary);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .form-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .template-mode-options {\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .dialog-footer {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 12px;\n  }\n\n  .footer-right {\n    justify-content: stretch;\n  }\n\n  .footer-right button {\n    flex: 1;\n  }\n}\n\n/* Compact Template Editor Styles */\n:host ::ng-deep .template-editor-container mj-template-editor {\n  --template-editor-min-height: 200px;\n}\n\n:host ::ng-deep .template-editor-container .template-editor-help {\n  display: none; /* Hide help section in compact mode */\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.AIPromptManagementService }], { templateEditor: [{
             type: ViewChild,
             args: ['templateEditor']
+        }], DialogClose: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CreatePromptDialogComponent, { className: "CreatePromptDialogComponent", filePath: "src/lib/custom/AIAgents/create-prompt-dialog.component.ts", lineNumber: 42 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CreatePromptDialogComponent, { className: "CreatePromptDialogComponent", filePath: "src/lib/custom/AIAgents/create-prompt-dialog.component.ts", lineNumber: 41 }); })();
 //# sourceMappingURL=create-prompt-dialog.component.js.map

package/dist/lib/custom/AIAgents/create-prompt-dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-prompt-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.ts","../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAwC,SAAS,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;;;;;;;;;;;;;;ICDnE,AADF,8BAA2B,cACI;IAC3B,wBAAiD;IACnD,iBAAM;IACN,yBAAG;IAAA,+CAA+B;IACpC,AADoC,iBAAI,EAClC;;;IA4BI,+BAAyB;IACvB,wBAAgD;IAChD,kCACF;IAAA,iBAAM;;;IAqBN,+BAAyB;IACvB,wBAAgD;IAChD,kCACF;IAAA,iBAAM;;;IAsGJ,6BAAgC;IAAA,YAAgC;IAAA,iBAAI;;;IAApC,cAAgC;IAAhC,uDAAgC;;;;IALlE,AADF,AADF,+BAAqC,cACR,aACC;IACxB,wBAAqC;IACrC,YACF;IAAA,iBAAK;IACL,yHAAkC;IAGpC,iBAAM;IAGJ,AADF,+BAAuC,gCAKe;IAAlD,iPAAiB,sCAA+B,KAAC;IAGvD,AADE,AADE,iBAAqB,EACjB,EACF;;;IAfA,eACF;IADE,2DACF;IACA,cAEC;IAFD,4DAEC;IAMC,eAA2B;IAC3B,AADA,gDAA2B,uCACI;;;IAuB/B,6BAAgC;IAAA,YAAgC;IAAA,iBAAI;;;IAApC,cAAgC;IAAhC,uDAAgC;;;;IAXhE,AADF,AADF,AADF,+BAAuC,cACD,cACL,aACD;IACxB,wBAAgC;IAChC,YACF;IAAA,iBAAK;IACL,gCAAkC;IAChC,wBAA+B;IAC/B,mCACF;IACF,AADE,iBAAO,EACH;IAEN,yHAAkC;IAKhC,AADF,gCAA8B,kBAI2B;IAA/C,gNAAS,gCAAyB,UAAU,CAAC,KAAC;IACpD,yBAAgC;IAChC,kCACF;IAGN,AADE,AADE,AADE,iBAAS,EACL,EACF,EACF;;;IAtBE,eACF;IADE,2DACF;IAOF,eAEC;IAFD,4DAEC;;;IArLP,AADF,AAHF,+BAAsD,cAG1B,aACE;IACxB,uBAAuC;IACvC,mCACF;IAAA,iBAAK;IAMD,AADF,AAHF,+BAAuB,cAGG,gBAC+B;IACnD,wBAA+B;IAC/B,sBACF;IAAA,iBAAQ;IACR,qCAKgB;IAChB,8GAA0E;IAM5E,iBAAM;IAIJ,AADF,gCAAwB,iBAC+B;IACnD,yBAAoC;IACpC,uBACF;IAAA,iBAAQ;IACR,0CASqB;;IACrB,8GAA8E;IAMhF,iBAAM;IAIJ,AADF,gCAAwB,iBACwB;IAC5C,yBAAqC;IACrC,yBACF;IAAA,iBAAQ;IACR,0CAMqB;IACvB,iBAAM;IAIJ,AADF,gCAAwB,iBACsB;IAC1C,yBAAqC;IACrC,8BACF;IAAA,iBAAQ;IACR,0CAMqB;IAGzB,AAFE,iBAAM,EAEF;IAIJ,AADF,gCAAmC,iBACkB;IACjD,yBAAsC;IACtC,8BACF;IAAA,iBAAQ;IACR,sCAMiB;IAGrB,AAFE,iBAAM,EAEF;IAIJ,AADF,gCAA0B,cACE;IACxB,yBAAoC;IACpC,yCACF;IAAA,iBAAK;IAGH,AADF,gCAAmC,iBACN;IACzB,yBAA+B;IAC/B,gCACF;IAAA,iBAAQ;IAGN,AADF,gCAAmC,eACP;IACxB,6BAI2B;IAC3B,kCAA6C;IAC3C,yBAAuC;IACvC,sCACF;IACF,AADE,iBAAQ,EACJ;IAEN,gCAA0B;IACxB,6BAI2B;IAC3B,kCAAkD;IAChD,yBAAgC;IAChC,yCACF;IAGN,AADE,AADE,AADE,iBAAQ,EACJ,EACF,EACF;IAGN,8GAAsE;IAwBtE,+GAAqD;IAiCzD,AAFE,iBAAM,EAED;;;;;IA1MD,6CAAwB;IAuBtB,gBAKC;IALD,wLAKC;IAYC,eAAsC;IAGtC,AAHA,2EAAsC,wBAGf;IAIzB,eAKC;IALD,4LAKC;IAYC,eAA0C;IAC1C,AADA,kDAA0C,wBACnB;IAcvB,eAA6B;IAC7B,AADA,kDAA6B,wBACN;IAiBzB,eAAU;IAAV,wBAAU;IAgDd,gBAqBC;IArBD,+GAqBC;IAGD,cA6BC;IA7BD,uFA6BC;;;IAgBD,wFACF;;;IACE,+FACF;;;IAiBE,wBAA2C;IAC3C,6BACF;;;IACE,wBAAgC;IAChC,+BACF;;AD/NN;;;;GAIG;AAOH,MAAM,OAAO,2BAA2B;IAkCtC,YACU,SAAoB,EACpB,GAAsB,EACtB,yBAAoD;QAFpD,cAAS,GAAT,SAAS,CAAW;QACpB,QAAG,GAAH,GAAG,CAAmB;QACtB,8BAAyB,GAAzB,yBAAyB,CAA2B;QAnC9D,gBAAgB;QAChB,WAAM,GAAuB,EAAE,CAAC;QAEhC,mBAAmB;QACX,aAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;QAChC,WAAM,GAAG,IAAI,OAAO,EAA6B,CAAC;QAIzD,eAAU,GAAG,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC;QACjD,cAAS,GAAG,IAAI,eAAe,CAAU,KAAK,CAAC,CAAC;QAEhD,OAAO;QACP,0BAAqB,GAAG,IAAI,eAAe,CAAyB,EAAE,CAAC,CAAC;QAExE,mCAAmC;QACnC,iBAAY,GAAoC,IAAI,CAAC;QACrD,mBAAc,GAA4B,IAAI,CAAC;QAC/C,qBAAgB,GAA8B,EAAE,CAAC;QAIjD,uBAAkB,GAAG,KAAK,CAAC;QAC3B,yBAAoB,GAAyB;YAC3C,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,IAAI,CAAE,0BAA0B;SAC9C,CAAC;QAEF,iBAAiB;QACjB,iBAAY,GAAuB,KAAK,CAAC;QAOvC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;IACtC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,SAAS,CAAC;YACnB,IAAI,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC3E,WAAW,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;YAChC,MAAM,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YAC/E,MAAM,EAAE,IAAI,WAAW,CAAC,SAAS,CAAC;YAClC,UAAU,EAAE,IAAI,WAAW,CAAC,QAAQ,CAAC;YACrC,YAAY,EAAE,IAAI,WAAW,CAAC,KAAK,CAAC;SACrC,CAAC,CAAC;IACL,CAAC;IAEO,iBAAiB;QACvB,8BAA8B;QAC9B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,YAAY;aAC9C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,IAAI,CAAC,EAAE;YAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,KAAK,CAAC,eAAe;QAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE3B,IAAI,CAAC;YACH,oBAAoB;YACpB,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,WAAW,GAAG,MAAM,EAAE,CAAC,OAAO,CAAuB;gBACzD,UAAU,EAAE,qBAAqB;gBACjC,OAAO,EAAE,UAAU;gBACnB,UAAU,EAAE,eAAe;aAC5B,CAAC,CAAC;YAEH,IAAI,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBAErD,oCAAoC;gBACpC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBACjE,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBACpE,CAAC;YACH,CAAC;YAED,2BAA2B;YAC3B,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;YAC1B,IAAI,CAAC,YAAY,GAAG,MAAM,EAAE,CAAC,eAAe,CAA2B,gBAAgB,CAAC,CAAC;YACzF,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,CAAC;YAE9B,qBAAqB;YACrB,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC;YACrC,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,QAAQ,CAAC;YACxC,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,MAAM,CAAC;YAC9C,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,KAAK,CAAC;YAExC,8CAA8C;YAC9C,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAEjC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qCAAqC,EAAE,KAAK,CAAC,CAAC;YAC5D,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,wCAAwC,EACxC,OAAO,EACP,IAAI,CACL,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,wBAAwB,CAAC,IAAY;QAChD,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACjC,CAAC;aAAM,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YAC/B,MAAM,IAAI,CAAC,oBAAoB,EAAE,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC3B,CAAC;IAEO,KAAK,CAAC,iBAAiB;QAC7B,IAAI,CAAC,IAAI,CAAC,YAAY;YAAE,OAAO;QAE/B,IAAI,CAAC;YACH,MAAM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;YAE1B,yBAAyB;YACzB,IAAI,CAAC,cAAc,GAAG,MAAM,EAAE,CAAC,eAAe,CAAmB,eAAe,CAAC,CAAC;YAClF,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;YAEhC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,YAAY,CAAC;YACtE,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,GAAG,UAAU,WAAW,CAAC;YACpD,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,gBAAgB,UAAU,EAAE,CAAC;YAC/D,0CAA0C;YAC1C,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;YAE/C,0BAA0B;YAC1B,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;QAExD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;YACrD,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,yBAAyB,EACzB,OAAO,EACP,IAAI,CACL,CAAC;QACJ,CAAC;IACH,CAAC;IAEM,uBAAuB,CAAC,QAAmC;QAChE,IAAI,CAAC,gBAAgB,GAAG,QAAQ,IAAI,EAAE,CAAC;IACzC,CAAC;IAEM,KAAK,CAAC,IAAI;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACjD,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,oCAAoC,EACpC,SAAS,EACT,IAAI,CACL,CAAC;YACF,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1B,IAAI,CAAC;YACH,wCAAwC;YACxC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACxC,IAAI,CAAC,YAAY,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;YACxC,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC;YAC5D,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;YAC5C,IAAI,CAAC,YAAY,CAAC,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC;YAEpD,qDAAqD;YACrD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBACnD,2DAA2D;gBAC3D,yDAAyD;gBACzD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,IAAI,EAAE,CAAC;gBAEnE,2DAA2D;gBAC3D,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;oBACjD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;wBACtC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,cAAe,CAAC,EAAE,CAAC;oBAC/C,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;YAED,sDAAsD;YACtD,MAAM,MAAM,GAAuB;gBACjC,MAAM,EAAE,IAAI,CAAC,YAAY;gBACzB,QAAQ,EAAE,IAAI,CAAC,cAAc,IAAI,SAAS;gBAC1C,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;aACvF,CAAC;YAEF,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QAEzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,sCAAsC,EAAE,KAAK,CAAC,CAAC;YAC7D,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,qCAAqC,EACrC,OAAO,EACP,IAAI,CACL,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAEM,MAAM;QACX,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,oBAAoB;QAChC,MAAM,MAAM,GAA2B;YACrC,KAAK,EAAE,+BAA+B;YACtC,aAAa,EAAE,KAAK;YACpB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,IAAI;SACrB,CAAC;QAEF,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,yBAAyB,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC;YAEnG,IAAI,MAAM,IAAI,MAAM,CAAC,iBAAiB,IAAI,MAAM,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC9E,6BAA6B;gBAC7B,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;gBAClD,IAAI,CAAC,YAAa,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;gBAEvD,2CAA2C;gBAC3C,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;gBAEhC,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,aAAa,IAAI,CAAC,cAAc,CAAC,IAAI,uBAAuB,EAC5D,SAAS,EACT,IAAI,CACL,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,8CAA8C;gBAC9C,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;gBACpD,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YACjC,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAC;YACzD,qBAAqB,CAAC,QAAQ,CAAC,wBAAwB,CACrD,iCAAiC,EACjC,OAAO,EACP,IAAI,CACL,CAAC;YAEF,8BAA8B;YAC9B,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YACpD,MAAM,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC/B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACjC,CAAC;IACH,CAAC;IAED,gCAAgC;IAChC,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;4HAtRU,2BAA2B;oEAA3B,2BAA2B;;;;;;YCxCxC,8BAAkC;YAGhC,6FAA0B;;YAOxB,sGAAO;YAiNX,iBAAM;YAKF,AADF,AADF,8BAA2B,aACA,cACC;YACtB,uBAAuC;YAGrC,AAFF,mFAA8B,6DAErB;YAIb,AADE,iBAAO,EACH;YAGJ,AADF,+BAA0B,iBAI0B;;YAD1C,yGAAS,YAAQ,IAAC;YAExB,yBACF;YAAA,iBAAS;YAET,mCAGyE;;YADjE,yGAAS,UAAM,IAAC;YAEtB,qFAAyB;;YAGvB,2FAAO;YAMf,AADE,AADE,iBAAS,EACL,EACF;;YA5PJ,cAsNC;YAtND,8DAsNC;YASG,eAIC;YAJD,oDAIC;YAQK,eAAyC;YAAzC,wEAAyC;YAOzC,eAAgE;YAAhE,mGAAgE;YACtE,eAMC;YAND,iEAMC;;;iFDpNM,2BAA2B;cANvC,SAAS;6BACI,KAAK,YACP,yBAAyB;;kBA2BlC,SAAS;mBAAC,gBAAgB;;kFAvBhB,2BAA2B","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ViewChild } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { WindowRef } from '@progress/kendo-angular-dialog';\nimport { Subject, BehaviorSubject, takeUntil } from 'rxjs';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJTemplateEntity, MJAIPromptTypeEntity, MJTemplateContentEntity } from '@memberjunction/core-entities';\nimport { MJAIPromptEntityExtended } from \"@memberjunction/ai-core-plus\";\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { TemplateEditorConfig } from '../../shared/components/template-editor.component';\nimport { AIPromptManagementService } from '../AIPrompts/ai-prompt-management.service';\nimport { TemplateSelectorConfig } from '../AIPrompts/template-selector-dialog.component';\n\nexport interface CreatePromptConfig {\n  /** Title for the dialog */\n  title?: string;\n  /** Initial name for the prompt */\n  initialName?: string;\n  /** Pre-selected prompt type ID */\n  initialTypeID?: string;\n}\n\nexport interface CreatePromptResult {\n  /** Created prompt entity (not saved to database) */\n  prompt: MJAIPromptEntityExtended;\n  /** Created template entity (not saved to database) */\n  template?: MJTemplateEntity;\n  /** Template content entities (not saved to database) */\n  templateContents?: MJTemplateContentEntity[];\n}\n\n/**\n * Dialog for creating new AI Prompts with essential fields and basic template editing.\n * Creates entities but does not save them - returns entities for parent to add to PendingRecords.\n * This ensures atomicity with the parent form's save operation.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-create-prompt-dialog',\n  templateUrl: './create-prompt-dialog.component.html',\n  styleUrls: ['./create-prompt-dialog.component.css']\n})\nexport class CreatePromptDialogComponent implements OnInit, OnDestroy {\n  \n  // Configuration\n  config: CreatePromptConfig = {};\n  \n  // State management\n  private destroy$ = new Subject<void>();\n  public result = new Subject<CreatePromptResult | null>();\n  \n  // Form and validation\n  promptForm: FormGroup;\n  isLoading$ = new BehaviorSubject<boolean>(false);\n  isSaving$ = new BehaviorSubject<boolean>(false);\n  \n  // Data\n  availablePromptTypes$ = new BehaviorSubject<MJAIPromptTypeEntity[]>([]);\n  \n  // Entities (not saved to database)\n  promptEntity: MJAIPromptEntityExtended | null = null;\n  templateEntity: MJTemplateEntity | null = null;\n  templateContents: MJTemplateContentEntity[] = [];\n  \n  // Template editor\n  @ViewChild('templateEditor') templateEditor: any; // Template editor component reference\n  showTemplateEditor = false;\n  templateEditorConfig: TemplateEditorConfig = {\n    allowEdit: true,\n    showRunButton: false,\n    compactMode: true  // Compact mode for dialog\n  };\n  \n  // Template state\n  templateMode: 'new' | 'existing' = 'new';\n\n  constructor(\n    private dialogRef: WindowRef,\n    private cdr: ChangeDetectorRef,\n    private aiPromptManagementService: AIPromptManagementService\n  ) {\n    this.promptForm = this.createForm();\n  }\n\n  ngOnInit() {\n    this.loadInitialData();\n    this.setupFormWatching();\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  private createForm(): FormGroup {\n    return new FormGroup({\n      name: new FormControl(this.config.initialName || '', [Validators.required]),\n      description: new FormControl(''),\n      typeID: new FormControl(this.config.initialTypeID || '', [Validators.required]),\n      status: new FormControl('Pending'),\n      outputType: new FormControl('string'),\n      templateMode: new FormControl('new')\n    });\n  }\n\n  private setupFormWatching() {\n    // Watch template mode changes\n    this.promptForm.get('templateMode')?.valueChanges\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(mode => {\n        this.templateMode = mode;\n        this.handleTemplateModeChange(mode);\n      });\n  }\n\n  private async loadInitialData() {\n    this.isLoading$.next(true);\n    \n    try {\n      // Load prompt types\n      const rv = new RunView();\n      const typesResult = await rv.RunView<MJAIPromptTypeEntity>({\n        EntityName: 'MJ: AI Prompt Types',\n        OrderBy: 'Name ASC',\n        ResultType: 'entity_object'\n      });\n\n      if (typesResult.Success && typesResult.Results) {\n        this.availablePromptTypes$.next(typesResult.Results);\n        \n        // Set default type if not specified\n        if (!this.config.initialTypeID && typesResult.Results.length > 0) {\n          this.promptForm.patchValue({ typeID: typesResult.Results[0].ID });\n        }\n      }\n\n      // Create the prompt entity\n      const md = new Metadata();\n      this.promptEntity = await md.GetEntityObject<MJAIPromptEntityExtended>('MJ: AI Prompts');\n      this.promptEntity.NewRecord();\n      \n      // Set default values\n      this.promptEntity.Status = 'Pending';\n      this.promptEntity.OutputType = 'string';\n      this.promptEntity.ValidationBehavior = 'None';\n      this.promptEntity.EnableCaching = false;\n\n      // Create default template since it's required\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n\n    } catch (error) {\n      console.error('Error loading prompt creation data:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error loading data for prompt creation',\n        'error',\n        3000\n      );\n    } finally {\n      this.isLoading$.next(false);\n    }\n  }\n\n  public async handleTemplateModeChange(mode: string) {\n    if (mode === 'new') {\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n    } else if (mode === 'existing') {\n      await this.openTemplateSelector();\n    }\n    \n    this.cdr.detectChanges();\n  }\n\n  private async createNewTemplate() {\n    if (!this.promptEntity) return;\n\n    try {\n      const md = new Metadata();\n      \n      // Create template entity\n      this.templateEntity = await md.GetEntityObject<MJTemplateEntity>('MJ: Templates');\n      this.templateEntity.NewRecord();\n      \n      const promptName = this.promptForm.get('name')?.value || 'New Prompt';\n      this.templateEntity.Name = `${promptName} Template`;\n      this.templateEntity.Description = `Template for ${promptName}`;\n      // Set UserID on template (required field)\n      this.templateEntity.UserID = md.CurrentUser.ID;\n      \n      // Link template to prompt\n      this.promptEntity.TemplateID = this.templateEntity.ID;\n\n    } catch (error) {\n      console.error('Error creating new template:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error creating template',\n        'error',\n        3000\n      );\n    }\n  }\n\n  public onTemplateContentChange(contents: MJTemplateContentEntity[]) {\n    this.templateContents = contents || [];\n  }\n\n  public async save() {\n    if (!this.promptForm.valid || !this.promptEntity) {\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Please fill in all required fields',\n        'warning',\n        3000\n      );\n      return;\n    }\n\n    this.isSaving$.next(true);\n\n    try {\n      // Update prompt entity with form values\n      const formValue = this.promptForm.value;\n      this.promptEntity.Name = formValue.name;\n      this.promptEntity.Description = formValue.description || '';\n      this.promptEntity.TypeID = formValue.typeID;\n      this.promptEntity.Status = formValue.status;\n      this.promptEntity.OutputType = formValue.outputType;\n\n      // Get template contents if template editor is active\n      if (this.templateEditor && this.showTemplateEditor) {\n        // Get the template contents from the editor without saving\n        // The parent form will handle saving in the proper order\n        this.templateContents = this.templateEditor.templateContents || [];\n        \n        // Ensure the template contents have the correct TemplateID\n        if (this.templateContents && this.templateEntity) {\n          this.templateContents.forEach(content => {\n            content.TemplateID = this.templateEntity!.ID;\n          });\n        }\n      }\n\n      // Return the created entities (not saved to database)\n      const result: CreatePromptResult = {\n        prompt: this.promptEntity,\n        template: this.templateEntity || undefined,\n        templateContents: this.templateContents.length > 0 ? this.templateContents : undefined\n      };\n\n      this.result.next(result);\n      this.dialogRef.close();\n\n    } catch (error) {\n      console.error('Error preparing prompt for creation:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error preparing prompt for creation',\n        'error',\n        3000\n      );\n    } finally {\n      this.isSaving$.next(false);\n    }\n  }\n\n  public cancel() {\n    this.result.next(null);\n    this.dialogRef.close();\n  }\n\n  /**\n   * Opens the template selector dialog to link an existing template\n   */\n  private async openTemplateSelector() {\n    const config: TemplateSelectorConfig = {\n      title: 'Select Template for AI Prompt',\n      showCreateNew: false,\n      multiSelect: false,\n      showActiveOnly: true\n    };\n\n    try {\n      const result = await this.aiPromptManagementService.openTemplateSelectorDialog(config).toPromise();\n      \n      if (result && result.selectedTemplates && result.selectedTemplates.length > 0) {\n        // Link the selected template\n        this.templateEntity = result.selectedTemplates[0];\n        this.promptEntity!.TemplateID = this.templateEntity.ID;\n        \n        // Update UI to show selected template info\n        this.showTemplateEditor = false;\n        \n        MJNotificationService.Instance.CreateSimpleNotification(\n          `Template \"${this.templateEntity.Name}\" linked successfully`,\n          'success',\n          3000\n        );\n      } else {\n        // User cancelled, revert to new template mode\n        this.promptForm.patchValue({ templateMode: 'new' });\n        await this.createNewTemplate();\n        this.showTemplateEditor = true;\n      }\n    } catch (error) {\n      console.error('Error opening template selector:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error opening template selector',\n        'error',\n        3000\n      );\n      \n      // Revert to new template mode\n      this.promptForm.patchValue({ templateMode: 'new' });\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n    }\n  }\n\n  // Getter for template debugging\n  public get currentTemplate(): MJTemplateEntity | null {\n    return this.templateEntity;\n  }\n}","<!-- Create Prompt Dialog -->\n<div class=\"create-prompt-dialog\">\n  \n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-state\">\n      <div class=\"loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin fa-2x\"></i>\n      </div>\n      <p>Loading prompt creation form...</p>\n    </div>\n  } @else {\n    \n    <!-- Form Content -->\n    <form [formGroup]=\"promptForm\" class=\"dialog-content\">\n      \n      <!-- Basic Prompt Information -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h4>\n        \n        <div class=\"form-grid\">\n          \n          <!-- Name Field -->\n          <div class=\"form-field\">\n            <label for=\"promptName\" class=\"field-label required\">\n              <i class=\"fa-solid fa-tag\"></i>\n              Name\n            </label>\n            <kendo-textbox \n              id=\"promptName\"\n              formControlName=\"name\"\n              placeholder=\"Enter prompt name...\"\n              class=\"full-width\">\n            </kendo-textbox>\n            @if (promptForm.get('name')?.invalid && promptForm.get('name')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Name is required\n              </div>\n            }\n          </div>\n\n          <!-- Type Field -->\n          <div class=\"form-field\">\n            <label for=\"promptType\" class=\"field-label required\">\n              <i class=\"fa-solid fa-category\"></i>\n              Type\n            </label>\n            <kendo-dropdownlist \n              id=\"promptType\"\n              formControlName=\"typeID\"\n              [data]=\"availablePromptTypes$ | async\"\n              textField=\"Name\"\n              valueField=\"ID\"\n              [valuePrimitive]=\"true\"\n              placeholder=\"Select prompt type...\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n            @if (promptForm.get('typeID')?.invalid && promptForm.get('typeID')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Type is required\n              </div>\n            }\n          </div>\n\n          <!-- Status Field -->\n          <div class=\"form-field\">\n            <label for=\"promptStatus\" class=\"field-label\">\n              <i class=\"fa-solid fa-toggle-on\"></i>\n              Status\n            </label>\n            <kendo-dropdownlist \n              id=\"promptStatus\"\n              formControlName=\"status\"\n              [data]=\"['Pending', 'Active', 'Disabled']\"\n              [valuePrimitive]=\"true\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n          </div>\n\n          <!-- Output Type Field -->\n          <div class=\"form-field\">\n            <label for=\"outputType\" class=\"field-label\">\n              <i class=\"fa-solid fa-file-code\"></i>\n              Output Type\n            </label>\n            <kendo-dropdownlist \n              id=\"outputType\"\n              formControlName=\"outputType\"\n              [data]=\"['string', 'object']\"\n              [valuePrimitive]=\"true\"\n              class=\"full-width\">\n            </kendo-dropdownlist>\n          </div>\n\n        </div>\n\n        <!-- Description Field -->\n        <div class=\"form-field full-width\">\n          <label for=\"promptDescription\" class=\"field-label\">\n            <i class=\"fa-solid fa-align-left\"></i>\n            Description\n          </label>\n          <kendo-textarea \n            id=\"promptDescription\"\n            formControlName=\"description\"\n            placeholder=\"Enter prompt description (optional)...\"\n            [rows]=\"3\"\n            class=\"full-width\">\n          </kendo-textarea>\n        </div>\n\n      </div>\n\n      <!-- Template Configuration -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Template Configuration\n        </h4>\n        \n        <div class=\"template-mode-section\">\n          <label class=\"field-label\">\n            <i class=\"fa-solid fa-cog\"></i>\n            Template Mode\n          </label>\n          \n          <div class=\"template-mode-options\">\n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateNew\" \n                     value=\"new\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateNew\" class=\"radio-label\">\n                <i class=\"fa-solid fa-plus-circle\"></i>\n                Create New Template\n              </label>\n            </div>\n            \n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateExisting\" \n                     value=\"existing\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateExisting\" class=\"radio-label\">\n                <i class=\"fa-solid fa-link\"></i>\n                Link Existing Template\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <!-- Template Editor Section (New Template) -->\n        @if (showTemplateEditor && templateEntity && templateMode === 'new') {\n          <div class=\"template-editor-section\">\n            <div class=\"template-info\">\n              <h5 class=\"template-name\">\n                <i class=\"fa-solid fa-file-code\"></i>\n                {{ templateEntity.Name }}\n              </h5>\n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n            </div>\n            \n            <div class=\"template-editor-container\">\n              <mj-template-editor \n                #templateEditor\n                [template]=\"templateEntity\"\n                [config]=\"templateEditorConfig\"\n                (contentChange)=\"onTemplateContentChange($event)\">\n              </mj-template-editor>\n            </div>\n          </div>\n        }\n        \n        <!-- Existing Template Display -->\n        @if (templateEntity && templateMode === 'existing') {\n          <div class=\"existing-template-section\">\n            <div class=\"existing-template-info\">\n              <div class=\"template-header\">\n                <h5 class=\"template-name\">\n                  <i class=\"fa-solid fa-link\"></i>\n                  {{ templateEntity.Name }}\n                </h5>\n                <span class=\"template-type-badge\">\n                  <i class=\"fa-solid fa-tag\"></i>\n                  Existing Template\n                </span>\n              </div>\n              \n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n              \n              <div class=\"template-actions\">\n                <button kendoButton \n                        look=\"outline\" \n                        size=\"small\"\n                        (click)=\"handleTemplateModeChange('existing')\">\n                  <i class=\"fa-solid fa-sync\"></i>\n                  Change Template\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n      </div>\n\n    </form>\n\n  }\n\n</div>\n\n<!-- Dialog Footer -->\n<div class=\"dialog-footer\">\n  <div class=\"footer-left\">\n    <span class=\"form-hint\">\n      <i class=\"fa-solid fa-info-circle\"></i>\n      @if (templateMode === 'new') {\n        Created prompts and templates will be saved when you save the AI Agent\n      } @else {\n        Created prompt will be linked to existing template when you save the AI Agent\n      }\n    </span>\n  </div>\n  \n  <div class=\"footer-right\">\n    <button kendoButton \n            look=\"outline\"\n            (click)=\"cancel()\"\n            [disabled]=\"(isSaving$ | async) || false\">\n      Cancel\n    </button>\n    \n    <button kendoButton \n            themeColor=\"primary\"\n            (click)=\"save()\"\n            [disabled]=\"!promptForm.valid || ((isSaving$ | async) || false)\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-plus\"></i>\n        Create Prompt\n      }\n    </button>\n  </div>\n</div>"]}
+{"version":3,"file":"create-prompt-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.ts","../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ViewChild, Output, EventEmitter } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Subject, BehaviorSubject, takeUntil } from 'rxjs';\nimport { Metadata, RunView } from '@memberjunction/core';\nimport { MJTemplateEntity, MJAIPromptTypeEntity, MJTemplateContentEntity } from '@memberjunction/core-entities';\nimport { MJAIPromptEntityExtended } from \"@memberjunction/ai-core-plus\";\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { TemplateEditorConfig } from '../../shared/components/template-editor.component';\nimport { AIPromptManagementService } from '../AIPrompts/ai-prompt-management.service';\nimport { TemplateSelectorConfig } from '../AIPrompts/template-selector-dialog.component';\n\nexport interface CreatePromptConfig {\n  /** Title for the dialog */\n  title?: string;\n  /** Initial name for the prompt */\n  initialName?: string;\n  /** Pre-selected prompt type ID */\n  initialTypeID?: string;\n}\n\nexport interface CreatePromptResult {\n  /** Created prompt entity (not saved to database) */\n  prompt: MJAIPromptEntityExtended;\n  /** Created template entity (not saved to database) */\n  template?: MJTemplateEntity;\n  /** Template content entities (not saved to database) */\n  templateContents?: MJTemplateContentEntity[];\n}\n\n/**\n * Dialog for creating new AI Prompts with essential fields and basic template editing.\n * Creates entities but does not save them - returns entities for parent to add to PendingRecords.\n * This ensures atomicity with the parent form's save operation.\n */\n@Component({\n  standalone: false,\n  selector: 'mj-create-prompt-dialog',\n  templateUrl: './create-prompt-dialog.component.html',\n  styleUrls: ['./create-prompt-dialog.component.css']\n})\nexport class CreatePromptDialogComponent implements OnInit, OnDestroy {\n  \n  // Configuration\n  config: CreatePromptConfig = {};\n  \n  // State management\n  private destroy$ = new Subject<void>();\n  public result = new Subject<CreatePromptResult | null>();\n  \n  // Form and validation\n  promptForm: FormGroup;\n  isLoading$ = new BehaviorSubject<boolean>(false);\n  isSaving$ = new BehaviorSubject<boolean>(false);\n  \n  // Data\n  availablePromptTypes$ = new BehaviorSubject<MJAIPromptTypeEntity[]>([]);\n  \n  // Entities (not saved to database)\n  promptEntity: MJAIPromptEntityExtended | null = null;\n  templateEntity: MJTemplateEntity | null = null;\n  templateContents: MJTemplateContentEntity[] = [];\n  \n  // Template editor\n  @ViewChild('templateEditor') templateEditor: any; // Template editor component reference\n  showTemplateEditor = false;\n  templateEditorConfig: TemplateEditorConfig = {\n    allowEdit: true,\n    showRunButton: false,\n    compactMode: true  // Compact mode for dialog\n  };\n  \n  // Template state\n  templateMode: 'new' | 'existing' = 'new';\n\n  @Output() DialogClose = new EventEmitter<void>();\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private aiPromptManagementService: AIPromptManagementService\n  ) {\n    this.promptForm = this.createForm();\n  }\n\n  ngOnInit() {\n    this.loadInitialData();\n    this.setupFormWatching();\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  private createForm(): FormGroup {\n    return new FormGroup({\n      name: new FormControl(this.config.initialName || '', [Validators.required]),\n      description: new FormControl(''),\n      typeID: new FormControl(this.config.initialTypeID || '', [Validators.required]),\n      status: new FormControl('Pending'),\n      outputType: new FormControl('string'),\n      templateMode: new FormControl('new')\n    });\n  }\n\n  private setupFormWatching() {\n    // Watch template mode changes\n    this.promptForm.get('templateMode')?.valueChanges\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(mode => {\n        this.templateMode = mode;\n        this.handleTemplateModeChange(mode);\n      });\n  }\n\n  private async loadInitialData() {\n    this.isLoading$.next(true);\n    \n    try {\n      // Load prompt types\n      const rv = new RunView();\n      const typesResult = await rv.RunView<MJAIPromptTypeEntity>({\n        EntityName: 'MJ: AI Prompt Types',\n        OrderBy: 'Name ASC',\n        ResultType: 'entity_object'\n      });\n\n      if (typesResult.Success && typesResult.Results) {\n        this.availablePromptTypes$.next(typesResult.Results);\n        \n        // Set default type if not specified\n        if (!this.config.initialTypeID && typesResult.Results.length > 0) {\n          this.promptForm.patchValue({ typeID: typesResult.Results[0].ID });\n        }\n      }\n\n      // Create the prompt entity\n      const md = new Metadata();\n      this.promptEntity = await md.GetEntityObject<MJAIPromptEntityExtended>('MJ: AI Prompts');\n      this.promptEntity.NewRecord();\n      \n      // Set default values\n      this.promptEntity.Status = 'Pending';\n      this.promptEntity.OutputType = 'string';\n      this.promptEntity.ValidationBehavior = 'None';\n      this.promptEntity.EnableCaching = false;\n\n      // Create default template since it's required\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n\n    } catch (error) {\n      console.error('Error loading prompt creation data:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error loading data for prompt creation',\n        'error',\n        3000\n      );\n    } finally {\n      this.isLoading$.next(false);\n    }\n  }\n\n  public async handleTemplateModeChange(mode: string) {\n    if (mode === 'new') {\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n    } else if (mode === 'existing') {\n      await this.openTemplateSelector();\n    }\n    \n    this.cdr.detectChanges();\n  }\n\n  private async createNewTemplate() {\n    if (!this.promptEntity) return;\n\n    try {\n      const md = new Metadata();\n      \n      // Create template entity\n      this.templateEntity = await md.GetEntityObject<MJTemplateEntity>('MJ: Templates');\n      this.templateEntity.NewRecord();\n      \n      const promptName = this.promptForm.get('name')?.value || 'New Prompt';\n      this.templateEntity.Name = `${promptName} Template`;\n      this.templateEntity.Description = `Template for ${promptName}`;\n      // Set UserID on template (required field)\n      this.templateEntity.UserID = md.CurrentUser.ID;\n      \n      // Link template to prompt\n      this.promptEntity.TemplateID = this.templateEntity.ID;\n\n    } catch (error) {\n      console.error('Error creating new template:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error creating template',\n        'error',\n        3000\n      );\n    }\n  }\n\n  public onTemplateContentChange(contents: MJTemplateContentEntity[]) {\n    this.templateContents = contents || [];\n  }\n\n  public async save() {\n    if (!this.promptForm.valid || !this.promptEntity) {\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Please fill in all required fields',\n        'warning',\n        3000\n      );\n      return;\n    }\n\n    this.isSaving$.next(true);\n\n    try {\n      // Update prompt entity with form values\n      const formValue = this.promptForm.value;\n      this.promptEntity.Name = formValue.name;\n      this.promptEntity.Description = formValue.description || '';\n      this.promptEntity.TypeID = formValue.typeID;\n      this.promptEntity.Status = formValue.status;\n      this.promptEntity.OutputType = formValue.outputType;\n\n      // Get template contents if template editor is active\n      if (this.templateEditor && this.showTemplateEditor) {\n        // Get the template contents from the editor without saving\n        // The parent form will handle saving in the proper order\n        this.templateContents = this.templateEditor.templateContents || [];\n        \n        // Ensure the template contents have the correct TemplateID\n        if (this.templateContents && this.templateEntity) {\n          this.templateContents.forEach(content => {\n            content.TemplateID = this.templateEntity!.ID;\n          });\n        }\n      }\n\n      // Return the created entities (not saved to database)\n      const result: CreatePromptResult = {\n        prompt: this.promptEntity,\n        template: this.templateEntity || undefined,\n        templateContents: this.templateContents.length > 0 ? this.templateContents : undefined\n      };\n\n      this.result.next(result);\n      this.DialogClose.emit();\n\n    } catch (error) {\n      console.error('Error preparing prompt for creation:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error preparing prompt for creation',\n        'error',\n        3000\n      );\n    } finally {\n      this.isSaving$.next(false);\n    }\n  }\n\n  public cancel() {\n    this.result.next(null);\n    this.DialogClose.emit();\n  }\n\n  /**\n   * Opens the template selector dialog to link an existing template\n   */\n  private async openTemplateSelector() {\n    const config: TemplateSelectorConfig = {\n      title: 'Select Template for AI Prompt',\n      showCreateNew: false,\n      multiSelect: false,\n      showActiveOnly: true\n    };\n\n    try {\n      const result = await this.aiPromptManagementService.openTemplateSelectorDialog(config).toPromise();\n      \n      if (result && result.selectedTemplates && result.selectedTemplates.length > 0) {\n        // Link the selected template\n        this.templateEntity = result.selectedTemplates[0];\n        this.promptEntity!.TemplateID = this.templateEntity.ID;\n        \n        // Update UI to show selected template info\n        this.showTemplateEditor = false;\n        \n        MJNotificationService.Instance.CreateSimpleNotification(\n          `Template \"${this.templateEntity.Name}\" linked successfully`,\n          'success',\n          3000\n        );\n      } else {\n        // User cancelled, revert to new template mode\n        this.promptForm.patchValue({ templateMode: 'new' });\n        await this.createNewTemplate();\n        this.showTemplateEditor = true;\n      }\n    } catch (error) {\n      console.error('Error opening template selector:', error);\n      MJNotificationService.Instance.CreateSimpleNotification(\n        'Error opening template selector',\n        'error',\n        3000\n      );\n      \n      // Revert to new template mode\n      this.promptForm.patchValue({ templateMode: 'new' });\n      await this.createNewTemplate();\n      this.showTemplateEditor = true;\n    }\n  }\n\n  // Getter for template debugging\n  public get currentTemplate(): MJTemplateEntity | null {\n    return this.templateEntity;\n  }\n}","<!-- Create Prompt Dialog -->\n<div class=\"create-prompt-dialog\">\n  \n  <!-- Loading State -->\n  @if (isLoading$ | async) {\n    <div class=\"loading-state\">\n      <div class=\"loading-spinner\">\n        <i class=\"fa-solid fa-spinner fa-spin fa-2x\"></i>\n      </div>\n      <p>Loading prompt creation form...</p>\n    </div>\n  } @else {\n    \n    <!-- Form Content -->\n    <form [formGroup]=\"promptForm\" class=\"dialog-content\">\n      \n      <!-- Basic Prompt Information -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h4>\n        \n        <div class=\"form-grid\">\n          \n          <!-- Name Field -->\n          <div class=\"form-field\">\n            <label for=\"promptName\" class=\"field-label required\">\n              <i class=\"fa-solid fa-tag\"></i>\n              Name\n            </label>\n            <input\n              id=\"promptName\"\n              class=\"mj-input full-width\"\n              formControlName=\"name\"\n              placeholder=\"Enter prompt name...\">\n            @if (promptForm.get('name')?.invalid && promptForm.get('name')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Name is required\n              </div>\n            }\n          </div>\n\n          <!-- Type Field -->\n          <div class=\"form-field\">\n            <label for=\"promptType\" class=\"field-label required\">\n              <i class=\"fa-solid fa-category\"></i>\n              Type\n            </label>\n            <mj-dropdown\n              id=\"promptType\"\n              formControlName=\"typeID\"\n              [Data]=\"availablePromptTypes$ | async\"\n              TextField=\"Name\"\n              ValueField=\"ID\"\n              [ValuePrimitive]=\"true\"\n              Placeholder=\"Select prompt type...\"\n              class=\"full-width\">\n            </mj-dropdown>\n            @if (promptForm.get('typeID')?.invalid && promptForm.get('typeID')?.touched) {\n              <div class=\"field-error\">\n                <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                Type is required\n              </div>\n            }\n          </div>\n\n          <!-- Status Field -->\n          <div class=\"form-field\">\n            <label for=\"promptStatus\" class=\"field-label\">\n              <i class=\"fa-solid fa-toggle-on\"></i>\n              Status\n            </label>\n            <mj-dropdown\n              id=\"promptStatus\"\n              formControlName=\"status\"\n              [Data]=\"['Pending', 'Active', 'Disabled']\"\n              [ValuePrimitive]=\"true\"\n              class=\"full-width\">\n            </mj-dropdown>\n          </div>\n\n          <!-- Output Type Field -->\n          <div class=\"form-field\">\n            <label for=\"outputType\" class=\"field-label\">\n              <i class=\"fa-solid fa-file-code\"></i>\n              Output Type\n            </label>\n            <mj-dropdown\n              id=\"outputType\"\n              formControlName=\"outputType\"\n              [Data]=\"['string', 'object']\"\n              [ValuePrimitive]=\"true\"\n              class=\"full-width\">\n            </mj-dropdown>\n          </div>\n\n        </div>\n\n        <!-- Description Field -->\n        <div class=\"form-field full-width\">\n          <label for=\"promptDescription\" class=\"field-label\">\n            <i class=\"fa-solid fa-align-left\"></i>\n            Description\n          </label>\n          <textarea\n            id=\"promptDescription\"\n            class=\"mj-textarea full-width\"\n            formControlName=\"description\"\n            placeholder=\"Enter prompt description (optional)...\"\n            rows=\"3\"></textarea>\n        </div>\n\n      </div>\n\n      <!-- Template Configuration -->\n      <div class=\"form-section\">\n        <h4 class=\"section-title\">\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Template Configuration\n        </h4>\n        \n        <div class=\"template-mode-section\">\n          <label class=\"field-label\">\n            <i class=\"fa-solid fa-cog\"></i>\n            Template Mode\n          </label>\n          \n          <div class=\"template-mode-options\">\n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateNew\" \n                     value=\"new\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateNew\" class=\"radio-label\">\n                <i class=\"fa-solid fa-plus-circle\"></i>\n                Create New Template\n              </label>\n            </div>\n            \n            <div class=\"radio-option\">\n              <input type=\"radio\" \n                     id=\"templateExisting\" \n                     value=\"existing\" \n                     formControlName=\"templateMode\"\n                     class=\"radio-input\">\n              <label for=\"templateExisting\" class=\"radio-label\">\n                <i class=\"fa-solid fa-link\"></i>\n                Link Existing Template\n              </label>\n            </div>\n          </div>\n        </div>\n\n        <!-- Template Editor Section (New Template) -->\n        @if (showTemplateEditor && templateEntity && templateMode === 'new') {\n          <div class=\"template-editor-section\">\n            <div class=\"template-info\">\n              <h5 class=\"template-name\">\n                <i class=\"fa-solid fa-file-code\"></i>\n                {{ templateEntity.Name }}\n              </h5>\n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n            </div>\n            \n            <div class=\"template-editor-container\">\n              <mj-template-editor \n                #templateEditor\n                [template]=\"templateEntity\"\n                [config]=\"templateEditorConfig\"\n                (contentChange)=\"onTemplateContentChange($event)\">\n              </mj-template-editor>\n            </div>\n          </div>\n        }\n        \n        <!-- Existing Template Display -->\n        @if (templateEntity && templateMode === 'existing') {\n          <div class=\"existing-template-section\">\n            <div class=\"existing-template-info\">\n              <div class=\"template-header\">\n                <h5 class=\"template-name\">\n                  <i class=\"fa-solid fa-link\"></i>\n                  {{ templateEntity.Name }}\n                </h5>\n                <span class=\"template-type-badge\">\n                  <i class=\"fa-solid fa-tag\"></i>\n                  Existing Template\n                </span>\n              </div>\n              \n              @if (templateEntity.Description) {\n                <p class=\"template-description\">{{ templateEntity.Description }}</p>\n              }\n              \n              <div class=\"template-actions\">\n                <button mjButton\n                        variant=\"flat\"\n                        (click)=\"handleTemplateModeChange('existing')\">\n                  <i class=\"fa-solid fa-sync\"></i>\n                  Change Template\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n      </div>\n\n    </form>\n\n  }\n\n</div>\n\n<!-- Dialog Footer -->\n<div class=\"dialog-footer\">\n  <div class=\"footer-left\">\n    <span class=\"form-hint\">\n      <i class=\"fa-solid fa-info-circle\"></i>\n      @if (templateMode === 'new') {\n        Created prompts and templates will be saved when you save the AI Agent\n      } @else {\n        Created prompt will be linked to existing template when you save the AI Agent\n      }\n    </span>\n  </div>\n  \n  <div class=\"footer-right\">\n    <button mjButton\n            variant=\"flat\"\n            (click)=\"cancel()\"\n            [disabled]=\"(isSaving$ | async) || false\">\n      Cancel\n    </button>\n\n    <button mjButton\n            variant=\"primary\"\n            (click)=\"save()\"\n            [disabled]=\"!promptForm.valid || ((isSaving$ | async) || false)\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-plus\"></i>\n        Create Prompt\n      }\n    </button>\n  </div>\n</div>"]}

package/dist/lib/custom/AIAgents/create-sub-agent-dialog.component.d.ts

@@ -1,6 +1,5 @@
-import { OnInit, OnDestroy, ChangeDetectorRef, ViewContainerRef } from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef, ViewContainerRef, EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { WindowRef } from '@progress/kendo-angular-dialog';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { MJAIAgentTypeEntity, MJAIAgentPromptEntity, MJAIAgentActionEntity, MJActionEntity } from '@memberjunction/core-entities';
 import { AIAgentManagementService } from './ai-agent-management.service';
@@ -38,7 +37,6 @@ export interface CreateSubAgentResult {
  * This ensures atomicity with the parent form's save operation.
  */
 export declare class CreateSubAgentDialogComponent implements OnInit, OnDestroy {
-    private dialogRef;
     private cdr;
     private agentManagementService;
     private viewContainerRef;
@@ -59,7 +57,8 @@ export declare class CreateSubAgentDialogComponent implements OnInit, OnDestroy
     newlyCreatedPrompts: MJAIPromptEntityExtended[];
     newlyCreatedPromptTemplates: any[];
     newlyCreatedTemplateContents: any[];
-    constructor(dialogRef: WindowRef, cdr: ChangeDetectorRef, agentManagementService: AIAgentManagementService, viewContainerRef: ViewContainerRef);
+    DialogClose: EventEmitter<void>;
+    constructor(cdr: ChangeDetectorRef, agentManagementService: AIAgentManagementService, viewContainerRef: ViewContainerRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     private createForm;
@@ -79,6 +78,6 @@ export declare class CreateSubAgentDialogComponent implements OnInit, OnDestroy
     get linkedPromptCount(): number;
     get linkedActionCount(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreateSubAgentDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CreateSubAgentDialogComponent, "mj-create-sub-agent-dialog", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateSubAgentDialogComponent, "mj-create-sub-agent-dialog", never, {}, { "DialogClose": "DialogClose"; }, never, never, false, never>;
 }
 //# sourceMappingURL=create-sub-agent-dialog.component.d.ts.map

package/dist/lib/custom/AIAgents/create-sub-agent-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-sub-agent-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-sub-agent-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAe,SAAS,EAAc,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,eAAe,EAAa,MAAM,MAAM,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAElI,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;;AAEjG,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,yDAAyD;IACzD,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,yDAAyD;IACzD,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,gDAAgD;IAChD,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;CAC7B;AAED;;;;GAIG;AACH,qBAMa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAkCnE,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,sBAAsB;IAC9B,OAAO,CAAC,gBAAgB;IAlC1B,MAAM,EAAE,oBAAoB,CAA8B;IAG1D,OAAO,CAAC,QAAQ,CAAuB;IAChC,MAAM,uCAA8C;IAG3D,YAAY,EAAE,SAAS,CAAC;IACxB,UAAU,2BAAuC;IACjD,SAAS,2BAAuC;IAGhD,oBAAoB,yCAAkD;IACtE,iBAAiB,8CAAuD;IACxE,iBAAiB,oCAA6C;IAG9D,cAAc,EAAE,uBAAuB,GAAG,IAAI,CAAQ;IACtD,aAAa,EAAE,wBAAwB,EAAE,CAAM;IAC/C,aAAa,EAAE,cAAc,EAAE,CAAM;IAGrC,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAG/C,mBAAmB,EAAE,wBAAwB,EAAE,CAAM;IACrD,2BAA2B,EAAE,GAAG,EAAE,CAAM;IACxC,4BAA4B,EAAE,GAAG,EAAE,CAAM;gBAG/B,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,iBAAiB,EACtB,sBAAsB,EAAE,wBAAwB,EAChD,gBAAgB,EAAE,gBAAgB;IAK5C,QAAQ;IAKR,WAAW;IAKX,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,iBAAiB;YASX,eAAe;IAuF7B,OAAO,CAAC,oBAAoB;IAqBf,SAAS;IAsET,eAAe;IAwEf,SAAS;IAgEf,YAAY,CAAC,MAAM,EAAE,wBAAwB;IA4B7C,YAAY,CAAC,MAAM,EAAE,cAAc;IAsB7B,IAAI;IAyCV,MAAM;IAMN,YAAY,IAAI,MAAM;IAItB,aAAa,IAAI,MAAM;IAIvB,aAAa,IAAI,MAAM;IAI9B,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,IAAW,iBAAiB,IAAI,MAAM,CAErC;yCA9fU,6BAA6B;2CAA7B,6BAA6B;CA+fzC"}
+{"version":3,"file":"create-sub-agent-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-sub-agent-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,gBAAgB,EAAU,YAAY,EAAE,MAAM,eAAe,CAAC;AACxH,OAAO,EAAe,SAAS,EAAc,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAa,MAAM,MAAM,CAAC;AAE3D,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAElI,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;;AAEjG,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,uDAAuD;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,yDAAyD;IACzD,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,yDAAyD;IACzD,YAAY,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACvC,gDAAgD;IAChD,UAAU,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACxC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,GAAG,EAAE,CAAC;CAC7B;AAED;;;;GAIG;AACH,qBAMa,6BAA8B,YAAW,MAAM,EAAE,SAAS;IAoCnE,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,sBAAsB;IAC9B,OAAO,CAAC,gBAAgB;IAnC1B,MAAM,EAAE,oBAAoB,CAA8B;IAG1D,OAAO,CAAC,QAAQ,CAAuB;IAChC,MAAM,uCAA8C;IAG3D,YAAY,EAAE,SAAS,CAAC;IACxB,UAAU,2BAAuC;IACjD,SAAS,2BAAuC;IAGhD,oBAAoB,yCAAkD;IACtE,iBAAiB,8CAAuD;IACxE,iBAAiB,oCAA6C;IAG9D,cAAc,EAAE,uBAAuB,GAAG,IAAI,CAAQ;IACtD,aAAa,EAAE,wBAAwB,EAAE,CAAM;IAC/C,aAAa,EAAE,cAAc,EAAE,CAAM;IAGrC,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAC/C,gBAAgB,EAAE,qBAAqB,EAAE,CAAM;IAG/C,mBAAmB,EAAE,wBAAwB,EAAE,CAAM;IACrD,2BAA2B,EAAE,GAAG,EAAE,CAAM;IACxC,4BAA4B,EAAE,GAAG,EAAE,CAAM;IAE/B,WAAW,qBAA4B;gBAGvC,GAAG,EAAE,iBAAiB,EACtB,sBAAsB,EAAE,wBAAwB,EAChD,gBAAgB,EAAE,gBAAgB;IAK5C,QAAQ;IAKR,WAAW;IAKX,OAAO,CAAC,UAAU;IAoBlB,OAAO,CAAC,iBAAiB;YASX,eAAe;IAuF7B,OAAO,CAAC,oBAAoB;IAqBf,SAAS;IAsET,eAAe;IAwEf,SAAS;IAgEf,YAAY,CAAC,MAAM,EAAE,wBAAwB;IA4B7C,YAAY,CAAC,MAAM,EAAE,cAAc;IAsB7B,IAAI;IAyCV,MAAM;IAMN,YAAY,IAAI,MAAM;IAItB,aAAa,IAAI,MAAM;IAIvB,aAAa,IAAI,MAAM;IAI9B,IAAW,iBAAiB,IAAI,MAAM,CAErC;IAED,IAAW,iBAAiB,IAAI,MAAM,CAErC;yCA/fU,6BAA6B;2CAA7B,6BAA6B;CAggBzC"}