@memberjunction/ng-conversations 2.104.0 → 2.105.0

package/dist/lib/components/tasks/task-widget.component.js

@@ -0,0 +1,385 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+function TaskWidgetComponent_span_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 13);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.task.Type, " ");
+} }
+function TaskWidgetComponent_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.task.Description, " ");
+} }
+function TaskWidgetComponent_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 16);
+    i0.ɵɵelement(2, "div", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 18);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", ctx_r0.task.PercentComplete, "%");
+    i0.ɵɵattribute("data-status", ctx_r0.task.Status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r0.task.PercentComplete, "%");
+} }
+function TaskWidgetComponent_span_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "User:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.task.User);
+} }
+function TaskWidgetComponent_span_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "Agent:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.task.Agent);
+} }
+function TaskWidgetComponent_span_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "Started:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.formatDate(ctx_r0.task.StartedAt));
+} }
+function TaskWidgetComponent_span_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "Completed:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.formatDate(ctx_r0.task.CompletedAt));
+} }
+function TaskWidgetComponent_span_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "Due:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("overdue", ctx_r0.isOverdue(ctx_r0.task.DueAt));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.formatDate(ctx_r0.task.DueAt), " ");
+} }
+function TaskWidgetComponent_span_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelementStart(2, "span", 21);
+    i0.ɵɵtext(3, "Duration:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 22);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.getDuration(ctx_r0.task.StartedAt, ctx_r0.task.CompletedAt));
+} }
+function TaskWidgetComponent_span_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵelementStart(2, "span", 22);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.getElapsedTime(ctx_r0.task.StartedAt));
+} }
+/**
+ * Reusable task widget component that displays task information
+ * in a consistent, polished format across the application.
+ *
+ * Can be used in:
+ * - Tasks dropdown (active tasks)
+ * - Gear icon dropdown (tasks for conversation detail)
+ * - Tasks tab (full task list with filters)
+ */
+export class TaskWidgetComponent {
+    task;
+    clickable = false;
+    compact = false;
+    showProgress = true;
+    showDuration = true;
+    taskClick = new EventEmitter();
+    get isActive() {
+        return this.task.Status === 'In Progress';
+    }
+    onTaskClick() {
+        if (this.clickable) {
+            this.taskClick.emit(this.task);
+        }
+    }
+    formatDate(date) {
+        if (!date)
+            return '';
+        const now = new Date();
+        const taskDate = new Date(date);
+        const diffMs = now.getTime() - taskDate.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        // Less than 1 hour ago
+        if (diffMins < 60) {
+            return diffMins <= 1 ? 'just now' : `${diffMins}m ago`;
+        }
+        // Less than 24 hours ago
+        const diffHours = Math.floor(diffMins / 60);
+        if (diffHours < 24) {
+            return `${diffHours}h ago`;
+        }
+        // Less than 7 days ago
+        const diffDays = Math.floor(diffHours / 24);
+        if (diffDays < 7) {
+            return `${diffDays}d ago`;
+        }
+        // Format as date
+        return taskDate.toLocaleDateString();
+    }
+    isOverdue(dueDate) {
+        if (!dueDate)
+            return false;
+        return new Date(dueDate).getTime() < Date.now();
+    }
+    getDuration(start, end) {
+        if (!start || !end)
+            return '';
+        const diffMs = new Date(end).getTime() - new Date(start).getTime();
+        const diffSecs = Math.floor(diffMs / 1000);
+        if (diffSecs < 60) {
+            return `${diffSecs}s`;
+        }
+        const diffMins = Math.floor(diffSecs / 60);
+        if (diffMins < 60) {
+            return `${diffMins}m`;
+        }
+        const diffHours = Math.floor(diffMins / 60);
+        const remainingMins = diffMins % 60;
+        if (diffHours < 24) {
+            return remainingMins > 0 ? `${diffHours}h ${remainingMins}m` : `${diffHours}h`;
+        }
+        const diffDays = Math.floor(diffHours / 24);
+        const remainingHours = diffHours % 24;
+        return remainingHours > 0 ? `${diffDays}d ${remainingHours}h` : `${diffDays}d`;
+    }
+    getElapsedTime(start) {
+        if (!start)
+            return '';
+        const diffMs = Date.now() - new Date(start).getTime();
+        const diffSecs = Math.floor(diffMs / 1000);
+        if (diffSecs < 60) {
+            return `${diffSecs}s`;
+        }
+        const diffMins = Math.floor(diffSecs / 60);
+        const remainingSecs = diffSecs % 60;
+        if (diffMins < 60) {
+            return `${diffMins}:${remainingSecs.toString().padStart(2, '0')}`;
+        }
+        const diffHours = Math.floor(diffMins / 60);
+        const remainingMins = diffMins % 60;
+        return `${diffHours}:${remainingMins.toString().padStart(2, '0')}`;
+    }
+    static ɵfac = function TaskWidgetComponent_Factory(t) { return new (t || TaskWidgetComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskWidgetComponent, selectors: [["mj-task-widget"]], inputs: { task: "task", clickable: "clickable", compact: "compact", showProgress: "showProgress", showDuration: "showDuration" }, outputs: { taskClick: "taskClick" }, decls: 20, vars: 18, consts: [[1, "task-widget", 3, "click"], [1, "task-status-indicator"], [1, "task-main"], [1, "task-header"], [1, "task-title"], [1, "task-badges"], ["class", "badge badge-type", 4, "ngIf"], [1, "badge", "badge-status"], ["class", "task-description", 4, "ngIf"], ["class", "task-progress-container", 4, "ngIf"], [1, "task-meta"], ["class", "meta-item", 4, "ngIf"], ["class", "meta-item meta-elapsed", 4, "ngIf"], [1, "badge", "badge-type"], [1, "task-description"], [1, "task-progress-container"], [1, "progress-bar"], [1, "progress-fill"], [1, "progress-text"], [1, "meta-item"], [1, "fas", "fa-user"], [1, "meta-label"], [1, "meta-value"], [1, "fas", "fa-robot"], [1, "fas", "fa-play-circle"], [1, "fas", "fa-check-circle"], [1, "fas", "fa-calendar-alt"], [1, "fas", "fa-clock"], [1, "meta-item", "meta-elapsed"], [1, "fas", "fa-hourglass-half"]], template: function TaskWidgetComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function TaskWidgetComponent_Template_div_click_0_listener() { return ctx.onTaskClick(); });
+            i0.ɵɵelement(1, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4);
+            i0.ɵɵtext(5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵtemplate(7, TaskWidgetComponent_span_7_Template, 2, 1, "span", 6);
+            i0.ɵɵelementStart(8, "span", 7);
+            i0.ɵɵtext(9);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵtemplate(10, TaskWidgetComponent_div_10_Template, 2, 1, "div", 8)(11, TaskWidgetComponent_div_11_Template, 5, 4, "div", 9);
+            i0.ɵɵelementStart(12, "div", 10);
+            i0.ɵɵtemplate(13, TaskWidgetComponent_span_13_Template, 6, 1, "span", 11)(14, TaskWidgetComponent_span_14_Template, 6, 1, "span", 11)(15, TaskWidgetComponent_span_15_Template, 6, 1, "span", 11)(16, TaskWidgetComponent_span_16_Template, 6, 1, "span", 11)(17, TaskWidgetComponent_span_17_Template, 6, 3, "span", 11)(18, TaskWidgetComponent_span_18_Template, 6, 1, "span", 11)(19, TaskWidgetComponent_span_19_Template, 4, 1, "span", 12);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("clickable", ctx.clickable)("compact", ctx.compact);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("data-status", ctx.task.Status);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.task.Name);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.task.Type);
+            i0.ɵɵadvance();
+            i0.ɵɵattribute("data-status", ctx.task.Status);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.task.Status, " ");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.compact && ctx.task.Description);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showProgress && ctx.task.PercentComplete != null);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.task.User);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.task.Agent);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.task.StartedAt);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.task.CompletedAt);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.task.DueAt && !ctx.task.CompletedAt);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showDuration && ctx.task.StartedAt && ctx.task.CompletedAt);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isActive && ctx.task.StartedAt && !ctx.task.CompletedAt);
+        } }, dependencies: [i1.NgIf], styles: [".task-widget[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      padding: 12px;\n      border-radius: 6px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      transition: all 150ms ease;\n    }\n\n    .task-widget.clickable[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .task-widget.clickable[_ngcontent-%COMP%]:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    }\n\n    .task-widget.compact[_ngcontent-%COMP%] {\n      padding: 8px 12px;\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[data-status=\"Pending\"][_ngcontent-%COMP%] {\n      background: #9CA3AF;\n    }\n\n    .task-status-indicator[data-status=\"In Progress\"][_ngcontent-%COMP%] {\n      background: #3B82F6;\n    }\n\n    .task-status-indicator[data-status=\"Complete\"][_ngcontent-%COMP%] {\n      background: #10B981;\n    }\n\n    .task-status-indicator[data-status=\"Blocked\"][_ngcontent-%COMP%] {\n      background: #EF4444;\n    }\n\n    .task-status-indicator[data-status=\"Failed\"][_ngcontent-%COMP%] {\n      background: #DC2626;\n    }\n\n    .task-status-indicator[data-status=\"Cancelled\"][_ngcontent-%COMP%], \n   .task-status-indicator[data-status=\"Deferred\"][_ngcontent-%COMP%] {\n      background: #6B7280;\n    }\n\n    .task-main[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .task-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      line-height: 1.4;\n      flex: 1;\n    }\n\n    .task-badges[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .badge[_ngcontent-%COMP%] {\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      white-space: nowrap;\n    }\n\n    .badge-type[_ngcontent-%COMP%] {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .badge-status[data-status=\"Pending\"][_ngcontent-%COMP%] {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .badge-status[data-status=\"In Progress\"][_ngcontent-%COMP%] {\n      background: #DBEAFE;\n      color: #1E40AF;\n    }\n\n    .badge-status[data-status=\"Complete\"][_ngcontent-%COMP%] {\n      background: #D1FAE5;\n      color: #065F46;\n    }\n\n    .badge-status[data-status=\"Blocked\"][_ngcontent-%COMP%] {\n      background: #FEE2E2;\n      color: #991B1B;\n    }\n\n    .badge-status[data-status=\"Failed\"][_ngcontent-%COMP%] {\n      background: #FEE2E2;\n      color: #7F1D1D;\n    }\n\n    .badge-status[data-status=\"Cancelled\"][_ngcontent-%COMP%], \n   .badge-status[data-status=\"Deferred\"][_ngcontent-%COMP%] {\n      background: #F3F4F6;\n      color: #4B5563;\n    }\n\n    .task-description[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #6B7280;\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .task-progress-container[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .progress-bar[_ngcontent-%COMP%] {\n      flex: 1;\n      height: 6px;\n      background: #F3F4F6;\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .progress-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      transition: width 300ms ease;\n      border-radius: 3px;\n    }\n\n    .progress-fill[data-status=\"In Progress\"][_ngcontent-%COMP%] {\n      background: #3B82F6;\n    }\n\n    .progress-fill[data-status=\"Complete\"][_ngcontent-%COMP%] {\n      background: #10B981;\n    }\n\n    .progress-fill[data-status=\"Blocked\"][_ngcontent-%COMP%], \n   .progress-fill[data-status=\"Failed\"][_ngcontent-%COMP%] {\n      background: #EF4444;\n    }\n\n    .progress-text[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 35px;\n      text-align: right;\n    }\n\n    .task-meta[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .meta-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .meta-label[_ngcontent-%COMP%] {\n      font-weight: 500;\n    }\n\n    .meta-value[_ngcontent-%COMP%] {\n      color: #111827;\n    }\n\n    .meta-value.overdue[_ngcontent-%COMP%] {\n      color: #DC2626;\n      font-weight: 600;\n    }\n\n    .meta-elapsed[_ngcontent-%COMP%] {\n      color: #3B82F6;\n      font-weight: 600;\n    }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskWidgetComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-task-widget', template: `
+    <div
+      class="task-widget"
+      [class.clickable]="clickable"
+      [class.compact]="compact"
+      (click)="onTaskClick()">
+
+      <!-- Status Indicator -->
+      <div class="task-status-indicator" [attr.data-status]="task.Status"></div>
+
+      <!-- Task Content -->
+      <div class="task-main">
+        <!-- Header Row -->
+        <div class="task-header">
+          <div class="task-title">{{ task.Name }}</div>
+          <div class="task-badges">
+            <!-- Type Badge -->
+            <span class="badge badge-type" *ngIf="task.Type">
+              {{ task.Type }}
+            </span>
+            <!-- Status Badge -->
+            <span
+              class="badge badge-status"
+              [attr.data-status]="task.Status">
+              {{ task.Status }}
+            </span>
+          </div>
+        </div>
+
+        <!-- Description -->
+        <div class="task-description" *ngIf="!compact && task.Description">
+          {{ task.Description }}
+        </div>
+
+        <!-- Progress Bar (if in progress or has completion %) -->
+        <div class="task-progress-container" *ngIf="showProgress && task.PercentComplete != null">
+          <div class="progress-bar">
+            <div
+              class="progress-fill"
+              [style.width.%]="task.PercentComplete"
+              [attr.data-status]="task.Status">
+            </div>
+          </div>
+          <span class="progress-text">{{ task.PercentComplete }}%</span>
+        </div>
+
+        <!-- Meta Information -->
+        <div class="task-meta">
+          <!-- Assignment -->
+          <span class="meta-item" *ngIf="task.User">
+            <i class="fas fa-user"></i>
+            <span class="meta-label">User:</span>
+            <span class="meta-value">{{ task.User }}</span>
+          </span>
+          <span class="meta-item" *ngIf="task.Agent">
+            <i class="fas fa-robot"></i>
+            <span class="meta-label">Agent:</span>
+            <span class="meta-value">{{ task.Agent }}</span>
+          </span>
+
+          <!-- Timestamps -->
+          <span class="meta-item" *ngIf="task.StartedAt">
+            <i class="fas fa-play-circle"></i>
+            <span class="meta-label">Started:</span>
+            <span class="meta-value">{{ formatDate(task.StartedAt) }}</span>
+          </span>
+          <span class="meta-item" *ngIf="task.CompletedAt">
+            <i class="fas fa-check-circle"></i>
+            <span class="meta-label">Completed:</span>
+            <span class="meta-value">{{ formatDate(task.CompletedAt) }}</span>
+          </span>
+          <span class="meta-item" *ngIf="task.DueAt && !task.CompletedAt">
+            <i class="fas fa-calendar-alt"></i>
+            <span class="meta-label">Due:</span>
+            <span class="meta-value" [class.overdue]="isOverdue(task.DueAt)">
+              {{ formatDate(task.DueAt) }}
+            </span>
+          </span>
+
+          <!-- Duration (for completed tasks) -->
+          <span class="meta-item" *ngIf="showDuration && task.StartedAt && task.CompletedAt">
+            <i class="fas fa-clock"></i>
+            <span class="meta-label">Duration:</span>
+            <span class="meta-value">{{ getDuration(task.StartedAt, task.CompletedAt) }}</span>
+          </span>
+
+          <!-- Elapsed time (for active tasks) -->
+          <span class="meta-item meta-elapsed" *ngIf="isActive && task.StartedAt && !task.CompletedAt">
+            <i class="fas fa-hourglass-half"></i>
+            <span class="meta-value">{{ getElapsedTime(task.StartedAt) }}</span>
+          </span>
+        </div>
+      </div>
+    </div>
+  `, styles: ["\n    .task-widget {\n      display: flex;\n      gap: 12px;\n      padding: 12px;\n      border-radius: 6px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      transition: all 150ms ease;\n    }\n\n    .task-widget.clickable {\n      cursor: pointer;\n    }\n\n    .task-widget.clickable:hover {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n    }\n\n    .task-widget.compact {\n      padding: 8px 12px;\n    }\n\n    .task-status-indicator {\n      width: 4px;\n      border-radius: 2px;\n      flex-shrink: 0;\n    }\n\n    .task-status-indicator[data-status=\"Pending\"] {\n      background: #9CA3AF;\n    }\n\n    .task-status-indicator[data-status=\"In Progress\"] {\n      background: #3B82F6;\n    }\n\n    .task-status-indicator[data-status=\"Complete\"] {\n      background: #10B981;\n    }\n\n    .task-status-indicator[data-status=\"Blocked\"] {\n      background: #EF4444;\n    }\n\n    .task-status-indicator[data-status=\"Failed\"] {\n      background: #DC2626;\n    }\n\n    .task-status-indicator[data-status=\"Cancelled\"],\n    .task-status-indicator[data-status=\"Deferred\"] {\n      background: #6B7280;\n    }\n\n    .task-main {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n    }\n\n    .task-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: #111827;\n      line-height: 1.4;\n      flex: 1;\n    }\n\n    .task-badges {\n      display: flex;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .badge {\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-size: 11px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      white-space: nowrap;\n    }\n\n    .badge-type {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .badge-status[data-status=\"Pending\"] {\n      background: #F3F4F6;\n      color: #6B7280;\n    }\n\n    .badge-status[data-status=\"In Progress\"] {\n      background: #DBEAFE;\n      color: #1E40AF;\n    }\n\n    .badge-status[data-status=\"Complete\"] {\n      background: #D1FAE5;\n      color: #065F46;\n    }\n\n    .badge-status[data-status=\"Blocked\"] {\n      background: #FEE2E2;\n      color: #991B1B;\n    }\n\n    .badge-status[data-status=\"Failed\"] {\n      background: #FEE2E2;\n      color: #7F1D1D;\n    }\n\n    .badge-status[data-status=\"Cancelled\"],\n    .badge-status[data-status=\"Deferred\"] {\n      background: #F3F4F6;\n      color: #4B5563;\n    }\n\n    .task-description {\n      font-size: 13px;\n      color: #6B7280;\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .task-progress-container {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .progress-bar {\n      flex: 1;\n      height: 6px;\n      background: #F3F4F6;\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .progress-fill {\n      height: 100%;\n      transition: width 300ms ease;\n      border-radius: 3px;\n    }\n\n    .progress-fill[data-status=\"In Progress\"] {\n      background: #3B82F6;\n    }\n\n    .progress-fill[data-status=\"Complete\"] {\n      background: #10B981;\n    }\n\n    .progress-fill[data-status=\"Blocked\"],\n    .progress-fill[data-status=\"Failed\"] {\n      background: #EF4444;\n    }\n\n    .progress-text {\n      font-size: 11px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 35px;\n      text-align: right;\n    }\n\n    .task-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n    }\n\n    .meta-item {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item i {\n      font-size: 10px;\n      opacity: 0.7;\n    }\n\n    .meta-label {\n      font-weight: 500;\n    }\n\n    .meta-value {\n      color: #111827;\n    }\n\n    .meta-value.overdue {\n      color: #DC2626;\n      font-weight: 600;\n    }\n\n    .meta-elapsed {\n      color: #3B82F6;\n      font-weight: 600;\n    }\n  "] }]
+    }], null, { task: [{
+            type: Input
+        }], clickable: [{
+            type: Input
+        }], compact: [{
+            type: Input
+        }], showProgress: [{
+            type: Input
+        }], showDuration: [{
+            type: Input
+        }], taskClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskWidgetComponent, { className: "TaskWidgetComponent", filePath: "src/lib/components/tasks/task-widget.component.ts", lineNumber: 330 }); })();
+//# sourceMappingURL=task-widget.component.js.map

package/dist/lib/components/tasks/task-widget.component.js.map

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

package/dist/lib/components/tasks/tasks-dropdown.component.d.ts

@@ -1,27 +1,41 @@
-import { OnInit, OnDestroy, DoCheck } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy, DoCheck } from '@angular/core';
 import { UserInfo } from '@memberjunction/core';
 import { TaskEntity } from '@memberjunction/core-entities';
 import { ConversationStateService } from '../../services/conversation-state.service';
+import { ActiveTasksService, ActiveTask } from '../../services/active-tasks.service';
 import * as i0 from "@angular/core";
 /**
- * Tasks dropdown component for chat header
- * Displays active tasks from the current conversation
+ * Enhanced tasks dropdown component for chat header.
+ * Shows both:
+ * 1. Active (running) tasks from ActiveTasksService
+ * 2. Database tasks for the current conversation
  */
 export declare class TasksDropdownComponent implements OnInit, OnDestroy, DoCheck {
     private conversationState;
+    private activeTasksService;
     currentUser: UserInfo;
+    taskClicked: EventEmitter<TaskEntity>;
     isOpen: boolean;
-    tasks: TaskEntity[];
-    taskCount: number;
+    activeTasks: ActiveTask[];
+    dbTasks: TaskEntity[];
+    totalTaskCount: number;
     private previousConversationId;
-    constructor(conversationState: ConversationStateService);
+    private destroy$;
+    private pollingInterval;
+    constructor(conversationState: ConversationStateService, activeTasksService: ActiveTasksService);
     ngOnInit(): void;
+    private startPolling;
+    private stopPolling;
     ngDoCheck(): void;
     ngOnDestroy(): void;
     toggleDropdown(): void;
     closeDropdown(): void;
-    private loadTasks;
+    private updateTotalCount;
+    private loadDatabaseTasks;
+    getElapsedTime(task: ActiveTask): string;
+    getTrimmedStatus(status: string): string;
+    onTaskClick(task: TaskEntity): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TasksDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TasksDropdownComponent, "mj-tasks-dropdown", never, { "currentUser": { "alias": "currentUser"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TasksDropdownComponent, "mj-tasks-dropdown", never, { "currentUser": { "alias": "currentUser"; "required": false; }; }, { "taskClicked": "taskClicked"; }, never, never, false, never>;
 }
 //# sourceMappingURL=tasks-dropdown.component.d.ts.map

package/dist/lib/components/tasks/tasks-dropdown.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tasks-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAA4B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;;AAErF;;;GAGG;AACH,qBAsPa,sBAAuB,YAAW,MAAM,EAAE,SAAS,EAAE,OAAO;IAQ3D,OAAO,CAAC,iBAAiB;IAP5B,WAAW,EAAG,QAAQ,CAAC;IAEzB,MAAM,EAAE,OAAO,CAAS;IACxB,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,SAAS,EAAE,MAAM,CAAK;IAC7B,OAAO,CAAC,sBAAsB,CAAuB;gBAEjC,iBAAiB,EAAE,wBAAwB;IAE/D,QAAQ;IAOR,SAAS;IAcT,WAAW;IAIX,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,IAAI;YAIP,SAAS;yCA3CZ,sBAAsB;2CAAtB,sBAAsB;CA4FlC"}
+{"version":3,"file":"tasks-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/tasks/tasks-dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,UAAU,EAA4B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;;AAIrF;;;;;GAKG;AACH,qBA8Ra,sBAAuB,YAAW,MAAM,EAAE,SAAS,EAAE,OAAO;IAcrE,OAAO,CAAC,iBAAiB;IACzB,OAAO,CAAC,kBAAkB;IAdnB,WAAW,EAAG,QAAQ,CAAC;IACtB,WAAW,2BAAkC;IAEhD,MAAM,EAAE,OAAO,CAAS;IACxB,WAAW,EAAE,UAAU,EAAE,CAAM;IAC/B,OAAO,EAAE,UAAU,EAAE,CAAM;IAC3B,cAAc,EAAE,MAAM,CAAK;IAElC,OAAO,CAAC,sBAAsB,CAAuB;IACrD,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,eAAe,CAAa;gBAG1B,iBAAiB,EAAE,wBAAwB,EAC3C,kBAAkB,EAAE,kBAAkB;IAGhD,QAAQ;IAkBR,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,WAAW;IAOnB,SAAS;IAcT,WAAW;IAMX,cAAc,IAAI,IAAI;IAQtB,aAAa,IAAI,IAAI;IAIrB,OAAO,CAAC,gBAAgB;YAIV,iBAAiB;IAkD/B,cAAc,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM;IAaxC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAQxC,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI;yCA9JxB,sBAAsB;2CAAtB,sBAAsB;CAkKlC"}