@memberjunction/ng-core-entity-forms 6.1.0-edge.1 → 6.1.0-edge.3

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

@@ -1,10 +1,13 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import { Subject, combineLatest } from 'rxjs';
+import { Subject, combineLatest, BehaviorSubject } from 'rxjs';
 import { takeUntil, map, shareReplay, filter } from 'rxjs/operators';
 import { AIAgentRunDataHelper } from './ai-agent-run-data.service';
 import { AIEngineBase } from '@memberjunction/ai-engine-base';
 import { UUIDsEqual } from '@memberjunction/global';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { FindAgentRunTreeNodes } from '@memberjunction/ai-core-plus';
+import { NormalizeStatus, ProjectRunTreeToTimeline } from './run-tree-timeline-projection';
+import { ActionEngineBase } from '@memberjunction/actions-base';
 import * as i0 from "@angular/core";
 const _c0 = a0 => ({ $implicit: a0 });
 function AIAgentRunTimelineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -35,10 +38,35 @@ function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Condition
     const recursiveSteps_r4 = i0.ɵɵreference(6);
     i0.ɵɵproperty("ngTemplateOutlet", recursiveSteps_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, item_r2.children));
 } }
+function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 11);
+    i0.ɵɵtext(2, " Loading workflow steps... ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵtext(2, " This workflow was recorded but never reached the dispatcher. ");
+    i0.ɵɵelementEnd();
+} }
+function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵtext(2, " This workflow has no steps yet. ");
+    i0.ɵɵelementEnd();
+} }
 function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_0_Template, 3, 0, "div", 8)(1, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_1_Template, 3, 0, "div", 9)(2, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Conditional_2_Template, 3, 0, "div", 9);
+} if (rf & 2) {
+    const item_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r2.IsExpandingGraph(item_r2) ? 0 : !ctx_r2.GetGraphParentTaskID(item_r2) ? 1 : item_r2.childrenLoaded && item_r2.hasNoChildren ? 2 : -1);
+} }
+function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-ai-agent-run-timeline", 14);
-    i0.ɵɵlistener("itemSelected", function AIAgentRunTimelineComponent_Conditional_2_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_2_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.ɵɵlistener("itemSelected", function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_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_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_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.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r2 = i0.ɵɵnextContext(2).$implicit;
@@ -49,7 +77,8 @@ function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Condition
     i0.ɵɵconditionalCreate(0, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_0_Template, 3, 0, "div", 8);
     i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_1_Template, 3, 0, "div", 9);
     i0.ɵɵconditionalCreate(2, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_2_Template, 1, 4, "ng-container");
-    i0.ɵɵconditionalCreate(3, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Template, 1, 3, "mj-ai-agent-run-timeline", 10);
+    i0.ɵɵconditionalCreate(3, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_3_Template, 3, 1);
+    i0.ɵɵconditionalCreate(4, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Conditional_4_Template, 1, 3, "mj-ai-agent-run-timeline", 10);
 } 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);
@@ -58,14 +87,16 @@ function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Condition
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r2.children && item_r2.children.length > 0 ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r2.type === "subrun" && (item_r2.data == null ? null : item_r2.data.ID) ? 3 : -1);
+    i0.ɵɵconditional(item_r2.type === "step" && (item_r2.data == null ? null : item_r2.data.StepType) === "TaskGraph" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r2.type === "subrun" && (item_r2.data == null ? null : item_r2.data.ID) ? 4 : -1);
 } }
 function AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-ai-agent-run-step-node", 7);
     i0.ɵɵlistener("itemClick", function AIAgentRunTimelineComponent_Conditional_2_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_2_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_2_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.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Template, 4, 4);
+    i0.ɵɵconditionalCreate(1, AIAgentRunTimelineComponent_Conditional_2_Conditional_1_For_2_Conditional_1_Template, 5, 5);
 } if (rf & 2) {
     const item_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -138,21 +169,74 @@ function AIAgentRunTimelineComponent_ng_template_5_Template(rf, ctx) { if (rf &
     const steps_r9 = ctx.$implicit;
     i0.ɵɵrepeater(steps_r9);
 } }
+/**
+ * Node kinds whose row is a LOOP, not the work inside it.
+ *
+ * A ForEach carries the ActionID of the action it repeats, so resolving an icon from it would draw
+ * "a Google search" on a row that is a loop over five of them — losing the one distinction the row
+ * exists to make.
+ */
+const LOOP_KINDS = new Set(['ForEach', 'While']);
 export class AIAgentRunTimelineComponent extends BaseAngularComponent {
+    /**
+     * The run's execution tree, loaded ONCE by the form and shared with every tab.
+     *
+     * Received rather than fetched: three tabs need the same structure, and letting each load its own
+     * issues the same recursive query three times AND lets the tabs disagree — a tab that loaded a
+     * second earlier shows a different run than the one beside it.
+     */
+    /**
+     * Setter, not a plain field: a TaskGraph step's row takes its STATUS from the graph (see
+     * `graphNodeForStep`), and the tree usually arrives after the step rows have already been built.
+     * Republishing rebuilds them, so a dispatched workflow stops reading Completed the moment the
+     * tree says it is still running.
+     */
+    set RunTree(value) {
+        this.runTree = value;
+        this.runTree$.next(value);
+    }
+    get RunTree() {
+        return this.runTree;
+    }
     constructor(cdr) {
         super();
         this.cdr = cdr;
+        this.runTree = null;
+        this.runTree$ = new BehaviorSubject(null);
         this.itemSelected = new EventEmitter();
         this.navigateToEntity = new EventEmitter();
         this.destroy$ = new Subject();
+        /** Resolved once the action cache is warm, so a first paint without icons can be re-rendered with them. */
+        this.actionsReady = false;
+        /**
+         * Execution-log id → action id, for the RUN-STEP path only.
+         *
+         * The tree path needs none of this — it carries `ActionID` outright. A run step of type `Actions`
+         * still names only its log, so this map stays for that case, built from logs the data service has
+         * already fetched by id.
+         */
+        this.actionIDByLogID = new Map();
         this.loading = true;
         this.error = null;
         this.selectedItem = null;
+        /** Graph steps currently being expanded, so a second click cannot start a second load. */
+        this.expandingGraphIDs = new Set();
     }
     async ngOnInit() {
         // AIEngineBase is deferred at startup; ensure it's loaded before timeline
         // items render — getStepIconInfo / sub-agent lookups read .Agents synchronously.
         await AIEngineBase.Instance.EnsureLoaded();
+        // Same reason, for the same kind of read: `resolveActionIcon` looks up `.Actions` synchronously
+        // inside the projection. Cheap when another surface already warmed it, and a no-op on reload.
+        try {
+            await ActionEngineBase.Instance.EnsureLoaded();
+            this.actionsReady = true;
+        }
+        catch {
+            // An action cache that will not load costs icons, not rows — every action keeps the generic
+            // glyph it had before. Never worth failing a run view over.
+            this.actionsReady = false;
+        }
         // Initialize observables from the data helper
         this.steps$ = this.dataHelper.steps$;
         this.subRuns$ = this.dataHelper.subRuns$;
@@ -167,12 +251,20 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
             this.subRuns$,
             this.actionLogs$,
             this.promptRuns$,
-            this.dataHelper.loading$
+            this.dataHelper.loading$,
+            this.runTree$
         ]).pipe(filter(([steps, _subRuns, _actionLogs, _promptRuns, isLoading]) => {
             // While loading, suppress the empty-array emission so the
             // template keeps showing the mj-loading indicator.
             return !(isLoading && steps.length === 0);
-        }), map(([steps, subRuns, actionLogs, promptRuns]) => this.buildTimelineItems(steps, subRuns, actionLogs, promptRuns)), shareReplay(1));
+        }), map(([steps, subRuns, actionLogs, promptRuns]) => {
+            // Built here rather than on demand: this is where the logs arrive, and the resolver runs
+            // synchronously inside the projection, which cannot await anything.
+            this.actionIDByLogID = new Map((actionLogs ?? [])
+                .filter((log) => log.ID && log.ActionID)
+                .map((log) => [log.ID.toLowerCase(), log.ActionID]));
+            return this.buildTimelineItems(steps, subRuns, actionLogs, promptRuns);
+        }), shareReplay(1));
         // Data loading is now handled by the parent component through the helper
         // Subscribe to loading state from helper
         this.dataHelper.loading$.pipe(takeUntil(this.destroy$)).subscribe(loading => {
@@ -235,6 +327,51 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
         });
         return rootItems;
     }
+    /**
+     * Font Awesome class for a node that runs a known action or agent, or null to keep the default.
+     *
+     * **Why the row kind is the wrong answer.** The same action reaches this timeline through two
+     * arms of the run-tree query — as a graph Task and as a loop pass — and each arm had its own
+     * generic glyph, so one Google Custom Search drew a lightning bolt and the next a paper plane.
+     * What the step IS does not change with where it ran.
+     *
+     * **No hop.** The tree carries `ActionID` and `AgentID` directly (a task holds them as columns;
+     * a pass takes them from the log it expanded from), so this is one cache read. The first version
+     * of this went through the execution log and silently resolved NOTHING for graph steps, because
+     * the logs it consulted are only loaded for run steps of type `Actions` — of which a dispatched
+     * workflow has none.
+     *
+     * **Loops keep their own icon.** A ForEach carries the ActionID of the action it repeats, and
+     * drawing that action's mark on the loop row would say "this is a Google search" about a row that
+     * is a loop over five of them. The distinction the loop icon carries is worth more.
+     */
+    resolveActionIcon(node) {
+        if (LOOP_KINDS.has(node.SourceKind ?? ''))
+            return null;
+        if (node.ActionID) {
+            const action = ActionEngineBase.Instance.Actions?.find((a) => UUIDsEqual(a.ID, node.ActionID));
+            if (action?.IconClass)
+                return action.IconClass;
+        }
+        if (node.AgentID) {
+            const agent = AIEngineBase.Instance.Agents?.find((a) => UUIDsEqual(a.ID, node.AgentID));
+            if (agent?.IconClass)
+                return agent.IconClass;
+        }
+        return null;
+    }
+    /**
+     * The graph a TaskGraph step dispatched, from the run tree.
+     *
+     * Null until the tree arrives (the setter above republishes then) and null for a submission that
+     * produced no graph — a failed submit, where the step's own status IS the story.
+     */
+    graphNodeForStep(stepID) {
+        if (!this.runTree)
+            return null;
+        const stepNode = FindAgentRunTreeNodes(this.runTree, (n) => UUIDsEqual(n.NodeID, stepID))[0] ?? null;
+        return stepNode?.Children.find((c) => c.NodeType === 'TaskGraph') ?? null;
+    }
     createTimelineItemFromStep(step, level, promptRuns) {
         let subtitle = `Type: ${step.StepType}`;
         // For prompt steps, try to find the associated prompt run to get model/vendor info
@@ -246,18 +383,30 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
         }
         // Get icon and logoUrl based on step type
         const iconInfo = this.getStepIconInfo(step);
+        // A dispatched workflow's row describes the WORKFLOW, not the handoff that started it. The
+        // step's own status is about submission — Completed in ~300ms, correctly — and showing that
+        // under a title naming the workflow is how the timeline came to report a running graph as
+        // finished while the page header said "Workflow still running".
+        const graph = step.StepType === 'TaskGraph' ? this.graphNodeForStep(step.ID) : null;
+        if (graph) {
+            subtitle = `${subtitle} · dispatched in ${this.calculateDuration(step.StartedAt, step.CompletedAt)}`;
+        }
         return {
             id: step.ID,
             type: 'step',
             title: step.StepName || `Step ${step.StepNumber}`,
             subtitle: subtitle,
-            status: step.Status,
+            status: graph ? NormalizeStatus(graph.Status) : step.Status,
             startTime: step.StartedAt,
-            endTime: step.CompletedAt || undefined,
-            duration: this.calculateDuration(step.StartedAt, step.CompletedAt),
+            endTime: (graph ? graph.CompletedAt : step.CompletedAt) || undefined,
+            // A graph that has not started yet has no duration of its own — the submission's stands in,
+            // and the subtitle says which it is either way.
+            duration: graph?.StartedAt
+                ? this.calculateDuration(graph.StartedAt, graph.CompletedAt)
+                : this.calculateDuration(step.StartedAt, step.CompletedAt),
             icon: iconInfo.icon,
             logoUrl: iconInfo.logoUrl,
-            color: this.getStatusColor(step.Status),
+            color: this.getStatusColor(graph ? NormalizeStatus(graph.Status) : step.Status),
             data: step,
             children: [],
             level,
@@ -283,6 +432,20 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
                 }
             }
         }
+        // An action step draws its OWN action's icon, exactly as a sub-agent step draws its agent's —
+        // the two cases are the same idea, and only one of them was implemented. `TargetLogID` names
+        // the execution log this run already loaded; that log names the action, whose IconClass is in
+        // ActionEngineBase's cache. A step whose action cannot be resolved (an action with no icon, a
+        // cache that did not load) falls through to the step-type default below, which is the same
+        // lightning bolt it drew before.
+        if (step.StepType === 'Actions' && step.TargetLogID) {
+            const actionID = this.actionIDByLogID.get(step.TargetLogID.toLowerCase());
+            const action = actionID
+                ? ActionEngineBase.Instance.Actions?.find((a) => UUIDsEqual(a.ID, actionID))
+                : undefined;
+            if (action?.IconClass)
+                return { icon: action.IconClass };
+        }
         // Default icons for each step type (includes fa-robot for sub-agents without agent metadata)
         const icon = this.getStepIcon(step.StepType);
         return { icon };
@@ -338,6 +501,11 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
         if (item.isExpanded && !item.childrenLoaded && item.type === 'step' && item.data?.StepType === 'Sub-Agent') {
             await this.loadSubAgentChildren(item);
         }
+        // A TaskGraph step expands into the graph's own steps — one query for the whole subtree, so it
+        // never shows a per-level loading state the way the sub-agent path has to.
+        if (item.isExpanded && item.type === 'step' && item.data?.StepType === 'TaskGraph') {
+            await this.ExpandTaskGraph(item);
+        }
         // For parent steps (loop containers like ForEach/While), children are already loaded via ParentID
         // Just toggle - no additional loading needed since we already have all steps from the run
         // The children were already attached in buildTimelineItems()
@@ -389,6 +557,85 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
     /**
      * TrackBy function for timeline items
      */
+    /**
+     * The graph a TaskGraph step submitted, read from the step's own output.
+     *
+     * `executeTasksStep` records `parentTaskID` there whether or not submission succeeded, because a
+     * rejected graph is the case where forensics matter most. A step with no id therefore means the
+     * graph never reached the dispatcher — a real state the caller renders differently, which is why
+     * this returns null rather than an empty string.
+     */
+    GetGraphParentTaskID(item) {
+        const raw = item?.data?.OutputData;
+        if (!raw)
+            return null;
+        try {
+            const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;
+            const id = parsed?.parentTaskID;
+            return typeof id === 'string' && id.length > 0 ? id : null;
+        }
+        catch {
+            return null;
+        }
+    }
+    /**
+     * A step inside the graph was selected.
+     *
+     * An Agent node carries the run it started, so selecting one offers the same navigation a
+     * Sub-Agent step already does — that link is the seam between the two views, and without it a
+     * dispatched sub-agent run is unreachable from the run that caused it.
+     */
+    OnGraphNodeSelected(event) {
+        const agentRunID = event.Task?.AgentRunID;
+        if (agentRunID) {
+            this.navigateToEntity.emit({ entityName: 'MJ: AI Agent Runs', recordId: agentRunID });
+            return;
+        }
+        if (event.Task?.ActionID) {
+            this.navigateToEntity.emit({ entityName: 'MJ: Tasks', recordId: event.TaskID });
+        }
+    }
+    /**
+     * Expands a task-graph step into the graph's own steps, as ordinary timeline rows.
+     *
+     * **The graph's steps are steps.** They used to appear as an embedded canvas inside the list — a
+     * diagram wedged into a vertical column, in a different visual language from everything around it,
+     * and the only work in a run that could not be read, selected or navigated the same way as the
+     * rest. They are rows now, colour-coded so their provenance is obvious, with the canvas moved to
+     * the detail panel where edges have room to be seen.
+     *
+     * One query rather than a walk: the whole subtree arrives at once, so there is no
+     * "Loading sub-agent steps…" and no per-level round trip.
+     */
+    async ExpandTaskGraph(item) {
+        if (item.childrenLoaded || this.expandingGraphIDs.has(item.id))
+            return;
+        this.expandingGraphIDs.add(item.id);
+        this.cdr.markForCheck();
+        try {
+            if (!this.RunTree) {
+                this.error = 'The run tree is not loaded yet, so this workflow cannot be expanded.';
+                return;
+            }
+            // The graph hangs off THIS step in the tree, so the subtree to splice in is the node whose id
+            // matches the step — not the whole run, which is already on screen above it.
+            const stepNode = FindAgentRunTreeNodes(this.RunTree, (n) => n.NodeID === item.id)[0] ?? null;
+            item.children = ProjectRunTreeToTimeline(stepNode, item.level + 1, true, (n) => this.resolveActionIcon(n));
+            item.childrenLoaded = true;
+            item.hasNoChildren = item.children.length === 0;
+        }
+        catch (e) {
+            this.error = e instanceof Error ? e.message : String(e);
+        }
+        finally {
+            this.expandingGraphIDs.delete(item.id);
+            this.cdr.markForCheck();
+        }
+    }
+    /** True while a graph's steps are being fetched, so the row can say so. */
+    IsExpandingGraph(item) {
+        return this.expandingGraphIDs.has(item.id);
+    }
     trackByItemId(index, item) {
         return item.id;
     }
@@ -397,7 +644,7 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
         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", dataHelper: "dataHelper" }, outputs: { itemSelected: "itemSelected", navigateToEntity: "navigateToEntity" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 4, consts: [["recursiveSteps", ""], [1, "loading-state"], [1, "timeline-container"], ["Variant", "error", 3, "Message"], ["text", "Loading run steps...", "size", "medium"], [1, "timeline"], ["Icon", "fa-solid fa-stream", "Title", "No execution steps found"], [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"]], template: function AIAgentRunTimelineComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AIAgentRunTimelineComponent, selectors: [["mj-ai-agent-run-timeline"]], inputs: { aiAgentRunId: "aiAgentRunId", RunTree: "RunTree", dataHelper: "dataHelper" }, outputs: { itemSelected: "itemSelected", navigateToEntity: "navigateToEntity" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 4, consts: [["recursiveSteps", ""], [1, "loading-state"], [1, "timeline-container"], ["Variant", "error", 3, "Message"], ["text", "Loading run steps...", "size", "medium"], [1, "timeline"], ["Icon", "fa-solid fa-stream", "Title", "No execution steps found"], [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"]], template: function AIAgentRunTimelineComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, AIAgentRunTimelineComponent_Conditional_0_Template, 2, 0, "div", 1);
             i0.ɵɵpipe(1, "async");
             i0.ɵɵconditionalBranchCreate(2, AIAgentRunTimelineComponent_Conditional_2_Template, 3, 2, "div", 2)(3, AIAgentRunTimelineComponent_Conditional_3_Template, 2, 0, "div", 1);
@@ -412,9 +659,11 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AIAgentRunTimelineComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-ai-agent-run-timeline', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loading) {\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n} @else if (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      <mj-empty-state\n        Icon=\"fa-solid fa-stream\"\n        Title=\"No execution steps found\" />\n    }\n  </div>\n} @else {\n  <!-- timelineItems$ hasn't emitted yet -->\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n}\n\n@if (error) {\n  <mj-empty-state\n    Variant=\"error\"\n    [Message]=\"error\" />\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 var(--mj-border-default);\n}\n\n/* State Displays */\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: var(--mj-text-muted);\n  gap: 16px;\n}\n\n/* Empty / error placeholders fill the container vertically */\n.timeline-container mj-empty-state,\n:host > mj-empty-state {\n  flex: 1;\n  min-height: 200px;\n}\n\n/* Loading and No Children States */\n.loading-children,\n.no-children {\n  padding: 12px 20px;\n  margin-left: 60px;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-children i {\n  color: var(--mj-brand-primary);\n}\n\n.no-children {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n}\n\n.no-children i {\n  color: var(--mj-text-disabled);\n}\n\n/* Sub-run steps container */\n.sub-run-steps {\n  margin-left: 20px;\n  padding-left: 20px;\n  border-left: 2px solid var(--mj-border-default);\n  margin-top: 8px;\n}"] }]
+        args: [{ standalone: false, selector: 'mj-ai-agent-run-timeline', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loading) {\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n} @else if (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            <!-- A TaskGraph step stands in for a whole graph of Task rows. Its steps render as\n                 ORDINARY ROWS, colour-coded for provenance \u2014 they are steps, and squeezing a diagram\n                 into the column made them the only work in a run that could not be read, selected or\n                 navigated like everything else. The canvas lives in the detail panel, where edges\n                 (which branch was taken, and why) have the room they need. -->\n            @if (item.type === 'step' && item.data?.StepType === 'TaskGraph') {\n              @if (IsExpandingGraph(item)) {\n                <div class=\"loading-children\">\n                  <i class=\"fas fa-spinner fa-spin\"></i> Loading workflow steps...\n                </div>\n              } @else if (!GetGraphParentTaskID(item)) {\n                <div class=\"no-children\">\n                  <i class=\"fas fa-info-circle\"></i>\n                  This workflow was recorded but never reached the dispatcher.\n                </div>\n              } @else if (item.childrenLoaded && item.hasNoChildren) {\n                <div class=\"no-children\">\n                  <i class=\"fas fa-info-circle\"></i> This workflow has no steps yet.\n                </div>\n              }\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      <mj-empty-state\n        Icon=\"fa-solid fa-stream\"\n        Title=\"No execution steps found\" />\n    }\n  </div>\n} @else {\n  <!-- timelineItems$ hasn't emitted yet -->\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n}\n\n@if (error) {\n  <mj-empty-state\n    Variant=\"error\"\n    [Message]=\"error\" />\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 var(--mj-border-default);\n}\n\n/* State Displays */\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: var(--mj-text-muted);\n  gap: 16px;\n}\n\n/* Empty / error placeholders fill the container vertically */\n.timeline-container mj-empty-state,\n:host > mj-empty-state {\n  flex: 1;\n  min-height: 200px;\n}\n\n/* Loading and No Children States */\n.loading-children,\n.no-children {\n  padding: 12px 20px;\n  margin-left: 60px;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.loading-children i {\n  color: var(--mj-brand-primary);\n}\n\n.no-children {\n  color: var(--mj-text-disabled);\n  font-style: italic;\n}\n\n.no-children i {\n  color: var(--mj-text-disabled);\n}\n\n/* Sub-run steps container */\n.sub-run-steps {\n  margin-left: 20px;\n  padding-left: 20px;\n  border-left: 2px solid var(--mj-border-default);\n  margin-top: 8px;\n}"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { aiAgentRunId: [{
             type: Input
+        }], RunTree: [{
+            type: Input
         }], dataHelper: [{
             type: Input
         }], itemSelected: [{
@@ -422,5 +671,5 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
         }], navigateToEntity: [{
             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: 38 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAgentRunTimelineComponent, { className: "AIAgentRunTimelineComponent", filePath: "src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts", lineNumber: 73 }); })();
 //# sourceMappingURL=ai-agent-run-timeline.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ai-agent-run-timeline.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport { Subject, Observable, combineLatest } from 'rxjs';\nimport { takeUntil, map, shareReplay, filter } from 'rxjs/operators';\nimport { MJAIAgentRunEntity, MJAIAgentRunStepEntity, MJActionExecutionLogEntity, MJAIPromptRunEntity } from '@memberjunction/core-entities';\nimport { AIAgentRunDataHelper } from './ai-agent-run-data.service';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nexport interface TimelineItem {\n  id: string;\n  type: 'step' | 'subrun' | 'action' | 'prompt';\n  title: string;\n  subtitle: string;\n  status: string;\n  startTime: Date;\n  endTime?: Date;\n  duration?: string;\n  icon: string;\n  logoUrl?: string;\n  color: string;\n  data: any;\n  children?: TimelineItem[];\n  level: number;\n  parentId?: string;\n  isExpanded?: boolean;\n  childrenLoaded?: boolean;\n  hasNoChildren?: boolean;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-ai-agent-run-timeline',\n  templateUrl: './ai-agent-run-timeline.component.html',\n  styleUrls: ['./ai-agent-run-timeline.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AIAgentRunTimelineComponent extends BaseAngularComponent implements OnInit, OnDestroy {\n  @Input() aiAgentRunId!: string;\n  @Input() dataHelper!: AIAgentRunDataHelper; // Data helper passed from parent\n  @Output() itemSelected = new EventEmitter<TimelineItem>();\n  @Output() navigateToEntity = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  private destroy$ = new Subject<void>();\n  \n  // Public observables from data helper\n  steps$!: Observable<MJAIAgentRunStepEntity[]>;\n  subRuns$!: Observable<MJAIAgentRunEntity[]>;\n  actionLogs$!: Observable<MJActionExecutionLogEntity[]>;\n  promptRuns$!: Observable<MJAIPromptRunEntity[]>;\n  \n  timelineItems$!: Observable<TimelineItem[]>;\n  \n  loading = true;\n  error: string | null = null;\n  selectedItem: TimelineItem | null = null;\n\n  constructor(\n    private cdr: ChangeDetectorRef\n  ) {\n    super();}\n  \n  async ngOnInit() {\n    // AIEngineBase is deferred at startup; ensure it's loaded before timeline\n    // items render — getStepIconInfo / sub-agent lookups read .Agents synchronously.\n    await AIEngineBase.Instance.EnsureLoaded();\n\n    // Initialize observables from the data helper\n    this.steps$ = this.dataHelper.steps$;\n    this.subRuns$ = this.dataHelper.subRuns$;\n    this.actionLogs$ = this.dataHelper.actionLogs$;\n    this.promptRuns$ = this.dataHelper.promptRuns$;\n    \n    // Combine all data sources to build timeline.\n    // Skip emissions where steps are empty but data is still loading —\n    // the BehaviorSubjects initialise with [] so combineLatest fires\n    // immediately with an empty array before the real data arrives.\n    this.timelineItems$ = combineLatest([\n      this.steps$,\n      this.subRuns$,\n      this.actionLogs$,\n      this.promptRuns$,\n      this.dataHelper.loading$\n    ]).pipe(\n      filter(([steps, _subRuns, _actionLogs, _promptRuns, isLoading]) => {\n        // While loading, suppress the empty-array emission so the\n        // template keeps showing the mj-loading indicator.\n        return !(isLoading && steps.length === 0);\n      }),\n      map(([steps, subRuns, actionLogs, promptRuns]) =>\n        this.buildTimelineItems(steps, subRuns, actionLogs, promptRuns)\n      ),\n      shareReplay(1)\n    );\n    \n    // Data loading is now handled by the parent component through the helper\n    // Subscribe to loading state from helper\n    this.dataHelper.loading$.pipe(takeUntil(this.destroy$)).subscribe(loading => {\n      this.loading = loading;\n      this.cdr.markForCheck();\n    });\n\n    this.dataHelper.error$.pipe(takeUntil(this.destroy$)).subscribe(error => {\n      this.error = error;\n      this.cdr.markForCheck();\n    });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  // This method is now just for compatibility - actual loading is done by parent\n  async loadData() {\n    if (!this.aiAgentRunId) return;\n    // The parent component should handle data loading through the helper\n    return this.dataHelper.loadAgentRunData(this.aiAgentRunId);\n  }\n  \n  private buildTimelineItems(\n    steps: MJAIAgentRunStepEntity[],\n    subRuns: MJAIAgentRunEntity[],\n    actionLogs: MJActionExecutionLogEntity[],\n    promptRuns: MJAIPromptRunEntity[]\n  ): TimelineItem[] {\n    return this.buildHierarchicalItems(steps, 0, promptRuns);\n  }\n\n  private buildHierarchicalItems(\n    steps: MJAIAgentRunStepEntity[],\n    baseLevel: number,\n    promptRuns?: MJAIPromptRunEntity[]\n  ): TimelineItem[] {\n    // Create a map of all timeline items by step ID\n    const itemMap = new Map<string, TimelineItem>();\n\n    // First pass: create all timeline items\n    steps.forEach(step => {\n      const item = this.createTimelineItemFromStep(step, baseLevel, promptRuns);\n      itemMap.set(step.ID, item);\n    });\n\n    // Second pass: build parent-child relationships based on ParentID\n    steps.forEach(step => {\n      if (step.ParentID) {\n        const parentItem = itemMap.get(step.ParentID);\n        const childItem = itemMap.get(step.ID);\n\n        if (parentItem && childItem) {\n          // Initialize children array if needed\n          if (!parentItem.children) {\n            parentItem.children = [];\n          }\n\n          // Set child's level based on parent's level\n          childItem.level = parentItem.level + 1;\n\n          // Add child to parent's children array\n          parentItem.children.push(childItem);\n        }\n      }\n    });\n\n    // Return only root-level items (those without a ParentID)\n    const rootItems: TimelineItem[] = [];\n    steps.forEach(step => {\n      if (!step.ParentID) {\n        const item = itemMap.get(step.ID);\n        if (item) {\n          rootItems.push(item);\n        }\n      }\n    });\n\n    return rootItems;\n  }\n  \n  private createTimelineItemFromStep(step: MJAIAgentRunStepEntity, level: number, promptRuns?: MJAIPromptRunEntity[]): TimelineItem {\n    let subtitle = `Type: ${step.StepType}`;\n\n    // For prompt steps, try to find the associated prompt run to get model/vendor info\n    if (step.StepType === 'Prompt' && step.TargetLogID && promptRuns) {\n      const promptRun = promptRuns.find(pr => UUIDsEqual(pr.ID, step.TargetLogID));\n      if (promptRun) {\n        subtitle = `Model: ${promptRun.Model || 'Unknown'} | Vendor: ${promptRun.Vendor || 'Unknown'}`;\n      }\n    }\n\n    // Get icon and logoUrl based on step type\n    const iconInfo = this.getStepIconInfo(step);\n\n    return {\n      id: step.ID,\n      type: 'step',\n      title: step.StepName || `Step ${step.StepNumber}`,\n      subtitle: subtitle,\n      status: step.Status,\n      startTime: step.StartedAt,\n      endTime: step.CompletedAt || undefined,\n      duration: this.calculateDuration(step.StartedAt, step.CompletedAt),\n      icon: iconInfo.icon,\n      logoUrl: iconInfo.logoUrl,\n      color: this.getStatusColor(step.Status),\n      data: step,\n      children: [],\n      level,\n      isExpanded: false\n    };\n  }\n  \n\n  private getStepIconInfo(step: MJAIAgentRunStepEntity): { icon: string; logoUrl?: string } {\n    // For sub-agents, try to get agent-specific icon/logo\n    if (step.StepType === 'Sub-Agent' && step.TargetID) {\n      const agent = AIEngineBase.Instance.Agents.find(a => UUIDsEqual(a.ID, step.TargetID));\n      if (agent) {\n        // Prefer LogoURL - if present, use it with robot as fallback icon (icon won't be shown when logoUrl exists)\n        if (agent.LogoURL) {\n          return { icon: 'fa-robot', logoUrl: agent.LogoURL };\n        }\n        // Next preference: IconClass from agent metadata\n        else if (agent.IconClass) {\n          return { icon: agent.IconClass };\n        }\n        // Agent exists but has no custom icon or logo - use default robot icon\n        else {\n          return { icon: 'fa-robot' };\n        }\n      }\n    }\n\n    // Default icons for each step type (includes fa-robot for sub-agents without agent metadata)\n    const icon = this.getStepIcon(step.StepType);\n    return { icon };\n  }\n\n  private getStepIcon(stepType: string): string {\n    const iconMap: Record<string, string> = {\n      'Prompt': 'fa-brain',\n      'Tool': 'fa-tools',\n      'Sub-Agent': 'fa-robot',\n      'Decision': 'fa-code-branch',\n      'Actions': 'fa-wrench',\n      'Validation': 'fa-square-check',\n      'ForEach': 'fa-repeat',\n      'While': 'fa-rotate',\n      'Skill': 'fa-wand-magic-sparkles',\n      'Plan': 'fa-clipboard-check'\n    };\n    return iconMap[stepType] || 'fa-circle';\n  }\n  \n  private getStatusColor(status: string): string {\n    const colorMap: Record<string, string> = {\n      'Running': 'info',\n      'Completed': 'success',\n      'Failed': 'error',\n      'Cancelled': 'warning',\n      'Paused': 'secondary'\n    };\n    return colorMap[status] || 'secondary';\n  }\n  \n  calculateDuration(start: Date, end?: Date | null): string {\n    if (!end) return 'Running...';\n    \n    const startTime = new Date(start).getTime();\n    const endTime = new Date(end).getTime();\n    const duration = endTime - startTime;\n    \n    if (duration < 1000) return `${duration}ms`;\n    if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n    if (duration < 3600000) return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n    return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n  }\n  \n  selectItem(item: TimelineItem) {\n    this.selectedItem = item;\n    this.itemSelected.emit(item);\n  }\n  \n  async toggleItemExpansion(item: TimelineItem, event: Event) {\n    event.stopPropagation();\n\n    // Toggle expansion state\n    item.isExpanded = !item.isExpanded;\n\n    // For Sub-Agent steps, load their run data on demand (requires DB query)\n    if (item.isExpanded && !item.childrenLoaded && item.type === 'step' && item.data?.StepType === 'Sub-Agent') {\n      await this.loadSubAgentChildren(item);\n    }\n\n    // For parent steps (loop containers like ForEach/While), children are already loaded via ParentID\n    // Just toggle - no additional loading needed since we already have all steps from the run\n    // The children were already attached in buildTimelineItems()\n  }\n  \n  private async loadSubAgentChildren(item: TimelineItem) {\n    try {\n      const subAgentRunId = item.data?.TargetLogID;\n\n      if (!subAgentRunId) {\n        item.hasNoChildren = true;\n        item.children = [];\n        item.childrenLoaded = true;\n        return;\n      }\n\n      // Load sub-agent data through service\n      const data = await this.dataHelper.loadSubAgentData(subAgentRunId);\n\n      if (!data.steps || data.steps.length === 0) {\n        item.hasNoChildren = true;\n        item.children = [];\n        item.childrenLoaded = true;\n        return;\n      }\n\n      // Build hierarchical timeline items with ParentID relationships\n      // This ensures that loop steps (ForEach/While) within sub-agents also show their children\n      item.children = this.buildHierarchicalItems(data.steps, item.level + 1, data.promptRuns);\n\n      item.childrenLoaded = true;\n      // Trigger change detection after updating the data\n      this.cdr.markForCheck();\n    } catch (error) {\n      console.error('🔄 Timeline: Error loading sub-agent children:', error);\n      item.hasNoChildren = true;\n      item.childrenLoaded = true;\n      // Trigger change detection for error state\n      this.cdr.markForCheck();\n    }\n  }\n  \n  navigateToSubRun(runId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: AI Agent Runs', recordId: runId });\n  }\n  \n  navigateToActionLog(logId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: Action Execution Logs', recordId: logId });\n  }\n  \n  navigateToPromptRun(runId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: AI Prompt Runs', recordId: runId });\n  }\n  \n  /**\n   * TrackBy function for timeline items\n   */\n  trackByItemId(index: number, item: TimelineItem): string {\n    return item.id;\n  }\n  \n  createSubRunDataHelper(): AIAgentRunDataHelper {\n    // Create a new data helper instance for sub-runs to prevent caching conflicts\n    return new AIAgentRunDataHelper();\n  }\n}","@if (loading) {\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n} @else if (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      <mj-empty-state\n        Icon=\"fa-solid fa-stream\"\n        Title=\"No execution steps found\" />\n    }\n  </div>\n} @else {\n  <!-- timelineItems$ hasn't emitted yet -->\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n}\n\n@if (error) {\n  <mj-empty-state\n    Variant=\"error\"\n    [Message]=\"error\" />\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>"]}
+{"version":3,"file":"ai-agent-run-timeline.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.ts","../../../../src/lib/custom/ai-agent-run/ai-agent-run-timeline.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, Output, EventEmitter, OnInit, OnDestroy, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';\nimport { Subject, Observable, combineLatest, BehaviorSubject } from 'rxjs';\nimport { takeUntil, map, shareReplay, filter } from 'rxjs/operators';\nimport { MJAIAgentRunEntity, MJAIAgentRunStepEntity, MJActionExecutionLogEntity, MJAIPromptRunEntity, MJTaskEntity } from '@memberjunction/core-entities';\nimport { AIAgentRunDataHelper } from './ai-agent-run-data.service';\nimport { AIEngineBase } from '@memberjunction/ai-engine-base';\nimport { UUIDsEqual } from '@memberjunction/global';\n\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { FindAgentRunTreeNodes, type AgentRunTreeNode } from '@memberjunction/ai-core-plus';\nimport { NormalizeStatus, ProjectRunTreeToTimeline } from './run-tree-timeline-projection';\nimport { ActionEngineBase } from '@memberjunction/actions-base';\n\n/**\n * Node kinds whose row is a LOOP, not the work inside it.\n *\n * A ForEach carries the ActionID of the action it repeats, so resolving an icon from it would draw\n * \"a Google search\" on a row that is a loop over five of them — losing the one distinction the row\n * exists to make.\n */\nconst LOOP_KINDS: ReadonlySet<string> = new Set(['ForEach', 'While']);\nexport interface TimelineItem {\n  id: string;\n  /**\n   * What the row represents.\n   *\n   * `taskgraph` and `task` are dispatcher work — a graph that outlives the run that submitted it,\n   * and the steps inside it. They are rendered as ordinary rows rather than as an embedded diagram,\n   * and colour-coded so their provenance is visible without opening anything.\n   */\n  type: 'step' | 'subrun' | 'action' | 'prompt' | 'taskgraph' | 'task';\n  /**\n   * Where this row's work ran, when that is not obvious from its type.\n   *\n   * `'workflow'` means it ran on the task-graph dispatcher and outlives the agent run that\n   * submitted it. Kept separate from `type` on purpose: a workflow step that runs an action IS an\n   * action and should render as one — provenance styles it, it does not redefine it.\n   */\n  provenance?: 'workflow';\n  title: string;\n  subtitle: string;\n  status: string;\n  /**\n   * When this row started, or NULL when it has not.\n   *\n   * Nullable on purpose. A projection that needed \"sorts last\" once filled this with the maximum\n   * Date, and every unstarted row then displayed that sentinel as a real clock time — identical on\n   * every row and indistinguishable from data. Ordering belongs to whatever produced the rows; a row\n   * that has not run has no start time, and says so by having none.\n   */\n  startTime: Date | null;\n  endTime?: Date;\n  duration?: string;\n  icon: string;\n  logoUrl?: string;\n  color: string;\n  data: any;\n  children?: TimelineItem[];\n  level: number;\n  parentId?: string;\n  isExpanded?: boolean;\n  childrenLoaded?: boolean;\n  hasNoChildren?: boolean;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-ai-agent-run-timeline',\n  templateUrl: './ai-agent-run-timeline.component.html',\n  styleUrls: ['./ai-agent-run-timeline.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AIAgentRunTimelineComponent extends BaseAngularComponent implements OnInit, OnDestroy {\n  @Input() aiAgentRunId!: string;\n\n  /**\n   * The run's execution tree, loaded ONCE by the form and shared with every tab.\n   *\n   * Received rather than fetched: three tabs need the same structure, and letting each load its own\n   * issues the same recursive query three times AND lets the tabs disagree — a tab that loaded a\n   * second earlier shows a different run than the one beside it.\n   */\n  /**\n   * Setter, not a plain field: a TaskGraph step's row takes its STATUS from the graph (see\n   * `graphNodeForStep`), and the tree usually arrives after the step rows have already been built.\n   * Republishing rebuilds them, so a dispatched workflow stops reading Completed the moment the\n   * tree says it is still running.\n   */\n  @Input()\n  public set RunTree(value: AgentRunTreeNode | null) {\n    this.runTree = value;\n    this.runTree$.next(value);\n  }\n  public get RunTree(): AgentRunTreeNode | null {\n    return this.runTree;\n  }\n  private runTree: AgentRunTreeNode | null = null;\n  private runTree$ = new BehaviorSubject<AgentRunTreeNode | null>(null);\n  @Input() dataHelper!: AIAgentRunDataHelper; // Data helper passed from parent\n  @Output() itemSelected = new EventEmitter<TimelineItem>();\n  @Output() navigateToEntity = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  private destroy$ = new Subject<void>();\n  /** Resolved once the action cache is warm, so a first paint without icons can be re-rendered with them. */\n  private actionsReady = false;\n  /**\n   * Execution-log id → action id, for the RUN-STEP path only.\n   *\n   * The tree path needs none of this — it carries `ActionID` outright. A run step of type `Actions`\n   * still names only its log, so this map stays for that case, built from logs the data service has\n   * already fetched by id.\n   */\n  private actionIDByLogID = new Map<string, string>();\n  \n  // Public observables from data helper\n  steps$!: Observable<MJAIAgentRunStepEntity[]>;\n  subRuns$!: Observable<MJAIAgentRunEntity[]>;\n  actionLogs$!: Observable<MJActionExecutionLogEntity[]>;\n  promptRuns$!: Observable<MJAIPromptRunEntity[]>;\n  \n  timelineItems$!: Observable<TimelineItem[]>;\n  \n  loading = true;\n  error: string | null = null;\n  selectedItem: TimelineItem | null = null;\n\n  /** Graph steps currently being expanded, so a second click cannot start a second load. */\n  private expandingGraphIDs = new Set<string>();\n\n  constructor(\n    private cdr: ChangeDetectorRef\n  ) {\n    super();}\n  \n  async ngOnInit() {\n    // AIEngineBase is deferred at startup; ensure it's loaded before timeline\n    // items render — getStepIconInfo / sub-agent lookups read .Agents synchronously.\n    await AIEngineBase.Instance.EnsureLoaded();\n    // Same reason, for the same kind of read: `resolveActionIcon` looks up `.Actions` synchronously\n    // inside the projection. Cheap when another surface already warmed it, and a no-op on reload.\n    try {\n      await ActionEngineBase.Instance.EnsureLoaded();\n      this.actionsReady = true;\n    } catch {\n      // An action cache that will not load costs icons, not rows — every action keeps the generic\n      // glyph it had before. Never worth failing a run view over.\n      this.actionsReady = false;\n    }\n\n    // Initialize observables from the data helper\n    this.steps$ = this.dataHelper.steps$;\n    this.subRuns$ = this.dataHelper.subRuns$;\n    this.actionLogs$ = this.dataHelper.actionLogs$;\n    this.promptRuns$ = this.dataHelper.promptRuns$;\n    \n    // Combine all data sources to build timeline.\n    // Skip emissions where steps are empty but data is still loading —\n    // the BehaviorSubjects initialise with [] so combineLatest fires\n    // immediately with an empty array before the real data arrives.\n    this.timelineItems$ = combineLatest([\n      this.steps$,\n      this.subRuns$,\n      this.actionLogs$,\n      this.promptRuns$,\n      this.dataHelper.loading$,\n      this.runTree$\n    ]).pipe(\n      filter(([steps, _subRuns, _actionLogs, _promptRuns, isLoading]) => {\n        // While loading, suppress the empty-array emission so the\n        // template keeps showing the mj-loading indicator.\n        return !(isLoading && steps.length === 0);\n      }),\n      map(([steps, subRuns, actionLogs, promptRuns]) => {\n        // Built here rather than on demand: this is where the logs arrive, and the resolver runs\n        // synchronously inside the projection, which cannot await anything.\n        this.actionIDByLogID = new Map(\n          (actionLogs ?? [])\n            .filter((log) => log.ID && log.ActionID)\n            .map((log) => [log.ID.toLowerCase(), log.ActionID]),\n        );\n        return this.buildTimelineItems(steps, subRuns, actionLogs, promptRuns);\n      }),\n      shareReplay(1)\n    );\n    \n    // Data loading is now handled by the parent component through the helper\n    // Subscribe to loading state from helper\n    this.dataHelper.loading$.pipe(takeUntil(this.destroy$)).subscribe(loading => {\n      this.loading = loading;\n      this.cdr.markForCheck();\n    });\n\n    this.dataHelper.error$.pipe(takeUntil(this.destroy$)).subscribe(error => {\n      this.error = error;\n      this.cdr.markForCheck();\n    });\n  }\n\n  ngOnDestroy() {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  // This method is now just for compatibility - actual loading is done by parent\n  async loadData() {\n    if (!this.aiAgentRunId) return;\n    // The parent component should handle data loading through the helper\n    return this.dataHelper.loadAgentRunData(this.aiAgentRunId);\n  }\n  \n  private buildTimelineItems(\n    steps: MJAIAgentRunStepEntity[],\n    subRuns: MJAIAgentRunEntity[],\n    actionLogs: MJActionExecutionLogEntity[],\n    promptRuns: MJAIPromptRunEntity[]\n  ): TimelineItem[] {\n    return this.buildHierarchicalItems(steps, 0, promptRuns);\n  }\n\n  private buildHierarchicalItems(\n    steps: MJAIAgentRunStepEntity[],\n    baseLevel: number,\n    promptRuns?: MJAIPromptRunEntity[]\n  ): TimelineItem[] {\n    // Create a map of all timeline items by step ID\n    const itemMap = new Map<string, TimelineItem>();\n\n    // First pass: create all timeline items\n    steps.forEach(step => {\n      const item = this.createTimelineItemFromStep(step, baseLevel, promptRuns);\n      itemMap.set(step.ID, item);\n    });\n\n    // Second pass: build parent-child relationships based on ParentID\n    steps.forEach(step => {\n      if (step.ParentID) {\n        const parentItem = itemMap.get(step.ParentID);\n        const childItem = itemMap.get(step.ID);\n\n        if (parentItem && childItem) {\n          // Initialize children array if needed\n          if (!parentItem.children) {\n            parentItem.children = [];\n          }\n\n          // Set child's level based on parent's level\n          childItem.level = parentItem.level + 1;\n\n          // Add child to parent's children array\n          parentItem.children.push(childItem);\n        }\n      }\n    });\n\n    // Return only root-level items (those without a ParentID)\n    const rootItems: TimelineItem[] = [];\n    steps.forEach(step => {\n      if (!step.ParentID) {\n        const item = itemMap.get(step.ID);\n        if (item) {\n          rootItems.push(item);\n        }\n      }\n    });\n\n    return rootItems;\n  }\n  \n  /**\n   * Font Awesome class for a node that runs a known action or agent, or null to keep the default.\n   *\n   * **Why the row kind is the wrong answer.** The same action reaches this timeline through two\n   * arms of the run-tree query — as a graph Task and as a loop pass — and each arm had its own\n   * generic glyph, so one Google Custom Search drew a lightning bolt and the next a paper plane.\n   * What the step IS does not change with where it ran.\n   *\n   * **No hop.** The tree carries `ActionID` and `AgentID` directly (a task holds them as columns;\n   * a pass takes them from the log it expanded from), so this is one cache read. The first version\n   * of this went through the execution log and silently resolved NOTHING for graph steps, because\n   * the logs it consulted are only loaded for run steps of type `Actions` — of which a dispatched\n   * workflow has none.\n   *\n   * **Loops keep their own icon.** A ForEach carries the ActionID of the action it repeats, and\n   * drawing that action's mark on the loop row would say \"this is a Google search\" about a row that\n   * is a loop over five of them. The distinction the loop icon carries is worth more.\n   */\n  private resolveActionIcon(node: AgentRunTreeNode): string | null {\n    if (LOOP_KINDS.has(node.SourceKind ?? '')) return null;\n\n    if (node.ActionID) {\n      const action = ActionEngineBase.Instance.Actions?.find((a) => UUIDsEqual(a.ID, node.ActionID!));\n      if (action?.IconClass) return action.IconClass;\n    }\n    if (node.AgentID) {\n      const agent = AIEngineBase.Instance.Agents?.find((a) => UUIDsEqual(a.ID, node.AgentID!));\n      if (agent?.IconClass) return agent.IconClass;\n    }\n    return null;\n  }\n\n\n\n  /**\n   * The graph a TaskGraph step dispatched, from the run tree.\n   *\n   * Null until the tree arrives (the setter above republishes then) and null for a submission that\n   * produced no graph — a failed submit, where the step's own status IS the story.\n   */\n  private graphNodeForStep(stepID: string): AgentRunTreeNode | null {\n    if (!this.runTree) return null;\n    const stepNode = FindAgentRunTreeNodes(this.runTree, (n) => UUIDsEqual(n.NodeID, stepID))[0] ?? null;\n    return stepNode?.Children.find((c) => c.NodeType === 'TaskGraph') ?? null;\n  }\n\n  private createTimelineItemFromStep(step: MJAIAgentRunStepEntity, level: number, promptRuns?: MJAIPromptRunEntity[]): TimelineItem {\n    let subtitle = `Type: ${step.StepType}`;\n\n    // For prompt steps, try to find the associated prompt run to get model/vendor info\n    if (step.StepType === 'Prompt' && step.TargetLogID && promptRuns) {\n      const promptRun = promptRuns.find(pr => UUIDsEqual(pr.ID, step.TargetLogID));\n      if (promptRun) {\n        subtitle = `Model: ${promptRun.Model || 'Unknown'} | Vendor: ${promptRun.Vendor || 'Unknown'}`;\n      }\n    }\n\n    // Get icon and logoUrl based on step type\n    const iconInfo = this.getStepIconInfo(step);\n\n    // A dispatched workflow's row describes the WORKFLOW, not the handoff that started it. The\n    // step's own status is about submission — Completed in ~300ms, correctly — and showing that\n    // under a title naming the workflow is how the timeline came to report a running graph as\n    // finished while the page header said \"Workflow still running\".\n    const graph = step.StepType === 'TaskGraph' ? this.graphNodeForStep(step.ID) : null;\n    if (graph) {\n      subtitle = `${subtitle} · dispatched in ${this.calculateDuration(step.StartedAt, step.CompletedAt)}`;\n    }\n\n    return {\n      id: step.ID,\n      type: 'step',\n      title: step.StepName || `Step ${step.StepNumber}`,\n      subtitle: subtitle,\n      status: graph ? NormalizeStatus(graph.Status) : step.Status,\n      startTime: step.StartedAt,\n      endTime: (graph ? graph.CompletedAt : step.CompletedAt) || undefined,\n      // A graph that has not started yet has no duration of its own — the submission's stands in,\n      // and the subtitle says which it is either way.\n      duration: graph?.StartedAt\n        ? this.calculateDuration(graph.StartedAt, graph.CompletedAt)\n        : this.calculateDuration(step.StartedAt, step.CompletedAt),\n      icon: iconInfo.icon,\n      logoUrl: iconInfo.logoUrl,\n      color: this.getStatusColor(graph ? NormalizeStatus(graph.Status) : step.Status),\n      data: step,\n      children: [],\n      level,\n      isExpanded: false\n    };\n  }\n  \n\n  private getStepIconInfo(step: MJAIAgentRunStepEntity): { icon: string; logoUrl?: string } {\n    // For sub-agents, try to get agent-specific icon/logo\n    if (step.StepType === 'Sub-Agent' && step.TargetID) {\n      const agent = AIEngineBase.Instance.Agents.find(a => UUIDsEqual(a.ID, step.TargetID));\n      if (agent) {\n        // Prefer LogoURL - if present, use it with robot as fallback icon (icon won't be shown when logoUrl exists)\n        if (agent.LogoURL) {\n          return { icon: 'fa-robot', logoUrl: agent.LogoURL };\n        }\n        // Next preference: IconClass from agent metadata\n        else if (agent.IconClass) {\n          return { icon: agent.IconClass };\n        }\n        // Agent exists but has no custom icon or logo - use default robot icon\n        else {\n          return { icon: 'fa-robot' };\n        }\n      }\n    }\n\n    // An action step draws its OWN action's icon, exactly as a sub-agent step draws its agent's —\n    // the two cases are the same idea, and only one of them was implemented. `TargetLogID` names\n    // the execution log this run already loaded; that log names the action, whose IconClass is in\n    // ActionEngineBase's cache. A step whose action cannot be resolved (an action with no icon, a\n    // cache that did not load) falls through to the step-type default below, which is the same\n    // lightning bolt it drew before.\n    if (step.StepType === 'Actions' && step.TargetLogID) {\n      const actionID = this.actionIDByLogID.get(step.TargetLogID.toLowerCase());\n      const action = actionID\n        ? ActionEngineBase.Instance.Actions?.find((a) => UUIDsEqual(a.ID, actionID))\n        : undefined;\n      if (action?.IconClass) return { icon: action.IconClass };\n    }\n\n    // Default icons for each step type (includes fa-robot for sub-agents without agent metadata)\n    const icon = this.getStepIcon(step.StepType);\n    return { icon };\n  }\n\n  private getStepIcon(stepType: string): string {\n    const iconMap: Record<string, string> = {\n      'Prompt': 'fa-brain',\n      'Tool': 'fa-tools',\n      'Sub-Agent': 'fa-robot',\n      'Decision': 'fa-code-branch',\n      'Actions': 'fa-wrench',\n      'Validation': 'fa-square-check',\n      'ForEach': 'fa-repeat',\n      'While': 'fa-rotate',\n      'Skill': 'fa-wand-magic-sparkles',\n      'Plan': 'fa-clipboard-check'\n    };\n    return iconMap[stepType] || 'fa-circle';\n  }\n  \n  private getStatusColor(status: string): string {\n    const colorMap: Record<string, string> = {\n      'Running': 'info',\n      'Completed': 'success',\n      'Failed': 'error',\n      'Cancelled': 'warning',\n      'Paused': 'secondary'\n    };\n    return colorMap[status] || 'secondary';\n  }\n  \n  calculateDuration(start: Date, end?: Date | null): string {\n    if (!end) return 'Running...';\n    \n    const startTime = new Date(start).getTime();\n    const endTime = new Date(end).getTime();\n    const duration = endTime - startTime;\n    \n    if (duration < 1000) return `${duration}ms`;\n    if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n    if (duration < 3600000) return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n    return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n  }\n  \n  selectItem(item: TimelineItem) {\n    this.selectedItem = item;\n    this.itemSelected.emit(item);\n  }\n  \n  async toggleItemExpansion(item: TimelineItem, event: Event) {\n    event.stopPropagation();\n\n    // Toggle expansion state\n    item.isExpanded = !item.isExpanded;\n\n    // For Sub-Agent steps, load their run data on demand (requires DB query)\n    if (item.isExpanded && !item.childrenLoaded && item.type === 'step' && item.data?.StepType === 'Sub-Agent') {\n      await this.loadSubAgentChildren(item);\n    }\n\n    // A TaskGraph step expands into the graph's own steps — one query for the whole subtree, so it\n    // never shows a per-level loading state the way the sub-agent path has to.\n    if (item.isExpanded && item.type === 'step' && item.data?.StepType === 'TaskGraph') {\n      await this.ExpandTaskGraph(item);\n    }\n\n    // For parent steps (loop containers like ForEach/While), children are already loaded via ParentID\n    // Just toggle - no additional loading needed since we already have all steps from the run\n    // The children were already attached in buildTimelineItems()\n  }\n  \n  private async loadSubAgentChildren(item: TimelineItem) {\n    try {\n      const subAgentRunId = item.data?.TargetLogID;\n\n      if (!subAgentRunId) {\n        item.hasNoChildren = true;\n        item.children = [];\n        item.childrenLoaded = true;\n        return;\n      }\n\n      // Load sub-agent data through service\n      const data = await this.dataHelper.loadSubAgentData(subAgentRunId);\n\n      if (!data.steps || data.steps.length === 0) {\n        item.hasNoChildren = true;\n        item.children = [];\n        item.childrenLoaded = true;\n        return;\n      }\n\n      // Build hierarchical timeline items with ParentID relationships\n      // This ensures that loop steps (ForEach/While) within sub-agents also show their children\n      item.children = this.buildHierarchicalItems(data.steps, item.level + 1, data.promptRuns);\n\n      item.childrenLoaded = true;\n      // Trigger change detection after updating the data\n      this.cdr.markForCheck();\n    } catch (error) {\n      console.error('🔄 Timeline: Error loading sub-agent children:', error);\n      item.hasNoChildren = true;\n      item.childrenLoaded = true;\n      // Trigger change detection for error state\n      this.cdr.markForCheck();\n    }\n  }\n  \n  navigateToSubRun(runId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: AI Agent Runs', recordId: runId });\n  }\n  \n  navigateToActionLog(logId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: Action Execution Logs', recordId: logId });\n  }\n  \n  navigateToPromptRun(runId: string, event: Event) {\n    event.stopPropagation();\n    this.navigateToEntity.emit({ entityName: 'MJ: AI Prompt Runs', recordId: runId });\n  }\n  \n  /**\n   * TrackBy function for timeline items\n   */\n  /**\n   * The graph a TaskGraph step submitted, read from the step's own output.\n   *\n   * `executeTasksStep` records `parentTaskID` there whether or not submission succeeded, because a\n   * rejected graph is the case where forensics matter most. A step with no id therefore means the\n   * graph never reached the dispatcher — a real state the caller renders differently, which is why\n   * this returns null rather than an empty string.\n   */\n  GetGraphParentTaskID(item: TimelineItem): string | null {\n    const raw = item?.data?.OutputData;\n    if (!raw) return null;\n    try {\n      const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;\n      const id = parsed?.parentTaskID;\n      return typeof id === 'string' && id.length > 0 ? id : null;\n    } catch {\n      return null;\n    }\n  }\n\n  /**\n   * A step inside the graph was selected.\n   *\n   * An Agent node carries the run it started, so selecting one offers the same navigation a\n   * Sub-Agent step already does — that link is the seam between the two views, and without it a\n   * dispatched sub-agent run is unreachable from the run that caused it.\n   */\n  OnGraphNodeSelected(event: { TaskID: string; Task: MJTaskEntity | null }): void {\n    const agentRunID = event.Task?.AgentRunID;\n    if (agentRunID) {\n      this.navigateToEntity.emit({ entityName: 'MJ: AI Agent Runs', recordId: agentRunID });\n      return;\n    }\n    if (event.Task?.ActionID) {\n      this.navigateToEntity.emit({ entityName: 'MJ: Tasks', recordId: event.TaskID });\n    }\n  }\n\n  /**\n   * Expands a task-graph step into the graph's own steps, as ordinary timeline rows.\n   *\n   * **The graph's steps are steps.** They used to appear as an embedded canvas inside the list — a\n   * diagram wedged into a vertical column, in a different visual language from everything around it,\n   * and the only work in a run that could not be read, selected or navigated the same way as the\n   * rest. They are rows now, colour-coded so their provenance is obvious, with the canvas moved to\n   * the detail panel where edges have room to be seen.\n   *\n   * One query rather than a walk: the whole subtree arrives at once, so there is no\n   * \"Loading sub-agent steps…\" and no per-level round trip.\n   */\n  async ExpandTaskGraph(item: TimelineItem): Promise<void> {\n    if (item.childrenLoaded || this.expandingGraphIDs.has(item.id)) return;\n\n    this.expandingGraphIDs.add(item.id);\n    this.cdr.markForCheck();\n    try {\n      if (!this.RunTree) {\n        this.error = 'The run tree is not loaded yet, so this workflow cannot be expanded.';\n        return;\n      }\n\n      // The graph hangs off THIS step in the tree, so the subtree to splice in is the node whose id\n      // matches the step — not the whole run, which is already on screen above it.\n      const stepNode = FindAgentRunTreeNodes(this.RunTree, (n) => n.NodeID === item.id)[0] ?? null;\n\n      item.children = ProjectRunTreeToTimeline(stepNode, item.level + 1, true, (n) => this.resolveActionIcon(n));\n      item.childrenLoaded = true;\n      item.hasNoChildren = item.children.length === 0;\n    } catch (e) {\n      this.error = e instanceof Error ? e.message : String(e);\n    } finally {\n      this.expandingGraphIDs.delete(item.id);\n      this.cdr.markForCheck();\n    }\n  }\n\n  /** True while a graph's steps are being fetched, so the row can say so. */\n  IsExpandingGraph(item: TimelineItem): boolean {\n    return this.expandingGraphIDs.has(item.id);\n  }\n\n  trackByItemId(index: number, item: TimelineItem): string {\n    return item.id;\n  }\n  \n  createSubRunDataHelper(): AIAgentRunDataHelper {\n    // Create a new data helper instance for sub-runs to prevent caching conflicts\n    return new AIAgentRunDataHelper();\n  }\n}","@if (loading) {\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n} @else if (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            <!-- A TaskGraph step stands in for a whole graph of Task rows. Its steps render as\n                 ORDINARY ROWS, colour-coded for provenance — they are steps, and squeezing a diagram\n                 into the column made them the only work in a run that could not be read, selected or\n                 navigated like everything else. The canvas lives in the detail panel, where edges\n                 (which branch was taken, and why) have the room they need. -->\n            @if (item.type === 'step' && item.data?.StepType === 'TaskGraph') {\n              @if (IsExpandingGraph(item)) {\n                <div class=\"loading-children\">\n                  <i class=\"fas fa-spinner fa-spin\"></i> Loading workflow steps...\n                </div>\n              } @else if (!GetGraphParentTaskID(item)) {\n                <div class=\"no-children\">\n                  <i class=\"fas fa-info-circle\"></i>\n                  This workflow was recorded but never reached the dispatcher.\n                </div>\n              } @else if (item.childrenLoaded && item.hasNoChildren) {\n                <div class=\"no-children\">\n                  <i class=\"fas fa-info-circle\"></i> This workflow has no steps yet.\n                </div>\n              }\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      <mj-empty-state\n        Icon=\"fa-solid fa-stream\"\n        Title=\"No execution steps found\" />\n    }\n  </div>\n} @else {\n  <!-- timelineItems$ hasn't emitted yet -->\n  <div class=\"loading-state\">\n    <mj-loading text=\"Loading run steps...\" size=\"medium\"></mj-loading>\n  </div>\n}\n\n@if (error) {\n  <mj-empty-state\n    Variant=\"error\"\n    [Message]=\"error\" />\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>"]}