@memberjunction/ng-conversations 3.4.0 → 4.0.0

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

@@ -4,9 +4,8 @@ import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "../../services/active-tasks.service";
-import * as i2 from "@angular/common";
-function TasksDropdownComponent_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 5);
+function TasksDropdownComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 3);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -14,48 +13,49 @@ function TasksDropdownComponent_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.allTasks.length);
 } }
-function TasksDropdownComponent_div_4_i_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 16);
+function TasksDropdownComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 7);
 } }
-function TasksDropdownComponent_div_4_i_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 17);
+function TasksDropdownComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 8);
 } }
-function TasksDropdownComponent_div_4_div_10_div_5_img_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 30);
+function TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 21);
 } if (rf & 2) {
     const task_r4 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("src", ctx_r0.getAgentLogoUrl(task_r4.agentName), i0.ɵɵsanitizeUrl)("alt", task_r4.agentName);
 } }
-function TasksDropdownComponent_div_4_div_10_div_5_i_5_Template(rf, ctx) { if (rf & 1) {
+function TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const task_r4 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵclassMap(ctx_r0.getAgentIconClass(task_r4.agentName));
 } }
-function TasksDropdownComponent_div_4_div_10_div_5_Template(rf, ctx) { if (rf & 1) {
+function TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵlistener("click", function TasksDropdownComponent_div_4_div_10_div_5_Template_div_click_0_listener() { const task_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onTaskClick(task_r4)); });
-    i0.ɵɵelement(1, "div", 23);
-    i0.ɵɵelementStart(2, "div", 24)(3, "div", 25);
-    i0.ɵɵtemplate(4, TasksDropdownComponent_div_4_div_10_div_5_img_4_Template, 1, 2, "img", 26)(5, TasksDropdownComponent_div_4_div_10_div_5_i_5_Template, 1, 2, "i", 27);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵlistener("click", function TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Template_div_click_0_listener() { const task_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onTaskClick(task_r4)); });
+    i0.ɵɵelement(1, "div", 18);
+    i0.ɵɵelementStart(2, "div", 19)(3, "div", 20);
+    i0.ɵɵconditionalCreate(4, TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Conditional_4_Template, 1, 2, "img", 21);
+    i0.ɵɵconditionalCreate(5, TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Conditional_5_Template, 1, 2, "i", 22);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 28);
+    i0.ɵɵelementStart(7, "div", 23);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 29);
+    i0.ɵɵelementStart(9, "div", 24);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const task_r4 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r0.getAgentLogoUrl(task_r4.agentName));
+    i0.ɵɵconditional(ctx_r0.getAgentLogoUrl(task_r4.agentName) ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.getAgentLogoUrl(task_r4.agentName));
+    i0.ɵɵconditional(!ctx_r0.getAgentLogoUrl(task_r4.agentName) ? 5 : -1);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", task_r4.agentName, " ");
     i0.ɵɵadvance(2);
@@ -63,38 +63,38 @@ function TasksDropdownComponent_div_4_div_10_div_5_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.getElapsedTime(task_r4));
 } }
-function TasksDropdownComponent_div_4_div_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 19);
-    i0.ɵɵelement(2, "i", 20);
+function TasksDropdownComponent_Conditional_4_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14);
+    i0.ɵɵelement(2, "i", 15);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, TasksDropdownComponent_div_4_div_10_div_5_Template, 11, 5, "div", 21);
+    i0.ɵɵrepeaterCreate(5, TasksDropdownComponent_Conditional_4_Conditional_10_For_6_Template, 11, 5, "div", 16, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("Current Conversation (", ctx_r0.currentConversationTasks.length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.currentConversationTasks);
+    i0.ɵɵrepeater(ctx_r0.currentConversationTasks);
 } }
-function TasksDropdownComponent_div_4_div_11_div_5_img_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "img", 30);
+function TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "img", 21);
 } if (rf & 2) {
     const task_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("src", ctx_r0.getAgentLogoUrl(task_r6.agentName), i0.ɵɵsanitizeUrl)("alt", task_r6.agentName);
 } }
-function TasksDropdownComponent_div_4_div_11_div_5_i_5_Template(rf, ctx) { if (rf & 1) {
+function TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
     const task_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵclassMap(ctx_r0.getAgentIconClass(task_r6.agentName));
 } }
-function TasksDropdownComponent_div_4_div_11_div_5_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵelement(1, "i", 38);
+function TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "i", 31);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -102,90 +102,94 @@ function TasksDropdownComponent_div_4_div_11_div_5_div_9_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", task_r6.conversationName, " ");
 } }
-function TasksDropdownComponent_div_4_div_11_div_5_Template(rf, ctx) { if (rf & 1) {
+function TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵlistener("click", function TasksDropdownComponent_div_4_div_11_div_5_Template_div_click_0_listener() { const task_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onTaskClick(task_r6)); });
-    i0.ɵɵelement(1, "div", 23);
-    i0.ɵɵelementStart(2, "div", 24)(3, "div", 25);
-    i0.ɵɵtemplate(4, TasksDropdownComponent_div_4_div_11_div_5_img_4_Template, 1, 2, "img", 26)(5, TasksDropdownComponent_div_4_div_11_div_5_i_5_Template, 1, 2, "i", 27);
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵlistener("click", function TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Template_div_click_0_listener() { const task_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onTaskClick(task_r6)); });
+    i0.ɵɵelement(1, "div", 18);
+    i0.ɵɵelementStart(2, "div", 19)(3, "div", 20);
+    i0.ɵɵconditionalCreate(4, TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_4_Template, 1, 2, "img", 21);
+    i0.ɵɵconditionalCreate(5, TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_5_Template, 1, 2, "i", 22);
     i0.ɵɵtext(6);
-    i0.ɵɵelementStart(7, "span", 34);
-    i0.ɵɵelement(8, "i", 35);
+    i0.ɵɵelementStart(7, "span", 28);
+    i0.ɵɵelement(8, "i", 29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(9, TasksDropdownComponent_div_4_div_11_div_5_div_9_Template, 3, 1, "div", 36);
-    i0.ɵɵelementStart(10, "div", 28);
+    i0.ɵɵconditionalCreate(9, TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Conditional_9_Template, 3, 1, "div", 30);
+    i0.ɵɵelementStart(10, "div", 23);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 29);
+    i0.ɵɵelementStart(12, "div", 24);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const task_r6 = ctx.$implicit;
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r0.getAgentLogoUrl(task_r6.agentName));
+    i0.ɵɵconditional(ctx_r0.getAgentLogoUrl(task_r6.agentName) ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.getAgentLogoUrl(task_r6.agentName));
+    i0.ɵɵconditional(!ctx_r0.getAgentLogoUrl(task_r6.agentName) ? 5 : -1);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", task_r6.agentName, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", task_r6.conversationName);
+    i0.ɵɵconditional(task_r6.conversationName ? 9 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.getTrimmedStatus(task_r6.status));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.getElapsedTime(task_r6));
 } }
-function TasksDropdownComponent_div_4_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 19);
-    i0.ɵɵelement(2, "i", 31);
+function TasksDropdownComponent_Conditional_4_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 14);
+    i0.ɵɵelement(2, "i", 25);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, TasksDropdownComponent_div_4_div_11_div_5_Template, 14, 6, "div", 32);
+    i0.ɵɵrepeaterCreate(5, TasksDropdownComponent_Conditional_4_Conditional_11_For_6_Template, 14, 6, "div", 26, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("Other Conversations (", ctx_r0.otherConversationTasks.length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.otherConversationTasks);
+    i0.ɵɵrepeater(ctx_r0.otherConversationTasks);
 } }
-function TasksDropdownComponent_div_4_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "i", 40);
+function TasksDropdownComponent_Conditional_4_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No active tasks");
     i0.ɵɵelementEnd()();
 } }
-function TasksDropdownComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+function TasksDropdownComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "div", 8);
-    i0.ɵɵtemplate(3, TasksDropdownComponent_div_4_i_3_Template, 1, 0, "i", 9)(4, TasksDropdownComponent_div_4_i_4_Template, 1, 0, "i", 10);
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 5)(2, "div", 6);
+    i0.ɵɵconditionalCreate(3, TasksDropdownComponent_Conditional_4_Conditional_3_Template, 1, 0, "i", 7);
+    i0.ɵɵconditionalCreate(4, TasksDropdownComponent_Conditional_4_Conditional_4_Template, 1, 0, "i", 8);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 11);
-    i0.ɵɵlistener("click", function TasksDropdownComponent_div_4_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeDropdown()); });
-    i0.ɵɵelement(8, "i", 12);
+    i0.ɵɵelementStart(7, "button", 9);
+    i0.ɵɵlistener("click", function TasksDropdownComponent_Conditional_4_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeDropdown()); });
+    i0.ɵɵelement(8, "i", 10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 13);
-    i0.ɵɵtemplate(10, TasksDropdownComponent_div_4_div_10_Template, 6, 2, "div", 14)(11, TasksDropdownComponent_div_4_div_11_Template, 6, 2, "div", 14)(12, TasksDropdownComponent_div_4_div_12_Template, 4, 0, "div", 15);
+    i0.ɵɵelementStart(9, "div", 11);
+    i0.ɵɵconditionalCreate(10, TasksDropdownComponent_Conditional_4_Conditional_10_Template, 7, 1, "div", 12);
+    i0.ɵɵconditionalCreate(11, TasksDropdownComponent_Conditional_4_Conditional_11_Template, 7, 1, "div", 12);
+    i0.ɵɵconditionalCreate(12, TasksDropdownComponent_Conditional_4_Conditional_12_Template, 4, 0, "div", 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r0.allTasks.length > 0);
+    i0.ɵɵconditional(ctx_r0.allTasks.length > 0 ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.allTasks.length === 0);
+    i0.ɵɵconditional(ctx_r0.allTasks.length === 0 ? 4 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("Active Tasks (", ctx_r0.allTasks.length, ")");
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r0.currentConversationTasks.length > 0);
+    i0.ɵɵconditional(ctx_r0.currentConversationTasks.length > 0 ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.otherConversationTasks.length > 0);
+    i0.ɵɵconditional(ctx_r0.otherConversationTasks.length > 0 ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.allTasks.length === 0);
+    i0.ɵɵconditional(ctx_r0.allTasks.length === 0 ? 12 : -1);
 } }
 /**
  * Enhanced tasks dropdown component for chat header.
@@ -286,27 +290,27 @@ export class TasksDropdownComponent {
         return null;
     }
     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" }, decls: 5, vars: 7, consts: [[1, "tasks-dropdown-container"], [1, "active-tasks-btn", 3, "click", "title"], [1, "fas", "fa-bolt"], ["class", "task-count-badge", 4, "ngIf"], ["class", "active-tasks-dropdown", 4, "ngIf"], [1, "task-count-badge"], [1, "active-tasks-dropdown"], [1, "dropdown-header"], [1, "header-left"], ["class", "fas fa-circle-notch fa-spin", 4, "ngIf"], ["class", "fas fa-tasks", 4, "ngIf"], [1, "close-btn", 3, "click"], [1, "fas", "fa-times"], [1, "dropdown-content"], ["class", "section", 4, "ngIf"], ["class", "no-tasks", 4, "ngIf"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "fas", "fa-tasks"], [1, "section"], [1, "section-header"], [1, "fas", "fa-comment"], ["class", "active-task-item", 3, "click", 4, "ngFor", "ngForOf"], [1, "active-task-item", 3, "click"], [1, "task-status-indicator", "active"], [1, "task-content"], [1, "task-title"], ["class", "agent-logo", 3, "src", "alt", 4, "ngIf"], [3, "class", 4, "ngIf"], [1, "task-status-text"], [1, "task-elapsed"], [1, "agent-logo", 3, "src", "alt"], [1, "fas", "fa-comments"], ["class", "active-task-item clickable", 3, "click", 4, "ngFor", "ngForOf"], [1, "active-task-item", "clickable", 3, "click"], [1, "go-btn"], [1, "fas", "fa-arrow-right"], ["class", "task-conversation", 4, "ngIf"], [1, "task-conversation"], [1, "fas", "fa-message"], [1, "no-tasks"], [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", 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) {
             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);
-            i0.ɵɵtemplate(3, TasksDropdownComponent_span_3_Template, 2, 1, "span", 3);
+            i0.ɵɵconditionalCreate(3, TasksDropdownComponent_Conditional_3_Template, 2, 1, "span", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, TasksDropdownComponent_div_4_Template, 13, 6, "div", 4);
+            i0.ɵɵconditionalCreate(4, TasksDropdownComponent_Conditional_4_Template, 13, 6, "div", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵclassProp("active", ctx.isOpen)("has-tasks", ctx.allTasks.length > 0);
             i0.ɵɵproperty("title", ctx.allTasks.length > 0 ? ctx.allTasks.length + " active task" + (ctx.allTasks.length > 1 ? "s" : "") : "View tasks");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.allTasks.length > 0);
+            i0.ɵɵconditional(ctx.allTasks.length > 0 ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isOpen);
-        } }, dependencies: [i2.NgForOf, i2.NgIf], styles: [".tasks-dropdown-container[_ngcontent-%COMP%] {\n      position: relative;\n    }\n\n    .active-tasks-btn[_ngcontent-%COMP%] {\n      background: transparent;\n      color: #6B7280;\n      padding: 8px 12px;\n      border-radius: 6px;\n      background: transparent;\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[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .active-tasks-btn.active[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .task-count-badge[_ngcontent-%COMP%] {\n      background: #EF4444;\n      color: white;\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: 0 2px 4px rgba(0,0,0,0.2);\n    }\n\n    .active-tasks-dropdown[_ngcontent-%COMP%] {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n      min-width: 420px;\n      max-width: 500px;\n    }\n\n    .dropdown-header[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .header-left[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: #6B7280;\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[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .dropdown-content[_ngcontent-%COMP%] {\n      max-height: 500px;\n      overflow-y: auto;\n    }\n\n    .section[_ngcontent-%COMP%] {\n      padding: 12px;\n      border-bottom: 1px solid #F3F4F6;\n    }\n\n    .section[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 12px;\n      padding: 0 4px;\n    }\n\n    .section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 11px;\n    }\n\n    .active-task-item[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      margin-bottom: 8px;\n      transition: all 0.2s ease;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%]:hover {\n      background: #EEF2FF;\n      border-color: #C7D2FE;\n      transform: translateX(2px);\n    }\n\n    .active-task-item[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    .task-status-indicator[_ngcontent-%COMP%] {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator.active[_ngcontent-%COMP%] {\n      background: #3B82F6;\n      animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .task-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #3B82F6;\n      font-size: 12px;\n    }\n\n    .task-title[_ngcontent-%COMP%]   .agent-logo[_ngcontent-%COMP%] {\n      width: 14px;\n      height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n    }\n\n    .go-btn[_ngcontent-%COMP%] {\n      margin-left: auto;\n      color: #3B82F6;\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%]:hover   .go-btn[_ngcontent-%COMP%] {\n      opacity: 1;\n    }\n\n    .task-conversation[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #9CA3AF;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-conversation[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n    }\n\n    .task-status-text[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #3B82F6;\n      font-weight: 600;\n    }\n\n    .no-tasks[_ngcontent-%COMP%] {\n      padding: 40px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: #10B981;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    mj-task-widget[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    mj-task-widget[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    \n\n    @media (max-width: 768px) {\n      .active-tasks-btn[_ngcontent-%COMP%] {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n\n      .active-tasks-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n        padding: 10px 12px;\n      }\n\n      .dropdown-content[_ngcontent-%COMP%] {\n        max-height: calc(60vh - 48px);\n      }\n\n      .section[_ngcontent-%COMP%] {\n        padding: 10px;\n      }\n\n      .section-header[_ngcontent-%COMP%] {\n        font-size: 11px;\n        margin-bottom: 10px;\n      }\n\n      .active-task-item[_ngcontent-%COMP%] {\n        padding: 8px 10px;\n      }\n\n      .task-title[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n\n      .task-status-text[_ngcontent-%COMP%] {\n        font-size: 11px;\n      }\n\n      .task-elapsed[_ngcontent-%COMP%] {\n        font-size: 10px;\n      }\n    }\n\n    \n\n    @media (max-width: 480px) {\n      .active-tasks-btn[_ngcontent-%COMP%] {\n        padding: 4px 8px;\n        font-size: 11px;\n      }\n\n      .active-tasks-dropdown[_ngcontent-%COMP%] {\n        right: 4px;\n        left: 4px;\n        bottom: 4px;\n        max-height: 70vh;\n      }\n\n      .dropdown-header[_ngcontent-%COMP%] {\n        padding: 8px 10px;\n      }\n\n      .header-left[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n\n      .dropdown-content[_ngcontent-%COMP%] {\n        max-height: calc(70vh - 44px);\n      }\n\n      .section[_ngcontent-%COMP%] {\n        padding: 8px;\n      }\n\n      .section-header[_ngcontent-%COMP%] {\n        font-size: 10px;\n        margin-bottom: 8px;\n      }\n\n      .active-task-item[_ngcontent-%COMP%] {\n        padding: 6px 8px;\n        gap: 8px;\n      }\n\n      .task-title[_ngcontent-%COMP%] {\n        font-size: 12px;\n      }\n\n      .task-status-text[_ngcontent-%COMP%] {\n        font-size: 10px;\n      }\n\n      .task-elapsed[_ngcontent-%COMP%] {\n        font-size: 9px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%] {\n        padding: 30px 12px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        font-size: 28px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n    }"] });
+            i0.ɵɵconditional(ctx.isOpen ? 4 : -1);
+        } }, styles: [".tasks-dropdown-container[_ngcontent-%COMP%] {\n      position: relative;\n    }\n\n    .active-tasks-btn[_ngcontent-%COMP%] {\n      background: transparent;\n      color: #6B7280;\n      padding: 8px 12px;\n      border-radius: 6px;\n      background: transparent;\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[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .active-tasks-btn.active[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .task-count-badge[_ngcontent-%COMP%] {\n      background: #EF4444;\n      color: white;\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: 0 2px 4px rgba(0,0,0,0.2);\n    }\n\n    .active-tasks-dropdown[_ngcontent-%COMP%] {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n      z-index: 1000;\n      min-width: 420px;\n      max-width: 500px;\n    }\n\n    .dropdown-header[_ngcontent-%COMP%] {\n      padding: 12px 16px;\n      border-bottom: 1px solid #E5E7EB;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .header-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 600;\n      color: #111827;\n    }\n\n    .header-left[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: #6B7280;\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[_ngcontent-%COMP%]:hover {\n      background: #F3F4F6;\n      color: #111827;\n    }\n\n    .dropdown-content[_ngcontent-%COMP%] {\n      max-height: 500px;\n      overflow-y: auto;\n    }\n\n    .section[_ngcontent-%COMP%] {\n      padding: 12px;\n      border-bottom: 1px solid #F3F4F6;\n    }\n\n    .section[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      font-weight: 600;\n      color: #6B7280;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 12px;\n      padding: 0 4px;\n    }\n\n    .section-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 11px;\n    }\n\n    .active-task-item[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      padding: 10px 12px;\n      border-radius: 6px;\n      background: #F9FAFB;\n      border: 1px solid #E5E7EB;\n      margin-bottom: 8px;\n      transition: all 0.2s ease;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%]:hover {\n      background: #EEF2FF;\n      border-color: #C7D2FE;\n      transform: translateX(2px);\n    }\n\n    .active-task-item[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    .task-status-indicator[_ngcontent-%COMP%] {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator.active[_ngcontent-%COMP%] {\n      background: #3B82F6;\n      animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.5; }\n    }\n\n    .task-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #3B82F6;\n      font-size: 12px;\n    }\n\n    .task-title[_ngcontent-%COMP%]   .agent-logo[_ngcontent-%COMP%] {\n      width: 14px;\n      height: 14px;\n      object-fit: contain;\n      flex-shrink: 0;\n    }\n\n    .go-btn[_ngcontent-%COMP%] {\n      margin-left: auto;\n      color: #3B82F6;\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .active-task-item.clickable[_ngcontent-%COMP%]:hover   .go-btn[_ngcontent-%COMP%] {\n      opacity: 1;\n    }\n\n    .task-conversation[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #9CA3AF;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .task-conversation[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n    }\n\n    .task-status-text[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #3B82F6;\n      font-weight: 600;\n    }\n\n    .no-tasks[_ngcontent-%COMP%] {\n      padding: 40px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: #10B981;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    mj-task-widget[_ngcontent-%COMP%] {\n      display: block;\n      margin-bottom: 8px;\n    }\n\n    mj-task-widget[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    \n\n    @media (max-width: 768px) {\n      .active-tasks-btn[_ngcontent-%COMP%] {\n        padding: 6px 10px;\n        font-size: 12px;\n      }\n\n      .active-tasks-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n        padding: 10px 12px;\n      }\n\n      .dropdown-content[_ngcontent-%COMP%] {\n        max-height: calc(60vh - 48px);\n      }\n\n      .section[_ngcontent-%COMP%] {\n        padding: 10px;\n      }\n\n      .section-header[_ngcontent-%COMP%] {\n        font-size: 11px;\n        margin-bottom: 10px;\n      }\n\n      .active-task-item[_ngcontent-%COMP%] {\n        padding: 8px 10px;\n      }\n\n      .task-title[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n\n      .task-status-text[_ngcontent-%COMP%] {\n        font-size: 11px;\n      }\n\n      .task-elapsed[_ngcontent-%COMP%] {\n        font-size: 10px;\n      }\n    }\n\n    \n\n    @media (max-width: 480px) {\n      .active-tasks-btn[_ngcontent-%COMP%] {\n        padding: 4px 8px;\n        font-size: 11px;\n      }\n\n      .active-tasks-dropdown[_ngcontent-%COMP%] {\n        right: 4px;\n        left: 4px;\n        bottom: 4px;\n        max-height: 70vh;\n      }\n\n      .dropdown-header[_ngcontent-%COMP%] {\n        padding: 8px 10px;\n      }\n\n      .header-left[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n\n      .dropdown-content[_ngcontent-%COMP%] {\n        max-height: calc(70vh - 44px);\n      }\n\n      .section[_ngcontent-%COMP%] {\n        padding: 8px;\n      }\n\n      .section-header[_ngcontent-%COMP%] {\n        font-size: 10px;\n        margin-bottom: 8px;\n      }\n\n      .active-task-item[_ngcontent-%COMP%] {\n        padding: 6px 8px;\n        gap: 8px;\n      }\n\n      .task-title[_ngcontent-%COMP%] {\n        font-size: 12px;\n      }\n\n      .task-status-text[_ngcontent-%COMP%] {\n        font-size: 10px;\n      }\n\n      .task-elapsed[_ngcontent-%COMP%] {\n        font-size: 9px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%] {\n        padding: 30px 12px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        font-size: 28px;\n      }\n\n      .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TasksDropdownComponent, [{
         type: Component,
-        args: [{ selector: 'mj-tasks-dropdown', template: `
+        args: [{ standalone: false, selector: 'mj-tasks-dropdown', template: `
     <div class="tasks-dropdown-container">
       <button
         class="active-tasks-btn"
@@ -315,90 +319,113 @@ export class TasksDropdownComponent {
         [class.has-tasks]="allTasks.length > 0"
         [title]="allTasks.length > 0 ? allTasks.length + ' active task' + (allTasks.length > 1 ? 's' : '') : 'View tasks'">
         <i class="fas fa-bolt"></i>
-        <span class="task-count-badge" *ngIf="allTasks.length > 0">{{ allTasks.length }}</span>
+        @if (allTasks.length > 0) {
+          <span class="task-count-badge">{{ allTasks.length }}</span>
+        }
       </button>
-
-      <div class="active-tasks-dropdown" *ngIf="isOpen">
-        <div class="dropdown-header">
-          <div class="header-left">
-            <i class="fas fa-circle-notch fa-spin" *ngIf="allTasks.length > 0"></i>
-            <i class="fas fa-tasks" *ngIf="allTasks.length === 0"></i>
-            <span>Active Tasks ({{ allTasks.length }})</span>
-          </div>
-          <button class="close-btn" (click)="closeDropdown()">
-            <i class="fas fa-times"></i>
-          </button>
-        </div>
-
-        <div class="dropdown-content">
-          <!-- Current Conversation Tasks -->
-          <div class="section" *ngIf="currentConversationTasks.length > 0">
-            <div class="section-header">
-              <i class="fas fa-comment"></i>
-              <span>Current Conversation ({{ currentConversationTasks.length }})</span>
-            </div>
-            <div class="active-task-item"
-                 *ngFor="let task of currentConversationTasks"
-                 (click)="onTaskClick(task)">
-              <div class="task-status-indicator active"></div>
-              <div class="task-content">
-                <div class="task-title">
-                  <img *ngIf="getAgentLogoUrl(task.agentName)"
-                       [src]="getAgentLogoUrl(task.agentName)"
-                       class="agent-logo"
-                       [alt]="task.agentName" />
-                  <i *ngIf="!getAgentLogoUrl(task.agentName)"
-                     [class]="getAgentIconClass(task.agentName)"></i>
-                  {{ task.agentName }}
-                </div>
-                <div class="task-status-text">{{ getTrimmedStatus(task.status) }}</div>
-                <div class="task-elapsed">{{ getElapsedTime(task) }}</div>
-              </div>
+    
+      @if (isOpen) {
+        <div class="active-tasks-dropdown">
+          <div class="dropdown-header">
+            <div class="header-left">
+              @if (allTasks.length > 0) {
+                <i class="fas fa-circle-notch fa-spin"></i>
+              }
+              @if (allTasks.length === 0) {
+                <i class="fas fa-tasks"></i>
+              }
+              <span>Active Tasks ({{ allTasks.length }})</span>
             </div>
+            <button class="close-btn" (click)="closeDropdown()">
+              <i class="fas fa-times"></i>
+            </button>
           </div>
-
-          <!-- Other Conversations Tasks -->
-          <div class="section" *ngIf="otherConversationTasks.length > 0">
-            <div class="section-header">
-              <i class="fas fa-comments"></i>
-              <span>Other Conversations ({{ otherConversationTasks.length }})</span>
-            </div>
-            <div class="active-task-item clickable"
-                 *ngFor="let task of otherConversationTasks"
-                 (click)="onTaskClick(task)">
-              <div class="task-status-indicator active"></div>
-              <div class="task-content">
-                <div class="task-title">
-                  <img *ngIf="getAgentLogoUrl(task.agentName)"
-                       [src]="getAgentLogoUrl(task.agentName)"
-                       class="agent-logo"
-                       [alt]="task.agentName" />
-                  <i *ngIf="!getAgentLogoUrl(task.agentName)"
-                     [class]="getAgentIconClass(task.agentName)"></i>
-                  {{ task.agentName }}
-                  <span class="go-btn">
-                    <i class="fas fa-arrow-right"></i>
-                  </span>
+          <div class="dropdown-content">
+            <!-- Current Conversation Tasks -->
+            @if (currentConversationTasks.length > 0) {
+              <div class="section">
+                <div class="section-header">
+                  <i class="fas fa-comment"></i>
+                  <span>Current Conversation ({{ currentConversationTasks.length }})</span>
                 </div>
-                <div class="task-conversation" *ngIf="task.conversationName">
-                  <i class="fas fa-message"></i>
-                  {{ task.conversationName }}
+                @for (task of currentConversationTasks; track task) {
+                  <div class="active-task-item"
+                    (click)="onTaskClick(task)">
+                    <div class="task-status-indicator active"></div>
+                    <div class="task-content">
+                      <div class="task-title">
+                        @if (getAgentLogoUrl(task.agentName)) {
+                          <img
+                            [src]="getAgentLogoUrl(task.agentName)"
+                            class="agent-logo"
+                            [alt]="task.agentName" />
+                        }
+                        @if (!getAgentLogoUrl(task.agentName)) {
+                          <i
+                          [class]="getAgentIconClass(task.agentName)"></i>
+                        }
+                        {{ task.agentName }}
+                      </div>
+                      <div class="task-status-text">{{ getTrimmedStatus(task.status) }}</div>
+                      <div class="task-elapsed">{{ getElapsedTime(task) }}</div>
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+            <!-- Other Conversations Tasks -->
+            @if (otherConversationTasks.length > 0) {
+              <div class="section">
+                <div class="section-header">
+                  <i class="fas fa-comments"></i>
+                  <span>Other Conversations ({{ otherConversationTasks.length }})</span>
                 </div>
-                <div class="task-status-text">{{ getTrimmedStatus(task.status) }}</div>
-                <div class="task-elapsed">{{ getElapsedTime(task) }}</div>
+                @for (task of otherConversationTasks; track task) {
+                  <div class="active-task-item clickable"
+                    (click)="onTaskClick(task)">
+                    <div class="task-status-indicator active"></div>
+                    <div class="task-content">
+                      <div class="task-title">
+                        @if (getAgentLogoUrl(task.agentName)) {
+                          <img
+                            [src]="getAgentLogoUrl(task.agentName)"
+                            class="agent-logo"
+                            [alt]="task.agentName" />
+                        }
+                        @if (!getAgentLogoUrl(task.agentName)) {
+                          <i
+                          [class]="getAgentIconClass(task.agentName)"></i>
+                        }
+                        {{ task.agentName }}
+                        <span class="go-btn">
+                          <i class="fas fa-arrow-right"></i>
+                        </span>
+                      </div>
+                      @if (task.conversationName) {
+                        <div class="task-conversation">
+                          <i class="fas fa-message"></i>
+                          {{ task.conversationName }}
+                        </div>
+                      }
+                      <div class="task-status-text">{{ getTrimmedStatus(task.status) }}</div>
+                      <div class="task-elapsed">{{ getElapsedTime(task) }}</div>
+                    </div>
+                  </div>
+                }
               </div>
-            </div>
-          </div>
-
-          <!-- No Tasks State -->
-          <div *ngIf="allTasks.length === 0" class="no-tasks">
-            <i class="fas fa-check-circle"></i>
-            <p>No active tasks</p>
+            }
+            <!-- No Tasks State -->
+            @if (allTasks.length === 0) {
+              <div class="no-tasks">
+                <i class="fas fa-check-circle"></i>
+                <p>No active tasks</p>
+              </div>
+            }
           </div>
         </div>
-      </div>
+      }
     </div>
-  `, styles: ["\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: transparent;\n      color: #6B7280;\n      padding: 8px 12px;\n      border-radius: 6px;\n      background: transparent;\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: #F9FAFB;\n      color: #111827;\n    }\n\n    .active-tasks-btn.active {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .task-count-badge {\n      background: #EF4444;\n      color: white;\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: 0 2px 4px rgba(0,0,0,0.2);\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\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 #E5E7EB;\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: #111827;\n    }\n\n    .header-left i {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: #6B7280;\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: #F3F4F6;\n      color: #111827;\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 #F3F4F6;\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: #6B7280;\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: #F9FAFB;\n      border: 1px solid #E5E7EB;\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: #EEF2FF;\n      border-color: #C7D2FE;\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: #3B82F6;\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: #111827;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title i {\n      color: #3B82F6;\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: #3B82F6;\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: #9CA3AF;\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: #6B7280;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: #3B82F6;\n      font-weight: 600;\n    }\n\n    .no-tasks {\n      padding: 40px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: #10B981;\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  "] }]
+    `, styles: ["\n    .tasks-dropdown-container {\n      position: relative;\n    }\n\n    .active-tasks-btn {\n      background: transparent;\n      color: #6B7280;\n      padding: 8px 12px;\n      border-radius: 6px;\n      background: transparent;\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: #F9FAFB;\n      color: #111827;\n    }\n\n    .active-tasks-btn.active {\n      background: #F9FAFB;\n      color: #111827;\n    }\n\n    .task-count-badge {\n      background: #EF4444;\n      color: white;\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: 0 2px 4px rgba(0,0,0,0.2);\n    }\n\n    .active-tasks-dropdown {\n      position: absolute;\n      top: calc(100% + 8px);\n      right: 0;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.15);\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 #E5E7EB;\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: #111827;\n    }\n\n    .header-left i {\n      color: var(--accent, #1e40af);\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      color: #6B7280;\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: #F3F4F6;\n      color: #111827;\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 #F3F4F6;\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: #6B7280;\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: #F9FAFB;\n      border: 1px solid #E5E7EB;\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: #EEF2FF;\n      border-color: #C7D2FE;\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: #3B82F6;\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: #111827;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title i {\n      color: #3B82F6;\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: #3B82F6;\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: #9CA3AF;\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: #6B7280;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .task-elapsed {\n      font-size: 11px;\n      color: #3B82F6;\n      font-weight: 600;\n    }\n\n    .no-tasks {\n      padding: 40px 16px;\n      text-align: center;\n      color: #9CA3AF;\n    }\n\n    .no-tasks i {\n      font-size: 32px;\n      margin-bottom: 8px;\n      opacity: 0.5;\n      color: #10B981;\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: Input
         }], conversationId: [{
@@ -408,5 +435,5 @@ export class TasksDropdownComponent {
         }], navigateToConversation: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TasksDropdownComponent, { className: "TasksDropdownComponent", filePath: "src/lib/components/tasks/tasks-dropdown.component.ts", lineNumber: 487 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TasksDropdownComponent, { className: "TasksDropdownComponent", filePath: "src/lib/components/tasks/tasks-dropdown.component.ts", lineNumber: 511 }); })();
 //# sourceMappingURL=tasks-dropdown.component.js.map

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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"}
+{"version":3,"file":"tasks-dropdown.component.js","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"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"}

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,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;;AAIrE;;;GAGG;AACH,qBAKa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAkB1D,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,yCAAgD;IAE7D,aAAa,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACtD,OAAO,EAAE,wBAAwB,EAAE,CAAM;IACzC,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;IAG5B,QAAQ;IAId,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,wBAAwB,GAAG,MAAM;IAIzD;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAkBzD;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAKxD;;OAEG;IACH,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;yCA/LU,oBAAoB;2CAApB,oBAAoB;CAgMhC"}
+{"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,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAqB,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;;AAIrE;;;GAGG;AACH,qBAMa,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAkB1D,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,yCAAgD;IAE7D,aAAa,EAAE,wBAAwB,GAAG,IAAI,CAAQ;IACtD,OAAO,EAAE,wBAAwB,EAAE,CAAM;IACzC,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;IAG5B,QAAQ;IAId,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,wBAAwB,GAAG,MAAM;IAIzD;;OAEG;IACH,cAAc,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAkBzD;;OAEG;IACH,aAAa,CAAC,OAAO,EAAE,wBAAwB,GAAG,MAAM;IAKxD;;OAEG;IACH,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;yCA/LU,oBAAoB;2CAApB,oBAAoB;CAgMhC"}