@memberjunction/ng-tasks 3.4.0 → 4.0.0

package/dist/lib/components/simple-task-viewer.component.js

@@ -3,14 +3,14 @@ import { CommonModule } from '@angular/common';
 import { TaskDetailPanelComponent } from './task-detail-panel.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-function SimpleTaskViewerComponent_div_3_i_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 19);
+function SimpleTaskViewerComponent_For_4_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 14);
 } }
-function SimpleTaskViewerComponent_div_3_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
-    i0.ɵɵelement(2, "div", 22);
+function SimpleTaskViewerComponent_For_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 19);
+    i0.ɵɵelement(2, "div", 20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 23);
+    i0.ɵɵelementStart(3, "span", 21);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -21,9 +21,9 @@ function SimpleTaskViewerComponent_div_3_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", task_r2.PercentComplete, "%");
 } }
-function SimpleTaskViewerComponent_div_3_span_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24);
-    i0.ɵɵelement(1, "i", 25);
+function SimpleTaskViewerComponent_For_4_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵelement(1, "i", 22);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -32,9 +32,9 @@ function SimpleTaskViewerComponent_div_3_span_11_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r2.formatDate(task_r2.DueAt), " ");
 } }
-function SimpleTaskViewerComponent_div_3_span_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 26);
-    i0.ɵɵelement(1, "i", 27);
+function SimpleTaskViewerComponent_For_4_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 23);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -42,21 +42,22 @@ function SimpleTaskViewerComponent_div_3_span_12_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", task_r2.User, " ");
 } }
-function SimpleTaskViewerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+function SimpleTaskViewerComponent_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵlistener("click", function SimpleTaskViewerComponent_div_3_Template_div_click_0_listener() { const task_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onTaskClick(task_r2)); });
+    i0.ɵɵlistener("click", function SimpleTaskViewerComponent_For_4_Template_div_click_0_listener() { const task_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onTaskClick(task_r2)); });
     i0.ɵɵelementStart(1, "div", 8);
     i0.ɵɵelement(2, "i", 9);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 10)(4, "div", 11)(5, "div", 12)(6, "span", 13);
     i0.ɵɵtext(7);
-    i0.ɵɵtemplate(8, SimpleTaskViewerComponent_div_3_i_8_Template, 1, 0, "i", 14);
+    i0.ɵɵconditionalCreate(8, SimpleTaskViewerComponent_For_4_Conditional_8_Template, 1, 0, "i", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, SimpleTaskViewerComponent_div_3_div_9_Template, 5, 5, "div", 15);
+    i0.ɵɵconditionalCreate(9, SimpleTaskViewerComponent_For_4_Conditional_9_Template, 5, 5, "div", 15);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "span", 16);
-    i0.ɵɵtemplate(11, SimpleTaskViewerComponent_div_3_span_11_Template, 3, 1, "span", 17)(12, SimpleTaskViewerComponent_div_3_span_12_Template, 3, 1, "span", 18);
+    i0.ɵɵconditionalCreate(11, SimpleTaskViewerComponent_For_4_Conditional_11_Template, 3, 1, "span", 17);
+    i0.ɵɵconditionalCreate(12, SimpleTaskViewerComponent_For_4_Conditional_12_Template, 3, 1, "span", 18);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const task_r2 = ctx.$implicit;
@@ -71,31 +72,31 @@ function SimpleTaskViewerComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", task_r2.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", task_r2.Status === "Complete");
+    i0.ɵɵconditional(task_r2.Status === "Complete" ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", task_r2.PercentComplete != null);
+    i0.ɵɵconditional(task_r2.PercentComplete != null ? 9 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", task_r2.DueAt);
+    i0.ɵɵconditional(task_r2.DueAt ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", task_r2.User);
+    i0.ɵɵconditional(task_r2.User ? 12 : -1);
 } }
-function SimpleTaskViewerComponent_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "i", 29);
+function SimpleTaskViewerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "i", 24);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tasks to display");
     i0.ɵɵelementEnd()();
 } }
-function SimpleTaskViewerComponent_div_5_Template(rf, ctx) { if (rf & 1) {
+function SimpleTaskViewerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵlistener("mousedown", function SimpleTaskViewerComponent_div_5_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.startResize($event)); });
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵlistener("mousedown", function SimpleTaskViewerComponent_Conditional_6_Template_div_mousedown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.startResize($event)); });
     i0.ɵɵelementEnd();
 } }
-function SimpleTaskViewerComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+function SimpleTaskViewerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31)(1, "mj-task-detail-panel", 32);
-    i0.ɵɵlistener("closePanel", function SimpleTaskViewerComponent_div_6_Template_mj_task_detail_panel_closePanel_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDetailPanel()); })("openEntityRecord", function SimpleTaskViewerComponent_div_6_Template_mj_task_detail_panel_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onOpenEntityRecord($event)); });
+    i0.ɵɵelementStart(0, "div", 26)(1, "mj-task-detail-panel", 27);
+    i0.ɵɵlistener("closePanel", function SimpleTaskViewerComponent_Conditional_7_Template_mj_task_detail_panel_closePanel_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDetailPanel()); })("openEntityRecord", function SimpleTaskViewerComponent_Conditional_7_Template_mj_task_detail_panel_openEntityRecord_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onOpenEntityRecord($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -167,25 +168,27 @@ export class SimpleTaskViewerComponent {
     }
     static ɵfac = function SimpleTaskViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SimpleTaskViewerComponent)(); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SimpleTaskViewerComponent, selectors: [["mj-simple-task-viewer"]], hostBindings: function SimpleTaskViewerComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("mousemove", function SimpleTaskViewerComponent_mousemove_HostBindingHandler($event) { return ctx.handleResize($event); }, false, i0.ɵɵresolveDocument)("mouseup", function SimpleTaskViewerComponent_mouseup_HostBindingHandler() { return ctx.stopResize(); }, false, i0.ɵɵresolveDocument);
-        } }, inputs: { tasks: "tasks", agentRunMap: "agentRunMap" }, outputs: { taskClicked: "taskClicked", openEntityRecord: "openEntityRecord" }, standalone: true, features: [i0.ɵɵNgOnChangesFeature, i0.ɵɵStandaloneFeature], decls: 7, vars: 6, consts: [[1, "simple-task-viewer"], [1, "list-layout"], [1, "task-list"], ["class", "task-item", 3, "completed", "selected", "click", 4, "ngFor", "ngForOf"], ["class", "no-tasks", 4, "ngIf"], ["class", "list-resizer", 3, "mousedown", 4, "ngIf"], ["class", "task-detail-panel", 3, "width", 4, "ngIf"], [1, "task-item", 3, "click"], [1, "status-icon"], [1, "fas", 3, "ngClass"], [1, "task-content"], [1, "task-header"], [1, "task-title-row"], [1, "task-title"], ["class", "fas fa-check completed-check", 4, "ngIf"], ["class", "task-progress-compact", 4, "ngIf"], [1, "task-meta"], ["class", "due-date", 4, "ngIf"], ["class", "assigned-to", 4, "ngIf"], [1, "fas", "fa-check", "completed-check"], [1, "task-progress-compact"], [1, "progress-bar-compact"], [1, "progress-fill-compact"], [1, "progress-text-compact"], [1, "due-date"], [1, "far", "fa-calendar"], [1, "assigned-to"], [1, "far", "fa-user"], [1, "no-tasks"], [1, "fas", "fa-tasks"], [1, "list-resizer", 3, "mousedown"], [1, "task-detail-panel"], [3, "closePanel", "openEntityRecord", "task", "agentRunId"]], template: function SimpleTaskViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mousemove", function SimpleTaskViewerComponent_mousemove_HostBindingHandler($event) { return ctx.handleResize($event); }, i0.ɵɵresolveDocument)("mouseup", function SimpleTaskViewerComponent_mouseup_HostBindingHandler() { return ctx.stopResize(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { tasks: "tasks", agentRunMap: "agentRunMap" }, outputs: { taskClicked: "taskClicked", openEntityRecord: "openEntityRecord" }, features: [i0.ɵɵNgOnChangesFeature], decls: 8, vars: 5, consts: [[1, "simple-task-viewer"], [1, "list-layout"], [1, "task-list"], [1, "task-item", 3, "completed", "selected"], [1, "no-tasks"], [1, "list-resizer"], [1, "task-detail-panel", 3, "width"], [1, "task-item", 3, "click"], [1, "status-icon"], [1, "fas", 3, "ngClass"], [1, "task-content"], [1, "task-header"], [1, "task-title-row"], [1, "task-title"], [1, "fas", "fa-check", "completed-check"], [1, "task-progress-compact"], [1, "task-meta"], [1, "due-date"], [1, "assigned-to"], [1, "progress-bar-compact"], [1, "progress-fill-compact"], [1, "progress-text-compact"], [1, "far", "fa-calendar"], [1, "far", "fa-user"], [1, "fas", "fa-tasks"], [1, "list-resizer", 3, "mousedown"], [1, "task-detail-panel"], [3, "closePanel", "openEntityRecord", "task", "agentRunId"]], template: function SimpleTaskViewerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-            i0.ɵɵtemplate(3, SimpleTaskViewerComponent_div_3_Template, 13, 14, "div", 3)(4, SimpleTaskViewerComponent_div_4_Template, 4, 0, "div", 4);
+            i0.ɵɵrepeaterCreate(3, SimpleTaskViewerComponent_For_4_Template, 13, 14, "div", 3, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵconditionalCreate(5, SimpleTaskViewerComponent_Conditional_5_Template, 4, 0, "div", 4);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(5, SimpleTaskViewerComponent_div_5_Template, 1, 0, "div", 5)(6, SimpleTaskViewerComponent_div_6_Template, 2, 4, "div", 6);
+            i0.ɵɵconditionalCreate(6, SimpleTaskViewerComponent_Conditional_6_Template, 1, 0, "div", 5);
+            i0.ɵɵconditionalCreate(7, SimpleTaskViewerComponent_Conditional_7_Template, 2, 4, "div", 6);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("with-detail", ctx.selectedTask);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngForOf", ctx.tasks);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.tasks || ctx.tasks.length === 0);
+            i0.ɵɵrepeater(ctx.tasks);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.tasks || ctx.tasks.length === 0 ? 5 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.selectedTask);
+            i0.ɵɵconditional(ctx.selectedTask ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.selectedTask);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgForOf, i1.NgIf, TaskDetailPanelComponent], styles: [".simple-task-viewer[_ngcontent-%COMP%] {\n      height: 100%;\n      background: #FAFAFA;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .list-layout[_ngcontent-%COMP%] {\n      display: flex;\n      height: 100%;\n      position: relative;\n    }\n\n    .task-list[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 400px;\n      padding: 16px;\n      overflow-y: auto;\n    }\n\n    .task-list.with-detail[_ngcontent-%COMP%] {\n      border-right: 1px solid #E5E7EB;\n    }\n\n    .list-resizer[_ngcontent-%COMP%] {\n      width: 4px;\n      background: #E5E7EB;\n      cursor: col-resize;\n      flex-shrink: 0;\n      transition: background 0.2s;\n    }\n\n    .list-resizer[_ngcontent-%COMP%]:hover {\n      background: #3B82F6;\n    }\n\n    .task-detail-panel[_ngcontent-%COMP%] {\n      min-width: 300px;\n      max-width: 600px;\n      height: 100%;\n      flex-shrink: 0;\n    }\n\n    .task-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      margin-bottom: 8px;\n      transition: all 0.2s;\n      cursor: pointer;\n    }\n\n    .task-item[_ngcontent-%COMP%]:hover {\n      border-color: #3B82F6;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);\n      transform: translateY(-1px);\n    }\n\n    .task-item.selected[_ngcontent-%COMP%] {\n      border-color: #3B82F6;\n      background: #EFF6FF;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);\n    }\n\n    .task-item.completed[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .status-icon[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #FEF3C7;\n      color: #F59E0B;\n      flex-shrink: 0;\n    }\n\n    .status-icon.complete[_ngcontent-%COMP%] {\n      background: #D1FAE5;\n      color: #10B981;\n    }\n\n    .task-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 6px;\n    }\n\n    .task-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-weight: 600;\n      color: #111827;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title.completed-text[_ngcontent-%COMP%] {\n      color: #6B7280;\n      text-decoration: line-through;\n      text-decoration-thickness: 1.5px;\n    }\n\n    .completed-check[_ngcontent-%COMP%] {\n      color: #10B981;\n      font-size: 12px;\n    }\n\n    .task-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n    }\n\n    .task-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      margin-right: 4px;\n    }\n\n    .task-description[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #6B7280;\n      margin-bottom: 8px;\n      line-height: 1.5;\n    }\n\n    .task-progress-compact[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .progress-bar-compact[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 4px;\n      background: #E5E7EB;\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .progress-fill-compact[_ngcontent-%COMP%] {\n      height: 100%;\n      background: #3B82F6;\n      transition: width 0.3s ease;\n    }\n\n    .progress-fill-compact.complete[_ngcontent-%COMP%] {\n      background: #10B981;\n    }\n\n    .progress-text-compact[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 30px;\n      text-align: right;\n    }\n\n    .no-tasks[_ngcontent-%COMP%] {\n      text-align: center;\n      padding: 60px 20px;\n      color: #9CA3AF;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      opacity: 0.3;\n      margin-bottom: 12px;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }"] });
+            i0.ɵɵconditional(ctx.selectedTask ? 7 : -1);
+        } }, dependencies: [CommonModule, i1.NgClass, TaskDetailPanelComponent], styles: [".simple-task-viewer[_ngcontent-%COMP%] {\n      height: 100%;\n      background: #FAFAFA;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .list-layout[_ngcontent-%COMP%] {\n      display: flex;\n      height: 100%;\n      position: relative;\n    }\n\n    .task-list[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 400px;\n      padding: 16px;\n      overflow-y: auto;\n    }\n\n    .task-list.with-detail[_ngcontent-%COMP%] {\n      border-right: 1px solid #E5E7EB;\n    }\n\n    .list-resizer[_ngcontent-%COMP%] {\n      width: 4px;\n      background: #E5E7EB;\n      cursor: col-resize;\n      flex-shrink: 0;\n      transition: background 0.2s;\n    }\n\n    .list-resizer[_ngcontent-%COMP%]:hover {\n      background: #3B82F6;\n    }\n\n    .task-detail-panel[_ngcontent-%COMP%] {\n      min-width: 300px;\n      max-width: 600px;\n      height: 100%;\n      flex-shrink: 0;\n    }\n\n    .task-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      margin-bottom: 8px;\n      transition: all 0.2s;\n      cursor: pointer;\n    }\n\n    .task-item[_ngcontent-%COMP%]:hover {\n      border-color: #3B82F6;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);\n      transform: translateY(-1px);\n    }\n\n    .task-item.selected[_ngcontent-%COMP%] {\n      border-color: #3B82F6;\n      background: #EFF6FF;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);\n    }\n\n    .task-item.completed[_ngcontent-%COMP%] {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .status-icon[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #FEF3C7;\n      color: #F59E0B;\n      flex-shrink: 0;\n    }\n\n    .status-icon.complete[_ngcontent-%COMP%] {\n      background: #D1FAE5;\n      color: #10B981;\n    }\n\n    .task-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 6px;\n    }\n\n    .task-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title[_ngcontent-%COMP%] {\n      font-weight: 600;\n      color: #111827;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title.completed-text[_ngcontent-%COMP%] {\n      color: #6B7280;\n      text-decoration: line-through;\n      text-decoration-thickness: 1.5px;\n    }\n\n    .completed-check[_ngcontent-%COMP%] {\n      color: #10B981;\n      font-size: 12px;\n    }\n\n    .task-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n    }\n\n    .task-meta[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      margin-right: 4px;\n    }\n\n    .task-description[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #6B7280;\n      margin-bottom: 8px;\n      line-height: 1.5;\n    }\n\n    .task-progress-compact[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .progress-bar-compact[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 4px;\n      background: #E5E7EB;\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .progress-fill-compact[_ngcontent-%COMP%] {\n      height: 100%;\n      background: #3B82F6;\n      transition: width 0.3s ease;\n    }\n\n    .progress-fill-compact.complete[_ngcontent-%COMP%] {\n      background: #10B981;\n    }\n\n    .progress-text-compact[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 30px;\n      text-align: right;\n    }\n\n    .no-tasks[_ngcontent-%COMP%] {\n      text-align: center;\n      padding: 60px 20px;\n      color: #9CA3AF;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      opacity: 0.3;\n      margin-bottom: 12px;\n    }\n\n    .no-tasks[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SimpleTaskViewerComponent, [{
         type: Component,
@@ -193,69 +196,83 @@ export class SimpleTaskViewerComponent {
     <div class="simple-task-viewer">
       <div class="list-layout">
         <div class="task-list" [class.with-detail]="selectedTask">
-        <div *ngFor="let task of tasks"
-             class="task-item"
-             [class.completed]="task.Status === 'Complete'"
-             [class.selected]="selectedTask?.ID === task.ID"
-             (click)="onTaskClick(task)">
-
-          <!-- Status Icon -->
-          <div class="status-icon" [class.complete]="task.Status === 'Complete'">
-            <i class="fas" [ngClass]="getStatusIcon(task.Status)"></i>
-          </div>
-
-          <!-- Task Content -->
-          <div class="task-content">
-            <div class="task-header">
-              <div class="task-title-row">
-                <span class="task-title" [class.completed-text]="task.Status === 'Complete'">
-                  {{ task.Name }}
-                  <i *ngIf="task.Status === 'Complete'" class="fas fa-check completed-check"></i>
-                </span>
-                <!-- Compact progress indicator for all tasks -->
-                <div *ngIf="task.PercentComplete != null" class="task-progress-compact">
-                  <div class="progress-bar-compact">
-                    <div class="progress-fill-compact"
-                         [style.width.%]="task.PercentComplete"
-                         [class.complete]="task.Status === 'Complete'"></div>
+          @for (task of tasks; track task) {
+            <div
+              class="task-item"
+              [class.completed]="task.Status === 'Complete'"
+              [class.selected]="selectedTask?.ID === task.ID"
+              (click)="onTaskClick(task)">
+              <!-- Status Icon -->
+              <div class="status-icon" [class.complete]="task.Status === 'Complete'">
+                <i class="fas" [ngClass]="getStatusIcon(task.Status)"></i>
+              </div>
+              <!-- Task Content -->
+              <div class="task-content">
+                <div class="task-header">
+                  <div class="task-title-row">
+                    <span class="task-title" [class.completed-text]="task.Status === 'Complete'">
+                      {{ task.Name }}
+                      @if (task.Status === 'Complete') {
+                        <i class="fas fa-check completed-check"></i>
+                      }
+                    </span>
+                    <!-- Compact progress indicator for all tasks -->
+                    @if (task.PercentComplete != null) {
+                      <div class="task-progress-compact">
+                        <div class="progress-bar-compact">
+                          <div class="progress-fill-compact"
+                            [style.width.%]="task.PercentComplete"
+                          [class.complete]="task.Status === 'Complete'"></div>
+                        </div>
+                        <span class="progress-text-compact">{{ task.PercentComplete }}%</span>
+                      </div>
+                    }
                   </div>
-                  <span class="progress-text-compact">{{ task.PercentComplete }}%</span>
+                  <span class="task-meta">
+                    @if (task.DueAt) {
+                      <span class="due-date">
+                        <i class="far fa-calendar"></i>
+                        {{ formatDate(task.DueAt) }}
+                      </span>
+                    }
+                    @if (task.User) {
+                      <span class="assigned-to">
+                        <i class="far fa-user"></i>
+                        {{ task.User }}
+                      </span>
+                    }
+                  </span>
                 </div>
               </div>
-              <span class="task-meta">
-                <span *ngIf="task.DueAt" class="due-date">
-                  <i class="far fa-calendar"></i>
-                  {{ formatDate(task.DueAt) }}
-                </span>
-                <span *ngIf="task.User" class="assigned-to">
-                  <i class="far fa-user"></i>
-                  {{ task.User }}
-                </span>
-              </span>
             </div>
-          </div>
-        </div>
-
-        <div *ngIf="!tasks || tasks.length === 0" class="no-tasks">
-          <i class="fas fa-tasks"></i>
-          <p>No tasks to display</p>
-        </div>
-        </div>
-
-        <div *ngIf="selectedTask" class="list-resizer"
-             (mousedown)="startResize($event)"></div>
-
-        <div *ngIf="selectedTask" class="task-detail-panel" [style.width.px]="detailPanelWidth">
-          <mj-task-detail-panel
-            [task]="selectedTask"
-            [agentRunId]="getAgentRunId(selectedTask)"
-            (closePanel)="closeDetailPanel()"
-            (openEntityRecord)="onOpenEntityRecord($event)">
-          </mj-task-detail-panel>
+          }
+    
+          @if (!tasks || tasks.length === 0) {
+            <div class="no-tasks">
+              <i class="fas fa-tasks"></i>
+              <p>No tasks to display</p>
+            </div>
+          }
         </div>
+    
+        @if (selectedTask) {
+          <div class="list-resizer"
+          (mousedown)="startResize($event)"></div>
+        }
+    
+        @if (selectedTask) {
+          <div class="task-detail-panel" [style.width.px]="detailPanelWidth">
+            <mj-task-detail-panel
+              [task]="selectedTask"
+              [agentRunId]="getAgentRunId(selectedTask)"
+              (closePanel)="closeDetailPanel()"
+              (openEntityRecord)="onOpenEntityRecord($event)">
+            </mj-task-detail-panel>
+          </div>
+        }
       </div>
     </div>
-  `, styles: ["\n    .simple-task-viewer {\n      height: 100%;\n      background: #FAFAFA;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .list-layout {\n      display: flex;\n      height: 100%;\n      position: relative;\n    }\n\n    .task-list {\n      flex: 1;\n      min-width: 400px;\n      padding: 16px;\n      overflow-y: auto;\n    }\n\n    .task-list.with-detail {\n      border-right: 1px solid #E5E7EB;\n    }\n\n    .list-resizer {\n      width: 4px;\n      background: #E5E7EB;\n      cursor: col-resize;\n      flex-shrink: 0;\n      transition: background 0.2s;\n    }\n\n    .list-resizer:hover {\n      background: #3B82F6;\n    }\n\n    .task-detail-panel {\n      min-width: 300px;\n      max-width: 600px;\n      height: 100%;\n      flex-shrink: 0;\n    }\n\n    .task-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      margin-bottom: 8px;\n      transition: all 0.2s;\n      cursor: pointer;\n    }\n\n    .task-item:hover {\n      border-color: #3B82F6;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);\n      transform: translateY(-1px);\n    }\n\n    .task-item.selected {\n      border-color: #3B82F6;\n      background: #EFF6FF;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);\n    }\n\n    .task-item.completed {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .status-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #FEF3C7;\n      color: #F59E0B;\n      flex-shrink: 0;\n    }\n\n    .status-icon.complete {\n      background: #D1FAE5;\n      color: #10B981;\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 6px;\n    }\n\n    .task-title-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      font-weight: 600;\n      color: #111827;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title.completed-text {\n      color: #6B7280;\n      text-decoration: line-through;\n      text-decoration-thickness: 1.5px;\n    }\n\n    .completed-check {\n      color: #10B981;\n      font-size: 12px;\n    }\n\n    .task-meta {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n    }\n\n    .task-meta i {\n      margin-right: 4px;\n    }\n\n    .task-description {\n      font-size: 13px;\n      color: #6B7280;\n      margin-bottom: 8px;\n      line-height: 1.5;\n    }\n\n    .task-progress-compact {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .progress-bar-compact {\n      width: 80px;\n      height: 4px;\n      background: #E5E7EB;\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .progress-fill-compact {\n      height: 100%;\n      background: #3B82F6;\n      transition: width 0.3s ease;\n    }\n\n    .progress-fill-compact.complete {\n      background: #10B981;\n    }\n\n    .progress-text-compact {\n      font-size: 10px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 30px;\n      text-align: right;\n    }\n\n    .no-tasks {\n      text-align: center;\n      padding: 60px 20px;\n      color: #9CA3AF;\n    }\n\n    .no-tasks i {\n      font-size: 48px;\n      opacity: 0.3;\n      margin-bottom: 12px;\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n  "] }]
+    `, styles: ["\n    .simple-task-viewer {\n      height: 100%;\n      background: #FAFAFA;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .list-layout {\n      display: flex;\n      height: 100%;\n      position: relative;\n    }\n\n    .task-list {\n      flex: 1;\n      min-width: 400px;\n      padding: 16px;\n      overflow-y: auto;\n    }\n\n    .task-list.with-detail {\n      border-right: 1px solid #E5E7EB;\n    }\n\n    .list-resizer {\n      width: 4px;\n      background: #E5E7EB;\n      cursor: col-resize;\n      flex-shrink: 0;\n      transition: background 0.2s;\n    }\n\n    .list-resizer:hover {\n      background: #3B82F6;\n    }\n\n    .task-detail-panel {\n      min-width: 300px;\n      max-width: 600px;\n      height: 100%;\n      flex-shrink: 0;\n    }\n\n    .task-item {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border: 1px solid #E5E7EB;\n      border-radius: 8px;\n      margin-bottom: 8px;\n      transition: all 0.2s;\n      cursor: pointer;\n    }\n\n    .task-item:hover {\n      border-color: #3B82F6;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);\n      transform: translateY(-1px);\n    }\n\n    .task-item.selected {\n      border-color: #3B82F6;\n      background: #EFF6FF;\n      box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);\n    }\n\n    .task-item.completed {\n      background: #F9FAFB;\n      border-color: #D1D5DB;\n    }\n\n    .status-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #FEF3C7;\n      color: #F59E0B;\n      flex-shrink: 0;\n    }\n\n    .status-icon.complete {\n      background: #D1FAE5;\n      color: #10B981;\n    }\n\n    .task-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      gap: 12px;\n      margin-bottom: 6px;\n    }\n\n    .task-title-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .task-title {\n      font-weight: 600;\n      color: #111827;\n      font-size: 14px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .task-title.completed-text {\n      color: #6B7280;\n      text-decoration: line-through;\n      text-decoration-thickness: 1.5px;\n    }\n\n    .completed-check {\n      color: #10B981;\n      font-size: 12px;\n    }\n\n    .task-meta {\n      display: flex;\n      gap: 12px;\n      font-size: 12px;\n      color: #6B7280;\n      white-space: nowrap;\n    }\n\n    .task-meta i {\n      margin-right: 4px;\n    }\n\n    .task-description {\n      font-size: 13px;\n      color: #6B7280;\n      margin-bottom: 8px;\n      line-height: 1.5;\n    }\n\n    .task-progress-compact {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      flex-shrink: 0;\n    }\n\n    .progress-bar-compact {\n      width: 80px;\n      height: 4px;\n      background: #E5E7EB;\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .progress-fill-compact {\n      height: 100%;\n      background: #3B82F6;\n      transition: width 0.3s ease;\n    }\n\n    .progress-fill-compact.complete {\n      background: #10B981;\n    }\n\n    .progress-text-compact {\n      font-size: 10px;\n      font-weight: 600;\n      color: #6B7280;\n      min-width: 30px;\n      text-align: right;\n    }\n\n    .no-tasks {\n      text-align: center;\n      padding: 60px 20px;\n      color: #9CA3AF;\n    }\n\n    .no-tasks i {\n      font-size: 48px;\n      opacity: 0.3;\n      margin-bottom: 12px;\n    }\n\n    .no-tasks p {\n      margin: 0;\n      font-size: 14px;\n    }\n  "] }]
     }], null, { tasks: [{
             type: Input
         }], agentRunMap: [{
@@ -271,5 +288,5 @@ export class SimpleTaskViewerComponent {
             type: HostListener,
             args: ['document:mouseup']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimpleTaskViewerComponent, { className: "SimpleTaskViewerComponent", filePath: "src/lib/components/simple-task-viewer.component.ts", lineNumber: 283 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SimpleTaskViewerComponent, { className: "SimpleTaskViewerComponent", filePath: "src/lib/components/simple-task-viewer.component.ts", lineNumber: 297 }); })();
 //# sourceMappingURL=simple-task-viewer.component.js.map

package/dist/lib/components/simple-task-viewer.component.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"task-detail-panel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/task-detail-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;;AAErE;;;GAGG;AACH,qBA8Oa,wBAAyB,YAAW,MAAM,EAAE,SAAS;IACvD,IAAI,EAAG,UAAU,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,UAAU,qBAA4B;IACtC,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAEnF,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAQ;IAElD,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,aAAa;IAWd,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAYzC,SAAS,IAAI,IAAI;IASjB,YAAY,IAAI,IAAI;yCAhDhB,wBAAwB;2CAAxB,wBAAwB;CAwDpC"}
+{"version":3,"file":"task-detail-panel.component.d.ts","sourceRoot":"","sources":["../../../src/lib/components/task-detail-panel.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;;AAErE;;;GAGG;AACH,qBA8Pa,wBAAyB,YAAW,MAAM,EAAE,SAAS;IACvD,IAAI,EAAG,UAAU,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,UAAU,qBAA4B;IACtC,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAEnF,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAQ;IAElD,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAInB,OAAO,CAAC,aAAa;IAWd,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAYzC,SAAS,IAAI,IAAI;IASjB,YAAY,IAAI,IAAI;yCAhDhB,wBAAwB;2CAAxB,wBAAwB;CAwDpC"}