@memberjunction/ng-core-entity-forms 6.1.0-edge.0 → 6.1.0-edge.2

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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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJAIAgentRunStepEntity_AgentSkillInvocation } from '@memberjunction/core-entities';\nimport { TimelineItem } from './ai-agent-run-timeline.component';\n\n@Component({\n  standalone: false,\n  selector: 'mj-ai-agent-run-step-node',\n  templateUrl: './ai-agent-run-step-node.component.html',\n  styleUrls: ['./ai-agent-run-step-node.component.css']\n})\nexport class AIAgentRunStepNodeComponent {\n  @Input() item!: TimelineItem;\n  @Input() isSelected = false;\n  @Output() itemClick = new EventEmitter<TimelineItem>();\n  @Output() expandToggle = new EventEmitter<Event>();\n  @Output() navigateToEntity = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  get hasChildren(): boolean {\n    return !!this.item.children && this.item.children.length > 0;\n  }\n\n  get isSubAgent(): boolean {\n    return this.item.type === 'subrun' || (this.item.type === 'step' && this.item.data?.StepType === 'Sub-Agent');\n  }\n\n  get isParentStep(): boolean {\n    // Check if this step has children via ParentID relationships (non-Sub-Agent hierarchy)\n    return this.item.type === 'step' &&\n           this.item.data?.StepType !== 'Sub-Agent' &&\n           this.hasChildren;\n  }\n\n  get canExpand(): boolean {\n    // Can expand if it's a sub-agent OR if it's a parent step with children\n    return this.isSubAgent || this.isParentStep;\n  }\n\n  get canNavigateToEntity(): boolean {\n    // For steps, check if it's a type that has a target and if TargetLogID exists\n    if (this.item.type === 'step' && this.item.data) {\n      const stepType = this.item.data.StepType;\n      return (stepType === 'Actions' || stepType === 'Prompt' || stepType === 'Sub-Agent') \n        && !!this.item.data.TargetLogID;\n    }\n    return false;\n  }\n\n  get entityNavigationText(): string {\n    // For step types, check the StepType\n    if (this.item.type === 'step' && this.item.data) {\n      const stepType = this.item.data.StepType;\n      switch (stepType.trim().toLowerCase()) {\n        case 'actions':\n          return 'View Action Log';\n        case 'prompt':\n          return 'View Prompt Run';\n        case 'sub-agent':\n          return 'View Agent Run';\n        default:\n          return 'View Details';\n      }\n    }\n\n    return \"\";\n  }\n\n  getStatusIcon(status: string): string {\n    const iconMap: Record<string, string> = {\n      'Running': 'fa-circle-notch fa-spin',\n      'Completed': 'fa-check-circle',\n      'Failed': 'fa-times-circle',\n      'Cancelled': 'fa-ban',\n      'Paused': 'fa-pause-circle'\n    };\n    return iconMap[status] || 'fa-question-circle';\n  }\n\n  handleClick() {\n    this.itemClick.emit(this.item);\n  }\n\n  handleExpandToggle(event: Event) {\n    if (this.canExpand) {\n      this.expandToggle.emit(event);\n    }\n  }\n\n  navigateToRecord(event: Event) {\n    event.stopPropagation();\n    \n    if (!this.canNavigateToEntity) return;\n\n    let entityName = '';\n    let recordId = '';\n\n    // For step types, use TargetLogID and determine entity based on StepType\n    if (this.item.type === 'step' && this.item.data) {\n      recordId = this.item.data.TargetLogID;\n      const stepType = this.item.data.StepType;\n      \n      switch (stepType.trim().toLowerCase()) {\n        case 'actions':\n          entityName = 'MJ: Action Execution Logs';\n          break;\n        case 'prompt':\n          entityName = 'MJ: AI Prompt Runs';\n          break;\n        case 'sub-agent':\n          entityName = 'MJ: AI Agent Runs';\n          break;\n      }\n    } else {\n      // For direct types, use the item ID\n      recordId = this.item.id;\n      \n      switch (this.item.type.trim().toLowerCase()) {\n        case 'actions':\n          entityName = 'MJ: Action Execution Logs';\n          break;\n        case 'prompt':\n          entityName = 'MJ: AI Prompt Runs';\n          break;\n        case 'sub-agent':\n          entityName = 'MJ: AI Agent Runs';\n          break;\n      }\n    }\n\n    if (entityName && recordId) {\n      this.navigateToEntity.emit({ entityName, recordId });\n    }\n  }\n\n  /**\n   * Skill-invocation records associated with this step (parsed from `AIAgentRunStep.Skills`).\n   * Non-empty on Skill steps (the activation performed), Prompt steps (skills in effect for\n   * the turn), and Actions/Sub-Agent steps whose tool was granted by a skill rather than a\n   * native agent grant.\n   */\n  get SkillInvocations(): MJAIAgentRunStepEntity_AgentSkillInvocation[] {\n    const raw = this.item.type === 'step' ? this.item.data?.Skills : null;\n    if (!raw) return [];\n    try {\n      const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;\n      return Array.isArray(parsed) ? parsed : [];\n    } catch {\n      return [];\n    }\n  }\n\n  /** Tooltip summarizing an invocation's provenance for the badge hover. */\n  public GetSkillChipTooltip(inv: MJAIAgentRunStepEntity_AgentSkillInvocation): string {\n    const who = inv.ActivationType === 'requested' ? 'requested by the user (/skill mention)' : 'self-activated by the agent';\n    const reason = inv.Reason ? ` — ${inv.Reason}` : '';\n    return `${inv.SkillName}: ${who}${reason}`;\n  }\n\n  getAdditionalInfo(): string {\n    if (this.item.type === 'step' && this.item.data) {\n      const step = this.item.data;\n      const parts = [];\n\n      if (step.TargetActionName) {\n        parts.push(`Action: ${step.TargetActionName}`);\n      }\n      if (step.Error) {\n        parts.push('Error occurred');\n      }\n\n      return parts.join(' • ');\n    }\n\n    if (this.item.type === 'action' && this.item.data) {\n      const log = this.item.data;\n      if (log.Message) {\n        return log.Message.substring(0, 100) + (log.Message.length > 100 ? '...' : '');\n      }\n    }\n\n    return '';\n  }\n\n  onLogoError(event: Event): void {\n    // Hide the broken image and show the icon instead by clearing logoUrl\n    const imgElement = event.target as HTMLImageElement;\n    imgElement.style.display = 'none';\n    this.item.logoUrl = undefined;\n  }\n}","<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    @if (SkillInvocations.length > 0) {\n      <div class=\"timeline-skills\">\n        @for (inv of SkillInvocations; track inv.SkillID) {\n          <span class=\"skill-chip\" [attr.data-activation]=\"inv.ActivationType\" [title]=\"GetSkillChipTooltip(inv)\">\n            <i class=\"fas fa-wand-magic-sparkles\"></i>\n            {{ inv.SkillName }}\n            <span class=\"skill-chip-mode\">{{ inv.ActivationType === 'requested' ? 'user' : 'auto' }}</span>\n          </span>\n        }\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>"]}
+{"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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","sourcesContent":["import { Component, Input, Output, EventEmitter } from '@angular/core';\nimport { MJAIAgentRunStepEntity_AgentSkillInvocation } from '@memberjunction/core-entities';\nimport { TimelineItem } from './ai-agent-run-timeline.component';\n\n@Component({\n  standalone: false,\n  selector: 'mj-ai-agent-run-step-node',\n  templateUrl: './ai-agent-run-step-node.component.html',\n  styleUrls: ['./ai-agent-run-step-node.component.css']\n})\nexport class AIAgentRunStepNodeComponent {\n  @Input() item!: TimelineItem;\n  @Input() isSelected = false;\n  @Output() itemClick = new EventEmitter<TimelineItem>();\n  @Output() expandToggle = new EventEmitter<Event>();\n  @Output() navigateToEntity = new EventEmitter<{ entityName: string; recordId: string }>();\n\n  get hasChildren(): boolean {\n    return !!this.item.children && this.item.children.length > 0;\n  }\n\n  get isSubAgent(): boolean {\n    // A TaskGraph step expands too: it stands in for a whole graph of Task rows, and without the\n    // affordance the run stops at \"Task Graph: X\" with no way to see what actually ran.\n    return this.item.type === 'subrun' ||\n      (this.item.type === 'step' && (this.item.data?.StepType === 'Sub-Agent' || this.item.data?.StepType === 'TaskGraph'));\n  }\n\n  get isParentStep(): boolean {\n    // STRUCTURAL, not type-gated. Anything holding children can be opened — a loop's iterations, a\n    // workflow's steps, a nested run. The old test required `type === 'step'`, so a ForEach that\n    // came from a task graph rendered its children into the model and then offered no way to reach\n    // them: the work existed, was loaded, and was unreachable.\n    return !this.isSubAgent && this.hasChildren;\n  }\n\n  get canExpand(): boolean {\n    // Can expand if it's a sub-agent OR if it's a parent step with children\n    return this.isSubAgent || this.isParentStep;\n  }\n\n  get canNavigateToEntity(): boolean {\n    // For steps, check if it's a type that has a target and if TargetLogID exists\n    if (this.item.type === 'step' && this.item.data) {\n      const stepType = this.item.data.StepType;\n      return (stepType === 'Actions' || stepType === 'Prompt' || stepType === 'Sub-Agent') \n        && !!this.item.data.TargetLogID;\n    }\n    return false;\n  }\n\n  get entityNavigationText(): string {\n    // For step types, check the StepType\n    if (this.item.type === 'step' && this.item.data) {\n      const stepType = this.item.data.StepType;\n      switch (stepType.trim().toLowerCase()) {\n        case 'actions':\n          return 'View Action Log';\n        case 'prompt':\n          return 'View Prompt Run';\n        case 'sub-agent':\n          return 'View Agent Run';\n        case 'taskgraph':\n          return 'View Workflow Run';\n        default:\n          return 'View Details';\n      }\n    }\n\n    return \"\";\n  }\n\n  /**\n   * The glyph beside a row's status word.\n   *\n   * Covers BOTH status vocabularies' worth of meaning, because this list used to know only what an\n   * `AIAgentRunStep` can be — `Running / Completed / Failed / Cancelled / Paused`. A workflow step is\n   * `Pending`, `Skipped` or `Blocked` (and says `Complete`, not `Completed`), so every row belonging\n   * to a task graph fell through to the unknown glyph and rendered a question mark. The projection\n   * now normalizes the two vocabularies into one; these are the values it can produce.\n   */\n  getStatusIcon(status: string): string {\n    const iconMap: Record<string, string> = {\n      'Running': 'fa-circle-notch fa-spin',\n      'Completed': 'fa-check-circle',\n      'Failed': 'fa-times-circle',\n      'Cancelled': 'fa-ban',\n      'Paused': 'fa-pause-circle',\n      // A branch the workflow did not take. Not a failure and not a pause — deliberately its own\n      // glyph, because reading it as either sends someone hunting for a problem that never happened.\n      'Skipped': 'fa-diamond-turn-right',\n      'Pending': 'fa-hourglass-half',\n      // Failure-driven unsatisfiability: something upstream broke and this can no longer run.\n      'Blocked': 'fa-circle-exclamation',\n      'Waiting': 'fa-user-clock'\n    };\n    return iconMap[status] || 'fa-question-circle';\n  }\n\n  handleClick() {\n    this.itemClick.emit(this.item);\n  }\n\n  handleExpandToggle(event: Event) {\n    if (this.canExpand) {\n      this.expandToggle.emit(event);\n    }\n  }\n\n  navigateToRecord(event: Event) {\n    event.stopPropagation();\n    \n    if (!this.canNavigateToEntity) return;\n\n    let entityName = '';\n    let recordId = '';\n\n    // For step types, use TargetLogID and determine entity based on StepType\n    if (this.item.type === 'step' && this.item.data) {\n      recordId = this.item.data.TargetLogID;\n      const stepType = this.item.data.StepType;\n      \n      switch (stepType.trim().toLowerCase()) {\n        case 'actions':\n          entityName = 'MJ: Action Execution Logs';\n          break;\n        case 'prompt':\n          entityName = 'MJ: AI Prompt Runs';\n          break;\n        case 'sub-agent':\n          entityName = 'MJ: AI Agent Runs';\n          break;\n      }\n    } else {\n      // For direct types, use the item ID\n      recordId = this.item.id;\n      \n      switch (this.item.type.trim().toLowerCase()) {\n        case 'actions':\n          entityName = 'MJ: Action Execution Logs';\n          break;\n        case 'prompt':\n          entityName = 'MJ: AI Prompt Runs';\n          break;\n        case 'sub-agent':\n          entityName = 'MJ: AI Agent Runs';\n          break;\n      }\n    }\n\n    if (entityName && recordId) {\n      this.navigateToEntity.emit({ entityName, recordId });\n    }\n  }\n\n  /**\n   * Skill-invocation records associated with this step (parsed from `AIAgentRunStep.Skills`).\n   * Non-empty on Skill steps (the activation performed), Prompt steps (skills in effect for\n   * the turn), and Actions/Sub-Agent steps whose tool was granted by a skill rather than a\n   * native agent grant.\n   */\n  get SkillInvocations(): MJAIAgentRunStepEntity_AgentSkillInvocation[] {\n    const raw = this.item.type === 'step' ? this.item.data?.Skills : null;\n    if (!raw) return [];\n    try {\n      const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;\n      return Array.isArray(parsed) ? parsed : [];\n    } catch {\n      return [];\n    }\n  }\n\n  /** Tooltip summarizing an invocation's provenance for the badge hover. */\n  public GetSkillChipTooltip(inv: MJAIAgentRunStepEntity_AgentSkillInvocation): string {\n    const who = inv.ActivationType === 'requested' ? 'requested by the user (/skill mention)' : 'self-activated by the agent';\n    const reason = inv.Reason ? ` — ${inv.Reason}` : '';\n    return `${inv.SkillName}: ${who}${reason}`;\n  }\n\n  getAdditionalInfo(): string {\n    if (this.item.type === 'step' && this.item.data) {\n      const step = this.item.data;\n      const parts = [];\n\n      if (step.TargetActionName) {\n        parts.push(`Action: ${step.TargetActionName}`);\n      }\n      if (step.Error) {\n        parts.push('Error occurred');\n      }\n\n      return parts.join(' • ');\n    }\n\n    if (this.item.type === 'action' && this.item.data) {\n      const log = this.item.data;\n      if (log.Message) {\n        return log.Message.substring(0, 100) + (log.Message.length > 100 ? '...' : '');\n      }\n    }\n\n    return '';\n  }\n\n  onLogoError(event: Event): void {\n    // Hide the broken image and show the icon instead by clearing logoUrl\n    const imgElement = event.target as HTMLImageElement;\n    imgElement.style.display = 'none';\n    this.item.logoUrl = undefined;\n  }\n}","<div class=\"timeline-item\"\n  [class.selected]=\"isSelected\"\n  [attr.data-status]=\"item.status\"\n  [attr.data-type]=\"item.type\"\n  [attr.data-provenance]=\"item.provenance\"\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      @if (item.startTime) {\n        <span class=\"timeline-time\">{{ item.startTime | date:'h:mm:ss.SSS a' }}</span>\n      } @else {\n        <span class=\"timeline-time timeline-time--none\" title=\"This step has not started\">&mdash;</span>\n      }\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    @if (SkillInvocations.length > 0) {\n      <div class=\"timeline-skills\">\n        @for (inv of SkillInvocations; track inv.SkillID) {\n          <span class=\"skill-chip\" [attr.data-activation]=\"inv.ActivationType\" [title]=\"GetSkillChipTooltip(inv)\">\n            <i class=\"fas fa-wand-magic-sparkles\"></i>\n            {{ inv.SkillName }}\n            <span class=\"skill-chip-mode\">{{ inv.ActivationType === 'requested' ? 'user' : 'auto' }}</span>\n          </span>\n        }\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>"]}

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

@@ -1,16 +1,40 @@
 import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { Observable } from 'rxjs';
-import { MJAIAgentRunEntity, MJAIAgentRunStepEntity, MJActionExecutionLogEntity, MJAIPromptRunEntity } from '@memberjunction/core-entities';
+import { MJAIAgentRunEntity, MJAIAgentRunStepEntity, MJActionExecutionLogEntity, MJAIPromptRunEntity, MJTaskEntity } from '@memberjunction/core-entities';
 import { AIAgentRunDataHelper } from './ai-agent-run-data.service';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { type AgentRunTreeNode } from '@memberjunction/ai-core-plus';
 import * as i0 from "@angular/core";
 export interface TimelineItem {
     id: string;
-    type: 'step' | 'subrun' | 'action' | 'prompt';
+    /**
+     * What the row represents.
+     *
+     * `taskgraph` and `task` are dispatcher work — a graph that outlives the run that submitted it,
+     * and the steps inside it. They are rendered as ordinary rows rather than as an embedded diagram,
+     * and colour-coded so their provenance is visible without opening anything.
+     */
+    type: 'step' | 'subrun' | 'action' | 'prompt' | 'taskgraph' | 'task';
+    /**
+     * Where this row's work ran, when that is not obvious from its type.
+     *
+     * `'workflow'` means it ran on the task-graph dispatcher and outlives the agent run that
+     * submitted it. Kept separate from `type` on purpose: a workflow step that runs an action IS an
+     * action and should render as one — provenance styles it, it does not redefine it.
+     */
+    provenance?: 'workflow';
     title: string;
     subtitle: string;
     status: string;
-    startTime: Date;
+    /**
+     * When this row started, or NULL when it has not.
+     *
+     * Nullable on purpose. A projection that needed "sorts last" once filled this with the maximum
+     * Date, and every unstarted row then displayed that sentinel as a real clock time — identical on
+     * every row and indistinguishable from data. Ordering belongs to whatever produced the rows; a row
+     * that has not run has no start time, and says so by having none.
+     */
+    startTime: Date | null;
     endTime?: Date;
     duration?: string;
     icon: string;
@@ -27,6 +51,14 @@ export interface TimelineItem {
 export declare class AIAgentRunTimelineComponent extends BaseAngularComponent implements OnInit, OnDestroy {
     private cdr;
     aiAgentRunId: string;
+    /**
+     * 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.
+     */
+    RunTree: AgentRunTreeNode | null;
     dataHelper: AIAgentRunDataHelper;
     itemSelected: EventEmitter<TimelineItem>;
     navigateToEntity: EventEmitter<{
@@ -42,6 +74,8 @@ export declare class AIAgentRunTimelineComponent extends BaseAngularComponent im
     loading: boolean;
     error: string | null;
     selectedItem: TimelineItem | null;
+    /** Graph steps currently being expanded, so a second click cannot start a second load. */
+    private expandingGraphIDs;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
@@ -62,9 +96,44 @@ export declare class AIAgentRunTimelineComponent extends BaseAngularComponent im
     /**
      * 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: TimelineItem): string | 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: {
+        TaskID: string;
+        Task: MJTaskEntity | null;
+    }): void;
+    /**
+     * 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.
+     */
+    ExpandTaskGraph(item: TimelineItem): Promise<void>;
+    /** True while a graph's steps are being fetched, so the row can say so. */
+    IsExpandingGraph(item: TimelineItem): boolean;
     trackByItemId(index: number, item: TimelineItem): string;
     createSubRunDataHelper(): AIAgentRunDataHelper;
     static ɵfac: i0.ɵɵFactoryDeclaration<AIAgentRunTimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AIAgentRunTimelineComponent, "mj-ai-agent-run-timeline", never, { "aiAgentRunId": { "alias": "aiAgentRunId"; "required": false; }; "dataHelper": { "alias": "dataHelper"; "required": false; }; }, { "itemSelected": "itemSelected"; "navigateToEntity": "navigateToEntity"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AIAgentRunTimelineComponent, "mj-ai-agent-run-timeline", never, { "aiAgentRunId": { "alias": "aiAgentRunId"; "required": false; }; "RunTree": { "alias": "RunTree"; "required": false; }; "dataHelper": { "alias": "dataHelper"; "required": false; }; }, { "itemSelected": "itemSelected"; "navigateToEntity": "navigateToEntity"; }, never, never, false, never>;
 }
 //# sourceMappingURL=ai-agent-run-timeline.component.d.ts.map

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":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAA2B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtI,OAAO,EAAW,UAAU,EAAiB,MAAM,MAAM,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC1J,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAInE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;;AAE5F,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,MAAM,CAAC;IACrE;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,qBAOa,2BAA4B,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAiC9F,OAAO,CAAC,GAAG;IAhCJ,YAAY,EAAG,MAAM,CAAC;IAE/B;;;;;;OAMG;IACM,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IACxC,UAAU,EAAG,oBAAoB,CAAC;IACjC,YAAY,6BAAoC;IAChD,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAE1F,OAAO,CAAC,QAAQ,CAAuB;IAGvC,MAAM,EAAG,UAAU,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC9C,QAAQ,EAAG,UAAU,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5C,WAAW,EAAG,UAAU,CAAC,0BAA0B,EAAE,CAAC,CAAC;IACvD,WAAW,EAAG,UAAU,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAEhD,cAAc,EAAG,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC;IAE5C,OAAO,UAAQ;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5B,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAEzC,0FAA0F;IAC1F,OAAO,CAAC,iBAAiB,CAAqB;gBAGpC,GAAG,EAAE,iBAAiB;IAI1B,QAAQ;IA8Cd,WAAW;IAML,QAAQ;IAMd,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,sBAAsB;IAiD9B,OAAO,CAAC,0BAA0B;IAkClC,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,cAAc;IAWtB,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAazD,UAAU,CAAC,IAAI,EAAE,YAAY;IAKvB,mBAAmB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK;YAsB5C,oBAAoB;IAqClC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAK5C,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAK/C,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAK/C;;OAEG;IACH;;;;;;;OAOG;IACH,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,MAAM,GAAG,IAAI;IAYvD;;;;;;OAMG;IACH,mBAAmB,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI;IAW/E;;;;;;;;;;;OAWG;IACG,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IA0BxD,2EAA2E;IAC3E,gBAAgB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO;IAI7C,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,GAAG,MAAM;IAIxD,sBAAsB,IAAI,oBAAoB;yCAnanC,2BAA2B;2CAA3B,2BAA2B;CAuavC"}

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

@@ -5,6 +5,8 @@ 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 { ProjectRunTreeToTimeline } from './run-tree-timeline-projection';
 import * as i0 from "@angular/core";
 const _c0 = a0 => ({ $implicit: a0 });
 function AIAgentRunTimelineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
@@ -35,10 +37,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 +76,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 +86,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);
@@ -142,12 +172,22 @@ export class AIAgentRunTimelineComponent extends BaseAngularComponent {
     constructor(cdr) {
         super();
         this.cdr = cdr;
+        /**
+         * 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.
+         */
+        this.RunTree = null;
         this.itemSelected = new EventEmitter();
         this.navigateToEntity = new EventEmitter();
         this.destroy$ = new Subject();
         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
@@ -338,6 +378,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 +434,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);
+            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 +521,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 +536,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 +548,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: 63 }); })();
 //# sourceMappingURL=ai-agent-run-timeline.component.js.map