@memberjunction/ng-core-entity-forms 3.4.0 → 4.0.0

package/dist/lib/custom/ai-agent-run/ai-agent-run-step-node.component.js

@@ -1,11 +1,11 @@
 import { Component, Input, Output, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-function AIAgentRunStepNodeComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunStepNodeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function AIAgentRunStepNodeComponent_button_1_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleExpandToggle($event)); });
-    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function AIAgentRunStepNodeComponent_Conditional_1_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleExpandToggle($event)); });
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -13,23 +13,23 @@ function AIAgentRunStepNodeComponent_button_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.item.isExpanded)("fa-chevron-down", ctx_r1.item.isExpanded);
 } }
-function AIAgentRunStepNodeComponent_img_3_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunStepNodeComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "img", 18);
-    i0.ɵɵlistener("error", function AIAgentRunStepNodeComponent_img_3_Template_img_error_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onLogoError($event)); });
+    i0.ɵɵelementStart(0, "img", 17);
+    i0.ɵɵlistener("error", function AIAgentRunStepNodeComponent_Conditional_3_Template_img_error_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onLogoError($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("src", ctx_r1.item.logoUrl, i0.ɵɵsanitizeUrl)("alt", ctx_r1.item.title);
 } }
-function AIAgentRunStepNodeComponent_i_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 13);
+function AIAgentRunStepNodeComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r1.item.icon);
 } }
-function AIAgentRunStepNodeComponent_div_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
+function AIAgentRunStepNodeComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -37,9 +37,9 @@ function AIAgentRunStepNodeComponent_div_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getAdditionalInfo(), " ");
 } }
-function AIAgentRunStepNodeComponent_span_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
-    i0.ɵɵelement(1, "i", 21);
+function AIAgentRunStepNodeComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 11);
+    i0.ɵɵelement(1, "i", 18);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -47,12 +47,12 @@ function AIAgentRunStepNodeComponent_span_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.item.duration, " ");
 } }
-function AIAgentRunStepNodeComponent_button_21_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunStepNodeComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 22);
-    i0.ɵɵlistener("click", function AIAgentRunStepNodeComponent_button_21_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigateToRecord($event)); });
-    i0.ɵɵelement(1, "i", 23);
-    i0.ɵɵelementStart(2, "span", 24);
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function AIAgentRunStepNodeComponent_Conditional_21_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigateToRecord($event)); });
+    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementStart(2, "span", 21);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -196,12 +196,13 @@ export class AIAgentRunStepNodeComponent {
         this.item.logoUrl = undefined;
     }
     static { this.ɵfac = function AIAgentRunStepNodeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AIAgentRunStepNodeComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunStepNodeComponent, selectors: [["mj-ai-agent-run-step-node"]], inputs: { item: "item", isSelected: "isSelected" }, outputs: { itemClick: "itemClick", expandToggle: "expandToggle", navigateToEntity: "navigateToEntity" }, decls: 22, vars: 22, consts: [[1, "timeline-item", 3, "click"], ["class", "expand-toggle", 3, "click", 4, "ngIf"], [1, "timeline-marker"], ["class", "timeline-marker-logo", 3, "src", "alt", "error", 4, "ngIf"], ["class", "fas", 3, "ngClass", 4, "ngIf"], [1, "timeline-content"], [1, "timeline-header"], [1, "timeline-time"], [1, "timeline-subtitle"], ["class", "timeline-additional-info", 4, "ngIf"], [1, "timeline-meta"], ["class", "duration", 4, "ngIf"], [1, "status"], [1, "fas", 3, "ngClass"], [1, "timeline-actions"], ["class", "btn-link", 3, "title", "click", 4, "ngIf"], [1, "expand-toggle", 3, "click"], [1, "fas"], [1, "timeline-marker-logo", 3, "error", "src", "alt"], [1, "timeline-additional-info"], [1, "duration"], [1, "fas", "fa-clock"], [1, "btn-link", 3, "click", "title"], [1, "fas", "fa-external-link-alt"], [1, "action-text"]], template: function AIAgentRunStepNodeComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunStepNodeComponent, selectors: [["mj-ai-agent-run-step-node"]], inputs: { item: "item", isSelected: "isSelected" }, outputs: { itemClick: "itemClick", expandToggle: "expandToggle", navigateToEntity: "navigateToEntity" }, standalone: false, decls: 22, vars: 22, consts: [[1, "timeline-item", 3, "click"], [1, "expand-toggle"], [1, "timeline-marker"], [1, "timeline-marker-logo", 3, "src", "alt"], [1, "fas", 3, "ngClass"], [1, "timeline-content"], [1, "timeline-header"], [1, "timeline-time"], [1, "timeline-subtitle"], [1, "timeline-additional-info"], [1, "timeline-meta"], [1, "duration"], [1, "status"], [1, "timeline-actions"], [1, "btn-link", 3, "title"], [1, "expand-toggle", 3, "click"], [1, "fas"], [1, "timeline-marker-logo", 3, "error", "src", "alt"], [1, "fas", "fa-clock"], [1, "btn-link", 3, "click", "title"], [1, "fas", "fa-external-link-alt"], [1, "action-text"]], template: function AIAgentRunStepNodeComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("click", function AIAgentRunStepNodeComponent_Template_div_click_0_listener() { return ctx.handleClick(); });
-            i0.ɵɵtemplate(1, AIAgentRunStepNodeComponent_button_1_Template, 2, 5, "button", 1);
+            i0.ɵɵconditionalCreate(1, AIAgentRunStepNodeComponent_Conditional_1_Template, 2, 5, "button", 1);
             i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵtemplate(3, AIAgentRunStepNodeComponent_img_3_Template, 1, 2, "img", 3)(4, AIAgentRunStepNodeComponent_i_4_Template, 1, 1, "i", 4);
+            i0.ɵɵconditionalCreate(3, AIAgentRunStepNodeComponent_Conditional_3_Template, 1, 2, "img", 3);
+            i0.ɵɵconditionalCreate(4, AIAgentRunStepNodeComponent_Conditional_4_Template, 1, 1, "i", 4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(5, "div", 5)(6, "div", 6)(7, "h4");
             i0.ɵɵtext(8);
@@ -213,28 +214,28 @@ export class AIAgentRunStepNodeComponent {
             i0.ɵɵelementStart(12, "div", 8);
             i0.ɵɵtext(13);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(14, AIAgentRunStepNodeComponent_div_14_Template, 2, 1, "div", 9);
+            i0.ɵɵconditionalCreate(14, AIAgentRunStepNodeComponent_Conditional_14_Template, 2, 1, "div", 9);
             i0.ɵɵelementStart(15, "div", 10);
-            i0.ɵɵtemplate(16, AIAgentRunStepNodeComponent_span_16_Template, 3, 1, "span", 11);
+            i0.ɵɵconditionalCreate(16, AIAgentRunStepNodeComponent_Conditional_16_Template, 3, 1, "span", 11);
             i0.ɵɵelementStart(17, "span", 12);
-            i0.ɵɵelement(18, "i", 13);
+            i0.ɵɵelement(18, "i", 4);
             i0.ɵɵtext(19);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(20, "div", 14);
-            i0.ɵɵtemplate(21, AIAgentRunStepNodeComponent_button_21_Template, 4, 2, "button", 15);
+            i0.ɵɵelementStart(20, "div", 13);
+            i0.ɵɵconditionalCreate(21, AIAgentRunStepNodeComponent_Conditional_21_Template, 4, 2, "button", 14);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵstyleProp("margin-left", ctx.item.level * 24, "px");
             i0.ɵɵclassProp("selected", ctx.isSelected);
             i0.ɵɵattribute("data-status", ctx.item.status)("data-type", ctx.item.type);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.canExpand);
+            i0.ɵɵconditional(ctx.canExpand ? 1 : -1);
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-color", ctx.item.color);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.item.logoUrl);
+            i0.ɵɵconditional(ctx.item.logoUrl ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.item.logoUrl);
+            i0.ɵɵconditional(!ctx.item.logoUrl ? 4 : -1);
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate(ctx.item.title);
             i0.ɵɵadvance(2);
@@ -242,9 +243,9 @@ export class AIAgentRunStepNodeComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(ctx.item.subtitle);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.getAdditionalInfo());
+            i0.ɵɵconditional(ctx.getAdditionalInfo() ? 14 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.item.duration);
+            i0.ɵɵconditional(ctx.item.duration ? 16 : -1);
             i0.ɵɵadvance();
             i0.ɵɵattribute("data-status", ctx.item.status);
             i0.ɵɵadvance();
@@ -252,12 +253,12 @@ export class AIAgentRunStepNodeComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.item.status, " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.canNavigateToEntity);
-        } }, dependencies: [i1.NgClass, i1.NgIf, i1.DatePipe], styles: [".timeline-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  padding-left: 22px; \n\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e0e6ed;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s;\n  position: relative;\n}\n\n.timeline-item[_ngcontent-%COMP%]:hover {\n  border-color: #c1c9d2;\n  background: #f8f9fa;\n  transform: translateX(2px);\n}\n\n.timeline-item.selected[_ngcontent-%COMP%] {\n  border-color: #2196f3;\n  background: #e3f2fd;\n  box-shadow: 0 0 0 1px #2196f3;\n}\n\n\n\n.expand-toggle[_ngcontent-%COMP%] {\n  position: absolute;\n  left: -34px;\n  top: 12px;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #e0e6ed;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  z-index: 1;\n}\n\n.expand-toggle[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #c1c9d2;\n}\n\n.expand-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n\n\n.timeline-marker[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 14px;\n  position: relative;\n  overflow: hidden;\n}\n\n.timeline-marker-logo[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.timeline-marker[data-color=\"info\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n}\n\n.timeline-marker[data-color=\"success\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #4caf50, #388e3c);\n}\n\n.timeline-marker[data-color=\"error\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f44336, #d32f2f);\n}\n\n.timeline-marker[data-color=\"warning\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ff9800, #f57c00);\n}\n\n.timeline-marker[data-color=\"secondary\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #9e9e9e, #757575);\n}\n\n\n\n.timeline-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.timeline-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 4px;\n}\n\n.timeline-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2c3e50;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.timeline-time[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #6c757d;\n  font-family: monospace;\n  white-space: nowrap;\n  margin-left: 12px;\n}\n\n.timeline-subtitle[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  margin-bottom: 4px;\n}\n\n.timeline-additional-info[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #868e96;\n  margin-bottom: 4px;\n  font-style: italic;\n}\n\n.timeline-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.duration[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.status[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 500;\n}\n\n.status[data-status=\"Running\"][_ngcontent-%COMP%] {\n  color: #1976d2;\n}\n\n.status[data-status=\"Completed\"][_ngcontent-%COMP%] {\n  color: #388e3c;\n}\n\n.status[data-status=\"Failed\"][_ngcontent-%COMP%] {\n  color: #d32f2f;\n}\n\n.status[data-status=\"Cancelled\"][_ngcontent-%COMP%] {\n  color: #f57c00;\n}\n\n\n\n.timeline-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 11px;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n}\n\n.btn-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.action-text[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.timeline-item[_ngcontent-%COMP%]:hover   .action-text[_ngcontent-%COMP%] {\n  display: inline;\n}\n\n\n\n.timeline-item[data-type=\"subrun\"][_ngcontent-%COMP%] {\n  background: linear-gradient(to right, #f3f7ff, white);\n}\n\n.timeline-item[data-type=\"action\"][_ngcontent-%COMP%] {\n  border-left: 3px solid #4caf50;\n}\n\n.timeline-item[data-type=\"prompt\"][_ngcontent-%COMP%] {\n  border-left: 3px solid #2196f3;\n}"] }); }
+            i0.ɵɵconditional(ctx.canNavigateToEntity ? 21 : -1);
+        } }, dependencies: [i1.NgClass, i1.DatePipe], styles: [".timeline-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  padding-left: 22px; \n\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e0e6ed;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s;\n  position: relative;\n}\n\n.timeline-item[_ngcontent-%COMP%]:hover {\n  border-color: #c1c9d2;\n  background: #f8f9fa;\n  transform: translateX(2px);\n}\n\n.timeline-item.selected[_ngcontent-%COMP%] {\n  border-color: #2196f3;\n  background: #e3f2fd;\n  box-shadow: 0 0 0 1px #2196f3;\n}\n\n\n\n.expand-toggle[_ngcontent-%COMP%] {\n  position: absolute;\n  left: -34px;\n  top: 12px;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #e0e6ed;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  z-index: 1;\n}\n\n.expand-toggle[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #c1c9d2;\n}\n\n.expand-toggle[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n\n\n.timeline-marker[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 14px;\n  position: relative;\n  overflow: hidden;\n}\n\n.timeline-marker-logo[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.timeline-marker[data-color=\"info\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n}\n\n.timeline-marker[data-color=\"success\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #4caf50, #388e3c);\n}\n\n.timeline-marker[data-color=\"error\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f44336, #d32f2f);\n}\n\n.timeline-marker[data-color=\"warning\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ff9800, #f57c00);\n}\n\n.timeline-marker[data-color=\"secondary\"][_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #9e9e9e, #757575);\n}\n\n\n\n.timeline-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.timeline-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 4px;\n}\n\n.timeline-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2c3e50;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.timeline-time[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #6c757d;\n  font-family: monospace;\n  white-space: nowrap;\n  margin-left: 12px;\n}\n\n.timeline-subtitle[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #6c757d;\n  margin-bottom: 4px;\n}\n\n.timeline-additional-info[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #868e96;\n  margin-bottom: 4px;\n  font-style: italic;\n}\n\n.timeline-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.duration[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.status[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 500;\n}\n\n.status[data-status=\"Running\"][_ngcontent-%COMP%] {\n  color: #1976d2;\n}\n\n.status[data-status=\"Completed\"][_ngcontent-%COMP%] {\n  color: #388e3c;\n}\n\n.status[data-status=\"Failed\"][_ngcontent-%COMP%] {\n  color: #d32f2f;\n}\n\n.status[data-status=\"Cancelled\"][_ngcontent-%COMP%] {\n  color: #f57c00;\n}\n\n\n\n.timeline-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 11px;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.btn-link[_ngcontent-%COMP%]:hover {\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n}\n\n.btn-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.action-text[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.timeline-item[_ngcontent-%COMP%]:hover   .action-text[_ngcontent-%COMP%] {\n  display: inline;\n}\n\n\n\n.timeline-item[data-type=\"subrun\"][_ngcontent-%COMP%] {\n  background: linear-gradient(to right, #f3f7ff, white);\n}\n\n.timeline-item[data-type=\"action\"][_ngcontent-%COMP%] {\n  border-left: 3px solid #4caf50;\n}\n\n.timeline-item[data-type=\"prompt\"][_ngcontent-%COMP%] {\n  border-left: 3px solid #2196f3;\n}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentRunStepNodeComponent, [{
         type: Component,
-        args: [{ selector: 'mj-ai-agent-run-step-node', template: "<div class=\"timeline-item\" \n     [class.selected]=\"isSelected\"\n     [attr.data-status]=\"item.status\"\n     [attr.data-type]=\"item.type\"\n     [style.margin-left.px]=\"item.level * 24\"\n     (click)=\"handleClick()\">\n  \n  <!-- Expand/Collapse Button for Sub-Agents and Parent Steps -->\n  <button class=\"expand-toggle\"\n          *ngIf=\"canExpand\"\n          (click)=\"handleExpandToggle($event)\"\n          [attr.aria-expanded]=\"item.isExpanded\">\n    <i class=\"fas\"\n       [class.fa-chevron-right]=\"!item.isExpanded\"\n       [class.fa-chevron-down]=\"item.isExpanded\"></i>\n  </button>\n  \n  <!-- Timeline Marker -->\n  <div class=\"timeline-marker\" [attr.data-color]=\"item.color\">\n    <img *ngIf=\"item.logoUrl\"\n         [src]=\"item.logoUrl\"\n         [alt]=\"item.title\"\n         class=\"timeline-marker-logo\"\n         (error)=\"onLogoError($event)\" />\n    <i *ngIf=\"!item.logoUrl\" class=\"fas\" [ngClass]=\"item.icon\"></i>\n  </div>\n  \n  <!-- Timeline Content -->\n  <div class=\"timeline-content\">\n    <div class=\"timeline-header\">\n      <h4>{{ item.title }}</h4>\n      <span class=\"timeline-time\">{{ item.startTime | date:'h:mm:ss.SSS a' }}</span>\n    </div>\n    \n    <div class=\"timeline-subtitle\">{{ item.subtitle }}</div>\n    \n    <div class=\"timeline-additional-info\" *ngIf=\"getAdditionalInfo()\">\n      {{ getAdditionalInfo() }}\n    </div>\n    \n    <div class=\"timeline-meta\">\n      <span class=\"duration\" *ngIf=\"item.duration\">\n        <i class=\"fas fa-clock\"></i> {{ item.duration }}\n      </span>\n      <span class=\"status\" [attr.data-status]=\"item.status\">\n        <i class=\"fas\" [ngClass]=\"getStatusIcon(item.status)\"></i>\n        {{ item.status }}\n      </span>\n    </div>\n  </div>\n  \n  <!-- Timeline Actions -->\n  <div class=\"timeline-actions\">\n    <button class=\"btn-link\" \n            *ngIf=\"canNavigateToEntity\"\n            (click)=\"navigateToRecord($event)\"\n            [title]=\"entityNavigationText\">\n      <i class=\"fas fa-external-link-alt\"></i>\n      <span class=\"action-text\">{{ entityNavigationText }}</span>\n    </button>\n  </div>\n</div>", styles: [".timeline-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  padding-left: 22px; /* Add extra padding to accommodate expand button */\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e0e6ed;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s;\n  position: relative;\n}\n\n.timeline-item:hover {\n  border-color: #c1c9d2;\n  background: #f8f9fa;\n  transform: translateX(2px);\n}\n\n.timeline-item.selected {\n  border-color: #2196f3;\n  background: #e3f2fd;\n  box-shadow: 0 0 0 1px #2196f3;\n}\n\n/* Expand/Collapse Button */\n.expand-toggle {\n  position: absolute;\n  left: -34px;\n  top: 12px;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #e0e6ed;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  z-index: 1;\n}\n\n.expand-toggle:hover {\n  background: #f8f9fa;\n  border-color: #c1c9d2;\n}\n\n.expand-toggle i {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n/* Timeline Marker */\n.timeline-marker {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 14px;\n  position: relative;\n  overflow: hidden;\n}\n\n.timeline-marker-logo {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.timeline-marker[data-color=\"info\"] {\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n}\n\n.timeline-marker[data-color=\"success\"] {\n  background: linear-gradient(135deg, #4caf50, #388e3c);\n}\n\n.timeline-marker[data-color=\"error\"] {\n  background: linear-gradient(135deg, #f44336, #d32f2f);\n}\n\n.timeline-marker[data-color=\"warning\"] {\n  background: linear-gradient(135deg, #ff9800, #f57c00);\n}\n\n.timeline-marker[data-color=\"secondary\"] {\n  background: linear-gradient(135deg, #9e9e9e, #757575);\n}\n\n/* Timeline Content */\n.timeline-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.timeline-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 4px;\n}\n\n.timeline-header h4 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2c3e50;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.timeline-time {\n  font-size: 11px;\n  color: #6c757d;\n  font-family: monospace;\n  white-space: nowrap;\n  margin-left: 12px;\n}\n\n.timeline-subtitle {\n  font-size: 12px;\n  color: #6c757d;\n  margin-bottom: 4px;\n}\n\n.timeline-additional-info {\n  font-size: 11px;\n  color: #868e96;\n  margin-bottom: 4px;\n  font-style: italic;\n}\n\n.timeline-meta {\n  display: flex;\n  gap: 12px;\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.status {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 500;\n}\n\n.status[data-status=\"Running\"] {\n  color: #1976d2;\n}\n\n.status[data-status=\"Completed\"] {\n  color: #388e3c;\n}\n\n.status[data-status=\"Failed\"] {\n  color: #d32f2f;\n}\n\n.status[data-status=\"Cancelled\"] {\n  color: #f57c00;\n}\n\n/* Timeline Actions */\n.timeline-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 11px;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.btn-link:hover {\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n}\n\n.btn-link i {\n  font-size: 10px;\n}\n\n.action-text {\n  display: none;\n}\n\n.timeline-item:hover .action-text {\n  display: inline;\n}\n\n/* Type-specific styling */\n.timeline-item[data-type=\"subrun\"] {\n  background: linear-gradient(to right, #f3f7ff, white);\n}\n\n.timeline-item[data-type=\"action\"] {\n  border-left: 3px solid #4caf50;\n}\n\n.timeline-item[data-type=\"prompt\"] {\n  border-left: 3px solid #2196f3;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-ai-agent-run-step-node', template: "<div class=\"timeline-item\"\n  [class.selected]=\"isSelected\"\n  [attr.data-status]=\"item.status\"\n  [attr.data-type]=\"item.type\"\n  [style.margin-left.px]=\"item.level * 24\"\n  (click)=\"handleClick()\">\n\n  <!-- Expand/Collapse Button for Sub-Agents and Parent Steps -->\n  @if (canExpand) {\n    <button class=\"expand-toggle\"\n      (click)=\"handleExpandToggle($event)\"\n      [attr.aria-expanded]=\"item.isExpanded\">\n      <i class=\"fas\"\n        [class.fa-chevron-right]=\"!item.isExpanded\"\n      [class.fa-chevron-down]=\"item.isExpanded\"></i>\n    </button>\n  }\n\n  <!-- Timeline Marker -->\n  <div class=\"timeline-marker\" [attr.data-color]=\"item.color\">\n    @if (item.logoUrl) {\n      <img\n        [src]=\"item.logoUrl\"\n        [alt]=\"item.title\"\n        class=\"timeline-marker-logo\"\n        (error)=\"onLogoError($event)\" />\n    }\n    @if (!item.logoUrl) {\n      <i class=\"fas\" [ngClass]=\"item.icon\"></i>\n    }\n  </div>\n\n  <!-- Timeline Content -->\n  <div class=\"timeline-content\">\n    <div class=\"timeline-header\">\n      <h4>{{ item.title }}</h4>\n      <span class=\"timeline-time\">{{ item.startTime | date:'h:mm:ss.SSS a' }}</span>\n    </div>\n\n    <div class=\"timeline-subtitle\">{{ item.subtitle }}</div>\n\n    @if (getAdditionalInfo()) {\n      <div class=\"timeline-additional-info\">\n        {{ getAdditionalInfo() }}\n      </div>\n    }\n\n    <div class=\"timeline-meta\">\n      @if (item.duration) {\n        <span class=\"duration\">\n          <i class=\"fas fa-clock\"></i> {{ item.duration }}\n        </span>\n      }\n      <span class=\"status\" [attr.data-status]=\"item.status\">\n        <i class=\"fas\" [ngClass]=\"getStatusIcon(item.status)\"></i>\n        {{ item.status }}\n      </span>\n    </div>\n  </div>\n\n  <!-- Timeline Actions -->\n  <div class=\"timeline-actions\">\n    @if (canNavigateToEntity) {\n      <button class=\"btn-link\"\n        (click)=\"navigateToRecord($event)\"\n        [title]=\"entityNavigationText\">\n        <i class=\"fas fa-external-link-alt\"></i>\n        <span class=\"action-text\">{{ entityNavigationText }}</span>\n      </button>\n    }\n  </div>\n</div>", styles: [".timeline-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  padding-left: 22px; /* Add extra padding to accommodate expand button */\n  margin-bottom: 8px;\n  background: white;\n  border: 1px solid #e0e6ed;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s;\n  position: relative;\n}\n\n.timeline-item:hover {\n  border-color: #c1c9d2;\n  background: #f8f9fa;\n  transform: translateX(2px);\n}\n\n.timeline-item.selected {\n  border-color: #2196f3;\n  background: #e3f2fd;\n  box-shadow: 0 0 0 1px #2196f3;\n}\n\n/* Expand/Collapse Button */\n.expand-toggle {\n  position: absolute;\n  left: -34px;\n  top: 12px;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #e0e6ed;\n  background: white;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  z-index: 1;\n}\n\n.expand-toggle:hover {\n  background: #f8f9fa;\n  border-color: #c1c9d2;\n}\n\n.expand-toggle i {\n  font-size: 10px;\n  color: #6c757d;\n}\n\n/* Timeline Marker */\n.timeline-marker {\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 14px;\n  position: relative;\n  overflow: hidden;\n}\n\n.timeline-marker-logo {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 50%;\n}\n\n.timeline-marker[data-color=\"info\"] {\n  background: linear-gradient(135deg, #2196f3, #1976d2);\n}\n\n.timeline-marker[data-color=\"success\"] {\n  background: linear-gradient(135deg, #4caf50, #388e3c);\n}\n\n.timeline-marker[data-color=\"error\"] {\n  background: linear-gradient(135deg, #f44336, #d32f2f);\n}\n\n.timeline-marker[data-color=\"warning\"] {\n  background: linear-gradient(135deg, #ff9800, #f57c00);\n}\n\n.timeline-marker[data-color=\"secondary\"] {\n  background: linear-gradient(135deg, #9e9e9e, #757575);\n}\n\n/* Timeline Content */\n.timeline-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.timeline-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  margin-bottom: 4px;\n}\n\n.timeline-header h4 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2c3e50;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.timeline-time {\n  font-size: 11px;\n  color: #6c757d;\n  font-family: monospace;\n  white-space: nowrap;\n  margin-left: 12px;\n}\n\n.timeline-subtitle {\n  font-size: 12px;\n  color: #6c757d;\n  margin-bottom: 4px;\n}\n\n.timeline-additional-info {\n  font-size: 11px;\n  color: #868e96;\n  margin-bottom: 4px;\n  font-style: italic;\n}\n\n.timeline-meta {\n  display: flex;\n  gap: 12px;\n  font-size: 11px;\n  color: #6c757d;\n}\n\n.duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.status {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-weight: 500;\n}\n\n.status[data-status=\"Running\"] {\n  color: #1976d2;\n}\n\n.status[data-status=\"Completed\"] {\n  color: #388e3c;\n}\n\n.status[data-status=\"Failed\"] {\n  color: #d32f2f;\n}\n\n.status[data-status=\"Cancelled\"] {\n  color: #f57c00;\n}\n\n/* Timeline Actions */\n.timeline-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.btn-link {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 11px;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  white-space: nowrap;\n}\n\n.btn-link:hover {\n  background: rgba(33, 150, 243, 0.1);\n  color: #1976d2;\n}\n\n.btn-link i {\n  font-size: 10px;\n}\n\n.action-text {\n  display: none;\n}\n\n.timeline-item:hover .action-text {\n  display: inline;\n}\n\n/* Type-specific styling */\n.timeline-item[data-type=\"subrun\"] {\n  background: linear-gradient(to right, #f3f7ff, white);\n}\n\n.timeline-item[data-type=\"action\"] {\n  border-left: 3px solid #4caf50;\n}\n\n.timeline-item[data-type=\"prompt\"] {\n  border-left: 3px solid #2196f3;\n}"] }]
     }], null, { item: [{
             type: Input
         }], isSelected: [{
@@ -269,5 +270,5 @@ export class AIAgentRunStepNodeComponent {
         }], navigateToEntity: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunStepNodeComponent, { className: "AIAgentRunStepNodeComponent", filePath: "src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.ts", lineNumber: 9 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunStepNodeComponent, { className: "AIAgentRunStepNodeComponent", filePath: "src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.ts", lineNumber: 10 }); })();
 //# sourceMappingURL=ai-agent-run-step-node.component.js.map

package/dist/lib/custom/ai-agent-run/ai-agent-run-step-node.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-run-step-node.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent-run-step-node.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run-step-node.component.html"],"names":[],"mappings":"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"}

package/dist/lib/custom/ai-agent-run/ai-agent-run-timeline.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-run-timeline.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-agent-run-timeline.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/custom/ai-agent-run/ai-agent-run-timeline.component.js

@@ -6,111 +6,105 @@ import { AIAgentRunDataHelper } from './ai-agent-run-data.service';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import * as i0 from "@angular/core";
 const _c0 = a0 => ({ $implicit: a0 });
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "i", 15);
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "i", 10);
     i0.ɵɵtext(2, " Loading sub-agent steps... ");
     i0.ɵɵelementEnd();
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 17);
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 11);
     i0.ɵɵtext(2, " No sub-agent steps found ");
     i0.ɵɵelementEnd();
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_ng_container_3_ng_container_1_Template, 1, 0, "ng-container", 18);
-    i0.ɵɵelementContainerEnd();
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_2_ng_container_0_Template, 1, 0, "ng-container", 12);
 } if (rf & 2) {
     const item_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵnextContext(3);
     const recursiveSteps_r4 = i0.ɵɵreference(5);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", recursiveSteps_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, item_r2.children));
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_mj_ai_agent_run_timeline_4_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-ai-agent-run-timeline", 19);
-    i0.ɵɵlistener("itemSelected", function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_mj_ai_agent_run_timeline_4_Template_mj_ai_agent_run_timeline_itemSelected_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.selectItem($event)); })("navigateToEntity", function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_mj_ai_agent_run_timeline_4_Template_mj_ai_agent_run_timeline_navigateToEntity_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
+    i0.ɵɵelementStart(0, "mj-ai-agent-run-timeline", 13);
+    i0.ɵɵlistener("itemSelected", function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_3_Template_mj_ai_agent_run_timeline_itemSelected_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.selectItem($event)); })("navigateToEntity", function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_3_Template_mj_ai_agent_run_timeline_navigateToEntity_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r2 = i0.ɵɵnextContext(2).$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("aiAgentRunId", item_r2.data.ID)("dataHelper", ctx_r2.createSubRunDataHelper())("autoRefresh", false);
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_div_1_Template, 3, 0, "div", 11)(2, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_div_2_Template, 3, 0, "div", 12)(3, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_ng_container_3_Template, 2, 4, "ng-container", 10)(4, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_mj_ai_agent_run_timeline_4_Template, 1, 3, "mj-ai-agent-run-timeline", 13);
-    i0.ɵɵelementContainerEnd();
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_0_Template, 3, 0, "div", 7);
+    i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_1_Template, 3, 0, "div", 8);
+    i0.ɵɵconditionalCreate(2, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_2_Template, 1, 4, "ng-container");
+    i0.ɵɵconditionalCreate(3, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Conditional_3_Template, 1, 3, "mj-ai-agent-run-timeline", 9);
 } if (rf & 2) {
     const item_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(item_r2.type === "step" && (item_r2.data == null ? null : item_r2.data.StepType) === "Sub-Agent" && !item_r2.childrenLoaded ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r2.type === "step" && (item_r2.data == null ? null : item_r2.data.StepType) === "Sub-Agent" && !item_r2.childrenLoaded);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r2.type === "step" && (item_r2.data == null ? null : item_r2.data.StepType) === "Sub-Agent" && item_r2.childrenLoaded && item_r2.hasNoChildren);
+    i0.ɵɵconditional(item_r2.type === "step" && (item_r2.data == null ? null : item_r2.data.StepType) === "Sub-Agent" && item_r2.childrenLoaded && item_r2.hasNoChildren ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r2.children && item_r2.children.length > 0);
+    i0.ɵɵconditional(item_r2.children && item_r2.children.length > 0 ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r2.type === "subrun" && (item_r2.data == null ? null : item_r2.data.ID));
+    i0.ɵɵconditional(item_r2.type === "subrun" && (item_r2.data == null ? null : item_r2.data.ID) ? 3 : -1);
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "mj-ai-agent-run-step-node", 9);
-    i0.ɵɵlistener("itemClick", function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_Template_mj_ai_agent_run_step_node_itemClick_1_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectItem(item_r2)); })("expandToggle", function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_Template_mj_ai_agent_run_step_node_expandToggle_1_listener($event) { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.toggleItemExpansion(item_r2, $event)); })("navigateToEntity", function AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_Template_mj_ai_agent_run_step_node_navigateToEntity_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
+    i0.ɵɵelementStart(0, "mj-ai-agent-run-step-node", 6);
+    i0.ɵɵlistener("itemClick", function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Template_mj_ai_agent_run_step_node_itemClick_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectItem(item_r2)); })("expandToggle", function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Template_mj_ai_agent_run_step_node_expandToggle_0_listener($event) { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.toggleItemExpansion(item_r2, $event)); })("navigateToEntity", function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Template_mj_ai_agent_run_step_node_navigateToEntity_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_ng_container_2_Template, 5, 4, "ng-container", 10);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Conditional_1_Template, 4, 4);
 } if (rf & 2) {
     const item_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("item", item_r2)("isSelected", (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.id) === item_r2.id);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r2.isExpanded);
+    i0.ɵɵconditional(item_r2.isExpanded ? 1 : -1);
 } }
-function AIAgentRunTimelineComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵtemplate(1, AIAgentRunTimelineComponent_div_0_div_1_ng_container_1_Template, 3, 3, "ng-container", 8);
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵrepeaterCreate(1, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_For_2_Template, 2, 3, null, null, i0.ɵɵcomponentInstance().trackByItemId, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const items_r6 = i0.ɵɵnextContext().ngIf;
-    const ctx_r2 = i0.ɵɵnextContext();
+    const items_r6 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", items_r6)("ngForTrackBy", ctx_r2.trackByItemId);
+    i0.ɵɵrepeater(items_r6);
 } }
-function AIAgentRunTimelineComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "i", 21);
+function AIAgentRunTimelineComponent_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "i", 14);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No execution steps found");
     i0.ɵɵelementEnd()();
 } }
-function AIAgentRunTimelineComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵtemplate(1, AIAgentRunTimelineComponent_div_0_div_1_Template, 2, 2, "div", 5)(2, AIAgentRunTimelineComponent_div_0_div_2_Template, 4, 0, "div", 6);
+function AIAgentRunTimelineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_0_Conditional_1_Template, 3, 0, "div", 4);
+    i0.ɵɵconditionalCreate(2, AIAgentRunTimelineComponent_Conditional_0_Conditional_2_Template, 4, 0, "div", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const items_r6 = ctx.ngIf;
+    const items_r6 = ctx;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", items_r6.length > 0);
+    i0.ɵɵconditional(items_r6.length > 0 ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", items_r6.length === 0);
+    i0.ɵɵconditional(items_r6.length === 0 ? 2 : -1);
 } }
-function AIAgentRunTimelineComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "i", 23);
+function AIAgentRunTimelineComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Loading timeline...");
     i0.ɵɵelementEnd()();
 } }
-function AIAgentRunTimelineComponent_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵelement(1, "i", 25);
+function AIAgentRunTimelineComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 16);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -119,42 +113,35 @@ function AIAgentRunTimelineComponent_div_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.error);
 } }
-function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunTimelineComponent_ng_template_4_For_1_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_ng_container_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, AIAgentRunTimelineComponent_ng_template_4_ng_container_0_ng_container_2_ng_container_1_Template, 1, 0, "ng-container", 18);
-    i0.ɵɵelementContainerEnd();
+function AIAgentRunTimelineComponent_ng_template_4_For_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, AIAgentRunTimelineComponent_ng_template_4_For_1_Conditional_1_ng_container_0_Template, 1, 0, "ng-container", 12);
 } if (rf & 2) {
     const step_r8 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵnextContext(2);
     const recursiveSteps_r4 = i0.ɵɵreference(5);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", recursiveSteps_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, step_r8.children));
 } }
-function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function AIAgentRunTimelineComponent_ng_template_4_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "mj-ai-agent-run-step-node", 9);
-    i0.ɵɵlistener("itemClick", function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_Template_mj_ai_agent_run_step_node_itemClick_1_listener() { const step_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectItem(step_r8)); })("expandToggle", function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_Template_mj_ai_agent_run_step_node_expandToggle_1_listener($event) { const step_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemExpansion(step_r8, $event)); })("navigateToEntity", function AIAgentRunTimelineComponent_ng_template_4_ng_container_0_Template_mj_ai_agent_run_step_node_navigateToEntity_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
+    i0.ɵɵelementStart(0, "mj-ai-agent-run-step-node", 6);
+    i0.ɵɵlistener("itemClick", function AIAgentRunTimelineComponent_ng_template_4_For_1_Template_mj_ai_agent_run_step_node_itemClick_0_listener() { const step_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.selectItem(step_r8)); })("expandToggle", function AIAgentRunTimelineComponent_ng_template_4_For_1_Template_mj_ai_agent_run_step_node_expandToggle_0_listener($event) { const step_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.toggleItemExpansion(step_r8, $event)); })("navigateToEntity", function AIAgentRunTimelineComponent_ng_template_4_For_1_Template_mj_ai_agent_run_step_node_navigateToEntity_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigateToEntity.emit($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, AIAgentRunTimelineComponent_ng_template_4_ng_container_0_ng_container_2_Template, 2, 4, "ng-container", 10);
-    i0.ɵɵelementContainerEnd();
+    i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_ng_template_4_For_1_Conditional_1_Template, 1, 4, "ng-container");
 } if (rf & 2) {
     const step_r8 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("item", step_r8)("isSelected", (ctx_r2.selectedItem == null ? null : ctx_r2.selectedItem.id) === step_r8.id);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", step_r8.isExpanded && step_r8.children && step_r8.children.length > 0);
+    i0.ɵɵconditional(step_r8.isExpanded && step_r8.children && step_r8.children.length > 0 ? 1 : -1);
 } }
 function AIAgentRunTimelineComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, AIAgentRunTimelineComponent_ng_template_4_ng_container_0_Template, 3, 3, "ng-container", 8);
+    i0.ɵɵrepeaterCreate(0, AIAgentRunTimelineComponent_ng_template_4_For_1_Template, 2, 3, null, null, i0.ɵɵcomponentInstance().trackByItemId, true);
 } if (rf & 2) {
     const steps_r9 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngForOf", steps_r9)("ngForTrackBy", ctx_r2.trackByItemId);
+    i0.ɵɵrepeater(steps_r9);
 } }
 export class AIAgentRunTimelineComponent {
     constructor(cdr) {
@@ -452,21 +439,24 @@ export class AIAgentRunTimelineComponent {
         return new AIAgentRunDataHelper();
     }
     static { this.ɵfac = function AIAgentRunTimelineComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AIAgentRunTimelineComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunTimelineComponent, selectors: [["mj-ai-agent-run-timeline"]], inputs: { aiAgentRunId: "aiAgentRunId", autoRefresh: "autoRefresh", refreshInterval: "refreshInterval", dataHelper: "dataHelper" }, outputs: { itemSelected: "itemSelected", navigateToEntity: "navigateToEntity", agentRunCompleted: "agentRunCompleted" }, decls: 6, vars: 5, consts: [["recursiveSteps", ""], ["class", "timeline-container", 4, "ngIf"], ["class", "loading-state", 4, "ngIf"], ["class", "error-state", 4, "ngIf"], [1, "timeline-container"], ["class", "timeline", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], [1, "timeline"], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "itemClick", "expandToggle", "navigateToEntity", "item", "isSelected"], [4, "ngIf"], ["class", "loading-children", 4, "ngIf"], ["class", "no-children", 4, "ngIf"], [3, "aiAgentRunId", "dataHelper", "autoRefresh", "itemSelected", "navigateToEntity", 4, "ngIf"], [1, "loading-children"], [1, "fas", "fa-spinner", "fa-spin"], [1, "no-children"], [1, "fas", "fa-info-circle"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "itemSelected", "navigateToEntity", "aiAgentRunId", "dataHelper", "autoRefresh"], [1, "empty-state"], [1, "fas", "fa-stream", "fa-3x"], [1, "loading-state"], [1, "fas", "fa-spinner", "fa-spin", "fa-2x"], [1, "error-state"], [1, "fas", "fa-exclamation-triangle", "fa-2x"]], template: function AIAgentRunTimelineComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, AIAgentRunTimelineComponent_div_0_Template, 3, 2, "div", 1);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunTimelineComponent, selectors: [["mj-ai-agent-run-timeline"]], inputs: { aiAgentRunId: "aiAgentRunId", autoRefresh: "autoRefresh", refreshInterval: "refreshInterval", dataHelper: "dataHelper" }, outputs: { itemSelected: "itemSelected", navigateToEntity: "navigateToEntity", agentRunCompleted: "agentRunCompleted" }, standalone: false, decls: 6, vars: 5, consts: [["recursiveSteps", ""], [1, "timeline-container"], [1, "loading-state"], [1, "error-state"], [1, "timeline"], [1, "empty-state"], [3, "itemClick", "expandToggle", "navigateToEntity", "item", "isSelected"], [1, "loading-children"], [1, "no-children"], [3, "aiAgentRunId", "dataHelper", "autoRefresh"], [1, "fas", "fa-spinner", "fa-spin"], [1, "fas", "fa-info-circle"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [3, "itemSelected", "navigateToEntity", "aiAgentRunId", "dataHelper", "autoRefresh"], [1, "fas", "fa-stream", "fa-3x"], [1, "fas", "fa-spinner", "fa-spin", "fa-2x"], [1, "fas", "fa-exclamation-triangle", "fa-2x"]], template: function AIAgentRunTimelineComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, AIAgentRunTimelineComponent_Conditional_0_Template, 3, 2, "div", 1);
             i0.ɵɵpipe(1, "async");
-            i0.ɵɵtemplate(2, AIAgentRunTimelineComponent_div_2_Template, 4, 0, "div", 2)(3, AIAgentRunTimelineComponent_div_3_Template, 4, 1, "div", 3)(4, AIAgentRunTimelineComponent_ng_template_4_Template, 1, 2, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(2, AIAgentRunTimelineComponent_Conditional_2_Template, 4, 0, "div", 2);
+            i0.ɵɵconditionalCreate(3, AIAgentRunTimelineComponent_Conditional_3_Template, 4, 1, "div", 3);
+            i0.ɵɵtemplate(4, AIAgentRunTimelineComponent_ng_template_4_Template, 2, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", !ctx.loading && i0.ɵɵpipeBind1(1, 3, ctx.timelineItems$));
+            let tmp_1_0;
+            i0.ɵɵconditional((tmp_1_0 = !ctx.loading && i0.ɵɵpipeBind1(1, 3, ctx.timelineItems$)) ? 0 : -1, tmp_1_0);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.loading);
+            i0.ɵɵconditional(ctx.loading ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.error);
+            i0.ɵɵconditional(ctx.error ? 3 : -1);
         } }, styles: [".timeline-container[_ngcontent-%COMP%] {\n  height: 100%;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.timeline[_ngcontent-%COMP%] {\n  position: relative;\n  padding-left: 40px; \n\n}\n\n.sub-timeline[_ngcontent-%COMP%] {\n  margin-left: 24px;\n  margin-top: 8px;\n  padding-left: 12px;\n  border-left: 2px dashed #e0e6ed;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%], \n.loading-state[_ngcontent-%COMP%], \n.error-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.error-state[_ngcontent-%COMP%] {\n  color: #dc3545;\n}\n\n\n\n.loading-children[_ngcontent-%COMP%], \n.no-children[_ngcontent-%COMP%] {\n  padding: 12px 20px;\n  margin-left: 60px;\n  color: #6c757d;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-children[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #2196f3;\n}\n\n.no-children[_ngcontent-%COMP%] {\n  color: #868e96;\n  font-style: italic;\n}\n\n.no-children[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #adb5bd;\n}\n\n\n\n.sub-run-steps[_ngcontent-%COMP%] {\n  margin-left: 20px;\n  padding-left: 20px;\n  border-left: 2px solid #e9ecef;\n  margin-top: 8px;\n}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentRunTimelineComponent, [{
         type: Component,
-        args: [{ selector: 'mj-ai-agent-run-timeline', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timeline-container\" *ngIf=\"!loading && (timelineItems$ | async) as items\">\n  <div class=\"timeline\" *ngIf=\"items.length > 0\">\n    <ng-container *ngFor=\"let item of items; trackBy: trackByItemId\">\n      <!-- Main Timeline Item -->\n      <mj-ai-agent-run-step-node\n        [item]=\"item\"\n        [isSelected]=\"selectedItem?.id === item.id\"\n        (itemClick)=\"selectItem(item)\"\n        (expandToggle)=\"toggleItemExpansion(item, $event)\"\n        (navigateToEntity)=\"navigateToEntity.emit($event)\">\n      </mj-ai-agent-run-step-node>\n      \n      <!-- Children Container (for both Sub-Agent and ParentID relationships) -->\n      <ng-container *ngIf=\"item.isExpanded\">\n        <!-- Show loading indicator while loading Sub-Agent children -->\n        <div class=\"loading-children\" *ngIf=\"item.type === 'step' && item.data?.StepType === 'Sub-Agent' && !item.childrenLoaded\">\n          <i class=\"fas fa-spinner fa-spin\"></i> Loading sub-agent steps...\n        </div>\n\n        <!-- Show no children message for Sub-Agents -->\n        <div class=\"no-children\" *ngIf=\"item.type === 'step' && item.data?.StepType === 'Sub-Agent' && item.childrenLoaded && item.hasNoChildren\">\n          <i class=\"fas fa-info-circle\"></i> No sub-agent steps found\n        </div>\n\n        <!-- Render children recursively (works for both Sub-Agent and ParentID children) -->\n        <ng-container *ngIf=\"item.children && item.children.length > 0\">\n          <ng-container *ngTemplateOutlet=\"recursiveSteps; context: { $implicit: item.children }\"></ng-container>\n        </ng-container>\n\n        <!-- For actual sub-run items (from the initial load) - legacy support -->\n        <mj-ai-agent-run-timeline\n          *ngIf=\"item.type === 'subrun' && item.data?.ID\"\n          [aiAgentRunId]=\"item.data.ID\"\n          [dataHelper]=\"createSubRunDataHelper()\"\n          [autoRefresh]=\"false\"\n          (itemSelected)=\"selectItem($event)\"\n          (navigateToEntity)=\"navigateToEntity.emit($event)\">\n        </mj-ai-agent-run-timeline>\n      </ng-container>\n    </ng-container>\n  </div>\n  \n  <div class=\"empty-state\" *ngIf=\"items.length === 0\">\n    <i class=\"fas fa-stream fa-3x\"></i>\n    <p>No execution steps found</p>\n  </div>\n</div>\n\n<div class=\"loading-state\" *ngIf=\"loading\">\n  <i class=\"fas fa-spinner fa-spin fa-2x\"></i>\n  <p>Loading timeline...</p>\n</div>\n\n<div class=\"error-state\" *ngIf=\"error\">\n  <i class=\"fas fa-exclamation-triangle fa-2x\"></i>\n  <p>{{ error }}</p>\n</div>\n\n<!-- Recursive template for rendering nested children (ParentID relationships) -->\n<ng-template #recursiveSteps let-steps>\n  <ng-container *ngFor=\"let step of steps; trackBy: trackByItemId\">\n    <mj-ai-agent-run-step-node\n      [item]=\"step\"\n      [isSelected]=\"selectedItem?.id === step.id\"\n      (itemClick)=\"selectItem(step)\"\n      (expandToggle)=\"toggleItemExpansion(step, $event)\"\n      (navigateToEntity)=\"navigateToEntity.emit($event)\">\n    </mj-ai-agent-run-step-node>\n\n    <!-- Recursively render this step's children if expanded -->\n    <ng-container *ngIf=\"step.isExpanded && step.children && step.children.length > 0\">\n      <ng-container *ngTemplateOutlet=\"recursiveSteps; context: { $implicit: step.children }\"></ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>", styles: [".timeline-container {\n  height: 100%;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.timeline {\n  position: relative;\n  padding-left: 40px; /* Add padding to accommodate expand buttons */\n}\n\n.sub-timeline {\n  margin-left: 24px;\n  margin-top: 8px;\n  padding-left: 12px;\n  border-left: 2px dashed #e0e6ed;\n}\n\n/* State Displays */\n.empty-state,\n.loading-state,\n.error-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.error-state {\n  color: #dc3545;\n}\n\n/* Loading and No Children States */\n.loading-children,\n.no-children {\n  padding: 12px 20px;\n  margin-left: 60px;\n  color: #6c757d;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-children i {\n  color: #2196f3;\n}\n\n.no-children {\n  color: #868e96;\n  font-style: italic;\n}\n\n.no-children i {\n  color: #adb5bd;\n}\n\n/* Sub-run steps container */\n.sub-run-steps {\n  margin-left: 20px;\n  padding-left: 20px;\n  border-left: 2px solid #e9ecef;\n  margin-top: 8px;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-ai-agent-run-timeline', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!loading && (timelineItems$ | async); as items) {\n  <div class=\"timeline-container\">\n    @if (items.length > 0) {\n      <div class=\"timeline\">\n        @for (item of items; track trackByItemId($index, item)) {\n          <!-- Main Timeline Item -->\n          <mj-ai-agent-run-step-node\n            [item]=\"item\"\n            [isSelected]=\"selectedItem?.id === item.id\"\n            (itemClick)=\"selectItem(item)\"\n            (expandToggle)=\"toggleItemExpansion(item, $event)\"\n            (navigateToEntity)=\"navigateToEntity.emit($event)\">\n          </mj-ai-agent-run-step-node>\n          <!-- Children Container (for both Sub-Agent and ParentID relationships) -->\n          @if (item.isExpanded) {\n            <!-- Show loading indicator while loading Sub-Agent children -->\n            @if (item.type === 'step' && item.data?.StepType === 'Sub-Agent' && !item.childrenLoaded) {\n              <div class=\"loading-children\">\n                <i class=\"fas fa-spinner fa-spin\"></i> Loading sub-agent steps...\n              </div>\n            }\n            <!-- Show no children message for Sub-Agents -->\n            @if (item.type === 'step' && item.data?.StepType === 'Sub-Agent' && item.childrenLoaded && item.hasNoChildren) {\n              <div class=\"no-children\">\n                <i class=\"fas fa-info-circle\"></i> No sub-agent steps found\n              </div>\n            }\n            <!-- Render children recursively (works for both Sub-Agent and ParentID children) -->\n            @if (item.children && item.children.length > 0) {\n              <ng-container *ngTemplateOutlet=\"recursiveSteps; context: { $implicit: item.children }\"></ng-container>\n            }\n            <!-- For actual sub-run items (from the initial load) - legacy support -->\n            @if (item.type === 'subrun' && item.data?.ID) {\n              <mj-ai-agent-run-timeline\n                [aiAgentRunId]=\"item.data.ID\"\n                [dataHelper]=\"createSubRunDataHelper()\"\n                [autoRefresh]=\"false\"\n                (itemSelected)=\"selectItem($event)\"\n                (navigateToEntity)=\"navigateToEntity.emit($event)\">\n              </mj-ai-agent-run-timeline>\n            }\n          }\n        }\n      </div>\n    }\n    @if (items.length === 0) {\n      <div class=\"empty-state\">\n        <i class=\"fas fa-stream fa-3x\"></i>\n        <p>No execution steps found</p>\n      </div>\n    }\n  </div>\n}\n\n@if (loading) {\n  <div class=\"loading-state\">\n    <i class=\"fas fa-spinner fa-spin fa-2x\"></i>\n    <p>Loading timeline...</p>\n  </div>\n}\n\n@if (error) {\n  <div class=\"error-state\">\n    <i class=\"fas fa-exclamation-triangle fa-2x\"></i>\n    <p>{{ error }}</p>\n  </div>\n}\n\n<!-- Recursive template for rendering nested children (ParentID relationships) -->\n<ng-template #recursiveSteps let-steps>\n  @for (step of steps; track trackByItemId($index, step)) {\n    <mj-ai-agent-run-step-node\n      [item]=\"step\"\n      [isSelected]=\"selectedItem?.id === step.id\"\n      (itemClick)=\"selectItem(step)\"\n      (expandToggle)=\"toggleItemExpansion(step, $event)\"\n      (navigateToEntity)=\"navigateToEntity.emit($event)\">\n    </mj-ai-agent-run-step-node>\n    <!-- Recursively render this step's children if expanded -->\n    @if (step.isExpanded && step.children && step.children.length > 0) {\n      <ng-container *ngTemplateOutlet=\"recursiveSteps; context: { $implicit: step.children }\"></ng-container>\n    }\n  }\n</ng-template>", styles: [".timeline-container {\n  height: 100%;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.timeline {\n  position: relative;\n  padding-left: 40px; /* Add padding to accommodate expand buttons */\n}\n\n.sub-timeline {\n  margin-left: 24px;\n  margin-top: 8px;\n  padding-left: 12px;\n  border-left: 2px dashed #e0e6ed;\n}\n\n/* State Displays */\n.empty-state,\n.loading-state,\n.error-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: #6c757d;\n  gap: 16px;\n}\n\n.error-state {\n  color: #dc3545;\n}\n\n/* Loading and No Children States */\n.loading-children,\n.no-children {\n  padding: 12px 20px;\n  margin-left: 60px;\n  color: #6c757d;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-children i {\n  color: #2196f3;\n}\n\n.no-children {\n  color: #868e96;\n  font-style: italic;\n}\n\n.no-children i {\n  color: #adb5bd;\n}\n\n/* Sub-run steps container */\n.sub-run-steps {\n  margin-left: 20px;\n  padding-left: 20px;\n  border-left: 2px solid #e9ecef;\n  margin-top: 8px;\n}"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { aiAgentRunId: [{
             type: Input
         }], autoRefresh: [{
@@ -482,5 +472,5 @@ export class AIAgentRunTimelineComponent {
         }], agentRunCompleted: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunTimelineComponent, { className: "AIAgentRunTimelineComponent", filePath: "src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts", lineNumber: 36 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunTimelineComponent, { className: "AIAgentRunTimelineComponent", filePath: "src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts", lineNumber: 37 }); })();
 //# sourceMappingURL=ai-agent-run-timeline.component.js.map