@memberjunction/ng-conversations 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/components/tasks/tasks-dropdown.component.js

@@ -197,14 +197,78 @@ function TasksDropdownComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
  */
 export class TasksDropdownComponent {
     activeTasksService;
-    currentUser;
-    conversationId = null;
-    taskClicked = new EventEmitter();
-    navigateToConversation = new EventEmitter();
-    isOpen = false;
-    allTasks = [];
-    currentConversationTasks = [];
-    otherConversationTasks = [];
+    CurrentUser;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    ConversationId = null;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value) {
+        this.ConversationId = value;
+    }
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId() {
+        return this.ConversationId;
+    }
+    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;
+    NavigateToConversation = new EventEmitter();
+    /**
+     * @deprecated Use {@link NavigateToConversation}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (navigateToConversation) keeps working. Must stay AFTER NavigateToConversation: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    navigateToConversation = this.NavigateToConversation;
+    IsOpen = false;
+    /** @deprecated Use {@link IsOpen}. */
+    get isOpen() {
+        return this.IsOpen;
+    }
+    /** @deprecated Use {@link IsOpen}. */
+    set isOpen(value) {
+        this.IsOpen = value;
+    }
+    AllTasks = [];
+    /** @deprecated Use {@link AllTasks}. */
+    get allTasks() {
+        return this.AllTasks;
+    }
+    /** @deprecated Use {@link AllTasks}. */
+    set allTasks(value) {
+        this.AllTasks = value;
+    }
+    CurrentConversationTasks = [];
+    /** @deprecated Use {@link CurrentConversationTasks}. */
+    get currentConversationTasks() {
+        return this.CurrentConversationTasks;
+    }
+    /** @deprecated Use {@link CurrentConversationTasks}. */
+    set currentConversationTasks(value) {
+        this.CurrentConversationTasks = value;
+    }
+    OtherConversationTasks = [];
+    /** @deprecated Use {@link OtherConversationTasks}. */
+    get otherConversationTasks() {
+        return this.OtherConversationTasks;
+    }
+    /** @deprecated Use {@link OtherConversationTasks}. */
+    set otherConversationTasks(value) {
+        this.OtherConversationTasks = value;
+    }
     destroy$ = new Subject();
     /**
      * Wall-clock snapshot the elapsed-time template bindings read from. The template
@@ -229,7 +293,7 @@ export class TasksDropdownComponent {
         this.activeTasksService.tasks$
             .pipe(takeUntil(this.destroy$))
             .subscribe(tasks => {
-            this.allTasks = tasks;
+            this.AllTasks = tasks;
             this.groupTasks();
         });
     }
@@ -239,22 +303,30 @@ export class TasksDropdownComponent {
         this.stopElapsedTimer();
     }
     groupTasks() {
-        this.currentConversationTasks = this.allTasks.filter(task => task.conversationId === this.conversationId);
-        this.otherConversationTasks = this.allTasks.filter(task => task.conversationId && task.conversationId !== this.conversationId);
+        this.CurrentConversationTasks = this.AllTasks.filter(task => task.conversationId === this.ConversationId);
+        this.OtherConversationTasks = this.AllTasks.filter(task => task.conversationId && task.conversationId !== this.ConversationId);
     }
-    toggleDropdown() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
+    ToggleDropdown() {
+        this.IsOpen = !this.IsOpen;
+        if (this.IsOpen) {
             this.startElapsedTimer();
         }
         else {
             this.stopElapsedTimer();
         }
     }
-    closeDropdown() {
-        this.isOpen = false;
+    /** @deprecated Use {@link ToggleDropdown}. */
+    toggleDropdown() {
+        return this.ToggleDropdown();
+    }
+    CloseDropdown() {
+        this.IsOpen = false;
         this.stopElapsedTimer();
     }
+    /** @deprecated Use {@link CloseDropdown}. */
+    closeDropdown() {
+        return this.CloseDropdown();
+    }
     startElapsedTimer() {
         this._now = Date.now(); // fresh snapshot for the first render
         if (this.elapsedTimer) {
@@ -272,18 +344,22 @@ export class TasksDropdownComponent {
             this.elapsedTimer = null;
         }
     }
-    onTaskClick(task) {
+    OnTaskClick(task) {
         // If task is from another conversation, emit navigation event
-        if (task.conversationId && task.conversationId !== this.conversationId) {
-            this.navigateToConversation.emit({
+        if (task.conversationId && task.conversationId !== this.ConversationId) {
+            this.NavigateToConversation.emit({
                 conversationId: task.conversationId,
                 taskId: task.id
             });
         }
-        this.taskClicked.emit(task);
-        this.closeDropdown();
+        this.TaskClicked.emit(task);
+        this.CloseDropdown();
     }
-    getElapsedTime(task) {
+    /** @deprecated Use {@link OnTaskClick}. */
+    onTaskClick(task) {
+        return this.OnTaskClick(task);
+    }
+    GetElapsedTime(task) {
         // Reads the CD-stable snapshot, never Date.now() — see _now for why (NG0100).
         const elapsed = Math.max(0, this._now - task.startTime);
         const seconds = Math.floor(elapsed / 1000);
@@ -294,18 +370,26 @@ export class TasksDropdownComponent {
         const remainingSeconds = seconds % 60;
         return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;
     }
-    getTrimmedStatus(status) {
+    /** @deprecated Use {@link GetElapsedTime}. */
+    getElapsedTime(task) {
+        return this.GetElapsedTime(task);
+    }
+    GetTrimmedStatus(status) {
         const maxLength = 50;
         if (status.length <= maxLength) {
             return status;
         }
         return status.substring(0, maxLength) + '...';
     }
+    /** @deprecated Use {@link GetTrimmedStatus}. */
+    getTrimmedStatus(status) {
+        return this.GetTrimmedStatus(status);
+    }
     /**
      * Get agent icon class by looking up agent in AIEngineBase cache
      * Similar to message-item component's aiAgentInfo getter
      */
-    getAgentIconClass(agentName) {
+    GetAgentIconClass(agentName) {
         // Look up agent from AIEngineBase cache by name
         if (AIEngineBase.Instance?.Agents) {
             const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);
@@ -316,11 +400,15 @@ export class TasksDropdownComponent {
         // Default fallback icon
         return 'fas fa-robot';
     }
+    /** @deprecated Use {@link GetAgentIconClass}. */
+    getAgentIconClass(agentName) {
+        return this.GetAgentIconClass(agentName);
+    }
     /**
      * Get agent logo URL by looking up agent in AIEngineBase cache
      * Returns null if no logo URL is available
      */
-    getAgentLogoUrl(agentName) {
+    GetAgentLogoUrl(agentName) {
         // Look up agent from AIEngineBase cache by name
         if (AIEngineBase.Instance?.Agents) {
             const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);
@@ -330,8 +418,12 @@ export class TasksDropdownComponent {
         }
         return null;
     }
+    /** @deprecated Use {@link GetAgentLogoUrl}. */
+    getAgentLogoUrl(agentName) {
+        return this.GetAgentLogoUrl(agentName);
+    }
     static ɵfac = function TasksDropdownComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TasksDropdownComponent)(i0.ɵɵdirectiveInject(i1.ActiveTasksService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TasksDropdownComponent, selectors: [["mj-tasks-dropdown"]], inputs: { currentUser: "currentUser", conversationId: "conversationId" }, outputs: { taskClicked: "taskClicked", navigateToConversation: "navigateToConversation" }, standalone: false, decls: 5, vars: 7, consts: [[1, "tasks-dropdown-container"], [1, "active-tasks-btn", 3, "click", "title"], [1, "fas", "fa-bolt"], [1, "task-count-badge"], [1, "active-tasks-dropdown"], [1, "dropdown-header"], [1, "header-left"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "fas", "fa-tasks"], [1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "dropdown-content"], [1, "section"], [1, "no-tasks"], [1, "section-header"], [1, "fas", "fa-comment"], [1, "active-task-item"], [1, "active-task-item", 3, "click"], [1, "task-status-indicator", "active"], [1, "task-content"], [1, "task-title"], [1, "agent-logo", 3, "src", "alt"], [3, "class"], [1, "task-status-text"], [1, "task-elapsed"], [1, "fas", "fa-comments"], [1, "active-task-item", "clickable"], [1, "active-task-item", "clickable", 3, "click"], [1, "go-btn"], [1, "fas", "fa-arrow-right"], [1, "task-conversation"], [1, "fas", "fa-message"], [1, "fas", "fa-check-circle"]], template: function TasksDropdownComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TasksDropdownComponent, selectors: [["mj-tasks-dropdown"]], inputs: { CurrentUser: "CurrentUser", currentUser: "currentUser", ConversationId: "ConversationId", conversationId: "conversationId" }, outputs: { TaskClicked: "TaskClicked", taskClicked: "taskClicked", NavigateToConversation: "NavigateToConversation", navigateToConversation: "navigateToConversation" }, standalone: false, decls: 5, vars: 7, consts: [[1, "tasks-dropdown-container"], [1, "active-tasks-btn", 3, "click", "title"], [1, "fas", "fa-bolt"], [1, "task-count-badge"], [1, "active-tasks-dropdown"], [1, "dropdown-header"], [1, "header-left"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "fas", "fa-tasks"], [1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "dropdown-content"], [1, "section"], [1, "no-tasks"], [1, "section-header"], [1, "fas", "fa-comment"], [1, "active-task-item"], [1, "active-task-item", 3, "click"], [1, "task-status-indicator", "active"], [1, "task-content"], [1, "task-title"], [1, "agent-logo", 3, "src", "alt"], [3, "class"], [1, "task-status-text"], [1, "task-elapsed"], [1, "fas", "fa-comments"], [1, "active-task-item", "clickable"], [1, "active-task-item", "clickable", 3, "click"], [1, "go-btn"], [1, "fas", "fa-arrow-right"], [1, "task-conversation"], [1, "fas", "fa-message"], [1, "fas", "fa-check-circle"]], template: function TasksDropdownComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "button", 1);
             i0.ɵɵlistener("click", function TasksDropdownComponent_Template_button_click_1_listener() { return ctx.toggleDropdown(); });
             i0.ɵɵelement(2, "i", 2);
@@ -467,12 +559,20 @@ export class TasksDropdownComponent {
       }
     </div>
     `, styles: ["\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: transparent;\n      padding: 8px 12px;\n      border-radius: 6px;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      transition: all 0.2s;\n    }\n\n    .active-tasks-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .active-tasks-btn.active {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .task-count-badge {\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      padding: 2px 5px;\n      border-radius: 10px;\n      font-size: 11px;\n      font-weight: 600;\n      min-width: 18px;\n      text-align: center;\n      line-height: 1;\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      min-width: 420px;\n      max-width: 500px;\n    }\n\n    .dropdown-header {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-left i {\n      color: var(--mj-brand-primary);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 18px;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n    }\n\n    .close-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-content {\n      max-height: 500px;\n      overflow-y: auto;\n    }\n\n    .section {\n      padding: 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section:last-child {\n      border-bottom: none;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\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: 12px;\n      padding: 0 4px;\n    }\n\n    .section-header i {\n      font-size: 11px;\n    }\n\n    .active-task-item {\n      display: flex;\n      gap: 12px;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      margin-bottom: 8px;\n      transition: all 0.2s ease;\n    }\n\n    .active-task-item.clickable {\n      cursor: pointer;\n    }\n\n    .active-task-item.clickable:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      transform: translateX(2px);\n    }\n\n    .active-task-item:last-child {\n      margin-bottom: 0;\n    }\n\n    .task-status-indicator {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator.active {\n      background: var(--mj-brand-primary);\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .task-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title i {\n      color: var(--mj-brand-primary);\n      font-size: 12px;\n    }\n\n    .task-title .agent-logo {\n      width: 14px;\n      height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n    }\n\n    .go-btn {\n      margin-left: auto;\n      color: var(--mj-brand-primary);\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .active-task-item.clickable:hover .go-btn {\n      opacity: 1;\n    }\n\n    .task-conversation {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-conversation i {\n      font-size: 10px;\n    }\n\n    .task-status-text {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .no-tasks {\n      padding: 40px 16px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: var(--mj-status-success);\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    mj-task-widget {\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    mj-task-widget:last-child {\n      margin-bottom: 0;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .active-tasks-btn {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n\n      .active-tasks-dropdown {\n        position: fixed;\n        top: auto;\n        right: 8px;\n        left: 8px;\n        bottom: 8px;\n        min-width: unset;\n        max-width: unset;\n        max-height: 60vh;\n      }\n\n      .dropdown-header {\n        padding: 10px 12px;\n      }\n\n      .dropdown-content {\n        max-height: calc(60vh - 48px);\n      }\n\n      .section {\n        padding: 10px;\n      }\n\n      .section-header {\n        font-size: 11px;\n        margin-bottom: 10px;\n      }\n\n      .active-task-item {\n        padding: 8px 10px;\n      }\n\n      .task-title {\n        font-size: 13px;\n      }\n\n      .task-status-text {\n        font-size: 11px;\n      }\n\n      .task-elapsed {\n        font-size: 10px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .active-tasks-btn {\n        padding: 4px 8px;\n        font-size: 11px;\n      }\n\n      .active-tasks-dropdown {\n        right: 4px;\n        left: 4px;\n        bottom: 4px;\n        max-height: 70vh;\n      }\n\n      .dropdown-header {\n        padding: 8px 10px;\n      }\n\n      .header-left {\n        font-size: 13px;\n      }\n\n      .dropdown-content {\n        max-height: calc(70vh - 44px);\n      }\n\n      .section {\n        padding: 8px;\n      }\n\n      .section-header {\n        font-size: 10px;\n        margin-bottom: 8px;\n      }\n\n      .active-task-item {\n        padding: 6px 8px;\n        gap: 8px;\n      }\n\n      .task-title {\n        font-size: 12px;\n      }\n\n      .task-status-text {\n        font-size: 10px;\n      }\n\n      .task-elapsed {\n        font-size: 9px;\n      }\n\n      .no-tasks {\n        padding: 30px 12px;\n      }\n\n      .no-tasks i {\n        font-size: 28px;\n      }\n\n      .no-tasks p {\n        font-size: 13px;\n      }\n    }\n  "] }]
-    }], () => [{ type: i1.ActiveTasksService }], { currentUser: [{
+    }], () => [{ type: i1.ActiveTasksService }], { CurrentUser: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], ConversationId: [{
             type: Input
         }], conversationId: [{
             type: Input
+        }], TaskClicked: [{
+            type: Output
         }], taskClicked: [{
             type: Output
+        }], NavigateToConversation: [{
+            type: Output
         }], navigateToConversation: [{
             type: Output
         }] }); })();

package/dist/lib/components/tasks/tasks-dropdown.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tasks-dropdown.component.js","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';\nimport { UserInfo } from '@memberjunction/core';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Enhanced tasks dropdown component for chat header.\n * Shows ALL active tasks across ALL conversations, grouped by current vs other\n */\n@Component({\n  standalone: false,\n  selector: 'mj-tasks-dropdown',\n  template: `\n    <div class=\"tasks-dropdown-container\">\n      <button\n        class=\"active-tasks-btn\"\n        (click)=\"toggleDropdown()\"\n        [class.active]=\"isOpen\"\n        [class.has-tasks]=\"allTasks.length > 0\"\n        [title]=\"allTasks.length > 0 ? allTasks.length + ' active task' + (allTasks.length > 1 ? 's' : '') : 'View tasks'\">\n        <i class=\"fas fa-bolt\"></i>\n        @if (allTasks.length > 0) {\n          <span class=\"task-count-badge\">{{ allTasks.length }}</span>\n        }\n      </button>\n    \n      @if (isOpen) {\n        <div class=\"active-tasks-dropdown\">\n          <div class=\"dropdown-header\">\n            <div class=\"header-left\">\n              @if (allTasks.length > 0) {\n                <i class=\"fas fa-circle-notch fa-spin\"></i>\n              }\n              @if (allTasks.length === 0) {\n                <i class=\"fas fa-tasks\"></i>\n              }\n              <span>Active Tasks ({{ allTasks.length }})</span>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeDropdown()\">\n              <i class=\"fas fa-times\"></i>\n            </button>\n          </div>\n          <div class=\"dropdown-content\">\n            <!-- Current Conversation Tasks -->\n            @if (currentConversationTasks.length > 0) {\n              <div class=\"section\">\n                <div class=\"section-header\">\n                  <i class=\"fas fa-comment\"></i>\n                  <span>Current Conversation ({{ currentConversationTasks.length }})</span>\n                </div>\n                @for (task of currentConversationTasks; track task) {\n                  <div class=\"active-task-item\"\n                    (click)=\"onTaskClick(task)\">\n                    <div class=\"task-status-indicator active\"></div>\n                    <div class=\"task-content\">\n                      <div class=\"task-title\">\n                        @if (getAgentLogoUrl(task.agentName)) {\n                          <img\n                            [src]=\"getAgentLogoUrl(task.agentName)\"\n                            class=\"agent-logo\"\n                            [alt]=\"task.agentName\" />\n                        }\n                        @if (!getAgentLogoUrl(task.agentName)) {\n                          <i\n                          [class]=\"getAgentIconClass(task.agentName)\"></i>\n                        }\n                        {{ task.agentName }}\n                      </div>\n                      <div class=\"task-status-text\">{{ getTrimmedStatus(task.status) }}</div>\n                      <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            <!-- Other Conversations Tasks -->\n            @if (otherConversationTasks.length > 0) {\n              <div class=\"section\">\n                <div class=\"section-header\">\n                  <i class=\"fas fa-comments\"></i>\n                  <span>Other Conversations ({{ otherConversationTasks.length }})</span>\n                </div>\n                @for (task of otherConversationTasks; track task) {\n                  <div class=\"active-task-item clickable\"\n                    (click)=\"onTaskClick(task)\">\n                    <div class=\"task-status-indicator active\"></div>\n                    <div class=\"task-content\">\n                      <div class=\"task-title\">\n                        @if (getAgentLogoUrl(task.agentName)) {\n                          <img\n                            [src]=\"getAgentLogoUrl(task.agentName)\"\n                            class=\"agent-logo\"\n                            [alt]=\"task.agentName\" />\n                        }\n                        @if (!getAgentLogoUrl(task.agentName)) {\n                          <i\n                          [class]=\"getAgentIconClass(task.agentName)\"></i>\n                        }\n                        {{ task.agentName }}\n                        <span class=\"go-btn\">\n                          <i class=\"fas fa-arrow-right\"></i>\n                        </span>\n                      </div>\n                      @if (task.conversationName) {\n                        <div class=\"task-conversation\">\n                          <i class=\"fas fa-message\"></i>\n                          {{ task.conversationName }}\n                        </div>\n                      }\n                      <div class=\"task-status-text\">{{ getTrimmedStatus(task.status) }}</div>\n                      <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            <!-- No Tasks State -->\n            @if (allTasks.length === 0) {\n              <div class=\"no-tasks\">\n                <i class=\"fas fa-check-circle\"></i>\n                <p>No active tasks</p>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    `,\n  styles: [`\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: transparent;\n      padding: 8px 12px;\n      border-radius: 6px;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      transition: all 0.2s;\n    }\n\n    .active-tasks-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .active-tasks-btn.active {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .task-count-badge {\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      padding: 2px 5px;\n      border-radius: 10px;\n      font-size: 11px;\n      font-weight: 600;\n      min-width: 18px;\n      text-align: center;\n      line-height: 1;\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      min-width: 420px;\n      max-width: 500px;\n    }\n\n    .dropdown-header {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-left i {\n      color: var(--mj-brand-primary);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 18px;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n    }\n\n    .close-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-content {\n      max-height: 500px;\n      overflow-y: auto;\n    }\n\n    .section {\n      padding: 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section:last-child {\n      border-bottom: none;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\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: 12px;\n      padding: 0 4px;\n    }\n\n    .section-header i {\n      font-size: 11px;\n    }\n\n    .active-task-item {\n      display: flex;\n      gap: 12px;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      margin-bottom: 8px;\n      transition: all 0.2s ease;\n    }\n\n    .active-task-item.clickable {\n      cursor: pointer;\n    }\n\n    .active-task-item.clickable:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      transform: translateX(2px);\n    }\n\n    .active-task-item:last-child {\n      margin-bottom: 0;\n    }\n\n    .task-status-indicator {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator.active {\n      background: var(--mj-brand-primary);\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .task-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title i {\n      color: var(--mj-brand-primary);\n      font-size: 12px;\n    }\n\n    .task-title .agent-logo {\n      width: 14px;\n      height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n    }\n\n    .go-btn {\n      margin-left: auto;\n      color: var(--mj-brand-primary);\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .active-task-item.clickable:hover .go-btn {\n      opacity: 1;\n    }\n\n    .task-conversation {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-conversation i {\n      font-size: 10px;\n    }\n\n    .task-status-text {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .no-tasks {\n      padding: 40px 16px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: var(--mj-status-success);\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    mj-task-widget {\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    mj-task-widget:last-child {\n      margin-bottom: 0;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .active-tasks-btn {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n\n      .active-tasks-dropdown {\n        position: fixed;\n        top: auto;\n        right: 8px;\n        left: 8px;\n        bottom: 8px;\n        min-width: unset;\n        max-width: unset;\n        max-height: 60vh;\n      }\n\n      .dropdown-header {\n        padding: 10px 12px;\n      }\n\n      .dropdown-content {\n        max-height: calc(60vh - 48px);\n      }\n\n      .section {\n        padding: 10px;\n      }\n\n      .section-header {\n        font-size: 11px;\n        margin-bottom: 10px;\n      }\n\n      .active-task-item {\n        padding: 8px 10px;\n      }\n\n      .task-title {\n        font-size: 13px;\n      }\n\n      .task-status-text {\n        font-size: 11px;\n      }\n\n      .task-elapsed {\n        font-size: 10px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .active-tasks-btn {\n        padding: 4px 8px;\n        font-size: 11px;\n      }\n\n      .active-tasks-dropdown {\n        right: 4px;\n        left: 4px;\n        bottom: 4px;\n        max-height: 70vh;\n      }\n\n      .dropdown-header {\n        padding: 8px 10px;\n      }\n\n      .header-left {\n        font-size: 13px;\n      }\n\n      .dropdown-content {\n        max-height: calc(70vh - 44px);\n      }\n\n      .section {\n        padding: 8px;\n      }\n\n      .section-header {\n        font-size: 10px;\n        margin-bottom: 8px;\n      }\n\n      .active-task-item {\n        padding: 6px 8px;\n        gap: 8px;\n      }\n\n      .task-title {\n        font-size: 12px;\n      }\n\n      .task-status-text {\n        font-size: 10px;\n      }\n\n      .task-elapsed {\n        font-size: 9px;\n      }\n\n      .no-tasks {\n        padding: 30px 12px;\n      }\n\n      .no-tasks i {\n        font-size: 28px;\n      }\n\n      .no-tasks p {\n        font-size: 13px;\n      }\n    }\n  `]\n})\nexport class TasksDropdownComponent implements OnInit, OnDestroy {\n  @Input() currentUser!: UserInfo;\n  @Input() conversationId: string | null = null;\n  @Output() taskClicked = new EventEmitter<ActiveTask>();\n  @Output() navigateToConversation = new EventEmitter<{conversationId: string; taskId: string}>();\n\n  public isOpen: boolean = false;\n  public allTasks: ActiveTask[] = [];\n  public currentConversationTasks: ActiveTask[] = [];\n  public otherConversationTasks: ActiveTask[] = [];\n\n  private destroy$ = new Subject<void>();\n\n  /**\n   * Wall-clock snapshot the elapsed-time template bindings read from. The template\n   * must NOT call Date.now() (directly or via getElapsedTime) — a change-detection\n   * pass that straddles a second boundary would then see two different values for\n   * the same binding and throw NG0100 in dev mode. Instead this snapshot is stable\n   * within a CD pass and advances via a 1s interval that runs only while the\n   * dropdown is open (the only time elapsed text is rendered).\n   */\n  private _now = Date.now();\n  private elapsedTimer: ReturnType<typeof setInterval> | null = null;\n\n  constructor(\n    private activeTasksService: ActiveTasksService\n  ) {}\n\n  ngOnInit() {\n    // AIEngineBase is deferred at startup; kick off the load early so the\n    // template helpers (getAgentIconClass / getAgentLogoUrl) find populated\n    // .Agents data when they're called from the template. Fire-and-forget —\n    // the helpers fall back to defaults until it's loaded.\n    AIEngineBase.Instance.EnsureLoaded();\n\n    // Subscribe to ALL active tasks across ALL conversations\n    this.activeTasksService.tasks$\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(tasks => {\n        this.allTasks = tasks;\n        this.groupTasks();\n      });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.stopElapsedTimer();\n  }\n\n  private groupTasks(): void {\n    this.currentConversationTasks = this.allTasks.filter(\n      task => task.conversationId === this.conversationId\n    );\n\n    this.otherConversationTasks = this.allTasks.filter(\n      task => task.conversationId && task.conversationId !== this.conversationId\n    );\n  }\n\n  toggleDropdown(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      this.startElapsedTimer();\n    } else {\n      this.stopElapsedTimer();\n    }\n  }\n\n  closeDropdown(): void {\n    this.isOpen = false;\n    this.stopElapsedTimer();\n  }\n\n  private startElapsedTimer(): void {\n    this._now = Date.now(); // fresh snapshot for the first render\n    if (this.elapsedTimer) {\n      return;\n    }\n    // Zone-patched interval: each tick triggers CD, so the elapsed text advances\n    // once per second while the dropdown is open. Stopped on close/destroy.\n    this.elapsedTimer = setInterval(() => {\n      this._now = Date.now();\n    }, 1000);\n  }\n\n  private stopElapsedTimer(): void {\n    if (this.elapsedTimer) {\n      clearInterval(this.elapsedTimer);\n      this.elapsedTimer = null;\n    }\n  }\n\n  onTaskClick(task: ActiveTask): void {\n    // If task is from another conversation, emit navigation event\n    if (task.conversationId && task.conversationId !== this.conversationId) {\n      this.navigateToConversation.emit({\n        conversationId: task.conversationId,\n        taskId: task.id\n      });\n    }\n\n    this.taskClicked.emit(task);\n    this.closeDropdown();\n  }\n\n  getElapsedTime(task: ActiveTask): string {\n    // Reads the CD-stable snapshot, never Date.now() — see _now for why (NG0100).\n    const elapsed = Math.max(0, this._now - task.startTime);\n    const seconds = Math.floor(elapsed / 1000);\n\n    if (seconds < 60) {\n      return `${seconds}s`;\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n  }\n\n  getTrimmedStatus(status: string): string {\n    const maxLength = 50;\n    if (status.length <= maxLength) {\n      return status;\n    }\n    return status.substring(0, maxLength) + '...';\n  }\n\n  /**\n   * Get agent icon class by looking up agent in AIEngineBase cache\n   * Similar to message-item component's aiAgentInfo getter\n   */\n  getAgentIconClass(agentName: string): string {\n    // Look up agent from AIEngineBase cache by name\n    if (AIEngineBase.Instance?.Agents) {\n      const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);\n      if (agent?.IconClass) {\n        return agent.IconClass;\n      }\n    }\n\n    // Default fallback icon\n    return 'fas fa-robot';\n  }\n\n  /**\n   * Get agent logo URL by looking up agent in AIEngineBase cache\n   * Returns null if no logo URL is available\n   */\n  getAgentLogoUrl(agentName: string): string | null {\n    // Look up agent from AIEngineBase cache by name\n    if (AIEngineBase.Instance?.Agents) {\n      const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);\n      if (agent?.LogoURL) {\n        return agent.LogoURL;\n      }\n    }\n\n    return null;\n  }\n}\n"]}
+{"version":3,"file":"tasks-dropdown.component.js","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy } from '@angular/core';\nimport { UserInfo } from '@memberjunction/core';\nimport { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * Enhanced tasks dropdown component for chat header.\n * Shows ALL active tasks across ALL conversations, grouped by current vs other\n */\n@Component({\n  standalone: false,\n  selector: 'mj-tasks-dropdown',\n  template: `\n    <div class=\"tasks-dropdown-container\">\n      <button\n        class=\"active-tasks-btn\"\n        (click)=\"toggleDropdown()\"\n        [class.active]=\"isOpen\"\n        [class.has-tasks]=\"allTasks.length > 0\"\n        [title]=\"allTasks.length > 0 ? allTasks.length + ' active task' + (allTasks.length > 1 ? 's' : '') : 'View tasks'\">\n        <i class=\"fas fa-bolt\"></i>\n        @if (allTasks.length > 0) {\n          <span class=\"task-count-badge\">{{ allTasks.length }}</span>\n        }\n      </button>\n    \n      @if (isOpen) {\n        <div class=\"active-tasks-dropdown\">\n          <div class=\"dropdown-header\">\n            <div class=\"header-left\">\n              @if (allTasks.length > 0) {\n                <i class=\"fas fa-circle-notch fa-spin\"></i>\n              }\n              @if (allTasks.length === 0) {\n                <i class=\"fas fa-tasks\"></i>\n              }\n              <span>Active Tasks ({{ allTasks.length }})</span>\n            </div>\n            <button class=\"close-btn\" (click)=\"closeDropdown()\">\n              <i class=\"fas fa-times\"></i>\n            </button>\n          </div>\n          <div class=\"dropdown-content\">\n            <!-- Current Conversation Tasks -->\n            @if (currentConversationTasks.length > 0) {\n              <div class=\"section\">\n                <div class=\"section-header\">\n                  <i class=\"fas fa-comment\"></i>\n                  <span>Current Conversation ({{ currentConversationTasks.length }})</span>\n                </div>\n                @for (task of currentConversationTasks; track task) {\n                  <div class=\"active-task-item\"\n                    (click)=\"onTaskClick(task)\">\n                    <div class=\"task-status-indicator active\"></div>\n                    <div class=\"task-content\">\n                      <div class=\"task-title\">\n                        @if (getAgentLogoUrl(task.agentName)) {\n                          <img\n                            [src]=\"getAgentLogoUrl(task.agentName)\"\n                            class=\"agent-logo\"\n                            [alt]=\"task.agentName\" />\n                        }\n                        @if (!getAgentLogoUrl(task.agentName)) {\n                          <i\n                          [class]=\"getAgentIconClass(task.agentName)\"></i>\n                        }\n                        {{ task.agentName }}\n                      </div>\n                      <div class=\"task-status-text\">{{ getTrimmedStatus(task.status) }}</div>\n                      <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            <!-- Other Conversations Tasks -->\n            @if (otherConversationTasks.length > 0) {\n              <div class=\"section\">\n                <div class=\"section-header\">\n                  <i class=\"fas fa-comments\"></i>\n                  <span>Other Conversations ({{ otherConversationTasks.length }})</span>\n                </div>\n                @for (task of otherConversationTasks; track task) {\n                  <div class=\"active-task-item clickable\"\n                    (click)=\"onTaskClick(task)\">\n                    <div class=\"task-status-indicator active\"></div>\n                    <div class=\"task-content\">\n                      <div class=\"task-title\">\n                        @if (getAgentLogoUrl(task.agentName)) {\n                          <img\n                            [src]=\"getAgentLogoUrl(task.agentName)\"\n                            class=\"agent-logo\"\n                            [alt]=\"task.agentName\" />\n                        }\n                        @if (!getAgentLogoUrl(task.agentName)) {\n                          <i\n                          [class]=\"getAgentIconClass(task.agentName)\"></i>\n                        }\n                        {{ task.agentName }}\n                        <span class=\"go-btn\">\n                          <i class=\"fas fa-arrow-right\"></i>\n                        </span>\n                      </div>\n                      @if (task.conversationName) {\n                        <div class=\"task-conversation\">\n                          <i class=\"fas fa-message\"></i>\n                          {{ task.conversationName }}\n                        </div>\n                      }\n                      <div class=\"task-status-text\">{{ getTrimmedStatus(task.status) }}</div>\n                      <div class=\"task-elapsed\">{{ getElapsedTime(task) }}</div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n            <!-- No Tasks State -->\n            @if (allTasks.length === 0) {\n              <div class=\"no-tasks\">\n                <i class=\"fas fa-check-circle\"></i>\n                <p>No active tasks</p>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n    `,\n  styles: [`\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: transparent;\n      padding: 8px 12px;\n      border-radius: 6px;\n      border: none;\n      color: rgba(255,255,255,0.7);\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 16px;\n      transition: all 0.2s;\n    }\n\n    .active-tasks-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .active-tasks-btn.active {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .task-count-badge {\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      padding: 2px 5px;\n      border-radius: 10px;\n      font-size: 11px;\n      font-weight: 600;\n      min-width: 18px;\n      text-align: center;\n      line-height: 1;\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      min-width: 420px;\n      max-width: 500px;\n    }\n\n    .dropdown-header {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-left i {\n      color: var(--mj-brand-primary);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 18px;\n      padding: 0;\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 4px;\n    }\n\n    .close-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-content {\n      max-height: 500px;\n      overflow-y: auto;\n    }\n\n    .section {\n      padding: 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section:last-child {\n      border-bottom: none;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\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: 12px;\n      padding: 0 4px;\n    }\n\n    .section-header i {\n      font-size: 11px;\n    }\n\n    .active-task-item {\n      display: flex;\n      gap: 12px;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      margin-bottom: 8px;\n      transition: all 0.2s ease;\n    }\n\n    .active-task-item.clickable {\n      cursor: pointer;\n    }\n\n    .active-task-item.clickable:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      transform: translateX(2px);\n    }\n\n    .active-task-item:last-child {\n      margin-bottom: 0;\n    }\n\n    .task-status-indicator {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator.active {\n      background: var(--mj-brand-primary);\n      animation: pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .task-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title i {\n      color: var(--mj-brand-primary);\n      font-size: 12px;\n    }\n\n    .task-title .agent-logo {\n      width: 14px;\n      height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n    }\n\n    .go-btn {\n      margin-left: auto;\n      color: var(--mj-brand-primary);\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .active-task-item.clickable:hover .go-btn {\n      opacity: 1;\n    }\n\n    .task-conversation {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-conversation i {\n      font-size: 10px;\n    }\n\n    .task-status-text {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .no-tasks {\n      padding: 40px 16px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: var(--mj-status-success);\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    mj-task-widget {\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    mj-task-widget:last-child {\n      margin-bottom: 0;\n    }\n\n    /* Mobile adjustments: 481px - 768px */\n    @media (max-width: 768px) {\n      .active-tasks-btn {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n\n      .active-tasks-dropdown {\n        position: fixed;\n        top: auto;\n        right: 8px;\n        left: 8px;\n        bottom: 8px;\n        min-width: unset;\n        max-width: unset;\n        max-height: 60vh;\n      }\n\n      .dropdown-header {\n        padding: 10px 12px;\n      }\n\n      .dropdown-content {\n        max-height: calc(60vh - 48px);\n      }\n\n      .section {\n        padding: 10px;\n      }\n\n      .section-header {\n        font-size: 11px;\n        margin-bottom: 10px;\n      }\n\n      .active-task-item {\n        padding: 8px 10px;\n      }\n\n      .task-title {\n        font-size: 13px;\n      }\n\n      .task-status-text {\n        font-size: 11px;\n      }\n\n      .task-elapsed {\n        font-size: 10px;\n      }\n    }\n\n    /* Small Phone adjustments: <= 480px */\n    @media (max-width: 480px) {\n      .active-tasks-btn {\n        padding: 4px 8px;\n        font-size: 11px;\n      }\n\n      .active-tasks-dropdown {\n        right: 4px;\n        left: 4px;\n        bottom: 4px;\n        max-height: 70vh;\n      }\n\n      .dropdown-header {\n        padding: 8px 10px;\n      }\n\n      .header-left {\n        font-size: 13px;\n      }\n\n      .dropdown-content {\n        max-height: calc(70vh - 44px);\n      }\n\n      .section {\n        padding: 8px;\n      }\n\n      .section-header {\n        font-size: 10px;\n        margin-bottom: 8px;\n      }\n\n      .active-task-item {\n        padding: 6px 8px;\n        gap: 8px;\n      }\n\n      .task-title {\n        font-size: 12px;\n      }\n\n      .task-status-text {\n        font-size: 10px;\n      }\n\n      .task-elapsed {\n        font-size: 9px;\n      }\n\n      .no-tasks {\n        padding: 30px 12px;\n      }\n\n      .no-tasks i {\n        font-size: 28px;\n      }\n\n      .no-tasks p {\n        font-size: 13px;\n      }\n    }\n  `]\n})\nexport class TasksDropdownComponent implements OnInit, OnDestroy {\n  @Input() CurrentUser!: UserInfo;\n\n  /** @deprecated Use {@link CurrentUser}. */\n  @Input() set currentUser(value: UserInfo) {\n    this.CurrentUser = value;\n  }\n  /** @deprecated Use {@link CurrentUser}. */\n  get currentUser(): UserInfo {\n    return this.CurrentUser;\n  }\n  @Input() ConversationId: string | null = null;\n\n  /** @deprecated Use {@link ConversationId}. */\n  @Input() set conversationId(value: string | null) {\n    this.ConversationId = value;\n  }\n  /** @deprecated Use {@link ConversationId}. */\n  get conversationId(): string | null {\n    return this.ConversationId;\n  }\n  @Output() TaskClicked = new EventEmitter<ActiveTask>();\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() NavigateToConversation = new EventEmitter<{conversationId: string; taskId: string}>();\n\n  /**\n   * @deprecated Use {@link NavigateToConversation}.\n   *\n   * The same emitter under the old binding name, so a template still binding\n   * (navigateToConversation) keeps working. Must stay AFTER NavigateToConversation: class fields\n   * initialise in order, and the other way round this captures undefined.\n   */\n  @Output() navigateToConversation = this.NavigateToConversation;\n\n  public IsOpen: boolean = false;\n\n  /** @deprecated Use {@link IsOpen}. */\n  public get isOpen(): boolean {\n    return this.IsOpen;\n  }\n  /** @deprecated Use {@link IsOpen}. */\n  public set isOpen(value: boolean) {\n    this.IsOpen = value;\n  }\n  public AllTasks: ActiveTask[] = [];\n\n  /** @deprecated Use {@link AllTasks}. */\n  public get allTasks(): ActiveTask[] {\n    return this.AllTasks;\n  }\n  /** @deprecated Use {@link AllTasks}. */\n  public set allTasks(value: ActiveTask[]) {\n    this.AllTasks = value;\n  }\n  public CurrentConversationTasks: ActiveTask[] = [];\n\n  /** @deprecated Use {@link CurrentConversationTasks}. */\n  public get currentConversationTasks(): ActiveTask[] {\n    return this.CurrentConversationTasks;\n  }\n  /** @deprecated Use {@link CurrentConversationTasks}. */\n  public set currentConversationTasks(value: ActiveTask[]) {\n    this.CurrentConversationTasks = value;\n  }\n  public OtherConversationTasks: ActiveTask[] = [];\n\n  /** @deprecated Use {@link OtherConversationTasks}. */\n  public get otherConversationTasks(): ActiveTask[] {\n    return this.OtherConversationTasks;\n  }\n  /** @deprecated Use {@link OtherConversationTasks}. */\n  public set otherConversationTasks(value: ActiveTask[]) {\n    this.OtherConversationTasks = value;\n  }\n\n  private destroy$ = new Subject<void>();\n\n  /**\n   * Wall-clock snapshot the elapsed-time template bindings read from. The template\n   * must NOT call Date.now() (directly or via getElapsedTime) — a change-detection\n   * pass that straddles a second boundary would then see two different values for\n   * the same binding and throw NG0100 in dev mode. Instead this snapshot is stable\n   * within a CD pass and advances via a 1s interval that runs only while the\n   * dropdown is open (the only time elapsed text is rendered).\n   */\n  private _now = Date.now();\n  private elapsedTimer: ReturnType<typeof setInterval> | null = null;\n\n  constructor(\n    private activeTasksService: ActiveTasksService\n  ) {}\n\n  ngOnInit() {\n    // AIEngineBase is deferred at startup; kick off the load early so the\n    // template helpers (getAgentIconClass / getAgentLogoUrl) find populated\n    // .Agents data when they're called from the template. Fire-and-forget —\n    // the helpers fall back to defaults until it's loaded.\n    AIEngineBase.Instance.EnsureLoaded();\n\n    // Subscribe to ALL active tasks across ALL conversations\n    this.activeTasksService.tasks$\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(tasks => {\n        this.AllTasks = tasks;\n        this.groupTasks();\n      });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.stopElapsedTimer();\n  }\n\n  private groupTasks(): void {\n    this.CurrentConversationTasks = this.AllTasks.filter(\n      task => task.conversationId === this.ConversationId\n    );\n\n    this.OtherConversationTasks = this.AllTasks.filter(\n      task => task.conversationId && task.conversationId !== this.ConversationId\n    );\n  }\n\n  ToggleDropdown(): void {\n    this.IsOpen = !this.IsOpen;\n    if (this.IsOpen) {\n      this.startElapsedTimer();\n    } else {\n      this.stopElapsedTimer();\n    }\n  }\n\n  /** @deprecated Use {@link ToggleDropdown}. */\n  toggleDropdown(): void {\n    return this.ToggleDropdown();\n  }\n\n  CloseDropdown(): void {\n    this.IsOpen = false;\n    this.stopElapsedTimer();\n  }\n\n  /** @deprecated Use {@link CloseDropdown}. */\n  closeDropdown(): void {\n    return this.CloseDropdown();\n  }\n\n  private startElapsedTimer(): void {\n    this._now = Date.now(); // fresh snapshot for the first render\n    if (this.elapsedTimer) {\n      return;\n    }\n    // Zone-patched interval: each tick triggers CD, so the elapsed text advances\n    // once per second while the dropdown is open. Stopped on close/destroy.\n    this.elapsedTimer = setInterval(() => {\n      this._now = Date.now();\n    }, 1000);\n  }\n\n  private stopElapsedTimer(): void {\n    if (this.elapsedTimer) {\n      clearInterval(this.elapsedTimer);\n      this.elapsedTimer = null;\n    }\n  }\n\n  OnTaskClick(task: ActiveTask): void {\n    // If task is from another conversation, emit navigation event\n    if (task.conversationId && task.conversationId !== this.ConversationId) {\n      this.NavigateToConversation.emit({\n        conversationId: task.conversationId,\n        taskId: task.id\n      });\n    }\n\n    this.TaskClicked.emit(task);\n    this.CloseDropdown();\n  }\n\n  /** @deprecated Use {@link OnTaskClick}. */\n  onTaskClick(task: ActiveTask): void {\n    return this.OnTaskClick(task);\n  }\n\n  GetElapsedTime(task: ActiveTask): string {\n    // Reads the CD-stable snapshot, never Date.now() — see _now for why (NG0100).\n    const elapsed = Math.max(0, this._now - task.startTime);\n    const seconds = Math.floor(elapsed / 1000);\n\n    if (seconds < 60) {\n      return `${seconds}s`;\n    }\n\n    const minutes = Math.floor(seconds / 60);\n    const remainingSeconds = seconds % 60;\n    return `${minutes}:${remainingSeconds.toString().padStart(2, '0')}`;\n  }\n\n  /** @deprecated Use {@link GetElapsedTime}. */\n  getElapsedTime(task: ActiveTask): string {\n    return this.GetElapsedTime(task);\n  }\n\n  GetTrimmedStatus(status: string): string {\n    const maxLength = 50;\n    if (status.length <= maxLength) {\n      return status;\n    }\n    return status.substring(0, maxLength) + '...';\n  }\n\n  /** @deprecated Use {@link GetTrimmedStatus}. */\n  getTrimmedStatus(status: string): string {\n    return this.GetTrimmedStatus(status);\n  }\n\n  /**\n   * Get agent icon class by looking up agent in AIEngineBase cache\n   * Similar to message-item component's aiAgentInfo getter\n   */\n  GetAgentIconClass(agentName: string): string {\n    // Look up agent from AIEngineBase cache by name\n    if (AIEngineBase.Instance?.Agents) {\n      const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);\n      if (agent?.IconClass) {\n        return agent.IconClass;\n      }\n    }\n\n    // Default fallback icon\n    return 'fas fa-robot';\n  }\n\n  /** @deprecated Use {@link GetAgentIconClass}. */\n  getAgentIconClass(agentName: string): string {\n    return this.GetAgentIconClass(agentName);\n  }\n\n  /**\n   * Get agent logo URL by looking up agent in AIEngineBase cache\n   * Returns null if no logo URL is available\n   */\n  GetAgentLogoUrl(agentName: string): string | null {\n    // Look up agent from AIEngineBase cache by name\n    if (AIEngineBase.Instance?.Agents) {\n      const agent = AIEngineBase.Instance.Agents.find(a => a.Name === agentName);\n      if (agent?.LogoURL) {\n        return agent.LogoURL;\n      }\n    }\n\n    return null;\n  }\n\n  /** @deprecated Use {@link GetAgentLogoUrl}. */\n  getAgentLogoUrl(agentName: string): string | null {\n    return this.GetAgentLogoUrl(agentName);\n  }\n}\n"]}

package/dist/lib/components/thread/thread-panel.component.d.ts

@@ -11,16 +11,60 @@ import * as i0 from "@angular/core";
 export declare class ThreadPanelComponent extends BaseAngularComponent implements OnInit, OnDestroy {
     private dataCache;
     private cdRef;
-    parentMessageId: string;
-    conversationId: string;
-    currentUser: UserInfo;
+    ParentMessageId: string;
+    /** @deprecated Use {@link ParentMessageId}. */
+    set parentMessageId(value: string);
+    /** @deprecated Use {@link ParentMessageId}. */
+    get parentMessageId(): string;
+    ConversationId: string;
+    /** @deprecated Use {@link ConversationId}. */
+    set conversationId(value: string);
+    /** @deprecated Use {@link ConversationId}. */
+    get conversationId(): string;
+    CurrentUser: UserInfo;
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value: UserInfo);
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser(): UserInfo;
+    Closed: EventEmitter<void>;
+    /**
+     * @deprecated Use {@link Closed}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (closed) keeps working. Must stay AFTER Closed: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     closed: EventEmitter<void>;
+    ReplyAdded: EventEmitter<MJConversationDetailEntity>;
+    /**
+     * @deprecated Use {@link ReplyAdded}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (replyAdded) keeps working. Must stay AFTER ReplyAdded: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
     replyAdded: EventEmitter<MJConversationDetailEntity>;
-    parentMessage: MJConversationDetailEntity | null;
-    replies: MJConversationDetailEntity[];
-    replyText: string;
+    ParentMessage: MJConversationDetailEntity | null;
+    /** @deprecated Use {@link ParentMessage}. */
+    get parentMessage(): MJConversationDetailEntity | null;
+    /** @deprecated Use {@link ParentMessage}. */
+    set parentMessage(value: MJConversationDetailEntity | null);
+    Replies: MJConversationDetailEntity[];
+    /** @deprecated Use {@link Replies}. */
+    get replies(): MJConversationDetailEntity[];
+    /** @deprecated Use {@link Replies}. */
+    set replies(value: MJConversationDetailEntity[]);
+    ReplyText: string;
+    /** @deprecated Use {@link ReplyText}. */
+    get replyText(): string;
+    /** @deprecated Use {@link ReplyText}. */
+    set replyText(value: string);
     isLoading: boolean;
-    isSending: boolean;
+    IsSending: boolean;
+    /** @deprecated Use {@link IsSending}. */
+    get isSending(): boolean;
+    /** @deprecated Use {@link IsSending}. */
+    set isSending(value: boolean);
     errorMessage: string;
     private destroy$;
     constructor(dataCache: DataCacheService, cdRef: ChangeDetectorRef);
@@ -37,32 +81,46 @@ export declare class ThreadPanelComponent extends BaseAngularComponent implement
     /**
      * Handles sending a new reply
      */
+    OnSendReply(): Promise<void>;
+    /** @deprecated Use {@link OnSendReply}. */
     onSendReply(): Promise<void>;
     /**
      * Handles closing the thread panel
      */
+    OnClose(): void;
+    /** @deprecated Use {@link OnClose}. */
     onClose(): void;
     /**
      * Gets the display text for a message
      */
+    GetMessageText(message: MJConversationDetailEntity): string;
+    /** @deprecated Use {@link GetMessageText}. */
     getMessageText(message: MJConversationDetailEntity): string;
     /**
      * Gets the timestamp display for a message
      */
+    GetMessageTime(message: MJConversationDetailEntity): string;
+    /** @deprecated Use {@link GetMessageTime}. */
     getMessageTime(message: MJConversationDetailEntity): string;
     /**
      * Gets the sender name for a message
      */
+    GetSenderName(message: MJConversationDetailEntity): string;
+    /** @deprecated Use {@link GetSenderName}. */
     getSenderName(message: MJConversationDetailEntity): string;
     /**
      * Checks if current user can send reply
      */
+    get CanSendReply(): boolean;
+    /** @deprecated Use {@link CanSendReply}. */
     get canSendReply(): boolean;
     /**
      * Gets the reply count text
      */
+    get ReplyCountText(): string;
+    /** @deprecated Use {@link ReplyCountText}. */
     get replyCountText(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThreadPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadPanelComponent, "mj-thread-panel", never, { "parentMessageId": { "alias": "parentMessageId"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "closed": "closed"; "replyAdded": "replyAdded"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThreadPanelComponent, "mj-thread-panel", never, { "ParentMessageId": { "alias": "ParentMessageId"; "required": false; }; "parentMessageId": { "alias": "parentMessageId"; "required": false; }; "ConversationId": { "alias": "ConversationId"; "required": false; }; "conversationId": { "alias": "conversationId"; "required": false; }; "CurrentUser": { "alias": "CurrentUser"; "required": false; }; "currentUser": { "alias": "currentUser"; "required": false; }; }, { "Closed": "Closed"; "closed": "closed"; "ReplyAdded": "ReplyAdded"; "replyAdded": "replyAdded"; }, never, never, false, never>;
 }
 //# sourceMappingURL=thread-panel.component.d.ts.map

package/dist/lib/components/thread/thread-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/thread/thread-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC7G,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;;AAIrE;;;GAGG;AACH,qBAMa,oBAAqB,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAkBvF,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,KAAK;IAlBN,eAAe,EAAG,MAAM,CAAC;IACzB,cAAc,EAAG,MAAM,CAAC;IACxB,WAAW,EAAG,QAAQ,CAAC;IAEtB,MAAM,qBAA4B;IAClC,UAAU,2CAAkD;IAE/D,aAAa,EAAE,0BAA0B,GAAG,IAAI,CAAQ;IACxD,OAAO,EAAE,0BAA0B,EAAE,CAAM;IAC3C,SAAS,EAAE,MAAM,CAAM;IACvB,SAAS,EAAE,OAAO,CAAS;IAC3B,SAAS,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,MAAM,CAAM;IAEjC,OAAO,CAAC,QAAQ,CAAuB;gBAG7B,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,iBAAiB;IAI5B,QAAQ;IAKd,WAAW;IAKX;;OAEG;YACW,cAAc;IA2B5B;;OAEG;YACW,WAAW;IAyBzB;;OAEG;IACG,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IA2ClC;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAI3D;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAkB3D;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,0BAA0B,GAAG,MAAM;IAK1D;;OAEG;IACH,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;yCAjMU,oBAAoB;2CAApB,oBAAoB;CAkMhC"}
+{"version":3,"file":"thread-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/thread/thread-panel.component.ts"],"names":[],"mappings":"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"}