@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.2

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

@@ -11,15 +11,15 @@ export interface CreatePromptConfig {
     /** Title for the dialog */
     title?: string;
     /** Initial name for the prompt */
-    initialName?: string;
+    InitialName?: string;
     /** Pre-selected prompt type ID */
-    initialTypeID?: string;
+    InitialTypeID?: string;
 }
 export interface CreatePromptResult {
     /** Created prompt entity (not saved to database) */
     prompt: MJAIPromptEntityExtended;
     /** Created template entity (not saved to database) */
-    template?: MJTemplateEntity;
+    Template?: MJTemplateEntity;
     /** Template content entities (not saved to database) */
     templateContents?: MJTemplateContentEntity[];
 }
@@ -33,18 +33,66 @@ export declare class CreatePromptDialogComponent extends BaseAngularComponent im
     private aiPromptManagementService;
     config: CreatePromptConfig;
     private destroy$;
-    result: Subject<CreatePromptResult | null>;
-    promptForm: FormGroup;
-    isLoading$: BehaviorSubject<boolean>;
-    isSaving$: BehaviorSubject<boolean>;
-    availablePromptTypes$: BehaviorSubject<MJAIPromptTypeEntity[]>;
-    promptEntity: MJAIPromptEntityExtended | null;
-    templateEntity: MJTemplateEntity | null;
-    templateContents: MJTemplateContentEntity[];
-    templateEditor: any;
-    showTemplateEditor: boolean;
-    templateEditorConfig: TemplateEditorConfig;
-    templateMode: 'new' | 'existing';
+    Result: Subject<CreatePromptResult | null>;
+    /** @deprecated Use {@link Result}. */
+    get result(): Subject<CreatePromptResult | null>;
+    /** @deprecated Use {@link Result}. */
+    set result(value: Subject<CreatePromptResult | null>);
+    PromptForm: FormGroup;
+    /** @deprecated Use {@link PromptForm}. */
+    get promptForm(): FormGroup;
+    /** @deprecated Use {@link PromptForm}. */
+    set promptForm(value: FormGroup);
+    IsLoading$: BehaviorSubject<boolean>;
+    /** @deprecated Use {@link IsLoading$}. */
+    get isLoading$(): BehaviorSubject<boolean>;
+    /** @deprecated Use {@link IsLoading$}. */
+    set isLoading$(value: BehaviorSubject<boolean>);
+    IsSaving$: BehaviorSubject<boolean>;
+    /** @deprecated Use {@link IsSaving$}. */
+    get isSaving$(): BehaviorSubject<boolean>;
+    /** @deprecated Use {@link IsSaving$}. */
+    set isSaving$(value: BehaviorSubject<boolean>);
+    AvailablePromptTypes$: BehaviorSubject<MJAIPromptTypeEntity[]>;
+    /** @deprecated Use {@link AvailablePromptTypes$}. */
+    get availablePromptTypes$(): BehaviorSubject<MJAIPromptTypeEntity[]>;
+    /** @deprecated Use {@link AvailablePromptTypes$}. */
+    set availablePromptTypes$(value: BehaviorSubject<MJAIPromptTypeEntity[]>);
+    PromptEntity: MJAIPromptEntityExtended | null;
+    /** @deprecated Use {@link PromptEntity}. */
+    get promptEntity(): MJAIPromptEntityExtended | null;
+    /** @deprecated Use {@link PromptEntity}. */
+    set promptEntity(value: MJAIPromptEntityExtended | null);
+    TemplateEntity: MJTemplateEntity | null;
+    /** @deprecated Use {@link TemplateEntity}. */
+    get templateEntity(): MJTemplateEntity | null;
+    /** @deprecated Use {@link TemplateEntity}. */
+    set templateEntity(value: MJTemplateEntity | null);
+    TemplateContents: MJTemplateContentEntity[];
+    /** @deprecated Use {@link TemplateContents}. */
+    get templateContents(): MJTemplateContentEntity[];
+    /** @deprecated Use {@link TemplateContents}. */
+    set templateContents(value: MJTemplateContentEntity[]);
+    TemplateEditor: any;
+    /** @deprecated Use {@link TemplateEditor}. */
+    get templateEditor(): any;
+    /** @deprecated Use {@link TemplateEditor}. */
+    set templateEditor(value: any);
+    ShowTemplateEditor: boolean;
+    /** @deprecated Use {@link ShowTemplateEditor}. */
+    get showTemplateEditor(): boolean;
+    /** @deprecated Use {@link ShowTemplateEditor}. */
+    set showTemplateEditor(value: boolean);
+    TemplateEditorConfig: TemplateEditorConfig;
+    /** @deprecated Use {@link TemplateEditorConfig}. */
+    get templateEditorConfig(): TemplateEditorConfig;
+    /** @deprecated Use {@link TemplateEditorConfig}. */
+    set templateEditorConfig(value: TemplateEditorConfig);
+    TemplateMode: 'new' | 'existing';
+    /** @deprecated Use {@link TemplateMode}. */
+    get templateMode(): 'new' | 'existing';
+    /** @deprecated Use {@link TemplateMode}. */
+    set templateMode(value: 'new' | 'existing');
     DialogClose: EventEmitter<void>;
     constructor(cdr: ChangeDetectorRef, aiPromptManagementService: AIPromptManagementService);
     ngOnInit(): void;
@@ -52,8 +100,12 @@ export declare class CreatePromptDialogComponent extends BaseAngularComponent im
     private createForm;
     private setupFormWatching;
     private loadInitialData;
+    HandleTemplateModeChange(mode: string): Promise<void>;
+    /** @deprecated Use {@link HandleTemplateModeChange}. */
     handleTemplateModeChange(mode: string): Promise<void>;
     private createNewTemplate;
+    OnTemplateContentChange(contents: MJTemplateContentEntity[]): void;
+    /** @deprecated Use {@link OnTemplateContentChange}. */
     onTemplateContentChange(contents: MJTemplateContentEntity[]): void;
     save(): Promise<void>;
     cancel(): void;
@@ -61,6 +113,8 @@ export declare class CreatePromptDialogComponent extends BaseAngularComponent im
      * Opens the template selector dialog to link an existing template
      */
     private openTemplateSelector;
+    get CurrentTemplate(): MJTemplateEntity | null;
+    /** @deprecated Use {@link CurrentTemplate}. */
     get currentTemplate(): MJTemplateEntity | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CreatePromptDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CreatePromptDialogComponent, "mj-create-prompt-dialog", never, {}, { "DialogClose": "DialogClose"; }, never, never, false, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"create-prompt-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAe,SAAS,EAAc,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAa,MAAM,MAAM,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AACrE,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,MAAM,EAAE,wBAAwB,CAAC;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC9C;AAED;;;;GAIG;AACH,qBAMa,2BAA4B,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAqC9F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,yBAAyB;IAnCnC,MAAM,EAAE,kBAAkB,CAAM;IAGhC,OAAO,CAAC,QAAQ,CAAuB;IAChC,MAAM,qCAA4C;IAGzD,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,2BAAuC;IACjD,SAAS,2BAAuC;IAGhD,qBAAqB,0CAAmD;IAGxE,YAAY,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACrD,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAC/C,gBAAgB,EAAE,uBAAuB,EAAE,CAAM;IAGpB,cAAc,EAAE,GAAG,CAAC;IACjD,kBAAkB,UAAS;IAC3B,oBAAoB,EAAE,oBAAoB,CAIxC;IAGF,YAAY,EAAE,KAAK,GAAG,UAAU,CAAS;IAE/B,WAAW,qBAA4B;gBAGvC,GAAG,EAAE,iBAAiB,EACtB,yBAAyB,EAAE,yBAAyB;IAM9D,QAAQ;IAKR,WAAW;IAKX,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,iBAAiB;YAUX,eAAe;IAgDhB,wBAAwB,CAAC,IAAI,EAAE,MAAM;YAWpC,iBAAiB;IA6BxB,uBAAuB,CAAC,QAAQ,EAAE,uBAAuB,EAAE;IAIrD,IAAI;IAyDV,MAAM;IAKb;;OAEG;YACW,oBAAoB;IA8ClC,IAAW,eAAe,IAAI,gBAAgB,GAAG,IAAI,CAEpD;yCAxRU,2BAA2B;2CAA3B,2BAA2B;CAyRvC"}
+{"version":3,"file":"create-prompt-dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/AIAgents/create-prompt-dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAqB,YAAY,EAAE,MAAM,eAAe,CAAC;AACjH,OAAO,EAAe,SAAS,EAAc,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAa,MAAM,MAAM,CAAC;AAE3D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAChH,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAGtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;;AACrE,MAAM,WAAW,kBAAkB;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,oDAAoD;IACpD,MAAM,EAAE,wBAAwB,CAAC;IACjC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,uBAAuB,EAAE,CAAC;CAC9C;AAED;;;;GAIG;AACH,qBAMa,2BAA4B,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAiJ9F,OAAO,CAAC,GAAG;IACX,OAAO,CAAC,yBAAyB;IA/InC,MAAM,EAAE,kBAAkB,CAAM;IAGhC,OAAO,CAAC,QAAQ,CAAuB;IAChC,MAAM,qCAA4C;IAEzD,sCAAsC;IACtC,IAAW,MAAM,uCAEhB;IACD,sCAAsC;IACtC,IAAW,MAAM,CAAC,KAAK,oCAAA,EAEtB;IAGD,UAAU,EAAE,SAAS,CAAC;IAEtB,0CAA0C;IAC1C,IAAI,UAAU,IAAI,SAAS,CAE1B;IACD,0CAA0C;IAC1C,IAAI,UAAU,CAAC,KAAK,EAAE,SAAS,EAE9B;IACD,UAAU,2BAAuC;IAEjD,0CAA0C;IAC1C,IAAI,UAAU,6BAEb;IACD,0CAA0C;IAC1C,IAAI,UAAU,CAAC,KAAK,0BAAA,EAEnB;IACD,SAAS,2BAAuC;IAEhD,yCAAyC;IACzC,IAAI,SAAS,6BAEZ;IACD,yCAAyC;IACzC,IAAI,SAAS,CAAC,KAAK,0BAAA,EAElB;IAGD,qBAAqB,0CAAmD;IAExE,qDAAqD;IACrD,IAAI,qBAAqB,4CAExB;IACD,qDAAqD;IACrD,IAAI,qBAAqB,CAAC,KAAK,yCAAA,EAE9B;IAGD,YAAY,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IAErD,4CAA4C;IAC5C,IAAI,YAAY,IAAI,wBAAwB,GAAG,IAAI,CAElD;IACD,4CAA4C;IAC5C,IAAI,YAAY,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI,EAEtD;IACD,cAAc,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAE/C,8CAA8C;IAC9C,IAAI,cAAc,IAAI,gBAAgB,GAAG,IAAI,CAE5C;IACD,8CAA8C;IAC9C,IAAI,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAEhD;IACD,gBAAgB,EAAE,uBAAuB,EAAE,CAAM;IAEjD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,uBAAuB,EAAE,CAEhD;IACD,gDAAgD;IAChD,IAAI,gBAAgB,CAAC,KAAK,EAAE,uBAAuB,EAAE,EAEpD;IAG4B,cAAc,EAAE,GAAG,CAAC;IAEjD,8CAA8C;IAC9C,IAAI,cAAc,IAAI,GAAG,CAExB;IACD,8CAA8C;IAC9C,IAAI,cAAc,CAAC,KAAK,EAAE,GAAG,EAE5B;IACD,kBAAkB,UAAS;IAE3B,kDAAkD;IAClD,IAAI,kBAAkB,YAErB;IACD,kDAAkD;IAClD,IAAI,kBAAkB,CAAC,KAAK,SAAA,EAE3B;IACD,oBAAoB,EAAE,oBAAoB,CAIxC;IAEF,oDAAoD;IACpD,IAAI,oBAAoB,IAAI,oBAAoB,CAE/C;IACD,oDAAoD;IACpD,IAAI,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,EAEnD;IAGD,YAAY,EAAE,KAAK,GAAG,UAAU,CAAS;IAEzC,4CAA4C;IAC5C,IAAI,YAAY,IAAI,KAAK,GAAG,UAAU,CAErC;IACD,4CAA4C;IAC5C,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,UAAU,EAEzC;IAES,WAAW,qBAA4B;gBAGvC,GAAG,EAAE,iBAAiB,EACtB,yBAAyB,EAAE,yBAAyB;IAM9D,QAAQ;IAKR,WAAW;IAKX,OAAO,CAAC,UAAU;IAWlB,OAAO,CAAC,iBAAiB;YAUX,eAAe;IAgDhB,wBAAwB,CAAC,IAAI,EAAE,MAAM;IAWlD,wDAAwD;IAC3C,wBAAwB,CAAC,IAAI,EAAE,MAAM;YAIpC,iBAAiB;IA6BxB,uBAAuB,CAAC,QAAQ,EAAE,uBAAuB,EAAE;IAIlE,uDAAuD;IAChD,uBAAuB,CAAC,QAAQ,EAAE,uBAAuB,EAAE;IAIrD,IAAI;IAyDV,MAAM;IAKb;;OAEG;YACW,oBAAoB;IA8ClC,IAAW,eAAe,IAAI,gBAAgB,GAAG,IAAI,CAEpD;IAED,+CAA+C;IAC/C,IAAW,eAAe,IAAI,gBAAgB,GAAG,IAAI,CAEpD;yCAnZU,2BAA2B;2CAA3B,2BAA2B;CAoZvC"}

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

@@ -195,6 +195,102 @@ function CreatePromptDialogComponent_Conditional_18_Template(rf, ctx) { if (rf &
  * This ensures atomicity with the parent form's save operation.
  */
 export class CreatePromptDialogComponent extends BaseAngularComponent {
+    /** @deprecated Use {@link Result}. */
+    get result() {
+        return this.Result;
+    }
+    /** @deprecated Use {@link Result}. */
+    set result(value) {
+        this.Result = value;
+    }
+    /** @deprecated Use {@link PromptForm}. */
+    get promptForm() {
+        return this.PromptForm;
+    }
+    /** @deprecated Use {@link PromptForm}. */
+    set promptForm(value) {
+        this.PromptForm = value;
+    }
+    /** @deprecated Use {@link IsLoading$}. */
+    get isLoading$() {
+        return this.IsLoading$;
+    }
+    /** @deprecated Use {@link IsLoading$}. */
+    set isLoading$(value) {
+        this.IsLoading$ = value;
+    }
+    /** @deprecated Use {@link IsSaving$}. */
+    get isSaving$() {
+        return this.IsSaving$;
+    }
+    /** @deprecated Use {@link IsSaving$}. */
+    set isSaving$(value) {
+        this.IsSaving$ = value;
+    }
+    /** @deprecated Use {@link AvailablePromptTypes$}. */
+    get availablePromptTypes$() {
+        return this.AvailablePromptTypes$;
+    }
+    /** @deprecated Use {@link AvailablePromptTypes$}. */
+    set availablePromptTypes$(value) {
+        this.AvailablePromptTypes$ = value;
+    }
+    /** @deprecated Use {@link PromptEntity}. */
+    get promptEntity() {
+        return this.PromptEntity;
+    }
+    /** @deprecated Use {@link PromptEntity}. */
+    set promptEntity(value) {
+        this.PromptEntity = value;
+    }
+    /** @deprecated Use {@link TemplateEntity}. */
+    get templateEntity() {
+        return this.TemplateEntity;
+    }
+    /** @deprecated Use {@link TemplateEntity}. */
+    set templateEntity(value) {
+        this.TemplateEntity = value;
+    }
+    /** @deprecated Use {@link TemplateContents}. */
+    get templateContents() {
+        return this.TemplateContents;
+    }
+    /** @deprecated Use {@link TemplateContents}. */
+    set templateContents(value) {
+        this.TemplateContents = value;
+    }
+    /** @deprecated Use {@link TemplateEditor}. */
+    get templateEditor() {
+        return this.TemplateEditor;
+    }
+    /** @deprecated Use {@link TemplateEditor}. */
+    set templateEditor(value) {
+        this.TemplateEditor = value;
+    } // Template editor component reference
+    /** @deprecated Use {@link ShowTemplateEditor}. */
+    get showTemplateEditor() {
+        return this.ShowTemplateEditor;
+    }
+    /** @deprecated Use {@link ShowTemplateEditor}. */
+    set showTemplateEditor(value) {
+        this.ShowTemplateEditor = value;
+    }
+    /** @deprecated Use {@link TemplateEditorConfig}. */
+    get templateEditorConfig() {
+        return this.TemplateEditorConfig;
+    }
+    /** @deprecated Use {@link TemplateEditorConfig}. */
+    set templateEditorConfig(value) {
+        this.TemplateEditorConfig = value;
+    }
+    /** @deprecated Use {@link TemplateMode}. */
+    get templateMode() {
+        return this.TemplateMode;
+    }
+    /** @deprecated Use {@link TemplateMode}. */
+    set templateMode(value) {
+        this.TemplateMode = value;
+    }
     constructor(cdr, aiPromptManagementService) {
         super();
         this.cdr = cdr;
@@ -203,25 +299,25 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
         this.config = {};
         // State management
         this.destroy$ = new Subject();
-        this.result = new Subject();
-        this.isLoading$ = new BehaviorSubject(false);
-        this.isSaving$ = new BehaviorSubject(false);
+        this.Result = new Subject();
+        this.IsLoading$ = new BehaviorSubject(false);
+        this.IsSaving$ = new BehaviorSubject(false);
         // Data
-        this.availablePromptTypes$ = new BehaviorSubject([]);
+        this.AvailablePromptTypes$ = new BehaviorSubject([]);
         // Entities (not saved to database)
-        this.promptEntity = null;
-        this.templateEntity = null;
-        this.templateContents = [];
-        this.showTemplateEditor = false;
-        this.templateEditorConfig = {
+        this.PromptEntity = null;
+        this.TemplateEntity = null;
+        this.TemplateContents = [];
+        this.ShowTemplateEditor = false;
+        this.TemplateEditorConfig = {
             allowEdit: true,
             showRunButton: false,
             compactMode: true // Compact mode for dialog
         };
         // Template state
-        this.templateMode = 'new';
+        this.TemplateMode = 'new';
         this.DialogClose = new EventEmitter();
-        this.promptForm = this.createForm();
+        this.PromptForm = this.createForm();
     }
     ngOnInit() {
         this.loadInitialData();
@@ -233,9 +329,9 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
     }
     createForm() {
         return new FormGroup({
-            name: new FormControl(this.config.initialName || '', [Validators.required]),
+            name: new FormControl(this.config.InitialName || '', [Validators.required]),
             description: new FormControl(''),
-            typeID: new FormControl(this.config.initialTypeID || '', [Validators.required]),
+            typeID: new FormControl(this.config.InitialTypeID || '', [Validators.required]),
             status: new FormControl('Pending'),
             outputType: new FormControl('string'),
             templateMode: new FormControl('new')
@@ -243,15 +339,15 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
     }
     setupFormWatching() {
         // Watch template mode changes
-        this.promptForm.get('templateMode')?.valueChanges
+        this.PromptForm.get('templateMode')?.valueChanges
             .pipe(takeUntil(this.destroy$))
             .subscribe(mode => {
-            this.templateMode = mode;
-            this.handleTemplateModeChange(mode);
+            this.TemplateMode = mode;
+            this.HandleTemplateModeChange(mode);
         });
     }
     async loadInitialData() {
-        this.isLoading$.next(true);
+        this.IsLoading$.next(true);
         try {
             // Load prompt types
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
@@ -261,100 +357,108 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
                 ResultType: 'entity_object'
             });
             if (typesResult.Success && typesResult.Results) {
-                this.availablePromptTypes$.next(typesResult.Results);
+                this.AvailablePromptTypes$.next(typesResult.Results);
                 // Set default type if not specified
-                if (!this.config.initialTypeID && typesResult.Results.length > 0) {
-                    this.promptForm.patchValue({ typeID: typesResult.Results[0].ID });
+                if (!this.config.InitialTypeID && typesResult.Results.length > 0) {
+                    this.PromptForm.patchValue({ typeID: typesResult.Results[0].ID });
                 }
             }
             // Create the prompt entity
             const md = this.ProviderToUse;
-            this.promptEntity = await md.GetEntityObject('MJ: AI Prompts');
-            this.promptEntity.NewRecord();
+            this.PromptEntity = await md.GetEntityObject('MJ: AI Prompts');
+            this.PromptEntity.NewRecord();
             // Set default values
-            this.promptEntity.Status = 'Pending';
-            this.promptEntity.OutputType = 'string';
-            this.promptEntity.ValidationBehavior = 'None';
-            this.promptEntity.EnableCaching = false;
+            this.PromptEntity.Status = 'Pending';
+            this.PromptEntity.OutputType = 'string';
+            this.PromptEntity.ValidationBehavior = 'None';
+            this.PromptEntity.EnableCaching = false;
             // Create default template since it's required
             await this.createNewTemplate();
-            this.showTemplateEditor = true;
+            this.ShowTemplateEditor = true;
         }
         catch (error) {
             console.error('Error loading prompt creation data:', error);
             MJNotificationService.Instance.CreateSimpleNotification('Error loading data for prompt creation', 'error', 3000);
         }
         finally {
-            this.isLoading$.next(false);
+            this.IsLoading$.next(false);
         }
     }
-    async handleTemplateModeChange(mode) {
+    async HandleTemplateModeChange(mode) {
         if (mode === 'new') {
             await this.createNewTemplate();
-            this.showTemplateEditor = true;
+            this.ShowTemplateEditor = true;
         }
         else if (mode === 'existing') {
             await this.openTemplateSelector();
         }
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link HandleTemplateModeChange}. */
+    async handleTemplateModeChange(mode) {
+        return this.HandleTemplateModeChange(mode);
+    }
     async createNewTemplate() {
-        if (!this.promptEntity)
+        if (!this.PromptEntity)
             return;
         try {
             const md = this.ProviderToUse;
             // Create template entity
-            this.templateEntity = await md.GetEntityObject('MJ: Templates');
-            this.templateEntity.NewRecord();
-            const promptName = this.promptForm.get('name')?.value || 'New Prompt';
-            this.templateEntity.Name = `${promptName} Template`;
-            this.templateEntity.Description = `Template for ${promptName}`;
+            this.TemplateEntity = await md.GetEntityObject('MJ: Templates');
+            this.TemplateEntity.NewRecord();
+            const promptName = this.PromptForm.get('name')?.value || 'New Prompt';
+            this.TemplateEntity.Name = `${promptName} Template`;
+            this.TemplateEntity.Description = `Template for ${promptName}`;
             // Set UserID on template (required field)
-            this.templateEntity.UserID = md.CurrentUser.ID;
+            this.TemplateEntity.UserID = md.CurrentUser.ID;
             // Link template to prompt
-            this.promptEntity.TemplateID = this.templateEntity.ID;
+            this.PromptEntity.TemplateID = this.TemplateEntity.ID;
         }
         catch (error) {
             console.error('Error creating new template:', error);
             MJNotificationService.Instance.CreateSimpleNotification('Error creating template', 'error', 3000);
         }
     }
+    OnTemplateContentChange(contents) {
+        this.TemplateContents = contents || [];
+    }
+    /** @deprecated Use {@link OnTemplateContentChange}. */
     onTemplateContentChange(contents) {
-        this.templateContents = contents || [];
+        return this.OnTemplateContentChange(contents);
     }
     async save() {
-        if (!this.promptForm.valid || !this.promptEntity) {
+        if (!this.PromptForm.valid || !this.PromptEntity) {
             MJNotificationService.Instance.CreateSimpleNotification('Please fill in all required fields', 'warning', 3000);
             return;
         }
-        this.isSaving$.next(true);
+        this.IsSaving$.next(true);
         try {
             // Update prompt entity with form values
-            const formValue = this.promptForm.value;
-            this.promptEntity.Name = formValue.name;
-            this.promptEntity.Description = formValue.description || '';
-            this.promptEntity.TypeID = formValue.typeID;
-            this.promptEntity.Status = formValue.status;
-            this.promptEntity.OutputType = formValue.outputType;
+            const formValue = this.PromptForm.value;
+            this.PromptEntity.Name = formValue.name;
+            this.PromptEntity.Description = formValue.description || '';
+            this.PromptEntity.TypeID = formValue.typeID;
+            this.PromptEntity.Status = formValue.status;
+            this.PromptEntity.OutputType = formValue.outputType;
             // Get template contents if template editor is active
-            if (this.templateEditor && this.showTemplateEditor) {
+            if (this.TemplateEditor && this.ShowTemplateEditor) {
                 // Get the template contents from the editor without saving
                 // The parent form will handle saving in the proper order
-                this.templateContents = this.templateEditor.templateContents || [];
+                this.TemplateContents = this.TemplateEditor.templateContents || [];
                 // Ensure the template contents have the correct TemplateID
-                if (this.templateContents && this.templateEntity) {
-                    this.templateContents.forEach(content => {
-                        content.TemplateID = this.templateEntity.ID;
+                if (this.TemplateContents && this.TemplateEntity) {
+                    this.TemplateContents.forEach(content => {
+                        content.TemplateID = this.TemplateEntity.ID;
                     });
                 }
             }
             // Return the created entities (not saved to database)
             const result = {
-                prompt: this.promptEntity,
-                template: this.templateEntity || undefined,
-                templateContents: this.templateContents.length > 0 ? this.templateContents : undefined
+                prompt: this.PromptEntity,
+                Template: this.TemplateEntity || undefined,
+                templateContents: this.TemplateContents.length > 0 ? this.TemplateContents : undefined
             };
-            this.result.next(result);
+            this.Result.next(result);
             this.DialogClose.emit();
         }
         catch (error) {
@@ -362,11 +466,11 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error preparing prompt for creation', 'error', 3000);
         }
         finally {
-            this.isSaving$.next(false);
+            this.IsSaving$.next(false);
         }
     }
     cancel() {
-        this.result.next(null);
+        this.Result.next(null);
         this.DialogClose.emit();
     }
     /**
@@ -374,47 +478,51 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
      */
     async openTemplateSelector() {
         const config = {
-            title: 'Select Template for AI Prompt',
-            showCreateNew: false,
-            multiSelect: false,
-            showActiveOnly: true
+            Title: 'Select Template for AI Prompt',
+            ShowCreateNew: false,
+            MultiSelect: false,
+            ShowActiveOnly: true
         };
         try {
             const result = await this.aiPromptManagementService.openTemplateSelectorDialog(config).toPromise();
-            if (result && result.selectedTemplates && result.selectedTemplates.length > 0) {
+            if (result && result.SelectedTemplates && result.SelectedTemplates.length > 0) {
                 // Link the selected template
-                this.templateEntity = result.selectedTemplates[0];
-                this.promptEntity.TemplateID = this.templateEntity.ID;
+                this.TemplateEntity = result.SelectedTemplates[0];
+                this.PromptEntity.TemplateID = this.TemplateEntity.ID;
                 // Update UI to show selected template info
-                this.showTemplateEditor = false;
-                MJNotificationService.Instance.CreateSimpleNotification(`Template "${this.templateEntity.Name}" linked successfully`, 'success', 3000);
+                this.ShowTemplateEditor = false;
+                MJNotificationService.Instance.CreateSimpleNotification(`Template "${this.TemplateEntity.Name}" linked successfully`, 'success', 3000);
             }
             else {
                 // User cancelled, revert to new template mode
-                this.promptForm.patchValue({ templateMode: 'new' });
+                this.PromptForm.patchValue({ templateMode: 'new' });
                 await this.createNewTemplate();
-                this.showTemplateEditor = true;
+                this.ShowTemplateEditor = true;
             }
         }
         catch (error) {
             console.error('Error opening template selector:', error);
             MJNotificationService.Instance.CreateSimpleNotification('Error opening template selector', 'error', 3000);
             // Revert to new template mode
-            this.promptForm.patchValue({ templateMode: 'new' });
+            this.PromptForm.patchValue({ templateMode: 'new' });
             await this.createNewTemplate();
-            this.showTemplateEditor = true;
+            this.ShowTemplateEditor = true;
         }
     }
     // Getter for template debugging
+    get CurrentTemplate() {
+        return this.TemplateEntity;
+    }
+    /** @deprecated Use {@link CurrentTemplate}. */
     get currentTemplate() {
-        return this.templateEntity;
+        return this.CurrentTemplate;
     }
     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);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.TemplateEditor = _t.first);
         } }, outputs: { DialogClose: "DialogClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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);
@@ -453,7 +561,7 @@ export class CreatePromptDialogComponent extends BaseAngularComponent {
 (() => { (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            <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: i0.ChangeDetectorRef }, { type: i1.AIPromptManagementService }], { TemplateEditor: [{
             type: ViewChild,
             args: ['templateEditor']
         }], DialogClose: [{