@memberjunction/ng-tasks 6.2.0-edge.0 → 6.2.0-edge.2

package/dist/lib/components/task-detail-panel.component.js

@@ -117,11 +117,43 @@ function TaskDetailPanelComponent_Conditional_19_Template(rf, ctx) { if (rf & 1)
  * Reusable across list and Gantt views
  */
 export class TaskDetailPanelComponent {
-    task;
+    Task;
+    /** @deprecated Use {@link Task}. */
+    set task(value) {
+        this.Task = value;
+    }
+    /** @deprecated Use {@link Task}. */
+    get task() {
+        return this.Task;
+    }
     agentRunId = null;
-    closePanel = new EventEmitter();
-    openEntityRecord = new EventEmitter();
-    agent = null;
+    ClosePanel = new EventEmitter();
+    /**
+     * @deprecated Use {@link ClosePanel}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closePanel) keeps working. Must stay AFTER ClosePanel: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    closePanel = this.ClosePanel;
+    OpenEntityRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openEntityRecord = this.OpenEntityRecord;
+    Agent = null;
+    /** @deprecated Use {@link Agent}. */
+    get agent() {
+        return this.Agent;
+    }
+    /** @deprecated Use {@link Agent}. */
+    set agent(value) {
+        this.Agent = value;
+    }
     ngOnInit() {
         this.loadAgentInfo();
     }
@@ -129,16 +161,16 @@ export class TaskDetailPanelComponent {
         this.loadAgentInfo();
     }
     async loadAgentInfo() {
-        if (!this.task?.AgentID) {
-            this.agent = null;
+        if (!this.Task?.AgentID) {
+            this.Agent = null;
             return;
         }
         // AIEngineBase is deferred at startup; ensure loaded before reading .Agents.
         await AIEngineBase.Instance.EnsureLoaded();
         const agents = AIEngineBase.Instance.Agents;
-        this.agent = agents.find((a) => UUIDsEqual(a.ID, this.task.AgentID)) || null;
+        this.Agent = agents.find((a) => UUIDsEqual(a.ID, this.Task.AgentID)) || null;
     }
-    formatDateTime(date) {
+    FormatDateTime(date) {
         if (!date)
             return '';
         const d = new Date(date);
@@ -150,24 +182,36 @@ export class TaskDetailPanelComponent {
             minute: '2-digit'
         });
     }
-    openAgent() {
-        if (this.task.AgentID) {
-            this.openEntityRecord.emit({
+    /** @deprecated Use {@link FormatDateTime}. */
+    formatDateTime(date) {
+        return this.FormatDateTime(date);
+    }
+    OpenAgent() {
+        if (this.Task.AgentID) {
+            this.OpenEntityRecord.emit({
                 entityName: 'MJ: AI Agents',
-                recordId: this.task.AgentID
+                recordId: this.Task.AgentID
             });
         }
     }
-    openAgentRun() {
+    /** @deprecated Use {@link OpenAgent}. */
+    openAgent() {
+        return this.OpenAgent();
+    }
+    OpenAgentRun() {
         if (this.agentRunId) {
-            this.openEntityRecord.emit({
+            this.OpenEntityRecord.emit({
                 entityName: 'MJ: AI Agent Runs',
                 recordId: this.agentRunId
             });
         }
     }
+    /** @deprecated Use {@link OpenAgentRun}. */
+    openAgentRun() {
+        return this.OpenAgentRun();
+    }
     static ɵfac = function TaskDetailPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskDetailPanelComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskDetailPanelComponent, selectors: [["mj-task-detail-panel"]], inputs: { task: "task", agentRunId: "agentRunId" }, outputs: { closePanel: "closePanel", openEntityRecord: "openEntityRecord" }, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 10, consts: [[1, "task-detail-panel"], [1, "detail-header"], [1, "close-detail-btn", 3, "click"], [1, "fas", "fa-times"], [1, "detail-content"], [1, "detail-field"], [1, "detail-progress"], [1, "progress-bar-detail"], [1, "progress-fill-detail"], [1, "agent-info", 3, "click"], [1, "agent-icon"], [1, "agent-name"], [1, "fas", "fa-external-link-alt", "link-icon"], [1, "agent-run-link", 3, "click"]], template: function TaskDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskDetailPanelComponent, selectors: [["mj-task-detail-panel"]], inputs: { Task: "Task", task: "task", agentRunId: "agentRunId" }, outputs: { ClosePanel: "ClosePanel", closePanel: "closePanel", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord" }, features: [i0.ɵɵNgOnChangesFeature], decls: 20, vars: 10, consts: [[1, "task-detail-panel"], [1, "detail-header"], [1, "close-detail-btn", 3, "click"], [1, "fas", "fa-times"], [1, "detail-content"], [1, "detail-field"], [1, "detail-progress"], [1, "progress-bar-detail"], [1, "progress-fill-detail"], [1, "agent-info", 3, "click"], [1, "agent-icon"], [1, "agent-name"], [1, "fas", "fa-external-link-alt", "link-icon"], [1, "agent-run-link", 3, "click"]], template: function TaskDetailPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "h3");
             i0.ɵɵtext(3);
             i0.ɵɵdomElementEnd();
@@ -303,12 +347,18 @@ export class TaskDetailPanelComponent {
       </div>
     </div>
     `, styles: ["\n    .task-detail-panel {\n      width: 100%;\n      height: calc(100% - 45px);\n      background: var(--mj-bg-surface);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .detail-header {\n      padding: 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      background: var(--mj-bg-surface-sunken);\n      flex-shrink: 0;\n    }\n\n    .detail-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      flex: 1;\n      padding-right: 12px;\n    }\n\n    .close-detail-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      width: 28px;\n      height: 28px;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .close-detail-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-primary);\n    }\n\n    .detail-content {\n      padding: 20px;\n      flex: 1;\n      min-height: 0;\n      overflow-y: auto;\n    }\n\n    .detail-field {\n      margin-bottom: 20px;\n    }\n\n    .detail-field:last-child {\n      margin-bottom: 0;\n    }\n\n    .detail-field label {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .detail-field p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      line-height: 1.5;\n    }\n\n    .detail-progress {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .progress-bar-detail {\n      flex: 1;\n      height: 8px;\n      background: var(--mj-border-default);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .progress-fill-detail {\n      height: calc(100% - 69px);\n      background: var(--mj-brand-primary);\n      transition: width 0.3s ease;\n    }\n\n    .detail-progress span {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      min-width: 40px;\n    }\n\n    .agent-info {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-info:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-icon {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .agent-name {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .link-icon {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .agent-run-link {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-run-link:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-run-link span {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n  "] }]
-    }], null, { task: [{
+    }], null, { Task: [{
+            type: Input
+        }], task: [{
             type: Input
         }], agentRunId: [{
             type: Input
+        }], ClosePanel: [{
+            type: Output
         }], closePanel: [{
             type: Output
+        }], OpenEntityRecord: [{
+            type: Output
         }], openEntityRecord: [{
             type: Output
         }] }); })();

package/dist/lib/components/task-detail-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-detail-panel.component.js","sourceRoot":"","sources":["../../../src/lib/components/task-detail-panel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnChanges } from '@angular/core';\n\nimport { MJTaskEntity } from '@memberjunction/core-entities';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { MJAIAgentEntityExtended } from '@memberjunction/ai-core-plus';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Task detail panel showing task information, agent details, and agent run\n * Reusable across list and Gantt views\n */\n@Component({\n  selector: 'mj-task-detail-panel',\n  standalone: true,\n  imports: [],\n  template: `\n    <div class=\"task-detail-panel\">\n      <div class=\"detail-header\">\n        <h3>{{ task.Name }}</h3>\n        <button class=\"close-detail-btn\" (click)=\"closePanel.emit()\">\n          <i class=\"fas fa-times\"></i>\n        </button>\n      </div>\n    \n      <div class=\"detail-content\">\n        @if (task.Description) {\n          <div class=\"detail-field\">\n            <label>Description</label>\n            <p>{{ task.Description }}</p>\n          </div>\n        }\n    \n        <div class=\"detail-field\">\n          <label>Status</label>\n          <p>{{ task.Status }}</p>\n        </div>\n    \n        @if (task.PercentComplete != null) {\n          <div class=\"detail-field\">\n            <label>Progress</label>\n            <div class=\"detail-progress\">\n              <div class=\"progress-bar-detail\">\n                <div class=\"progress-fill-detail\" [style.width.%]=\"task.PercentComplete\"></div>\n              </div>\n              <span>{{ task.PercentComplete }}%</span>\n            </div>\n          </div>\n        }\n    \n        @if (task.StartedAt) {\n          <div class=\"detail-field\">\n            <label>Started</label>\n            <p>{{ formatDateTime(task.StartedAt) }}</p>\n          </div>\n        }\n    \n        @if (task.DueAt) {\n          <div class=\"detail-field\">\n            <label>Due</label>\n            <p>{{ formatDateTime(task.DueAt) }}</p>\n          </div>\n        }\n    \n        @if (task.CompletedAt) {\n          <div class=\"detail-field\">\n            <label>Completed</label>\n            <p>{{ formatDateTime(task.CompletedAt) }}</p>\n          </div>\n        }\n    \n        @if (task.User) {\n          <div class=\"detail-field\">\n            <label>Assigned User</label>\n            <p>{{ task.User }}</p>\n          </div>\n        }\n    \n        <!-- Agent Information -->\n        @if (agent) {\n          <div class=\"detail-field\">\n            <label>Agent</label>\n            <div class=\"agent-info\" (click)=\"openAgent()\">\n              <i [class]=\"'fas fa-' + ('robot')\" class=\"agent-icon\"></i>\n              <span class=\"agent-name\">{{ agent.Name }}</span>\n              <i class=\"fas fa-external-link-alt link-icon\"></i>\n            </div>\n          </div>\n        }\n    \n        <!-- Agent Run Information -->\n        @if (agentRunId) {\n          <div class=\"detail-field\">\n            <label>Agent Run</label>\n            <div class=\"agent-run-link\" (click)=\"openAgentRun()\">\n              <span>View Run Details</span>\n              <i class=\"fas fa-external-link-alt link-icon\"></i>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .task-detail-panel {\n      width: 100%;\n      height: calc(100% - 45px);\n      background: var(--mj-bg-surface);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .detail-header {\n      padding: 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      background: var(--mj-bg-surface-sunken);\n      flex-shrink: 0;\n    }\n\n    .detail-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      flex: 1;\n      padding-right: 12px;\n    }\n\n    .close-detail-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      width: 28px;\n      height: 28px;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .close-detail-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-primary);\n    }\n\n    .detail-content {\n      padding: 20px;\n      flex: 1;\n      min-height: 0;\n      overflow-y: auto;\n    }\n\n    .detail-field {\n      margin-bottom: 20px;\n    }\n\n    .detail-field:last-child {\n      margin-bottom: 0;\n    }\n\n    .detail-field label {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .detail-field p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      line-height: 1.5;\n    }\n\n    .detail-progress {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .progress-bar-detail {\n      flex: 1;\n      height: 8px;\n      background: var(--mj-border-default);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .progress-fill-detail {\n      height: calc(100% - 69px);\n      background: var(--mj-brand-primary);\n      transition: width 0.3s ease;\n    }\n\n    .detail-progress span {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      min-width: 40px;\n    }\n\n    .agent-info {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-info:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-icon {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .agent-name {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .link-icon {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .agent-run-link {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-run-link:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-run-link span {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n  `]\n})\nexport class TaskDetailPanelComponent implements OnInit, OnChanges {\n  @Input() task!: MJTaskEntity;\n  @Input() agentRunId: string | null = null;\n  @Output() closePanel = new EventEmitter<void>();\n  @Output() openEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  public agent: MJAIAgentEntityExtended | null = null;\n\n  ngOnInit(): void {\n    this.loadAgentInfo();\n  }\n\n  ngOnChanges(): void {\n    this.loadAgentInfo();\n  }\n\n  private async loadAgentInfo(): Promise<void> {\n    if (!this.task?.AgentID) {\n      this.agent = null;\n      return;\n    }\n\n    // AIEngineBase is deferred at startup; ensure loaded before reading .Agents.\n    await AIEngineBase.Instance.EnsureLoaded();\n    const agents = AIEngineBase.Instance.Agents;\n    this.agent = agents.find((a: MJAIAgentEntityExtended) => UUIDsEqual(a.ID, this.task.AgentID)) || null;\n  }\n\n  public formatDateTime(date: Date | null): string {\n    if (!date) return '';\n    const d = new Date(date);\n    return d.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n\n  public openAgent(): void {\n    if (this.task.AgentID) {\n      this.openEntityRecord.emit({\n        entityName: 'MJ: AI Agents',\n        recordId: this.task.AgentID\n      });\n    }\n  }\n\n  public openAgentRun(): void {\n    if (this.agentRunId) {\n      this.openEntityRecord.emit({\n        entityName: 'MJ: AI Agent Runs',\n        recordId: this.agentRunId\n      });\n    }\n  }\n}\n"]}
+{"version":3,"file":"task-detail-panel.component.js","sourceRoot":"","sources":["../../../src/lib/components/task-detail-panel.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnChanges } from '@angular/core';\n\nimport { MJTaskEntity } from '@memberjunction/core-entities';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { MJAIAgentEntityExtended } from '@memberjunction/ai-core-plus';\nimport { UUIDsEqual } from '@memberjunction/global';\n\n/**\n * Task detail panel showing task information, agent details, and agent run\n * Reusable across list and Gantt views\n */\n@Component({\n  selector: 'mj-task-detail-panel',\n  standalone: true,\n  imports: [],\n  template: `\n    <div class=\"task-detail-panel\">\n      <div class=\"detail-header\">\n        <h3>{{ task.Name }}</h3>\n        <button class=\"close-detail-btn\" (click)=\"closePanel.emit()\">\n          <i class=\"fas fa-times\"></i>\n        </button>\n      </div>\n    \n      <div class=\"detail-content\">\n        @if (task.Description) {\n          <div class=\"detail-field\">\n            <label>Description</label>\n            <p>{{ task.Description }}</p>\n          </div>\n        }\n    \n        <div class=\"detail-field\">\n          <label>Status</label>\n          <p>{{ task.Status }}</p>\n        </div>\n    \n        @if (task.PercentComplete != null) {\n          <div class=\"detail-field\">\n            <label>Progress</label>\n            <div class=\"detail-progress\">\n              <div class=\"progress-bar-detail\">\n                <div class=\"progress-fill-detail\" [style.width.%]=\"task.PercentComplete\"></div>\n              </div>\n              <span>{{ task.PercentComplete }}%</span>\n            </div>\n          </div>\n        }\n    \n        @if (task.StartedAt) {\n          <div class=\"detail-field\">\n            <label>Started</label>\n            <p>{{ formatDateTime(task.StartedAt) }}</p>\n          </div>\n        }\n    \n        @if (task.DueAt) {\n          <div class=\"detail-field\">\n            <label>Due</label>\n            <p>{{ formatDateTime(task.DueAt) }}</p>\n          </div>\n        }\n    \n        @if (task.CompletedAt) {\n          <div class=\"detail-field\">\n            <label>Completed</label>\n            <p>{{ formatDateTime(task.CompletedAt) }}</p>\n          </div>\n        }\n    \n        @if (task.User) {\n          <div class=\"detail-field\">\n            <label>Assigned User</label>\n            <p>{{ task.User }}</p>\n          </div>\n        }\n    \n        <!-- Agent Information -->\n        @if (agent) {\n          <div class=\"detail-field\">\n            <label>Agent</label>\n            <div class=\"agent-info\" (click)=\"openAgent()\">\n              <i [class]=\"'fas fa-' + ('robot')\" class=\"agent-icon\"></i>\n              <span class=\"agent-name\">{{ agent.Name }}</span>\n              <i class=\"fas fa-external-link-alt link-icon\"></i>\n            </div>\n          </div>\n        }\n    \n        <!-- Agent Run Information -->\n        @if (agentRunId) {\n          <div class=\"detail-field\">\n            <label>Agent Run</label>\n            <div class=\"agent-run-link\" (click)=\"openAgentRun()\">\n              <span>View Run Details</span>\n              <i class=\"fas fa-external-link-alt link-icon\"></i>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .task-detail-panel {\n      width: 100%;\n      height: calc(100% - 45px);\n      background: var(--mj-bg-surface);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .detail-header {\n      padding: 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      background: var(--mj-bg-surface-sunken);\n      flex-shrink: 0;\n    }\n\n    .detail-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      flex: 1;\n      padding-right: 12px;\n    }\n\n    .close-detail-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      width: 28px;\n      height: 28px;\n      border-radius: 4px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .close-detail-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-primary);\n    }\n\n    .detail-content {\n      padding: 20px;\n      flex: 1;\n      min-height: 0;\n      overflow-y: auto;\n    }\n\n    .detail-field {\n      margin-bottom: 20px;\n    }\n\n    .detail-field:last-child {\n      margin-bottom: 0;\n    }\n\n    .detail-field label {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .detail-field p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      line-height: 1.5;\n    }\n\n    .detail-progress {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .progress-bar-detail {\n      flex: 1;\n      height: 8px;\n      background: var(--mj-border-default);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .progress-fill-detail {\n      height: calc(100% - 69px);\n      background: var(--mj-brand-primary);\n      transition: width 0.3s ease;\n    }\n\n    .detail-progress span {\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      min-width: 40px;\n    }\n\n    .agent-info {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-info:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-icon {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .agent-name {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .link-icon {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .agent-run-link {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .agent-run-link:hover {\n      background: var(--mj-border-default);\n    }\n\n    .agent-run-link span {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n  `]\n})\nexport class TaskDetailPanelComponent implements OnInit, OnChanges {\n  @Input() Task!: MJTaskEntity;\n\n  /** @deprecated Use {@link Task}. */\n  @Input() set task(value: MJTaskEntity) {\n    this.Task = value;\n  }\n  /** @deprecated Use {@link Task}. */\n  get task(): MJTaskEntity {\n    return this.Task;\n  }\n  @Input() agentRunId: string | null = null;\n  @Output() ClosePanel = new EventEmitter<void>();\n\n  /**\n   * @deprecated Use {@link ClosePanel}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (closePanel) keeps working. Must stay AFTER ClosePanel: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() closePanel = this.ClosePanel;\n  @Output() OpenEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  /**\n   * @deprecated Use {@link OpenEntityRecord}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() openEntityRecord = this.OpenEntityRecord;\n\n  public Agent: MJAIAgentEntityExtended | null = null;\n\n  /** @deprecated Use {@link Agent}. */\n  public get agent(): MJAIAgentEntityExtended | null {\n    return this.Agent;\n  }\n  /** @deprecated Use {@link Agent}. */\n  public set agent(value: MJAIAgentEntityExtended | null) {\n    this.Agent = value;\n  }\n\n  ngOnInit(): void {\n    this.loadAgentInfo();\n  }\n\n  ngOnChanges(): void {\n    this.loadAgentInfo();\n  }\n\n  private async loadAgentInfo(): Promise<void> {\n    if (!this.Task?.AgentID) {\n      this.Agent = null;\n      return;\n    }\n\n    // AIEngineBase is deferred at startup; ensure loaded before reading .Agents.\n    await AIEngineBase.Instance.EnsureLoaded();\n    const agents = AIEngineBase.Instance.Agents;\n    this.Agent = agents.find((a: MJAIAgentEntityExtended) => UUIDsEqual(a.ID, this.Task.AgentID)) || null;\n  }\n\n  public FormatDateTime(date: Date | null): string {\n    if (!date) return '';\n    const d = new Date(date);\n    return d.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n\n  /** @deprecated Use {@link FormatDateTime}. */\n  public formatDateTime(date: Date | null): string {\n    return this.FormatDateTime(date);\n  }\n\n  public OpenAgent(): void {\n    if (this.Task.AgentID) {\n      this.OpenEntityRecord.emit({\n        entityName: 'MJ: AI Agents',\n        recordId: this.Task.AgentID\n      });\n    }\n  }\n\n  /** @deprecated Use {@link OpenAgent}. */\n  public openAgent(): void {\n    return this.OpenAgent();\n  }\n\n  public OpenAgentRun(): void {\n    if (this.agentRunId) {\n      this.OpenEntityRecord.emit({\n        entityName: 'MJ: AI Agent Runs',\n        recordId: this.agentRunId\n      });\n    }\n  }\n\n  /** @deprecated Use {@link OpenAgentRun}. */\n  public openAgentRun(): void {\n    return this.OpenAgentRun();\n  }\n}\n"]}

package/dist/lib/components/task.component.d.ts

@@ -7,28 +7,100 @@ import * as i0 from "@angular/core";
  * Allows switching between list and Gantt chart views
  */
 export declare class TaskComponent {
-    tasks: MJTaskEntity[];
-    ganttTasks?: MJTaskEntity[];
-    taskDependencies?: MJTaskDependencyEntity[];
-    agentRunMap?: Map<string, string>;
-    title?: string;
-    description?: string;
-    showHeader: boolean;
-    showViewToggle: boolean;
-    viewMode: TaskViewMode;
+    Tasks: MJTaskEntity[];
+    /** @deprecated Use {@link Tasks}. */
+    set tasks(value: MJTaskEntity[]);
+    /** @deprecated Use {@link Tasks}. */
+    get tasks(): MJTaskEntity[];
+    GanttTasks?: MJTaskEntity[];
+    /** @deprecated Use {@link GanttTasks}. */
+    set ganttTasks(value: MJTaskEntity[] | undefined);
+    /** @deprecated Use {@link GanttTasks}. */
+    get ganttTasks(): MJTaskEntity[] | undefined;
+    TaskDependencies?: MJTaskDependencyEntity[];
+    /** @deprecated Use {@link TaskDependencies}. */
+    set taskDependencies(value: MJTaskDependencyEntity[] | undefined);
+    /** @deprecated Use {@link TaskDependencies}. */
+    get taskDependencies(): MJTaskDependencyEntity[] | undefined;
+    AgentRunMap?: Map<string, string>;
+    /** @deprecated Use {@link AgentRunMap}. */
+    set agentRunMap(value: Map<string, string> | undefined);
+    /** @deprecated Use {@link AgentRunMap}. */
+    get agentRunMap(): Map<string, string> | undefined;
+    Title?: string;
+    /** @deprecated Use {@link Title}. */
+    set title(value: string | undefined);
+    /** @deprecated Use {@link Title}. */
+    get title(): string | undefined;
+    Description?: string;
+    /** @deprecated Use {@link Description}. */
+    set description(value: string | undefined);
+    /** @deprecated Use {@link Description}. */
+    get description(): string | undefined;
+    ShowHeader: boolean;
+    /** @deprecated Use {@link ShowHeader}. */
+    set showHeader(value: boolean);
+    /** @deprecated Use {@link ShowHeader}. */
+    get showHeader(): boolean;
+    ShowViewToggle: boolean;
+    /** @deprecated Use {@link ShowViewToggle}. */
+    set showViewToggle(value: boolean);
+    /** @deprecated Use {@link ShowViewToggle}. */
+    get showViewToggle(): boolean;
+    ViewMode: TaskViewMode;
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value: TaskViewMode);
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode(): TaskViewMode;
+    ViewModeChanged: EventEmitter<TaskViewMode>;
+    /**
+     * @deprecated Use {@link ViewModeChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (viewModeChanged) keeps working. Must stay AFTER ViewModeChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     viewModeChanged: EventEmitter<TaskViewMode>;
+    TaskClicked: EventEmitter<MJTaskEntity>;
+    /**
+     * @deprecated Use {@link TaskClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     taskClicked: EventEmitter<MJTaskEntity>;
+    OpenEntityRecord: EventEmitter<{
+        entityName: string;
+        recordId: string;
+    }>;
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     openEntityRecord: EventEmitter<{
         entityName: string;
         recordId: string;
     }>;
+    SetViewMode(mode: TaskViewMode): void;
+    /** @deprecated Use {@link SetViewMode}. */
     setViewMode(mode: TaskViewMode): void;
+    OnTaskClicked(task: MJTaskEntity): void;
+    /** @deprecated Use {@link OnTaskClicked}. */
     onTaskClicked(task: MJTaskEntity): void;
+    OnOpenEntityRecord(event: {
+        entityName: string;
+        recordId: string;
+    }): void;
+    /** @deprecated Use {@link OnOpenEntityRecord}. */
     onOpenEntityRecord(event: {
         entityName: string;
         recordId: string;
     }): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaskComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaskComponent, "mj-task", never, { "tasks": { "alias": "tasks"; "required": false; }; "ganttTasks": { "alias": "ganttTasks"; "required": false; }; "taskDependencies": { "alias": "taskDependencies"; "required": false; }; "agentRunMap": { "alias": "agentRunMap"; "required": false; }; "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "showViewToggle": { "alias": "showViewToggle"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; }, { "viewModeChanged": "viewModeChanged"; "taskClicked": "taskClicked"; "openEntityRecord": "openEntityRecord"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskComponent, "mj-task", never, { "Tasks": { "alias": "Tasks"; "required": false; }; "tasks": { "alias": "tasks"; "required": false; }; "GanttTasks": { "alias": "GanttTasks"; "required": false; }; "ganttTasks": { "alias": "ganttTasks"; "required": false; }; "TaskDependencies": { "alias": "TaskDependencies"; "required": false; }; "taskDependencies": { "alias": "taskDependencies"; "required": false; }; "AgentRunMap": { "alias": "AgentRunMap"; "required": false; }; "agentRunMap": { "alias": "agentRunMap"; "required": false; }; "Title": { "alias": "Title"; "required": false; }; "title": { "alias": "title"; "required": false; }; "Description": { "alias": "Description"; "required": false; }; "description": { "alias": "description"; "required": false; }; "ShowHeader": { "alias": "ShowHeader"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "ShowViewToggle": { "alias": "ShowViewToggle"; "required": false; }; "showViewToggle": { "alias": "showViewToggle"; "required": false; }; "ViewMode": { "alias": "ViewMode"; "required": false; }; "viewMode": { "alias": "viewMode"; "required": false; }; }, { "ViewModeChanged": "ViewModeChanged"; "viewModeChanged": "viewModeChanged"; "TaskClicked": "TaskClicked"; "taskClicked": "taskClicked"; "OpenEntityRecord": "OpenEntityRecord"; "openEntityRecord": "openEntityRecord"; }, never, never, true, never>;
 }
 //# sourceMappingURL=task.component.d.ts.map

package/dist/lib/components/task.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/task.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;;AAI1D;;;GAGG;AACH,qBAiJa,aAAa;IACf,KAAK,EAAE,YAAY,EAAE,CAAM;IAC3B,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAQ;IAC3B,cAAc,EAAE,OAAO,CAAQ;IAC/B,QAAQ,EAAE,YAAY,CAAY;IAEjC,eAAe,6BAAoC;IACnD,WAAW,6BAAoC;IAC/C,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAEnF,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAKrC,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAIvC,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;yCAxBrE,aAAa;2CAAb,aAAa;CA2BzB"}
+{"version":3,"file":"task.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/task.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;;AAI1D;;;GAGG;AACH,qBAiJa,aAAa;IACf,KAAK,EAAE,YAAY,EAAE,CAAM;IAEpC,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,YAAY,EAAE,EAEvC;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,YAAY,EAAE,CAE1B;IACQ,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAErC,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,SAAS,EAExD;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,YAAY,EAAE,GAAG,SAAS,CAE3C;IACQ,gBAAgB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAErD,gDAAgD;IAChD,IAAa,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,EAAE,GAAG,SAAS,EAExE;IACD,gDAAgD;IAChD,IAAI,gBAAgB,IAAI,sBAAsB,EAAE,GAAG,SAAS,CAE3D;IACQ,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE3C,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,EAE9D;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAEjD;IACQ,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB,qCAAqC;IACrC,IAAa,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAE3C;IACD,qCAAqC;IACrC,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,CAE9B;IACQ,WAAW,CAAC,EAAE,MAAM,CAAC;IAE9B,2CAA2C;IAC3C,IAAa,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAEjD;IACD,2CAA2C;IAC3C,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IACQ,UAAU,EAAE,OAAO,CAAQ;IAEpC,0CAA0C;IAC1C,IAAa,UAAU,CAAC,KAAK,EAAE,OAAO,EAErC;IACD,0CAA0C;IAC1C,IAAI,UAAU,IAAI,OAAO,CAExB;IACQ,cAAc,EAAE,OAAO,CAAQ;IAExC,8CAA8C;IAC9C,IAAa,cAAc,CAAC,KAAK,EAAE,OAAO,EAEzC;IACD,8CAA8C;IAC9C,IAAI,cAAc,IAAI,OAAO,CAE5B;IACQ,QAAQ,EAAE,YAAY,CAAY;IAE3C,wCAAwC;IACxC,IAAa,QAAQ,CAAC,KAAK,EAAE,YAAY,EAExC;IACD,wCAAwC;IACxC,IAAI,QAAQ,IAAI,YAAY,CAE3B;IAES,eAAe,6BAAoC;IAE7D;;;;;;OAMG;IACO,eAAe,6BAAwB;IACvC,WAAW,6BAAoC;IAEzD;;;;;;OAMG;IACO,WAAW,6BAAoB;IAC/B,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAE1F;;;;;;OAMG;IACO,gBAAgB;oBATkC,MAAM;kBAAY,MAAM;OASjC;IAE5C,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAK5C,2CAA2C;IACpC,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAIrC,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAI9C,6CAA6C;IACtC,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI;IAIvC,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAIhF,kDAAkD;IAC3C,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;yCAnJrE,aAAa;2CAAb,aAAa;CAsJzB"}

package/dist/lib/components/task.component.js

@@ -81,30 +81,138 @@ function TaskComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
  * Allows switching between list and Gantt chart views
  */
 export class TaskComponent {
-    tasks = [];
-    ganttTasks; // Optional separate task list for Gantt (includes parent)
-    taskDependencies; // Task dependencies for Gantt links
-    agentRunMap; // Maps TaskID -> AgentRunID
-    title;
-    description;
-    showHeader = true;
-    showViewToggle = true; // Show Gantt/List toggle
-    viewMode = 'simple';
-    viewModeChanged = new EventEmitter();
-    taskClicked = new EventEmitter();
-    openEntityRecord = new EventEmitter();
+    Tasks = [];
+    /** @deprecated Use {@link Tasks}. */
+    set tasks(value) {
+        this.Tasks = value;
+    }
+    /** @deprecated Use {@link Tasks}. */
+    get tasks() {
+        return this.Tasks;
+    }
+    GanttTasks;
+    /** @deprecated Use {@link GanttTasks}. */
+    set ganttTasks(value) {
+        this.GanttTasks = value;
+    }
+    /** @deprecated Use {@link GanttTasks}. */
+    get ganttTasks() {
+        return this.GanttTasks;
+    } // Optional separate task list for Gantt (includes parent)
+    TaskDependencies;
+    /** @deprecated Use {@link TaskDependencies}. */
+    set taskDependencies(value) {
+        this.TaskDependencies = value;
+    }
+    /** @deprecated Use {@link TaskDependencies}. */
+    get taskDependencies() {
+        return this.TaskDependencies;
+    } // Task dependencies for Gantt links
+    AgentRunMap;
+    /** @deprecated Use {@link AgentRunMap}. */
+    set agentRunMap(value) {
+        this.AgentRunMap = value;
+    }
+    /** @deprecated Use {@link AgentRunMap}. */
+    get agentRunMap() {
+        return this.AgentRunMap;
+    } // Maps TaskID -> AgentRunID
+    Title;
+    /** @deprecated Use {@link Title}. */
+    set title(value) {
+        this.Title = value;
+    }
+    /** @deprecated Use {@link Title}. */
+    get title() {
+        return this.Title;
+    }
+    Description;
+    /** @deprecated Use {@link Description}. */
+    set description(value) {
+        this.Description = value;
+    }
+    /** @deprecated Use {@link Description}. */
+    get description() {
+        return this.Description;
+    }
+    ShowHeader = true;
+    /** @deprecated Use {@link ShowHeader}. */
+    set showHeader(value) {
+        this.ShowHeader = value;
+    }
+    /** @deprecated Use {@link ShowHeader}. */
+    get showHeader() {
+        return this.ShowHeader;
+    }
+    ShowViewToggle = true;
+    /** @deprecated Use {@link ShowViewToggle}. */
+    set showViewToggle(value) {
+        this.ShowViewToggle = value;
+    }
+    /** @deprecated Use {@link ShowViewToggle}. */
+    get showViewToggle() {
+        return this.ShowViewToggle;
+    } // Show Gantt/List toggle
+    ViewMode = 'simple';
+    /** @deprecated Use {@link ViewMode}. */
+    set viewMode(value) {
+        this.ViewMode = value;
+    }
+    /** @deprecated Use {@link ViewMode}. */
+    get viewMode() {
+        return this.ViewMode;
+    }
+    ViewModeChanged = new EventEmitter();
+    /**
+     * @deprecated Use {@link ViewModeChanged}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (viewModeChanged) keeps working. Must stay AFTER ViewModeChanged: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    viewModeChanged = this.ViewModeChanged;
+    TaskClicked = new EventEmitter();
+    /**
+     * @deprecated Use {@link TaskClicked}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    taskClicked = this.TaskClicked;
+    OpenEntityRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openEntityRecord = this.OpenEntityRecord;
+    SetViewMode(mode) {
+        this.ViewMode = mode;
+        this.ViewModeChanged.emit(mode);
+    }
+    /** @deprecated Use {@link SetViewMode}. */
     setViewMode(mode) {
-        this.viewMode = mode;
-        this.viewModeChanged.emit(mode);
+        return this.SetViewMode(mode);
     }
+    OnTaskClicked(task) {
+        this.TaskClicked.emit(task);
+    }
+    /** @deprecated Use {@link OnTaskClicked}. */
     onTaskClicked(task) {
-        this.taskClicked.emit(task);
+        return this.OnTaskClicked(task);
+    }
+    OnOpenEntityRecord(event) {
+        this.OpenEntityRecord.emit(event);
     }
+    /** @deprecated Use {@link OnOpenEntityRecord}. */
     onOpenEntityRecord(event) {
-        this.openEntityRecord.emit(event);
+        return this.OnOpenEntityRecord(event);
     }
     static ɵfac = function TaskComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskComponent, selectors: [["mj-task"]], inputs: { tasks: "tasks", ganttTasks: "ganttTasks", taskDependencies: "taskDependencies", agentRunMap: "agentRunMap", title: "title", description: "description", showHeader: "showHeader", showViewToggle: "showViewToggle", viewMode: "viewMode" }, outputs: { viewModeChanged: "viewModeChanged", taskClicked: "taskClicked", openEntityRecord: "openEntityRecord" }, decls: 5, vars: 3, consts: [[1, "task-component"], [1, "task-header"], [1, "task-viewer"], [3, "tasks", "agentRunMap"], [3, "tasks", "taskDependencies", "agentRunMap"], [1, "header-left"], [1, "task-title"], [1, "task-description"], [1, "view-toggle"], ["title", "Gantt Chart", 1, "toggle-btn", 3, "click"], [1, "fas", "fa-chart-gantt"], ["title", "List View", 1, "toggle-btn", 3, "click"], [1, "fas", "fa-list"], [3, "taskClicked", "openEntityRecord", "tasks", "agentRunMap"], [3, "taskClicked", "openEntityRecord", "tasks", "taskDependencies", "agentRunMap"]], template: function TaskComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskComponent, selectors: [["mj-task"]], inputs: { Tasks: "Tasks", tasks: "tasks", GanttTasks: "GanttTasks", ganttTasks: "ganttTasks", TaskDependencies: "TaskDependencies", taskDependencies: "taskDependencies", AgentRunMap: "AgentRunMap", agentRunMap: "agentRunMap", Title: "Title", title: "title", Description: "Description", description: "description", ShowHeader: "ShowHeader", showHeader: "showHeader", ShowViewToggle: "ShowViewToggle", showViewToggle: "showViewToggle", ViewMode: "ViewMode", viewMode: "viewMode" }, outputs: { ViewModeChanged: "ViewModeChanged", viewModeChanged: "viewModeChanged", TaskClicked: "TaskClicked", taskClicked: "taskClicked", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord" }, decls: 5, vars: 3, consts: [[1, "task-component"], [1, "task-header"], [1, "task-viewer"], [3, "tasks", "agentRunMap"], [3, "tasks", "taskDependencies", "agentRunMap"], [1, "header-left"], [1, "task-title"], [1, "task-description"], [1, "view-toggle"], ["title", "Gantt Chart", 1, "toggle-btn", 3, "click"], [1, "fas", "fa-chart-gantt"], ["title", "List View", 1, "toggle-btn", 3, "click"], [1, "fas", "fa-list"], [3, "taskClicked", "openEntityRecord", "tasks", "agentRunMap"], [3, "taskClicked", "openEntityRecord", "tasks", "taskDependencies", "agentRunMap"]], template: function TaskComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, TaskComponent_Conditional_1_Template, 5, 3, "div", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -181,28 +289,52 @@ export class TaskComponent {
       </div>
     </div>
     `, styles: ["\n    .task-component {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 20px;\n      padding: 20px 24px;\n      background: var(--mj-bg-surface);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-left {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      margin: 0 0 8px 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .task-description {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n    }\n\n    .view-toggle {\n      display: flex;\n      gap: 8px;\n      background: var(--mj-bg-surface-sunken);\n      padding: 4px;\n      border-radius: 8px;\n    }\n\n    .toggle-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: var(--mj-text-muted);\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .toggle-btn:hover {\n      color: var(--mj-text-primary);\n      background: color-mix(in srgb, var(--mj-bg-surface) 50%, transparent);\n    }\n\n    .toggle-btn.active {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .toggle-btn i {\n      font-size: 14px;\n    }\n\n    .task-viewer {\n      flex: 1;\n      min-height: 0;\n      overflow: hidden;\n    }\n  "] }]
-    }], null, { tasks: [{
+    }], null, { Tasks: [{
+            type: Input
+        }], tasks: [{
+            type: Input
+        }], GanttTasks: [{
             type: Input
         }], ganttTasks: [{
             type: Input
+        }], TaskDependencies: [{
+            type: Input
         }], taskDependencies: [{
             type: Input
+        }], AgentRunMap: [{
+            type: Input
         }], agentRunMap: [{
             type: Input
+        }], Title: [{
+            type: Input
         }], title: [{
             type: Input
+        }], Description: [{
+            type: Input
         }], description: [{
             type: Input
+        }], ShowHeader: [{
+            type: Input
         }], showHeader: [{
             type: Input
+        }], ShowViewToggle: [{
+            type: Input
         }], showViewToggle: [{
             type: Input
+        }], ViewMode: [{
+            type: Input
         }], viewMode: [{
             type: Input
+        }], ViewModeChanged: [{
+            type: Output
         }], viewModeChanged: [{
             type: Output
+        }], TaskClicked: [{
+            type: Output
         }], taskClicked: [{
             type: Output
+        }], OpenEntityRecord: [{
+            type: Output
         }], openEntityRecord: [{
             type: Output
         }] }); })();

package/dist/lib/components/task.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"task.component.js","sourceRoot":"","sources":["../../../src/lib/components/task.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\n\nimport { MJTaskEntity, MJTaskDependencyEntity } from '@memberjunction/core-entities';\nimport { TaskViewMode } from '../models/task-view.models';\nimport { SimpleTaskViewerComponent } from './simple-task-viewer.component';\nimport { GanttTaskViewerComponent } from './gantt-task-viewer.component';\n\n/**\n * Main task component that composes SimpleTaskViewer and GanttTaskViewer\n * Allows switching between list and Gantt chart views\n */\n@Component({\n  selector: 'mj-task',\n  standalone: true,\n  imports: [SimpleTaskViewerComponent, GanttTaskViewerComponent],\n  template: `\n    <div class=\"task-component\">\n      <!-- Header with View Toggle -->\n      @if (showHeader) {\n        <div class=\"task-header\">\n          <div class=\"header-left\">\n            @if (title) {\n              <h2 class=\"task-title\">{{ title }}</h2>\n            }\n            @if (description) {\n              <p class=\"task-description\">{{ description }}</p>\n            }\n          </div>\n          @if (showViewToggle) {\n            <div class=\"view-toggle\">\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"viewMode === 'gantt'\"\n                (click)=\"setViewMode('gantt')\"\n                title=\"Gantt Chart\">\n                <i class=\"fas fa-chart-gantt\"></i>\n                <span>Gantt</span>\n              </button>\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"viewMode === 'simple'\"\n                (click)=\"setViewMode('simple')\"\n                title=\"List View\">\n                <i class=\"fas fa-list\"></i>\n                <span>List</span>\n              </button>\n            </div>\n          }\n        </div>\n      }\n    \n      <!-- Task Viewer (Simple or Gantt) -->\n      <div class=\"task-viewer\">\n        @if (viewMode === 'simple') {\n          <mj-simple-task-viewer\n            [tasks]=\"tasks\"\n            [agentRunMap]=\"agentRunMap\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\">\n          </mj-simple-task-viewer>\n        }\n    \n        @if (viewMode === 'gantt') {\n          <mj-gantt-task-viewer\n            [tasks]=\"ganttTasks || tasks\"\n            [taskDependencies]=\"taskDependencies || []\"\n            [agentRunMap]=\"agentRunMap\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\">\n          </mj-gantt-task-viewer>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .task-component {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 20px;\n      padding: 20px 24px;\n      background: var(--mj-bg-surface);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-left {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      margin: 0 0 8px 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .task-description {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n    }\n\n    .view-toggle {\n      display: flex;\n      gap: 8px;\n      background: var(--mj-bg-surface-sunken);\n      padding: 4px;\n      border-radius: 8px;\n    }\n\n    .toggle-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: var(--mj-text-muted);\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .toggle-btn:hover {\n      color: var(--mj-text-primary);\n      background: color-mix(in srgb, var(--mj-bg-surface) 50%, transparent);\n    }\n\n    .toggle-btn.active {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .toggle-btn i {\n      font-size: 14px;\n    }\n\n    .task-viewer {\n      flex: 1;\n      min-height: 0;\n      overflow: hidden;\n    }\n  `]\n})\nexport class TaskComponent {\n  @Input() tasks: MJTaskEntity[] = [];\n  @Input() ganttTasks?: MJTaskEntity[]; // Optional separate task list for Gantt (includes parent)\n  @Input() taskDependencies?: MJTaskDependencyEntity[]; // Task dependencies for Gantt links\n  @Input() agentRunMap?: Map<string, string>; // Maps TaskID -> AgentRunID\n  @Input() title?: string;\n  @Input() description?: string;\n  @Input() showHeader: boolean = true;\n  @Input() showViewToggle: boolean = true; // Show Gantt/List toggle\n  @Input() viewMode: TaskViewMode = 'simple';\n\n  @Output() viewModeChanged = new EventEmitter<TaskViewMode>();\n  @Output() taskClicked = new EventEmitter<MJTaskEntity>();\n  @Output() openEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  public setViewMode(mode: TaskViewMode): void {\n    this.viewMode = mode;\n    this.viewModeChanged.emit(mode);\n  }\n\n  public onTaskClicked(task: MJTaskEntity): void {\n    this.taskClicked.emit(task);\n  }\n\n  public onOpenEntityRecord(event: { entityName: string; recordId: string }): void {\n    this.openEntityRecord.emit(event);\n  }\n}\n"]}
+{"version":3,"file":"task.component.js","sourceRoot":"","sources":["../../../src/lib/components/task.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\n\nimport { MJTaskEntity, MJTaskDependencyEntity } from '@memberjunction/core-entities';\nimport { TaskViewMode } from '../models/task-view.models';\nimport { SimpleTaskViewerComponent } from './simple-task-viewer.component';\nimport { GanttTaskViewerComponent } from './gantt-task-viewer.component';\n\n/**\n * Main task component that composes SimpleTaskViewer and GanttTaskViewer\n * Allows switching between list and Gantt chart views\n */\n@Component({\n  selector: 'mj-task',\n  standalone: true,\n  imports: [SimpleTaskViewerComponent, GanttTaskViewerComponent],\n  template: `\n    <div class=\"task-component\">\n      <!-- Header with View Toggle -->\n      @if (showHeader) {\n        <div class=\"task-header\">\n          <div class=\"header-left\">\n            @if (title) {\n              <h2 class=\"task-title\">{{ title }}</h2>\n            }\n            @if (description) {\n              <p class=\"task-description\">{{ description }}</p>\n            }\n          </div>\n          @if (showViewToggle) {\n            <div class=\"view-toggle\">\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"viewMode === 'gantt'\"\n                (click)=\"setViewMode('gantt')\"\n                title=\"Gantt Chart\">\n                <i class=\"fas fa-chart-gantt\"></i>\n                <span>Gantt</span>\n              </button>\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"viewMode === 'simple'\"\n                (click)=\"setViewMode('simple')\"\n                title=\"List View\">\n                <i class=\"fas fa-list\"></i>\n                <span>List</span>\n              </button>\n            </div>\n          }\n        </div>\n      }\n    \n      <!-- Task Viewer (Simple or Gantt) -->\n      <div class=\"task-viewer\">\n        @if (viewMode === 'simple') {\n          <mj-simple-task-viewer\n            [tasks]=\"tasks\"\n            [agentRunMap]=\"agentRunMap\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\">\n          </mj-simple-task-viewer>\n        }\n    \n        @if (viewMode === 'gantt') {\n          <mj-gantt-task-viewer\n            [tasks]=\"ganttTasks || tasks\"\n            [taskDependencies]=\"taskDependencies || []\"\n            [agentRunMap]=\"agentRunMap\"\n            (taskClicked)=\"onTaskClicked($event)\"\n            (openEntityRecord)=\"onOpenEntityRecord($event)\">\n          </mj-gantt-task-viewer>\n        }\n      </div>\n    </div>\n    `,\n  styles: [`\n    .task-component {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 20px;\n      padding: 20px 24px;\n      background: var(--mj-bg-surface);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-left {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      margin: 0 0 8px 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .task-description {\n      margin: 0;\n      font-size: 14px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n    }\n\n    .view-toggle {\n      display: flex;\n      gap: 8px;\n      background: var(--mj-bg-surface-sunken);\n      padding: 4px;\n      border-radius: 8px;\n    }\n\n    .toggle-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: none;\n      background: transparent;\n      color: var(--mj-text-muted);\n      font-size: 13px;\n      font-weight: 600;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.15s;\n    }\n\n    .toggle-btn:hover {\n      color: var(--mj-text-primary);\n      background: color-mix(in srgb, var(--mj-bg-surface) 50%, transparent);\n    }\n\n    .toggle-btn.active {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .toggle-btn i {\n      font-size: 14px;\n    }\n\n    .task-viewer {\n      flex: 1;\n      min-height: 0;\n      overflow: hidden;\n    }\n  `]\n})\nexport class TaskComponent {\n  @Input() Tasks: MJTaskEntity[] = [];\n\n  /** @deprecated Use {@link Tasks}. */\n  @Input() set tasks(value: MJTaskEntity[]) {\n    this.Tasks = value;\n  }\n  /** @deprecated Use {@link Tasks}. */\n  get tasks(): MJTaskEntity[] {\n    return this.Tasks;\n  }\n  @Input() GanttTasks?: MJTaskEntity[];\n\n  /** @deprecated Use {@link GanttTasks}. */\n  @Input() set ganttTasks(value: MJTaskEntity[] | undefined) {\n    this.GanttTasks = value;\n  }\n  /** @deprecated Use {@link GanttTasks}. */\n  get ganttTasks(): MJTaskEntity[] | undefined {\n    return this.GanttTasks;\n  } // Optional separate task list for Gantt (includes parent)\n  @Input() TaskDependencies?: MJTaskDependencyEntity[];\n\n  /** @deprecated Use {@link TaskDependencies}. */\n  @Input() set taskDependencies(value: MJTaskDependencyEntity[] | undefined) {\n    this.TaskDependencies = value;\n  }\n  /** @deprecated Use {@link TaskDependencies}. */\n  get taskDependencies(): MJTaskDependencyEntity[] | undefined {\n    return this.TaskDependencies;\n  } // Task dependencies for Gantt links\n  @Input() AgentRunMap?: Map<string, string>;\n\n  /** @deprecated Use {@link AgentRunMap}. */\n  @Input() set agentRunMap(value: Map<string, string> | undefined) {\n    this.AgentRunMap = value;\n  }\n  /** @deprecated Use {@link AgentRunMap}. */\n  get agentRunMap(): Map<string, string> | undefined {\n    return this.AgentRunMap;\n  } // Maps TaskID -> AgentRunID\n  @Input() Title?: string;\n\n  /** @deprecated Use {@link Title}. */\n  @Input() set title(value: string | undefined) {\n    this.Title = value;\n  }\n  /** @deprecated Use {@link Title}. */\n  get title(): string | undefined {\n    return this.Title;\n  }\n  @Input() Description?: string;\n\n  /** @deprecated Use {@link Description}. */\n  @Input() set description(value: string | undefined) {\n    this.Description = value;\n  }\n  /** @deprecated Use {@link Description}. */\n  get description(): string | undefined {\n    return this.Description;\n  }\n  @Input() ShowHeader: boolean = true;\n\n  /** @deprecated Use {@link ShowHeader}. */\n  @Input() set showHeader(value: boolean) {\n    this.ShowHeader = value;\n  }\n  /** @deprecated Use {@link ShowHeader}. */\n  get showHeader(): boolean {\n    return this.ShowHeader;\n  }\n  @Input() ShowViewToggle: boolean = true;\n\n  /** @deprecated Use {@link ShowViewToggle}. */\n  @Input() set showViewToggle(value: boolean) {\n    this.ShowViewToggle = value;\n  }\n  /** @deprecated Use {@link ShowViewToggle}. */\n  get showViewToggle(): boolean {\n    return this.ShowViewToggle;\n  } // Show Gantt/List toggle\n  @Input() ViewMode: TaskViewMode = 'simple';\n\n  /** @deprecated Use {@link ViewMode}. */\n  @Input() set viewMode(value: TaskViewMode) {\n    this.ViewMode = value;\n  }\n  /** @deprecated Use {@link ViewMode}. */\n  get viewMode(): TaskViewMode {\n    return this.ViewMode;\n  }\n\n  @Output() ViewModeChanged = new EventEmitter<TaskViewMode>();\n\n  /**\n   * @deprecated Use {@link ViewModeChanged}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (viewModeChanged) keeps working. Must stay AFTER ViewModeChanged: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() viewModeChanged = this.ViewModeChanged;\n  @Output() TaskClicked = new EventEmitter<MJTaskEntity>();\n\n  /**\n   * @deprecated Use {@link TaskClicked}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (taskClicked) keeps working. Must stay AFTER TaskClicked: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() taskClicked = this.TaskClicked;\n  @Output() OpenEntityRecord = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  /**\n   * @deprecated Use {@link OpenEntityRecord}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() openEntityRecord = this.OpenEntityRecord;\n\n  public SetViewMode(mode: TaskViewMode): void {\n    this.ViewMode = mode;\n    this.ViewModeChanged.emit(mode);\n  }\n\n  /** @deprecated Use {@link SetViewMode}. */\n  public setViewMode(mode: TaskViewMode): void {\n    return this.SetViewMode(mode);\n  }\n\n  public OnTaskClicked(task: MJTaskEntity): void {\n    this.TaskClicked.emit(task);\n  }\n\n  /** @deprecated Use {@link OnTaskClicked}. */\n  public onTaskClicked(task: MJTaskEntity): void {\n    return this.OnTaskClicked(task);\n  }\n\n  public OnOpenEntityRecord(event: { entityName: string; recordId: string }): void {\n    this.OpenEntityRecord.emit(event);\n  }\n\n  /** @deprecated Use {@link OnOpenEntityRecord}. */\n  public onOpenEntityRecord(event: { entityName: string; recordId: string }): void {\n    return this.OnOpenEntityRecord(event);\n  }\n}\n"]}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@memberjunction/ng-tasks",
-  "version": "6.2.0-edge.0",
+  "version": "6.2.0-edge.2",
   "description": "MemberJunction: Angular components for task visualization and management with Gantt chart support",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@memberjunction/ai-core-plus": "6.2.0-edge.0",
-    "@memberjunction/ai-engine-base": "6.2.0-edge.0",
-    "@memberjunction/core": "6.2.0-edge.0",
-    "@memberjunction/core-entities": "6.2.0-edge.0",
-    "@memberjunction/global": "6.2.0-edge.0",
-    "@memberjunction/ng-shared-generic": "6.2.0-edge.0",
+    "@memberjunction/ai-core-plus": "6.2.0-edge.2",
+    "@memberjunction/ai-engine-base": "6.2.0-edge.2",
+    "@memberjunction/core": "6.2.0-edge.2",
+    "@memberjunction/core-entities": "6.2.0-edge.2",
+    "@memberjunction/global": "6.2.0-edge.2",
+    "@memberjunction/ng-shared-generic": "6.2.0-edge.2",
     "dhtmlx-gantt": "^9.1.1",
     "rxjs": "^7.8.2"
   },
@@ -27,7 +27,7 @@
     "url": "https://github.com/MemberJunction/MJ"
   },
   "devDependencies": {
-    "@memberjunction/ng-test-utils": "6.2.0-edge.0",
+    "@memberjunction/ng-test-utils": "6.2.0-edge.2",
     "vitest": "^4.0.18",
     "@angular/compiler-cli": "21.2.22"
   },