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

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

@@ -21,7 +21,7 @@ function CreateSubAgentDialogComponent_Conditional_5_Template(rf, ctx) { if (rf
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.config.parentAgentName);
+    i0.ɵɵtextInterpolate(ctx_r0.config.ParentAgentName);
 } }
 function CreateSubAgentDialogComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -279,6 +279,126 @@ function CreateSubAgentDialogComponent_Conditional_18_Template(rf, ctx) { if (rf
  * This ensures atomicity with the parent form's save operation.
  */
 export class CreateSubAgentDialogComponent extends BaseAngularComponent {
+    /** @deprecated Use {@link Result}. */
+    get result() {
+        return this.Result;
+    }
+    /** @deprecated Use {@link Result}. */
+    set result(value) {
+        this.Result = value;
+    }
+    /** @deprecated Use {@link SubAgentForm}. */
+    get subAgentForm() {
+        return this.SubAgentForm;
+    }
+    /** @deprecated Use {@link SubAgentForm}. */
+    set subAgentForm(value) {
+        this.SubAgentForm = 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 AvailableAgentTypes$}. */
+    get availableAgentTypes$() {
+        return this.AvailableAgentTypes$;
+    }
+    /** @deprecated Use {@link AvailableAgentTypes$}. */
+    set availableAgentTypes$(value) {
+        this.AvailableAgentTypes$ = value;
+    }
+    /** @deprecated Use {@link AvailablePrompts$}. */
+    get availablePrompts$() {
+        return this.AvailablePrompts$;
+    }
+    /** @deprecated Use {@link AvailablePrompts$}. */
+    set availablePrompts$(value) {
+        this.AvailablePrompts$ = value;
+    }
+    /** @deprecated Use {@link AvailableActions$}. */
+    get availableActions$() {
+        return this.AvailableActions$;
+    }
+    /** @deprecated Use {@link AvailableActions$}. */
+    set availableActions$(value) {
+        this.AvailableActions$ = value;
+    }
+    /** @deprecated Use {@link SubAgentEntity}. */
+    get subAgentEntity() {
+        return this.SubAgentEntity;
+    }
+    /** @deprecated Use {@link SubAgentEntity}. */
+    set subAgentEntity(value) {
+        this.SubAgentEntity = value;
+    }
+    /** @deprecated Use {@link LinkedPrompts}. */
+    get linkedPrompts() {
+        return this.LinkedPrompts;
+    }
+    /** @deprecated Use {@link LinkedPrompts}. */
+    set linkedPrompts(value) {
+        this.LinkedPrompts = value;
+    }
+    /** @deprecated Use {@link LinkedActions}. */
+    get linkedActions() {
+        return this.LinkedActions;
+    }
+    /** @deprecated Use {@link LinkedActions}. */
+    set linkedActions(value) {
+        this.LinkedActions = value;
+    }
+    /** @deprecated Use {@link AgentPromptLinks}. */
+    get agentPromptLinks() {
+        return this.AgentPromptLinks;
+    }
+    /** @deprecated Use {@link AgentPromptLinks}. */
+    set agentPromptLinks(value) {
+        this.AgentPromptLinks = value;
+    }
+    /** @deprecated Use {@link AgentActionLinks}. */
+    get agentActionLinks() {
+        return this.AgentActionLinks;
+    }
+    /** @deprecated Use {@link AgentActionLinks}. */
+    set agentActionLinks(value) {
+        this.AgentActionLinks = value;
+    }
+    /** @deprecated Use {@link NewlyCreatedPrompts}. */
+    get newlyCreatedPrompts() {
+        return this.NewlyCreatedPrompts;
+    }
+    /** @deprecated Use {@link NewlyCreatedPrompts}. */
+    set newlyCreatedPrompts(value) {
+        this.NewlyCreatedPrompts = value;
+    }
+    /** @deprecated Use {@link NewlyCreatedPromptTemplates}. */
+    get newlyCreatedPromptTemplates() {
+        return this.NewlyCreatedPromptTemplates;
+    }
+    /** @deprecated Use {@link NewlyCreatedPromptTemplates}. */
+    set newlyCreatedPromptTemplates(value) {
+        this.NewlyCreatedPromptTemplates = value;
+    }
+    /** @deprecated Use {@link NewlyCreatedTemplateContents}. */
+    get newlyCreatedTemplateContents() {
+        return this.NewlyCreatedTemplateContents;
+    }
+    /** @deprecated Use {@link NewlyCreatedTemplateContents}. */
+    set newlyCreatedTemplateContents(value) {
+        this.NewlyCreatedTemplateContents = value;
+    }
     constructor(cdr, agentManagementService, viewContainerRef) {
         super();
         this.cdr = cdr;
@@ -288,26 +408,26 @@ export class CreateSubAgentDialogComponent 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.availableAgentTypes$ = new BehaviorSubject([]);
-        this.availablePrompts$ = new BehaviorSubject([]);
-        this.availableActions$ = new BehaviorSubject([]);
+        this.AvailableAgentTypes$ = new BehaviorSubject([]);
+        this.AvailablePrompts$ = new BehaviorSubject([]);
+        this.AvailableActions$ = new BehaviorSubject([]);
         // Entities (not saved to database)
-        this.subAgentEntity = null;
-        this.linkedPrompts = [];
-        this.linkedActions = [];
+        this.SubAgentEntity = null;
+        this.LinkedPrompts = [];
+        this.LinkedActions = [];
         // Link entities for database relationships
-        this.agentPromptLinks = [];
-        this.agentActionLinks = [];
+        this.AgentPromptLinks = [];
+        this.AgentActionLinks = [];
         // Storage for new entities created within dialog
-        this.newlyCreatedPrompts = [];
-        this.newlyCreatedPromptTemplates = [];
-        this.newlyCreatedTemplateContents = [];
+        this.NewlyCreatedPrompts = [];
+        this.NewlyCreatedPromptTemplates = [];
+        this.NewlyCreatedTemplateContents = [];
         this.DialogClose = new EventEmitter();
-        this.subAgentForm = this.createForm();
+        this.SubAgentForm = this.createForm();
     }
     ngOnInit() {
         this.loadInitialData();
@@ -319,9 +439,9 @@ export class CreateSubAgentDialogComponent 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'),
             executionMode: new FormControl('Sequential'),
             purpose: new FormControl(''),
@@ -338,14 +458,14 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
     }
     setupFormWatching() {
         // Watch for form changes to update entity
-        this.subAgentForm.valueChanges
+        this.SubAgentForm.valueChanges
             .pipe(takeUntil(this.destroy$))
             .subscribe(formValue => {
             this.updateSubAgentEntity(formValue);
         });
     }
     async loadInitialData() {
-        this.isLoading$.next(true);
+        this.IsLoading$.next(true);
         try {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             // Load all data in a single batch for better performance
@@ -375,71 +495,71 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             ]);
             // Process agent types (index 0)
             if (results[0].Success && results[0].Results) {
-                this.availableAgentTypes$.next(results[0].Results);
+                this.AvailableAgentTypes$.next(results[0].Results);
                 // Set default type if not specified
-                if (!this.config.initialTypeID && results[0].Results.length > 0) {
-                    this.subAgentForm.patchValue({ typeID: results[0].Results[0].ID });
+                if (!this.config.InitialTypeID && results[0].Results.length > 0) {
+                    this.SubAgentForm.patchValue({ typeID: results[0].Results[0].ID });
                 }
             }
             // Process available prompts (index 1)
             if (results[1].Success && results[1].Results) {
-                this.availablePrompts$.next(results[1].Results);
+                this.AvailablePrompts$.next(results[1].Results);
             }
             // Process available actions (index 2)
             const actionsResult = results[2];
             if (actionsResult.Success && actionsResult.Results) {
-                this.availableActions$.next(actionsResult.Results);
+                this.AvailableActions$.next(actionsResult.Results);
             }
             // Create the sub-agent entity
             const md = this.ProviderToUse;
-            this.subAgentEntity = await md.GetEntityObject('MJ: AI Agents');
-            this.subAgentEntity.NewRecord();
+            this.SubAgentEntity = await md.GetEntityObject('MJ: AI Agents');
+            this.SubAgentEntity.NewRecord();
             // Set default values
-            this.subAgentEntity.Status = 'Pending';
-            this.subAgentEntity.ExecutionMode = 'Sequential';
-            this.subAgentEntity.ExposeAsAction = false; // Database constraint for sub-agents
-            this.subAgentEntity.ParentID = this.config.parentAgentId;
-            this.subAgentEntity.ModelSelectionMode = 'Agent Type';
-            this.subAgentEntity.Set('Temperature', 0.1);
-            this.subAgentEntity.Set('TopP', 0.1);
-            this.subAgentEntity.Set('TopK', 40);
-            this.subAgentEntity.Set('MaxTokensPerRun', 4000);
-            this.subAgentEntity.Set('EnableCaching', false);
-            this.subAgentEntity.Set('CacheTTLSeconds', 3600);
+            this.SubAgentEntity.Status = 'Pending';
+            this.SubAgentEntity.ExecutionMode = 'Sequential';
+            this.SubAgentEntity.ExposeAsAction = false; // Database constraint for sub-agents
+            this.SubAgentEntity.ParentID = this.config.ParentAgentId;
+            this.SubAgentEntity.ModelSelectionMode = 'Agent Type';
+            this.SubAgentEntity.Set('Temperature', 0.1);
+            this.SubAgentEntity.Set('TopP', 0.1);
+            this.SubAgentEntity.Set('TopK', 40);
+            this.SubAgentEntity.Set('MaxTokensPerRun', 4000);
+            this.SubAgentEntity.Set('EnableCaching', false);
+            this.SubAgentEntity.Set('CacheTTLSeconds', 3600);
             // Update form with initial values
-            this.updateSubAgentEntity(this.subAgentForm.value);
+            this.updateSubAgentEntity(this.SubAgentForm.value);
         }
         catch (error) {
             console.error('Error loading sub-agent creation data:', error);
             MJNotificationService.Instance.CreateSimpleNotification('Error loading data for sub-agent creation', 'error', 3000);
         }
         finally {
-            this.isLoading$.next(false);
+            this.IsLoading$.next(false);
         }
     }
     updateSubAgentEntity(formValue) {
-        if (!this.subAgentEntity)
+        if (!this.SubAgentEntity)
             return;
         // Update entity with form values
-        this.subAgentEntity.Name = formValue.name;
-        this.subAgentEntity.Description = formValue.description || '';
-        this.subAgentEntity.TypeID = formValue.typeID;
-        this.subAgentEntity.Status = formValue.status;
-        this.subAgentEntity.ExecutionMode = formValue.executionMode;
-        this.subAgentEntity.Set('Purpose', formValue.purpose || '');
-        this.subAgentEntity.Set('UserMessage', formValue.userMessage || '');
+        this.SubAgentEntity.Name = formValue.name;
+        this.SubAgentEntity.Description = formValue.description || '';
+        this.SubAgentEntity.TypeID = formValue.typeID;
+        this.SubAgentEntity.Status = formValue.status;
+        this.SubAgentEntity.ExecutionMode = formValue.executionMode;
+        this.SubAgentEntity.Set('Purpose', formValue.purpose || '');
+        this.SubAgentEntity.Set('UserMessage', formValue.userMessage || '');
         // Note: SystemMessage does not exist on MJAIAgentEntityExtended, removing this line
-        this.subAgentEntity.ModelSelectionMode = formValue.modelSelectionMode;
-        this.subAgentEntity.Set('Temperature', formValue.temperature);
-        this.subAgentEntity.Set('TopP', formValue.topP);
-        this.subAgentEntity.Set('TopK', formValue.topK);
-        this.subAgentEntity.Set('MaxTokensPerRun', formValue.maxTokens);
-        this.subAgentEntity.Set('EnableCaching', formValue.enableCaching);
-        this.subAgentEntity.Set('CacheTTLSeconds', formValue.cacheTTL);
+        this.SubAgentEntity.ModelSelectionMode = formValue.modelSelectionMode;
+        this.SubAgentEntity.Set('Temperature', formValue.temperature);
+        this.SubAgentEntity.Set('TopP', formValue.topP);
+        this.SubAgentEntity.Set('TopK', formValue.topK);
+        this.SubAgentEntity.Set('MaxTokensPerRun', formValue.maxTokens);
+        this.SubAgentEntity.Set('EnableCaching', formValue.enableCaching);
+        this.SubAgentEntity.Set('CacheTTLSeconds', formValue.cacheTTL);
     }
-    async addPrompt() {
+    async AddPrompt() {
         // Get currently linked prompt IDs
-        const linkedPromptIds = this.linkedPrompts.map(p => p.ID);
+        const linkedPromptIds = this.LinkedPrompts.map(p => p.ID);
         try {
             this.agentManagementService.openPromptSelectorDialog({
                 title: 'Add Prompts to Sub-Agent',
@@ -450,22 +570,22 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
                 viewContainerRef: this.viewContainerRef
             }).subscribe({
                 next: async (result) => {
-                    if (result && result.selectedPrompts.length > 0) {
+                    if (result && result.SelectedPrompts.length > 0) {
                         // Filter out already linked prompts
-                        const newPrompts = result.selectedPrompts.filter(prompt => !linkedPromptIds.some(id => UUIDsEqual(id, prompt.ID)));
+                        const newPrompts = result.SelectedPrompts.filter(prompt => !linkedPromptIds.some(id => UUIDsEqual(id, prompt.ID)));
                         if (newPrompts.length > 0) {
                             // Add to UI
-                            this.linkedPrompts.push(...newPrompts);
+                            this.LinkedPrompts.push(...newPrompts);
                             // Create agent prompt link entities
                             const md = this.ProviderToUse;
                             for (const prompt of newPrompts) {
                                 const agentPrompt = await md.GetEntityObject('MJ: AI Agent Prompts');
                                 agentPrompt.NewRecord();
-                                agentPrompt.AgentID = this.subAgentEntity.ID;
+                                agentPrompt.AgentID = this.SubAgentEntity.ID;
                                 agentPrompt.PromptID = prompt.ID;
                                 agentPrompt.Status = 'Active';
-                                agentPrompt.ExecutionOrder = this.agentPromptLinks.length + 1;
-                                this.agentPromptLinks.push(agentPrompt);
+                                agentPrompt.ExecutionOrder = this.AgentPromptLinks.length + 1;
+                                this.AgentPromptLinks.push(agentPrompt);
                             }
                             // Trigger change detection
                             this.cdr.detectChanges();
@@ -474,7 +594,7 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
                     }
                     else if (result && result.createNew) {
                         // User wants to create a new prompt
-                        await this.createNewPrompt();
+                        await this.CreateNewPrompt();
                     }
                 },
                 error: (error) => {
@@ -488,10 +608,14 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error adding prompts. Please try again.', 'error', 3000);
         }
     }
-    async createNewPrompt() {
+    /** @deprecated Use {@link AddPrompt}. */
+    async addPrompt() {
+        return this.AddPrompt();
+    }
+    async CreateNewPrompt() {
         try {
             this.agentManagementService.openCreatePromptDialog({
-                title: `Create New Prompt for ${this.subAgentEntity?.Name || 'Sub-Agent'}`,
+                title: `Create New Prompt for ${this.SubAgentEntity?.Name || 'Sub-Agent'}`,
                 initialName: '',
                 viewContainerRef: this.viewContainerRef
             }).subscribe({
@@ -499,24 +623,24 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
                     if (result && result.prompt) {
                         try {
                             // Store the newly created entities
-                            this.newlyCreatedPrompts.push(result.prompt);
-                            if (result.template) {
-                                this.newlyCreatedPromptTemplates.push(result.template);
+                            this.NewlyCreatedPrompts.push(result.prompt);
+                            if (result.Template) {
+                                this.NewlyCreatedPromptTemplates.push(result.Template);
                             }
                             if (result.templateContents && result.templateContents.length > 0) {
-                                this.newlyCreatedTemplateContents.push(...result.templateContents);
+                                this.NewlyCreatedTemplateContents.push(...result.templateContents);
                             }
                             // Add to UI
-                            this.linkedPrompts.push(result.prompt);
+                            this.LinkedPrompts.push(result.prompt);
                             // Create agent prompt link entity
                             const md = this.ProviderToUse;
                             const agentPrompt = await md.GetEntityObject('MJ: AI Agent Prompts');
                             agentPrompt.NewRecord();
-                            agentPrompt.AgentID = this.subAgentEntity.ID;
+                            agentPrompt.AgentID = this.SubAgentEntity.ID;
                             agentPrompt.PromptID = result.prompt.ID;
                             agentPrompt.Status = 'Active';
-                            agentPrompt.ExecutionOrder = this.agentPromptLinks.length + 1;
-                            this.agentPromptLinks.push(agentPrompt);
+                            agentPrompt.ExecutionOrder = this.AgentPromptLinks.length + 1;
+                            this.AgentPromptLinks.push(agentPrompt);
                             // Trigger change detection
                             this.cdr.detectChanges();
                             MJNotificationService.Instance.CreateSimpleNotification(`New prompt "${result.prompt.Name}" created and linked to sub-agent`, 'success', 3000);
@@ -538,13 +662,17 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error creating new prompt. Please try again.', 'error', 3000);
         }
     }
-    async addAction() {
+    /** @deprecated Use {@link CreateNewPrompt}. */
+    async createNewPrompt() {
+        return this.CreateNewPrompt();
+    }
+    async AddAction() {
         // Get currently linked action IDs
-        const linkedActionIds = this.linkedActions.map(a => a.ID);
+        const linkedActionIds = this.LinkedActions.map(a => a.ID);
         try {
             this.agentManagementService.openAddActionDialog({
-                agentId: this.subAgentEntity?.ID || '',
-                agentName: this.subAgentEntity?.Name || 'Sub-Agent',
+                agentId: this.SubAgentEntity?.ID || '',
+                agentName: this.SubAgentEntity?.Name || 'Sub-Agent',
                 existingActionIds: linkedActionIds,
                 viewContainerRef: this.viewContainerRef
             }).subscribe({
@@ -554,16 +682,16 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
                         const newActions = selectedActions.filter(action => !linkedActionIds.some(id => UUIDsEqual(id, action.ID)));
                         if (newActions.length > 0) {
                             // Add to UI
-                            this.linkedActions.push(...newActions);
+                            this.LinkedActions.push(...newActions);
                             // Create agent action link entities
                             const md = this.ProviderToUse;
                             for (const action of newActions) {
                                 const agentAction = await md.GetEntityObject('MJ: AI Agent Actions');
                                 agentAction.NewRecord();
-                                agentAction.AgentID = this.subAgentEntity.ID;
+                                agentAction.AgentID = this.SubAgentEntity.ID;
                                 agentAction.ActionID = action.ID;
                                 agentAction.Status = 'Active';
-                                this.agentActionLinks.push(agentAction);
+                                this.AgentActionLinks.push(agentAction);
                             }
                             // Trigger change detection
                             this.cdr.detectChanges();
@@ -582,58 +710,70 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error adding actions. Please try again.', 'error', 3000);
         }
     }
-    removePrompt(prompt) {
+    /** @deprecated Use {@link AddAction}. */
+    async addAction() {
+        return this.AddAction();
+    }
+    RemovePrompt(prompt) {
         // Remove from UI
-        const promptIndex = this.linkedPrompts.findIndex(p => UUIDsEqual(p.ID, prompt.ID));
+        const promptIndex = this.LinkedPrompts.findIndex(p => UUIDsEqual(p.ID, prompt.ID));
         if (promptIndex >= 0) {
-            this.linkedPrompts.splice(promptIndex, 1);
+            this.LinkedPrompts.splice(promptIndex, 1);
         }
         // Remove from link entities
-        const linkIndex = this.agentPromptLinks.findIndex(ap => UUIDsEqual(ap.PromptID, prompt.ID));
+        const linkIndex = this.AgentPromptLinks.findIndex(ap => UUIDsEqual(ap.PromptID, prompt.ID));
         if (linkIndex >= 0) {
-            this.agentPromptLinks.splice(linkIndex, 1);
+            this.AgentPromptLinks.splice(linkIndex, 1);
         }
         // Remove from newly created prompts if it was created in this dialog
-        const newPromptIndex = this.newlyCreatedPrompts.findIndex(p => UUIDsEqual(p.ID, prompt.ID));
+        const newPromptIndex = this.NewlyCreatedPrompts.findIndex(p => UUIDsEqual(p.ID, prompt.ID));
         if (newPromptIndex >= 0) {
-            this.newlyCreatedPrompts.splice(newPromptIndex, 1);
+            this.NewlyCreatedPrompts.splice(newPromptIndex, 1);
         }
         this.cdr.detectChanges();
         MJNotificationService.Instance.CreateSimpleNotification(`Prompt "${prompt.Name}" removed from sub-agent`, 'info', 3000);
     }
-    removeAction(action) {
+    /** @deprecated Use {@link RemovePrompt}. */
+    removePrompt(prompt) {
+        return this.RemovePrompt(prompt);
+    }
+    RemoveAction(action) {
         // Remove from UI
-        const actionIndex = this.linkedActions.findIndex(a => UUIDsEqual(a.ID, action.ID));
+        const actionIndex = this.LinkedActions.findIndex(a => UUIDsEqual(a.ID, action.ID));
         if (actionIndex >= 0) {
-            this.linkedActions.splice(actionIndex, 1);
+            this.LinkedActions.splice(actionIndex, 1);
         }
         // Remove from link entities
-        const linkIndex = this.agentActionLinks.findIndex(aa => UUIDsEqual(aa.ActionID, action.ID));
+        const linkIndex = this.AgentActionLinks.findIndex(aa => UUIDsEqual(aa.ActionID, action.ID));
         if (linkIndex >= 0) {
-            this.agentActionLinks.splice(linkIndex, 1);
+            this.AgentActionLinks.splice(linkIndex, 1);
         }
         this.cdr.detectChanges();
         MJNotificationService.Instance.CreateSimpleNotification(`Action "${action.Name}" removed from sub-agent`, 'info', 3000);
     }
+    /** @deprecated Use {@link RemoveAction}. */
+    removeAction(action) {
+        return this.RemoveAction(action);
+    }
     async save() {
-        if (!this.subAgentForm.valid || !this.subAgentEntity) {
+        if (!this.SubAgentForm.valid || !this.SubAgentEntity) {
             MJNotificationService.Instance.CreateSimpleNotification('Please fill in all required fields', 'warning', 3000);
             return;
         }
-        this.isSaving$.next(true);
+        this.IsSaving$.next(true);
         try {
             // Update entity with final form values
-            this.updateSubAgentEntity(this.subAgentForm.value);
+            this.updateSubAgentEntity(this.SubAgentForm.value);
             // Return the created entities (not saved to database)
             const result = {
-                subAgent: this.subAgentEntity,
-                agentPrompts: this.agentPromptLinks,
-                agentActions: this.agentActionLinks,
-                newPrompts: this.newlyCreatedPrompts.length > 0 ? this.newlyCreatedPrompts : undefined,
-                newPromptTemplates: this.newlyCreatedPromptTemplates.length > 0 ? this.newlyCreatedPromptTemplates : undefined,
-                newTemplateContents: this.newlyCreatedTemplateContents.length > 0 ? this.newlyCreatedTemplateContents : undefined
+                SubAgent: this.SubAgentEntity,
+                AgentPrompts: this.AgentPromptLinks,
+                AgentActions: this.AgentActionLinks,
+                NewPrompts: this.NewlyCreatedPrompts.length > 0 ? this.NewlyCreatedPrompts : undefined,
+                NewPromptTemplates: this.NewlyCreatedPromptTemplates.length > 0 ? this.NewlyCreatedPromptTemplates : undefined,
+                NewTemplateContents: this.NewlyCreatedTemplateContents.length > 0 ? this.NewlyCreatedTemplateContents : undefined
             };
-            this.result.next(result);
+            this.Result.next(result);
             this.DialogClose.emit();
         }
         catch (error) {
@@ -641,28 +781,48 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             MJNotificationService.Instance.CreateSimpleNotification('Error preparing sub-agent 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();
     }
     // Helper methods for UI
+    GetAgentIcon() {
+        return this.SubAgentEntity?.IconClass || 'fa-solid fa-robot';
+    }
+    /** @deprecated Use {@link GetAgentIcon}. */
     getAgentIcon() {
-        return this.subAgentEntity?.IconClass || 'fa-solid fa-robot';
+        return this.GetAgentIcon();
     }
-    getPromptIcon() {
+    GetPromptIcon() {
         return 'fa-solid fa-comments';
     }
-    getActionIcon() {
+    /** @deprecated Use {@link GetPromptIcon}. */
+    getPromptIcon() {
+        return this.GetPromptIcon();
+    }
+    GetActionIcon() {
         return 'fa-solid fa-bolt';
     }
+    /** @deprecated Use {@link GetActionIcon}. */
+    getActionIcon() {
+        return this.GetActionIcon();
+    }
+    get LinkedPromptCount() {
+        return this.LinkedPrompts.length;
+    }
+    /** @deprecated Use {@link LinkedPromptCount}. */
     get linkedPromptCount() {
-        return this.linkedPrompts.length;
+        return this.LinkedPromptCount;
+    }
+    get LinkedActionCount() {
+        return this.LinkedActions.length;
     }
+    /** @deprecated Use {@link LinkedActionCount}. */
     get linkedActionCount() {
-        return this.linkedActions.length;
+        return this.LinkedActionCount;
     }
     static { this.ɵfac = function CreateSubAgentDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CreateSubAgentDialogComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.AIAgentManagementService), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CreateSubAgentDialogComponent, selectors: [["mj-create-sub-agent-dialog"]], outputs: { DialogClose: "DialogClose" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 14, consts: [[1, "sub-agent-dialog"], [1, "sub-agent-header"], [1, "dialog-title"], [1, "fa-solid", "fa-robot"], [1, "parent-info"], [1, "loading-container"], [1, "sub-agent-form", 3, "formGroup"], [1, "dialog-actions"], ["type", "button", 1, "btn", "btn-secondary", 3, "click", "disabled"], [1, "fa-solid", "fa-times"], ["type", "button", 1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "form-section"], [1, "section-title"], [1, "fa-solid", "fa-info-circle"], [1, "form-row"], [1, "form-group"], ["for", "name"], ["type", "text", "id", "name", "formControlName", "name", "placeholder", "Enter sub-agent name", 1, "form-control"], ["for", "typeID"], ["id", "typeID", "formControlName", "typeID", 1, "form-control"], ["value", ""], [3, "value"], ["for", "description"], ["id", "description", "formControlName", "description", "rows", "2", "placeholder", "Enter description", 1, "form-control"], ["for", "status"], ["id", "status", "formControlName", "status", 1, "form-control"], ["value", "Pending"], ["value", "Active"], ["value", "Disabled"], ["for", "executionMode"], ["id", "executionMode", "formControlName", "executionMode", 1, "form-control"], ["value", "Sequential"], ["value", "Parallel"], [1, "fa-solid", "fa-bullseye"], ["for", "purpose"], ["type", "text", "id", "purpose", "formControlName", "purpose", "placeholder", "Enter the purpose of this sub-agent", 1, "form-control"], ["for", "userMessage"], ["id", "userMessage", "formControlName", "userMessage", "rows", "3", "placeholder", "Enter user message", 1, "form-control"], [1, "fa-solid", "fa-cogs"], ["for", "modelSelectionMode"], ["id", "modelSelectionMode", "formControlName", "modelSelectionMode", 1, "form-control"], ["value", "Agent Type"], ["value", "Agent"], ["for", "temperature"], ["type", "number", "id", "temperature", "formControlName", "temperature", "min", "0", "max", "2", "step", "0.1", 1, "form-control"], ["for", "topP"], ["type", "number", "id", "topP", "formControlName", "topP", "min", "0", "max", "1", "step", "0.1", 1, "form-control"], ["for", "topK"], ["type", "number", "id", "topK", "formControlName", "topK", "min", "1", "max", "100", "step", "1", 1, "form-control"], ["for", "maxTokens"], ["type", "number", "id", "maxTokens", "formControlName", "maxTokens", "min", "1", "max", "32000", "step", "1", 1, "form-control"], ["for", "enableCaching"], ["type", "checkbox", "id", "enableCaching", "formControlName", "enableCaching"], ["for", "cacheTTL"], ["type", "number", "id", "cacheTTL", "formControlName", "cacheTTL", "min", "60", "max", "86400", "step", "60", 1, "form-control"], [1, "fa-solid", "fa-comments"], [1, "section-actions"], ["type", "button", 1, "btn", "btn-primary", "btn-sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["type", "button", 1, "btn", "btn-success", "btn-sm", 3, "click"], [1, "linked-items"], ["Icon", "fa-solid fa-comments", "Title", "No prompts added yet. Click the buttons above to add prompts.", "Size", "compact"], [1, "fa-solid", "fa-bolt"], ["Icon", "fa-solid fa-bolt", "Title", "No actions added yet. Click the button above to add actions.", "Size", "compact"], [1, "linked-item", "prompt-item"], [1, "item-info"], [1, "item-name"], [1, "item-description"], ["type", "button", 1, "btn", "btn-danger", "btn-xs", 3, "click"], [1, "linked-item", "action-item"], [1, "fa-solid", "fa-save"]], template: function CreateSubAgentDialogComponent_Template(rf, ctx) { if (rf & 1) {
@@ -692,7 +852,7 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", ctx.config.title || "Create New Sub-Agent", " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.config.parentAgentName ? 5 : -1);
+            i0.ɵɵconditional(ctx.config.ParentAgentName ? 5 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(i0.ɵɵpipeBind1(7, 6, ctx.isLoading$) ? 6 : 8);
             i0.ɵɵadvance(4);
@@ -705,7 +865,7 @@ export class CreateSubAgentDialogComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CreateSubAgentDialogComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-create-sub-agent-dialog', template: "<div class=\"sub-agent-dialog\">\n  <div class=\"sub-agent-header\">\n    <h2 class=\"dialog-title\">\n      <i class=\"fa-solid fa-robot\"></i>\n      {{ config.title || 'Create New Sub-Agent' }}\n    </h2>\n    @if (config.parentAgentName) {\n      <p class=\"parent-info\">\n        <i class=\"fa-solid fa-link\"></i>\n        Sub-agent of: <strong>{{ config.parentAgentName }}</strong>\n      </p>\n    }\n  </div>\n\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading sub-agent creation form...</span>\n    </div>\n  } @else {\n    <form [formGroup]=\"subAgentForm\" class=\"sub-agent-form\">\n      <!-- Basic Information Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"name\">Name *</label>\n            <input type=\"text\" id=\"name\" formControlName=\"name\" class=\"form-control\" placeholder=\"Enter sub-agent name\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"typeID\">Type *</label>\n            <select id=\"typeID\" formControlName=\"typeID\" class=\"form-control\">\n              <option value=\"\">Select agent type...</option>\n              @for (type of availableAgentTypes$ | async; track type.ID) {\n                <option [value]=\"type.ID\">{{ type.Name }}</option>\n              }\n            </select>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"description\">Description</label>\n            <textarea id=\"description\" formControlName=\"description\" class=\"form-control\" rows=\"2\" placeholder=\"Enter description\"></textarea>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"status\">Status</label>\n            <select id=\"status\" formControlName=\"status\" class=\"form-control\">\n              <option value=\"Pending\">Pending</option>\n              <option value=\"Active\">Active</option>\n              <option value=\"Disabled\">Disabled</option>\n            </select>\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"executionMode\">Execution Mode</label>\n            <select id=\"executionMode\" formControlName=\"executionMode\" class=\"form-control\">\n              <option value=\"Sequential\">Sequential</option>\n              <option value=\"Parallel\">Parallel</option>\n            </select>\n          </div>\n        </div>\n      </div>\n\n      <!-- Purpose & Messages Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-bullseye\"></i>\n          Purpose & Messages\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"purpose\">Purpose</label>\n            <input type=\"text\" id=\"purpose\" formControlName=\"purpose\" class=\"form-control\" placeholder=\"Enter the purpose of this sub-agent\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"userMessage\">User Message</label>\n            <textarea id=\"userMessage\" formControlName=\"userMessage\" class=\"form-control\" rows=\"3\" placeholder=\"Enter user message\"></textarea>\n          </div>\n        </div>\n\n        <!-- System Message field removed - property does not exist on MJAIAgentEntity -->\n      </div>\n\n      <!-- Model Configuration Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-cogs\"></i>\n          Model Configuration\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"modelSelectionMode\">Model Selection Mode</label>\n            <select id=\"modelSelectionMode\" formControlName=\"modelSelectionMode\" class=\"form-control\">\n              <option value=\"Agent Type\">Agent Type</option>\n              <option value=\"Agent\">Agent</option>\n            </select>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"temperature\">Temperature</label>\n            <input type=\"number\" id=\"temperature\" formControlName=\"temperature\" class=\"form-control\" min=\"0\" max=\"2\" step=\"0.1\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"topP\">Top P</label>\n            <input type=\"number\" id=\"topP\" formControlName=\"topP\" class=\"form-control\" min=\"0\" max=\"1\" step=\"0.1\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"topK\">Top K</label>\n            <input type=\"number\" id=\"topK\" formControlName=\"topK\" class=\"form-control\" min=\"1\" max=\"100\" step=\"1\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"maxTokens\">Max Tokens</label>\n            <input type=\"number\" id=\"maxTokens\" formControlName=\"maxTokens\" class=\"form-control\" min=\"1\" max=\"32000\" step=\"1\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"enableCaching\">\n              <input type=\"checkbox\" id=\"enableCaching\" formControlName=\"enableCaching\">\n              Enable Caching\n            </label>\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"cacheTTL\">Cache TTL (seconds)</label>\n            <input type=\"number\" id=\"cacheTTL\" formControlName=\"cacheTTL\" class=\"form-control\" min=\"60\" max=\"86400\" step=\"60\">\n          </div>\n        </div>\n      </div>\n\n      <!-- Prompts Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-comments\"></i>\n          Prompts ({{ linkedPromptCount }})\n        </h3>\n        \n        <div class=\"section-actions\">\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addPrompt()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Add Existing Prompt\n          </button>\n          <button type=\"button\" class=\"btn btn-success btn-sm\" (click)=\"createNewPrompt()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Create New Prompt\n          </button>\n        </div>\n\n        @if (linkedPrompts.length > 0) {\n          <div class=\"linked-items\">\n            @for (prompt of linkedPrompts; track prompt.ID) {\n              <div class=\"linked-item prompt-item\">\n                <div class=\"item-info\">\n                  <i class=\"fa-solid fa-comments\"></i>\n                  <span class=\"item-name\">{{ prompt.Name }}</span>\n                  @if (prompt.Description) {\n                    <span class=\"item-description\">{{ prompt.Description }}</span>\n                  }\n                </div>\n                <button type=\"button\" class=\"btn btn-danger btn-xs\" (click)=\"removePrompt(prompt)\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              </div>\n            }\n          </div>\n        } @else {\n          <mj-empty-state\n            Icon=\"fa-solid fa-comments\"\n            Title=\"No prompts added yet. Click the buttons above to add prompts.\"\n            Size=\"compact\" />\n        }\n      </div>\n\n      <!-- Actions Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-bolt\"></i>\n          Actions ({{ linkedActionCount }})\n        </h3>\n        \n        <div class=\"section-actions\">\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addAction()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Add Action\n          </button>\n        </div>\n\n        @if (linkedActions.length > 0) {\n          <div class=\"linked-items\">\n            @for (action of linkedActions; track action.ID) {\n              <div class=\"linked-item action-item\">\n                <div class=\"item-info\">\n                  <i class=\"fa-solid fa-bolt\"></i>\n                  <span class=\"item-name\">{{ action.Name }}</span>\n                  @if (action.Description) {\n                    <span class=\"item-description\">{{ action.Description }}</span>\n                  }\n                </div>\n                <button type=\"button\" class=\"btn btn-danger btn-xs\" (click)=\"removeAction(action)\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              </div>\n            }\n          </div>\n        } @else {\n          <mj-empty-state\n            Icon=\"fa-solid fa-bolt\"\n            Title=\"No actions added yet. Click the button above to add actions.\"\n            Size=\"compact\" />\n        }\n      </div>\n    </form>\n  }\n\n  <!-- Dialog Actions -->\n  <div class=\"dialog-actions\">\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\" [disabled]=\"isSaving$ | async\">\n      <i class=\"fa-solid fa-times\"></i>\n      Cancel\n    </button>\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"save()\" [disabled]=\"(isSaving$ | async) || !subAgentForm.valid\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-save\"></i>\n        Create Sub-Agent\n      }\n    </button>\n  </div>\n</div>", styles: [".sub-agent-dialog {\n  padding: 16px;\n  max-width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n}\n\n.sub-agent-header {\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 15px;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: 1.4em;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title i {\n  color: var(--mj-brand-primary);\n}\n\n.parent-info {\n  margin: 8px 0 0 0;\n  color: var(--mj-text-secondary);\n  font-size: 0.9em;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.parent-info i {\n  color: var(--mj-status-success);\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 40px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container i {\n  font-size: 1.2em;\n  color: var(--mj-brand-primary);\n}\n\n.sub-agent-form {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.form-section {\n  border: 1px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 20px;\n  background-color: var(--mj-bg-surface-card);\n}\n\n.section-title {\n  margin: 0 0 15px 0;\n  font-size: 1.1em;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\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-row {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n}\n\n.form-row:last-child {\n  margin-bottom: 0;\n}\n\n.form-group {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group label {\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin-bottom: 5px;\n  font-size: 0.9em;\n}\n\n.form-group label[for=\"enableCaching\"] {\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-group label[for=\"enableCaching\"] input {\n  margin: 0;\n  width: auto;\n}\n\n.form-control {\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  font-size: 0.9em;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.form-control[readonly] {\n  background-color: var(--mj-bg-surface-sunken);\n  opacity: 1;\n}\n\n.section-actions {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 15px;\n}\n\n.linked-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.linked-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  transition: box-shadow 0.15s ease-in-out;\n}\n\n.linked-item:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.item-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n}\n\n.item-info i {\n  color: var(--mj-brand-primary);\n  width: 16px;\n  text-align: center;\n}\n\n.item-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.item-description {\n  color: var(--mj-text-secondary);\n  font-size: 0.85em;\n  margin-left: 10px;\n}\n\n.prompt-item .item-info i {\n  color: var(--mj-status-success);\n}\n\n.action-item .item-info i {\n  color: var(--mj-status-warning);\n}\n\n.dialog-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 30px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.btn {\n  padding: 8px 16px;\n  border: none;\n  border-radius: 4px;\n  font-size: 0.9em;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-primary {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.btn-secondary {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background-color: var(--mj-text-secondary);\n}\n\n.btn-success {\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.btn-success:hover:not(:disabled) {\n  background-color: var(--mj-status-success);\n}\n\n.btn-danger {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.btn-danger:hover:not(:disabled) {\n  background-color: var(--mj-status-error);\n}\n\n.btn-sm {\n  padding: 6px 12px;\n  font-size: 0.8em;\n}\n\n.btn-xs {\n  padding: 4px 8px;\n  font-size: 0.75em;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .sub-agent-dialog {\n    padding: 15px;\n    max-width: 95vw;\n  }\n\n  .form-row {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .section-actions {\n    flex-direction: column;\n  }\n\n  .dialog-actions {\n    flex-direction: column;\n  }\n\n  .linked-item {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n}\n\n/* Validation styles */\n.form-control.ng-invalid.ng-touched {\n  border-color: var(--mj-status-error);\n}\n\n.form-control.ng-valid.ng-touched {\n  border-color: var(--mj-status-success);\n}\n\n/* Custom scrollbar for dialog */\n.sub-agent-dialog::-webkit-scrollbar {\n  width: 8px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\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"] }]
+        args: [{ standalone: false, selector: 'mj-create-sub-agent-dialog', template: "<div class=\"sub-agent-dialog\">\n  <div class=\"sub-agent-header\">\n    <h2 class=\"dialog-title\">\n      <i class=\"fa-solid fa-robot\"></i>\n      {{ config.title || 'Create New Sub-Agent' }}\n    </h2>\n    @if (config.ParentAgentName) {\n      <p class=\"parent-info\">\n        <i class=\"fa-solid fa-link\"></i>\n        Sub-agent of: <strong>{{ config.ParentAgentName }}</strong>\n      </p>\n    }\n  </div>\n\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      <span>Loading sub-agent creation form...</span>\n    </div>\n  } @else {\n    <form [formGroup]=\"subAgentForm\" class=\"sub-agent-form\">\n      <!-- Basic Information Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-info-circle\"></i>\n          Basic Information\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"name\">Name *</label>\n            <input type=\"text\" id=\"name\" formControlName=\"name\" class=\"form-control\" placeholder=\"Enter sub-agent name\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"typeID\">Type *</label>\n            <select id=\"typeID\" formControlName=\"typeID\" class=\"form-control\">\n              <option value=\"\">Select agent type...</option>\n              @for (type of availableAgentTypes$ | async; track type.ID) {\n                <option [value]=\"type.ID\">{{ type.Name }}</option>\n              }\n            </select>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"description\">Description</label>\n            <textarea id=\"description\" formControlName=\"description\" class=\"form-control\" rows=\"2\" placeholder=\"Enter description\"></textarea>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"status\">Status</label>\n            <select id=\"status\" formControlName=\"status\" class=\"form-control\">\n              <option value=\"Pending\">Pending</option>\n              <option value=\"Active\">Active</option>\n              <option value=\"Disabled\">Disabled</option>\n            </select>\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"executionMode\">Execution Mode</label>\n            <select id=\"executionMode\" formControlName=\"executionMode\" class=\"form-control\">\n              <option value=\"Sequential\">Sequential</option>\n              <option value=\"Parallel\">Parallel</option>\n            </select>\n          </div>\n        </div>\n      </div>\n\n      <!-- Purpose & Messages Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-bullseye\"></i>\n          Purpose & Messages\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"purpose\">Purpose</label>\n            <input type=\"text\" id=\"purpose\" formControlName=\"purpose\" class=\"form-control\" placeholder=\"Enter the purpose of this sub-agent\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"userMessage\">User Message</label>\n            <textarea id=\"userMessage\" formControlName=\"userMessage\" class=\"form-control\" rows=\"3\" placeholder=\"Enter user message\"></textarea>\n          </div>\n        </div>\n\n        <!-- System Message field removed - property does not exist on MJAIAgentEntity -->\n      </div>\n\n      <!-- Model Configuration Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-cogs\"></i>\n          Model Configuration\n        </h3>\n        \n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"modelSelectionMode\">Model Selection Mode</label>\n            <select id=\"modelSelectionMode\" formControlName=\"modelSelectionMode\" class=\"form-control\">\n              <option value=\"Agent Type\">Agent Type</option>\n              <option value=\"Agent\">Agent</option>\n            </select>\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"temperature\">Temperature</label>\n            <input type=\"number\" id=\"temperature\" formControlName=\"temperature\" class=\"form-control\" min=\"0\" max=\"2\" step=\"0.1\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"topP\">Top P</label>\n            <input type=\"number\" id=\"topP\" formControlName=\"topP\" class=\"form-control\" min=\"0\" max=\"1\" step=\"0.1\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"topK\">Top K</label>\n            <input type=\"number\" id=\"topK\" formControlName=\"topK\" class=\"form-control\" min=\"1\" max=\"100\" step=\"1\">\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"maxTokens\">Max Tokens</label>\n            <input type=\"number\" id=\"maxTokens\" formControlName=\"maxTokens\" class=\"form-control\" min=\"1\" max=\"32000\" step=\"1\">\n          </div>\n        </div>\n\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label for=\"enableCaching\">\n              <input type=\"checkbox\" id=\"enableCaching\" formControlName=\"enableCaching\">\n              Enable Caching\n            </label>\n          </div>\n          \n          <div class=\"form-group\">\n            <label for=\"cacheTTL\">Cache TTL (seconds)</label>\n            <input type=\"number\" id=\"cacheTTL\" formControlName=\"cacheTTL\" class=\"form-control\" min=\"60\" max=\"86400\" step=\"60\">\n          </div>\n        </div>\n      </div>\n\n      <!-- Prompts Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-comments\"></i>\n          Prompts ({{ linkedPromptCount }})\n        </h3>\n        \n        <div class=\"section-actions\">\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addPrompt()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Add Existing Prompt\n          </button>\n          <button type=\"button\" class=\"btn btn-success btn-sm\" (click)=\"createNewPrompt()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Create New Prompt\n          </button>\n        </div>\n\n        @if (linkedPrompts.length > 0) {\n          <div class=\"linked-items\">\n            @for (prompt of linkedPrompts; track prompt.ID) {\n              <div class=\"linked-item prompt-item\">\n                <div class=\"item-info\">\n                  <i class=\"fa-solid fa-comments\"></i>\n                  <span class=\"item-name\">{{ prompt.Name }}</span>\n                  @if (prompt.Description) {\n                    <span class=\"item-description\">{{ prompt.Description }}</span>\n                  }\n                </div>\n                <button type=\"button\" class=\"btn btn-danger btn-xs\" (click)=\"removePrompt(prompt)\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              </div>\n            }\n          </div>\n        } @else {\n          <mj-empty-state\n            Icon=\"fa-solid fa-comments\"\n            Title=\"No prompts added yet. Click the buttons above to add prompts.\"\n            Size=\"compact\" />\n        }\n      </div>\n\n      <!-- Actions Section -->\n      <div class=\"form-section\">\n        <h3 class=\"section-title\">\n          <i class=\"fa-solid fa-bolt\"></i>\n          Actions ({{ linkedActionCount }})\n        </h3>\n        \n        <div class=\"section-actions\">\n          <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"addAction()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Add Action\n          </button>\n        </div>\n\n        @if (linkedActions.length > 0) {\n          <div class=\"linked-items\">\n            @for (action of linkedActions; track action.ID) {\n              <div class=\"linked-item action-item\">\n                <div class=\"item-info\">\n                  <i class=\"fa-solid fa-bolt\"></i>\n                  <span class=\"item-name\">{{ action.Name }}</span>\n                  @if (action.Description) {\n                    <span class=\"item-description\">{{ action.Description }}</span>\n                  }\n                </div>\n                <button type=\"button\" class=\"btn btn-danger btn-xs\" (click)=\"removeAction(action)\">\n                  <i class=\"fa-solid fa-times\"></i>\n                </button>\n              </div>\n            }\n          </div>\n        } @else {\n          <mj-empty-state\n            Icon=\"fa-solid fa-bolt\"\n            Title=\"No actions added yet. Click the button above to add actions.\"\n            Size=\"compact\" />\n        }\n      </div>\n    </form>\n  }\n\n  <!-- Dialog Actions -->\n  <div class=\"dialog-actions\">\n    <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\" [disabled]=\"isSaving$ | async\">\n      <i class=\"fa-solid fa-times\"></i>\n      Cancel\n    </button>\n    <button type=\"button\" class=\"btn btn-primary\" (click)=\"save()\" [disabled]=\"(isSaving$ | async) || !subAgentForm.valid\">\n      @if (isSaving$ | async) {\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        Creating...\n      } @else {\n        <i class=\"fa-solid fa-save\"></i>\n        Create Sub-Agent\n      }\n    </button>\n  </div>\n</div>", styles: [".sub-agent-dialog {\n  padding: 16px;\n  max-width: 100%;\n  max-height: 90vh;\n  overflow-y: auto;\n}\n\n.sub-agent-header {\n  margin-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  padding-bottom: 15px;\n}\n\n.dialog-title {\n  margin: 0;\n  font-size: 1.4em;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.dialog-title i {\n  color: var(--mj-brand-primary);\n}\n\n.parent-info {\n  margin: 8px 0 0 0;\n  color: var(--mj-text-secondary);\n  font-size: 0.9em;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.parent-info i {\n  color: var(--mj-status-success);\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 40px;\n  color: var(--mj-text-secondary);\n}\n\n.loading-container i {\n  font-size: 1.2em;\n  color: var(--mj-brand-primary);\n}\n\n.sub-agent-form {\n  display: flex;\n  flex-direction: column;\n  gap: 25px;\n}\n\n.form-section {\n  border: 1px solid var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 20px;\n  background-color: var(--mj-bg-surface-card);\n}\n\n.section-title {\n  margin: 0 0 15px 0;\n  font-size: 1.1em;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\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-row {\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n}\n\n.form-row:last-child {\n  margin-bottom: 0;\n}\n\n.form-group {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.form-group label {\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  margin-bottom: 5px;\n  font-size: 0.9em;\n}\n\n.form-group label[for=\"enableCaching\"] {\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.form-group label[for=\"enableCaching\"] input {\n  margin: 0;\n  width: auto;\n}\n\n.form-control {\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 4px;\n  font-size: 0.9em;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n.form-control:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.form-control[readonly] {\n  background-color: var(--mj-bg-surface-sunken);\n  opacity: 1;\n}\n\n.section-actions {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 15px;\n}\n\n.linked-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.linked-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px;\n  background-color: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  transition: box-shadow 0.15s ease-in-out;\n}\n\n.linked-item:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.item-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex: 1;\n}\n\n.item-info i {\n  color: var(--mj-brand-primary);\n  width: 16px;\n  text-align: center;\n}\n\n.item-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.item-description {\n  color: var(--mj-text-secondary);\n  font-size: 0.85em;\n  margin-left: 10px;\n}\n\n.prompt-item .item-info i {\n  color: var(--mj-status-success);\n}\n\n.action-item .item-info i {\n  color: var(--mj-status-warning);\n}\n\n.dialog-actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 10px;\n  margin-top: 30px;\n  padding-top: 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.btn {\n  padding: 8px 16px;\n  border: none;\n  border-radius: 4px;\n  font-size: 0.9em;\n  font-weight: 500;\n  cursor: pointer;\n  transition: background-color 0.15s ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.btn-primary {\n  background-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.btn-primary:hover:not(:disabled) {\n  background-color: var(--mj-brand-primary-hover);\n}\n\n.btn-secondary {\n  background-color: var(--mj-text-muted);\n  color: var(--mj-text-inverse);\n}\n\n.btn-secondary:hover:not(:disabled) {\n  background-color: var(--mj-text-secondary);\n}\n\n.btn-success {\n  background-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.btn-success:hover:not(:disabled) {\n  background-color: var(--mj-status-success);\n}\n\n.btn-danger {\n  background-color: var(--mj-status-error);\n  color: var(--mj-text-inverse);\n}\n\n.btn-danger:hover:not(:disabled) {\n  background-color: var(--mj-status-error);\n}\n\n.btn-sm {\n  padding: 6px 12px;\n  font-size: 0.8em;\n}\n\n.btn-xs {\n  padding: 4px 8px;\n  font-size: 0.75em;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n  .sub-agent-dialog {\n    padding: 15px;\n    max-width: 95vw;\n  }\n\n  .form-row {\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .section-actions {\n    flex-direction: column;\n  }\n\n  .dialog-actions {\n    flex-direction: column;\n  }\n\n  .linked-item {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 10px;\n  }\n}\n\n/* Validation styles */\n.form-control.ng-invalid.ng-touched {\n  border-color: var(--mj-status-error);\n}\n\n.form-control.ng-valid.ng-touched {\n  border-color: var(--mj-status-success);\n}\n\n/* Custom scrollbar for dialog */\n.sub-agent-dialog::-webkit-scrollbar {\n  width: 8px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-track {\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-thumb {\n  background: var(--mj-border-strong);\n  border-radius: 4px;\n}\n\n.sub-agent-dialog::-webkit-scrollbar-thumb:hover {\n  background: var(--mj-text-disabled);\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"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.AIAgentManagementService }, { type: i0.ViewContainerRef }], { DialogClose: [{
             type: Output
         }] }); })();