@memberjunction/ng-conversations 6.1.0-edge.0 → 6.1.0-edge.2

package/dist/lib/components/message/workflow-plan-card.component.d.ts

@@ -0,0 +1,117 @@
+/**
+ * @fileoverview The plan card in a conversation: what an agent decomposed, and what became of it.
+ *
+ * **The moment this exists for.** An agent breaks a request into steps, the work runs, and it was
+ * good. Today that is where it ends — the decomposition was ephemeral, so the next person who wants
+ * the same thing asks an agent to invent it again. This card is where a one-off agent plan becomes
+ * reusable organizational automation (D17).
+ *
+ * Renders through the *same* `TaskGraphSpec` component the editor uses, in `ReadOnly` mode. That is
+ * deliberate: a second, simpler renderer for chat would be a second thing that can disagree with the
+ * canvas about what a graph means, and the whole program has been about removing exactly that.
+ *
+ * Save is **intent only**. This is a `widgets`-layer component in a conversation; it does not
+ * persist agents. The host converts and writes through `AgentSpecSync`, which keeps the one place
+ * that writes an agent the one place that writes an agent.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { EventEmitter } from '@angular/core';
+import type { TaskGraphSpec } from '@memberjunction/ai-core-plus';
+import type { TaskGraphRuntimeStatus } from '@memberjunction/ng-task-graph-editor';
+import * as i0 from "@angular/core";
+/** Fired when the user asks to promote this plan into a reusable workflow. */
+export declare class SaveAsWorkflowRequestedEventArgs {
+    readonly Spec: TaskGraphSpec;
+    /** The parent task the graph ran as, when it was dispatched. Absent for a folded graph. */
+    readonly ParentTaskID: string | null;
+    /**
+     * What to call it, as typed in the card.
+     *
+     * Asked here rather than in a dialog (ratified answer ④): one field and a button keeps the
+     * capture at two seconds. A saved workflow gets NO trigger from this path — it runs on
+     * demand until someone gives it a schedule — because the moment of saving is about capture,
+     * not scheduling.
+     */
+    readonly Name: string;
+    /**
+     * True when the user asked to continue in the editor rather than just save.
+     *
+     * A secondary route on purpose: making the editor mandatory turns a two-second capture into
+     * a task, which is the friction that stops good one-off plans becoming reusable.
+     */
+    readonly OpenInEditor: boolean;
+    constructor(Spec: TaskGraphSpec, 
+    /** The parent task the graph ran as, when it was dispatched. Absent for a folded graph. */
+    ParentTaskID: string | null, 
+    /**
+     * What to call it, as typed in the card.
+     *
+     * Asked here rather than in a dialog (ratified answer ④): one field and a button keeps the
+     * capture at two seconds. A saved workflow gets NO trigger from this path — it runs on
+     * demand until someone gives it a schedule — because the moment of saving is about capture,
+     * not scheduling.
+     */
+    Name: string, 
+    /**
+     * True when the user asked to continue in the editor rather than just save.
+     *
+     * A secondary route on purpose: making the editor mandatory turns a two-second capture into
+     * a task, which is the friction that stops good one-off plans becoming reusable.
+     */
+    OpenInEditor?: boolean);
+}
+export declare class WorkflowPlanCardComponent {
+    /** The plan. Null renders nothing — a card with no graph has nothing to say. */
+    Spec: TaskGraphSpec | null;
+    /** Live per-step state. Absent means the card shows the plan without a progress line. */
+    RuntimeStatus: TaskGraphRuntimeStatus | null;
+    /** Handle for status/cancel, when the graph was dispatched rather than folded. */
+    ParentTaskID: string | null;
+    /**
+     * Whether to offer Save as Workflow.
+     *
+     * Off while work is still running: offering to save a plan whose shape may yet change — a
+     * retry, a failure routing down a recovery branch — invites saving something that never
+     * actually happened.
+     */
+    AllowSaveAsWorkflow: boolean;
+    /** Starts collapsed. A plan card sits inline in a conversation and must not dominate it. */
+    Expanded: boolean;
+    SaveAsWorkflowRequested: EventEmitter<SaveAsWorkflowRequestedEventArgs>;
+    ExpandedChange: EventEmitter<boolean>;
+    /**
+     * The name to save under, seeded from the plan and editable in place.
+     *
+     * Held rather than read off the DOM so the empty-name guard is testable without a browser.
+     */
+    SaveName: string;
+    /** True once the user has typed, so the seeded name stops being overwritten by the plan's. */
+    private nameTouched;
+    get StepCount(): number;
+    get TempIds(): string[];
+    /** One line of progress, or the plan's own reasoning when nothing is running yet. */
+    get SummaryLine(): string;
+    /** True once every step has reached a state nothing will move it out of. */
+    get IsFinished(): boolean;
+    /**
+     * Save is offered only once the work has settled — or when there is no runtime at all, which is
+     * the design-time case (a plan being previewed before it runs).
+     */
+    get CanSave(): boolean;
+    ToggleExpanded(): void;
+    /**
+     * The name the field shows: what the user typed, else the plan's own name.
+     *
+     * Seeded rather than left blank because the plan already has a perfectly good name, and making
+     * someone invent one is the difference between saving and not bothering.
+     */
+    get EffectiveName(): string;
+    OnNameChanged(value: string): void;
+    /** A workflow with no name is not saveable — there would be nothing to find it by later. */
+    get CanCommit(): boolean;
+    RequestSave(openInEditor?: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WorkflowPlanCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WorkflowPlanCardComponent, "mj-workflow-plan-card", never, { "Spec": { "alias": "Spec"; "required": false; }; "RuntimeStatus": { "alias": "RuntimeStatus"; "required": false; }; "ParentTaskID": { "alias": "ParentTaskID"; "required": false; }; "AllowSaveAsWorkflow": { "alias": "AllowSaveAsWorkflow"; "required": false; }; "Expanded": { "alias": "Expanded"; "required": false; }; }, { "SaveAsWorkflowRequested": "SaveAsWorkflowRequested"; "ExpandedChange": "ExpandedChange"; }, never, never, false, never>;
+}
+//# sourceMappingURL=workflow-plan-card.component.d.ts.map

package/dist/lib/components/message/workflow-plan-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-plan-card.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/message/workflow-plan-card.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;;AAGnF,8EAA8E;AAC9E,qBAAa,gCAAgC;aAErB,IAAI,EAAE,aAAa;IACnC,2FAA2F;aAC3E,YAAY,EAAE,MAAM,GAAG,IAAI;IAC3C;;;;;;;OAOG;aACa,IAAI,EAAE,MAAM;IAC5B;;;;;OAKG;aACa,YAAY,EAAE,OAAO;gBAlBrB,IAAI,EAAE,aAAa;IACnC,2FAA2F;IAC3E,YAAY,EAAE,MAAM,GAAG,IAAI;IAC3C;;;;;;;OAOG;IACa,IAAI,EAAE,MAAM;IAC5B;;;;;OAKG;IACa,YAAY,GAAE,OAAe;CAEpD;AAED,qBAMa,yBAAyB;IAClC,gFAAgF;IAChE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAQ;IAElD,yFAAyF;IACzE,aAAa,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAEpE,kFAAkF;IAClE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEnD;;;;;;OAMG;IACa,mBAAmB,EAAE,OAAO,CAAQ;IAEpD,4FAA4F;IAC5E,QAAQ,EAAE,OAAO,CAAS;IAEzB,uBAAuB,iDAAwD;IAC/E,cAAc,wBAA+B;IAE9D;;;;OAIG;IACI,QAAQ,SAAM;IAErB,8FAA8F;IAC9F,OAAO,CAAC,WAAW,CAAS;IAE5B,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,OAAO,IAAI,MAAM,EAAE,CAE7B;IAED,qFAAqF;IACrF,IAAW,WAAW,IAAI,MAAM,CAG/B;IAED,4EAA4E;IAC5E,IAAW,UAAU,IAAI,OAAO,CAE/B;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,OAAO,CAE5B;IAEM,cAAc,IAAI,IAAI;IAK7B;;;;;OAKG;IACH,IAAW,aAAa,IAAI,MAAM,CAEjC;IAEM,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAKzC,4FAA4F;IAC5F,IAAW,SAAS,IAAI,OAAO,CAE9B;IAEM,WAAW,CAAC,YAAY,GAAE,OAAe,GAAG,IAAI;yCAvF9C,yBAAyB;2CAAzB,yBAAyB;CAmGrC"}

package/dist/lib/components/message/workflow-plan-card.component.js

@@ -0,0 +1,230 @@
+/**
+ * @fileoverview The plan card in a conversation: what an agent decomposed, and what became of it.
+ *
+ * **The moment this exists for.** An agent breaks a request into steps, the work runs, and it was
+ * good. Today that is where it ends — the decomposition was ephemeral, so the next person who wants
+ * the same thing asks an agent to invent it again. This card is where a one-off agent plan becomes
+ * reusable organizational automation (D17).
+ *
+ * Renders through the *same* `TaskGraphSpec` component the editor uses, in `ReadOnly` mode. That is
+ * deliberate: a second, simpler renderer for chat would be a second thing that can disagree with the
+ * canvas about what a graph means, and the whole program has been about removing exactly that.
+ *
+ * Save is **intent only**. This is a `widgets`-layer component in a conversation; it does not
+ * persist agents. The host converts and writes through `AgentSpecSync`, which keeps the one place
+ * that writes an agent the one place that writes an agent.
+ *
+ * @module @memberjunction/ng-conversations
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { IsRuntimeSettled, SummarizeRuntime } from '@memberjunction/ng-task-graph-editor';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-task-graph-editor";
+import * as i3 from "@memberjunction/ng-ui-components";
+function WorkflowPlanCardComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 6);
+} }
+function WorkflowPlanCardComponent_Conditional_0_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "input", 10);
+    i0.ɵɵlistener("ngModelChange", function WorkflowPlanCardComponent_Conditional_0_Conditional_8_Conditional_2_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnNameChanged($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "button", 11);
+    i0.ɵɵlistener("click", function WorkflowPlanCardComponent_Conditional_0_Conditional_8_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RequestSave(false)); });
+    i0.ɵɵelement(3, "i", 12);
+    i0.ɵɵtext(4, " Save as Workflow ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 13);
+    i0.ɵɵlistener("click", function WorkflowPlanCardComponent_Conditional_0_Conditional_8_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RequestSave(true)); });
+    i0.ɵɵtext(6, " Open in editor ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "p", 14);
+    i0.ɵɵtext(8, "Saved workflows run on demand until you give them a schedule.");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngModel", ctx_r1.EffectiveName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !ctx_r1.CanCommit);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r1.CanCommit);
+} }
+function WorkflowPlanCardComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "mj-task-graph-editor", 8);
+    i0.ɵɵconditionalCreate(2, WorkflowPlanCardComponent_Conditional_0_Conditional_8_Conditional_2_Template, 9, 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Spec", ctx_r1.Spec)("RuntimeStatus", ctx_r1.RuntimeStatus)("ReadOnly", true)("ShowPalette", false)("ShowToolbar", false)("ShowMinimap", false);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CanSave ? 2 : -1);
+} }
+function WorkflowPlanCardComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
+    i0.ɵɵlistener("click", function WorkflowPlanCardComponent_Conditional_0_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleExpanded()); });
+    i0.ɵɵelement(2, "i", 3);
+    i0.ɵɵelementStart(3, "span", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 5);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, WorkflowPlanCardComponent_Conditional_0_Conditional_7_Template, 1, 0, "i", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, WorkflowPlanCardComponent_Conditional_0_Conditional_8_Template, 3, 7, "div", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mj-wpc--expanded", ctx_r1.Expanded);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-expanded", ctx_r1.Expanded);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.Expanded)("fa-chevron-down", ctx_r1.Expanded);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.Spec.workflowName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.SummaryLine);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsFinished ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Expanded ? 8 : -1);
+} }
+/** Fired when the user asks to promote this plan into a reusable workflow. */
+export class SaveAsWorkflowRequestedEventArgs {
+    Spec;
+    ParentTaskID;
+    Name;
+    OpenInEditor;
+    constructor(Spec, 
+    /** The parent task the graph ran as, when it was dispatched. Absent for a folded graph. */
+    ParentTaskID, 
+    /**
+     * What to call it, as typed in the card.
+     *
+     * Asked here rather than in a dialog (ratified answer ④): one field and a button keeps the
+     * capture at two seconds. A saved workflow gets NO trigger from this path — it runs on
+     * demand until someone gives it a schedule — because the moment of saving is about capture,
+     * not scheduling.
+     */
+    Name, 
+    /**
+     * True when the user asked to continue in the editor rather than just save.
+     *
+     * A secondary route on purpose: making the editor mandatory turns a two-second capture into
+     * a task, which is the friction that stops good one-off plans becoming reusable.
+     */
+    OpenInEditor = false) {
+        this.Spec = Spec;
+        this.ParentTaskID = ParentTaskID;
+        this.Name = Name;
+        this.OpenInEditor = OpenInEditor;
+    }
+}
+export class WorkflowPlanCardComponent {
+    /** The plan. Null renders nothing — a card with no graph has nothing to say. */
+    Spec = null;
+    /** Live per-step state. Absent means the card shows the plan without a progress line. */
+    RuntimeStatus = null;
+    /** Handle for status/cancel, when the graph was dispatched rather than folded. */
+    ParentTaskID = null;
+    /**
+     * Whether to offer Save as Workflow.
+     *
+     * Off while work is still running: offering to save a plan whose shape may yet change — a
+     * retry, a failure routing down a recovery branch — invites saving something that never
+     * actually happened.
+     */
+    AllowSaveAsWorkflow = true;
+    /** Starts collapsed. A plan card sits inline in a conversation and must not dominate it. */
+    Expanded = false;
+    SaveAsWorkflowRequested = new EventEmitter();
+    ExpandedChange = new EventEmitter();
+    /**
+     * The name to save under, seeded from the plan and editable in place.
+     *
+     * Held rather than read off the DOM so the empty-name guard is testable without a browser.
+     */
+    SaveName = '';
+    /** True once the user has typed, so the seeded name stops being overwritten by the plan's. */
+    nameTouched = false;
+    get StepCount() {
+        return this.Spec?.tasks?.length ?? 0;
+    }
+    get TempIds() {
+        return (this.Spec?.tasks ?? []).map((t) => t.tempId);
+    }
+    /** One line of progress, or the plan's own reasoning when nothing is running yet. */
+    get SummaryLine() {
+        if (this.RuntimeStatus)
+            return SummarizeRuntime(this.RuntimeStatus, this.TempIds);
+        return this.Spec?.reasoning || `${this.StepCount} step${this.StepCount === 1 ? '' : 's'}`;
+    }
+    /** True once every step has reached a state nothing will move it out of. */
+    get IsFinished() {
+        return !!this.RuntimeStatus && IsRuntimeSettled(this.RuntimeStatus, this.TempIds);
+    }
+    /**
+     * Save is offered only once the work has settled — or when there is no runtime at all, which is
+     * the design-time case (a plan being previewed before it runs).
+     */
+    get CanSave() {
+        return this.AllowSaveAsWorkflow && !!this.Spec && (!this.RuntimeStatus || this.IsFinished);
+    }
+    ToggleExpanded() {
+        this.Expanded = !this.Expanded;
+        this.ExpandedChange.emit(this.Expanded);
+    }
+    /**
+     * The name the field shows: what the user typed, else the plan's own name.
+     *
+     * Seeded rather than left blank because the plan already has a perfectly good name, and making
+     * someone invent one is the difference between saving and not bothering.
+     */
+    get EffectiveName() {
+        return this.nameTouched ? this.SaveName : this.SaveName || (this.Spec?.workflowName ?? '');
+    }
+    OnNameChanged(value) {
+        this.nameTouched = true;
+        this.SaveName = value;
+    }
+    /** A workflow with no name is not saveable — there would be nothing to find it by later. */
+    get CanCommit() {
+        return this.CanSave && this.EffectiveName.trim().length > 0;
+    }
+    RequestSave(openInEditor = false) {
+        if (this.Spec && this.CanCommit) {
+            this.SaveAsWorkflowRequested.emit(new SaveAsWorkflowRequestedEventArgs(this.Spec, this.ParentTaskID, this.EffectiveName.trim(), openInEditor));
+        }
+    }
+    static ɵfac = function WorkflowPlanCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WorkflowPlanCardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WorkflowPlanCardComponent, selectors: [["mj-workflow-plan-card"]], inputs: { Spec: "Spec", RuntimeStatus: "RuntimeStatus", ParentTaskID: "ParentTaskID", AllowSaveAsWorkflow: "AllowSaveAsWorkflow", Expanded: "Expanded" }, outputs: { SaveAsWorkflowRequested: "SaveAsWorkflowRequested", ExpandedChange: "ExpandedChange" }, standalone: false, decls: 1, vars: 1, consts: [[1, "mj-wpc", 3, "mj-wpc--expanded"], [1, "mj-wpc"], ["type", "button", 1, "mj-wpc__header", 3, "click"], [1, "fa-solid"], [1, "mj-wpc__title"], [1, "mj-wpc__summary"], ["aria-label", "Finished", 1, "fa-solid", "fa-circle-check", "mj-wpc__done"], [1, "mj-wpc__body"], [1, "mj-wpc__canvas", 3, "Spec", "RuntimeStatus", "ReadOnly", "ShowPalette", "ShowToolbar", "ShowMinimap"], [1, "mj-wpc__actions"], ["type", "text", "aria-label", "Workflow name", 1, "mj-wpc__name", 3, "ngModelChange", "ngModel"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "disabled"], [1, "mj-wpc__note"]], template: function WorkflowPlanCardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, WorkflowPlanCardComponent_Conditional_0_Template, 9, 11, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Spec ? 0 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.TaskGraphEditorComponent, i3.MJButtonDirective], styles: ["\n\n.mj-wpc[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: var(--mj-radius-md, 6px);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.mj-wpc__header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-sm, 0.5rem);\n  width: 100%;\n  padding: var(--mj-space-sm, 0.5rem) var(--mj-space-md, 1rem);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n}\n\n.mj-wpc__title[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.mj-wpc__summary[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  color: var(--mj-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-wpc__done[_ngcontent-%COMP%] {\n  color: var(--mj-color-success);\n}\n\n.mj-wpc__body[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n\n\n.mj-wpc__canvas[_ngcontent-%COMP%] {\n  height: 320px;\n  min-height: 0;\n}\n\n.mj-wpc__actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  padding: var(--mj-space-sm, 0.5rem) var(--mj-space-md, 1rem);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n\n\n.mj-wpc__name[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  font: inherit;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.mj-wpc__name[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--mj-color-primary);\n  outline-offset: -1px;\n}\n\n\n\n.mj-wpc__note[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-2);\n  font-size: var(--mj-font-size-xs);\n  color: var(--mj-text-tertiary);\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkflowPlanCardComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-workflow-plan-card', template: "@if (Spec) {\n  <div class=\"mj-wpc\" [class.mj-wpc--expanded]=\"Expanded\">\n    <button type=\"button\" class=\"mj-wpc__header\" (click)=\"ToggleExpanded()\"\n            [attr.aria-expanded]=\"Expanded\">\n      <i class=\"fa-solid\" [class.fa-chevron-right]=\"!Expanded\" [class.fa-chevron-down]=\"Expanded\"></i>\n      <span class=\"mj-wpc__title\">{{ Spec.workflowName }}</span>\n      <span class=\"mj-wpc__summary\">{{ SummaryLine }}</span>\n      @if (IsFinished) {\n        <i class=\"fa-solid fa-circle-check mj-wpc__done\" aria-label=\"Finished\"></i>\n      }\n    </button>\n\n    @if (Expanded) {\n      <div class=\"mj-wpc__body\">\n        <!-- The SAME component the editor uses, read-only. A simpler chat-only renderer would be a\n             second thing that can disagree with the canvas about what a graph means. -->\n        <mj-task-graph-editor\n          class=\"mj-wpc__canvas\"\n          [Spec]=\"Spec\"\n          [RuntimeStatus]=\"RuntimeStatus\"\n          [ReadOnly]=\"true\"\n          [ShowPalette]=\"false\"\n          [ShowToolbar]=\"false\"\n          [ShowMinimap]=\"false\">\n        </mj-task-graph-editor>\n\n        @if (CanSave) {\n          <!-- Name it inline, then offer the editor (ratified answer \u2463). No trigger is requested\n               here: saving is capture, not scheduling. -->\n          <div class=\"mj-wpc__actions\">\n            <input\n              class=\"mj-wpc__name\"\n              type=\"text\"\n              aria-label=\"Workflow name\"\n              [ngModel]=\"EffectiveName\"\n              (ngModelChange)=\"OnNameChanged($event)\" />\n            <button mjButton variant=\"primary\" size=\"sm\" [disabled]=\"!CanCommit\" (click)=\"RequestSave(false)\">\n              <i class=\"fa-solid fa-floppy-disk\"></i> Save as Workflow\n            </button>\n            <button mjButton variant=\"secondary\" size=\"sm\" [disabled]=\"!CanCommit\" (click)=\"RequestSave(true)\">\n              Open in editor\n            </button>\n          </div>\n          <p class=\"mj-wpc__note\">Saved workflows run on demand until you give them a schedule.</p>\n        }\n      </div>\n    }\n  </div>\n}\n", styles: ["/* Design tokens only \u2014 no hardcoded colors. */\n.mj-wpc {\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: var(--mj-radius-md, 6px);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.mj-wpc__header {\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-sm, 0.5rem);\n  width: 100%;\n  padding: var(--mj-space-sm, 0.5rem) var(--mj-space-md, 1rem);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  color: var(--mj-text-primary);\n}\n\n.mj-wpc__title {\n  font-weight: 600;\n}\n\n.mj-wpc__summary {\n  flex: 1 1 auto;\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  color: var(--mj-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-wpc__done {\n  color: var(--mj-color-success);\n}\n\n.mj-wpc__body {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n/* A plan card sits inline in a conversation \u2014 a bounded height keeps it from dominating the thread. */\n.mj-wpc__canvas {\n  height: 320px;\n  min-height: 0;\n}\n\n.mj-wpc__actions {\n  display: flex;\n  justify-content: flex-start;\n  padding: var(--mj-space-sm, 0.5rem) var(--mj-space-md, 1rem);\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n/* Name it inline (\u2463): one field and a button, so capture stays a two-second act. */\n.mj-wpc__name {\n  flex: 1;\n  min-width: 0;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  padding: var(--mj-space-2) var(--mj-space-3);\n  font: inherit;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.mj-wpc__name:focus-visible {\n  outline: 2px solid var(--mj-color-primary);\n  outline-offset: -1px;\n}\n\n/* States the default plainly, so nobody goes looking for a schedule field that is not there. */\n.mj-wpc__note {\n  margin-top: var(--mj-space-2);\n  font-size: var(--mj-font-size-xs);\n  color: var(--mj-text-tertiary);\n}\n"] }]
+    }], null, { Spec: [{
+            type: Input
+        }], RuntimeStatus: [{
+            type: Input
+        }], ParentTaskID: [{
+            type: Input
+        }], AllowSaveAsWorkflow: [{
+            type: Input
+        }], Expanded: [{
+            type: Input
+        }], SaveAsWorkflowRequested: [{
+            type: Output
+        }], ExpandedChange: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WorkflowPlanCardComponent, { className: "WorkflowPlanCardComponent", filePath: "src/lib/components/message/workflow-plan-card.component.ts", lineNumber: 55 }); })();
+//# sourceMappingURL=workflow-plan-card.component.js.map

package/dist/lib/components/message/workflow-plan-card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-plan-card.component.js","sourceRoot":"","sources":["../../../../src/lib/components/message/workflow-plan-card.component.ts","../../../../src/lib/components/message/workflow-plan-card.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview The plan card in a conversation: what an agent decomposed, and what became of it.\n *\n * **The moment this exists for.** An agent breaks a request into steps, the work runs, and it was\n * good. Today that is where it ends — the decomposition was ephemeral, so the next person who wants\n * the same thing asks an agent to invent it again. This card is where a one-off agent plan becomes\n * reusable organizational automation (D17).\n *\n * Renders through the *same* `TaskGraphSpec` component the editor uses, in `ReadOnly` mode. That is\n * deliberate: a second, simpler renderer for chat would be a second thing that can disagree with the\n * canvas about what a graph means, and the whole program has been about removing exactly that.\n *\n * Save is **intent only**. This is a `widgets`-layer component in a conversation; it does not\n * persist agents. The host converts and writes through `AgentSpecSync`, which keeps the one place\n * that writes an agent the one place that writes an agent.\n *\n * @module @memberjunction/ng-conversations\n */\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport type { TaskGraphSpec } from '@memberjunction/ai-core-plus';\nimport type { TaskGraphRuntimeStatus } from '@memberjunction/ng-task-graph-editor';\nimport { IsRuntimeSettled, SummarizeRuntime } from '@memberjunction/ng-task-graph-editor';\n\n/** Fired when the user asks to promote this plan into a reusable workflow. */\nexport class SaveAsWorkflowRequestedEventArgs {\n    constructor(\n        public readonly Spec: TaskGraphSpec,\n        /** The parent task the graph ran as, when it was dispatched. Absent for a folded graph. */\n        public readonly ParentTaskID: string | null,\n        /**\n         * What to call it, as typed in the card.\n         *\n         * Asked here rather than in a dialog (ratified answer ④): one field and a button keeps the\n         * capture at two seconds. A saved workflow gets NO trigger from this path — it runs on\n         * demand until someone gives it a schedule — because the moment of saving is about capture,\n         * not scheduling.\n         */\n        public readonly Name: string,\n        /**\n         * True when the user asked to continue in the editor rather than just save.\n         *\n         * A secondary route on purpose: making the editor mandatory turns a two-second capture into\n         * a task, which is the friction that stops good one-off plans becoming reusable.\n         */\n        public readonly OpenInEditor: boolean = false,\n    ) {}\n}\n\n@Component({\n    standalone: false,\n    selector: 'mj-workflow-plan-card',\n    templateUrl: './workflow-plan-card.component.html',\n    styleUrls: ['./workflow-plan-card.component.css'],\n})\nexport class WorkflowPlanCardComponent {\n    /** The plan. Null renders nothing — a card with no graph has nothing to say. */\n    @Input() public Spec: TaskGraphSpec | null = null;\n\n    /** Live per-step state. Absent means the card shows the plan without a progress line. */\n    @Input() public RuntimeStatus: TaskGraphRuntimeStatus | null = null;\n\n    /** Handle for status/cancel, when the graph was dispatched rather than folded. */\n    @Input() public ParentTaskID: string | null = null;\n\n    /**\n     * Whether to offer Save as Workflow.\n     *\n     * Off while work is still running: offering to save a plan whose shape may yet change — a\n     * retry, a failure routing down a recovery branch — invites saving something that never\n     * actually happened.\n     */\n    @Input() public AllowSaveAsWorkflow: boolean = true;\n\n    /** Starts collapsed. A plan card sits inline in a conversation and must not dominate it. */\n    @Input() public Expanded: boolean = false;\n\n    @Output() public SaveAsWorkflowRequested = new EventEmitter<SaveAsWorkflowRequestedEventArgs>();\n    @Output() public ExpandedChange = new EventEmitter<boolean>();\n\n    /**\n     * The name to save under, seeded from the plan and editable in place.\n     *\n     * Held rather than read off the DOM so the empty-name guard is testable without a browser.\n     */\n    public SaveName = '';\n\n    /** True once the user has typed, so the seeded name stops being overwritten by the plan's. */\n    private nameTouched = false;\n\n    public get StepCount(): number {\n        return this.Spec?.tasks?.length ?? 0;\n    }\n\n    public get TempIds(): string[] {\n        return (this.Spec?.tasks ?? []).map((t) => t.tempId);\n    }\n\n    /** One line of progress, or the plan's own reasoning when nothing is running yet. */\n    public get SummaryLine(): string {\n        if (this.RuntimeStatus) return SummarizeRuntime(this.RuntimeStatus, this.TempIds);\n        return this.Spec?.reasoning || `${this.StepCount} step${this.StepCount === 1 ? '' : 's'}`;\n    }\n\n    /** True once every step has reached a state nothing will move it out of. */\n    public get IsFinished(): boolean {\n        return !!this.RuntimeStatus && IsRuntimeSettled(this.RuntimeStatus, this.TempIds);\n    }\n\n    /**\n     * Save is offered only once the work has settled — or when there is no runtime at all, which is\n     * the design-time case (a plan being previewed before it runs).\n     */\n    public get CanSave(): boolean {\n        return this.AllowSaveAsWorkflow && !!this.Spec && (!this.RuntimeStatus || this.IsFinished);\n    }\n\n    public ToggleExpanded(): void {\n        this.Expanded = !this.Expanded;\n        this.ExpandedChange.emit(this.Expanded);\n    }\n\n    /**\n     * The name the field shows: what the user typed, else the plan's own name.\n     *\n     * Seeded rather than left blank because the plan already has a perfectly good name, and making\n     * someone invent one is the difference between saving and not bothering.\n     */\n    public get EffectiveName(): string {\n        return this.nameTouched ? this.SaveName : this.SaveName || (this.Spec?.workflowName ?? '');\n    }\n\n    public OnNameChanged(value: string): void {\n        this.nameTouched = true;\n        this.SaveName = value;\n    }\n\n    /** A workflow with no name is not saveable — there would be nothing to find it by later. */\n    public get CanCommit(): boolean {\n        return this.CanSave && this.EffectiveName.trim().length > 0;\n    }\n\n    public RequestSave(openInEditor: boolean = false): void {\n        if (this.Spec && this.CanCommit) {\n            this.SaveAsWorkflowRequested.emit(\n                new SaveAsWorkflowRequestedEventArgs(\n                    this.Spec,\n                    this.ParentTaskID,\n                    this.EffectiveName.trim(),\n                    openInEditor,\n                ),\n            );\n        }\n    }\n}\n","@if (Spec) {\n  <div class=\"mj-wpc\" [class.mj-wpc--expanded]=\"Expanded\">\n    <button type=\"button\" class=\"mj-wpc__header\" (click)=\"ToggleExpanded()\"\n            [attr.aria-expanded]=\"Expanded\">\n      <i class=\"fa-solid\" [class.fa-chevron-right]=\"!Expanded\" [class.fa-chevron-down]=\"Expanded\"></i>\n      <span class=\"mj-wpc__title\">{{ Spec.workflowName }}</span>\n      <span class=\"mj-wpc__summary\">{{ SummaryLine }}</span>\n      @if (IsFinished) {\n        <i class=\"fa-solid fa-circle-check mj-wpc__done\" aria-label=\"Finished\"></i>\n      }\n    </button>\n\n    @if (Expanded) {\n      <div class=\"mj-wpc__body\">\n        <!-- The SAME component the editor uses, read-only. A simpler chat-only renderer would be a\n             second thing that can disagree with the canvas about what a graph means. -->\n        <mj-task-graph-editor\n          class=\"mj-wpc__canvas\"\n          [Spec]=\"Spec\"\n          [RuntimeStatus]=\"RuntimeStatus\"\n          [ReadOnly]=\"true\"\n          [ShowPalette]=\"false\"\n          [ShowToolbar]=\"false\"\n          [ShowMinimap]=\"false\">\n        </mj-task-graph-editor>\n\n        @if (CanSave) {\n          <!-- Name it inline, then offer the editor (ratified answer ④). No trigger is requested\n               here: saving is capture, not scheduling. -->\n          <div class=\"mj-wpc__actions\">\n            <input\n              class=\"mj-wpc__name\"\n              type=\"text\"\n              aria-label=\"Workflow name\"\n              [ngModel]=\"EffectiveName\"\n              (ngModelChange)=\"OnNameChanged($event)\" />\n            <button mjButton variant=\"primary\" size=\"sm\" [disabled]=\"!CanCommit\" (click)=\"RequestSave(false)\">\n              <i class=\"fa-solid fa-floppy-disk\"></i> Save as Workflow\n            </button>\n            <button mjButton variant=\"secondary\" size=\"sm\" [disabled]=\"!CanCommit\" (click)=\"RequestSave(true)\">\n              Open in editor\n            </button>\n          </div>\n          <p class=\"mj-wpc__note\">Saved workflows run on demand until you give them a schedule.</p>\n        }\n      </div>\n    }\n  </div>\n}\n"]}

package/dist/lib/components/task/tasks-full-view.component.d.ts

@@ -34,6 +34,14 @@ export declare class TasksFullViewComponent extends BaseAngularComponent impleme
     onTaskClick(task: MJTaskEntity): Promise<void>;
     private loadTaskHierarchy;
     private loadTaskDependencies;
+    /**
+     * Builds the TaskID -> AgentRunID map from each task's own AgentRunID column.
+     *
+     * Previously this joined tasks to runs through the shared ConversationDetailID, which meant
+     * every sibling task in a graph resolved to the SAME agent run — the run link in the Gantt
+     * and detail panel was wrong for all but one task. Each task now records the specific run
+     * that executed it (Task.AgentRunID), so the mapping is direct and needs no query at all.
+     */
     private loadAgentRuns;
     backToTaskList(): void;
     onSubTaskClick(subTask: MJTaskEntity): void;

package/dist/lib/components/task/tasks-full-view.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tasks-full-view.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/task/tasks-full-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAsB,MAAM,+BAA+B,CAAC;;AAKzG;;;;GAIG;AACH,qBA2Ha,sBAAuB,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAClF,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,UAAU,EAAE,MAAM,CAAS;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAChF,YAAY,8BAAqC;IAEpD,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAM;IACnC,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,kBAAkB,EAAE,YAAY,EAAE,CAAM;IACxC,gBAAgB,EAAE,sBAAsB,EAAE,CAAM;IAChD,WAAW,sBAA6B;IACxC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,mBAAmB,EAAE,OAAO,CAAS;IACrC,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,QAAQ;IAIR,WAAW,CAAC,OAAO,EAAE,aAAa;IAerB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA4D1B,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;YAY7C,iBAAiB;YAgDjB,oBAAoB;YAkCpB,aAAa;IA0EpB,cAAc,IAAI,IAAI;IAYtB,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAK3C,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAKzE,cAAc,IAAI,MAAM;IAMxB,wBAAwB,IAAI,MAAM;yCAtS9B,sBAAsB;2CAAtB,sBAAsB;CA8SlC"}
+{"version":3,"file":"tasks-full-view.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/task/tasks-full-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,QAAQ,EAAW,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAsB,MAAM,+BAA+B,CAAC;;AAKzG;;;;GAIG;AACH,qBA2Ha,sBAAuB,SAAQ,oBAAqB,YAAW,MAAM,EAAE,SAAS;IAClF,aAAa,EAAG,MAAM,CAAC;IACvB,WAAW,EAAG,QAAQ,CAAC;IACvB,UAAU,EAAE,MAAM,CAAS;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB;oBAAkC,MAAM;kBAAY,MAAM;OAAM;IAChF,YAAY,8BAAqC;IAEpD,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,aAAa,EAAE,YAAY,EAAE,CAAM;IACnC,QAAQ,EAAE,YAAY,EAAE,CAAM;IAC9B,kBAAkB,EAAE,YAAY,EAAE,CAAM;IACxC,gBAAgB,EAAE,sBAAsB,EAAE,CAAM;IAChD,WAAW,sBAA6B;IACxC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,mBAAmB,EAAE,OAAO,CAAS;IACrC,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,kBAAkB,CAAkB;IAE5C,QAAQ;IAIR,WAAW,CAAC,OAAO,EAAE,aAAa;IAerB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA4D1B,WAAW,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;YAY7C,iBAAiB;YAgDjB,oBAAoB;IAkClC;;;;;;;OAOG;IACH,OAAO,CAAC,aAAa;IASd,cAAc,IAAI,IAAI;IAYtB,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI;IAK3C,kBAAkB,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAKzE,cAAc,IAAI,MAAM;IAMxB,wBAAwB,IAAI,MAAM;yCA7O9B,sBAAsB;2CAAtB,sBAAsB;CAqPlC"}

package/dist/lib/components/task/tasks-full-view.component.js

@@ -164,7 +164,7 @@ export class TasksFullViewComponent extends BaseAngularComponent {
                 // Load task dependencies for this hierarchy
                 await this.loadTaskDependencies(rootId);
                 // Load agent runs for this hierarchy
-                await this.loadAgentRuns(allHierarchy);
+                this.loadAgentRuns(allHierarchy);
             }
             else {
                 console.error('❌ Failed to load task hierarchy:', hierarchyResult.ErrorMessage);
@@ -208,69 +208,21 @@ export class TasksFullViewComponent extends BaseAngularComponent {
             this.taskDependencies = [];
         }
     }
-    async loadAgentRuns(tasks) {
-        try {
-            // Clear existing map
-            this.agentRunMap.clear();
-            // Get all unique ConversationDetailIDs from tasks (filter out nulls)
-            const conversationDetailIds = tasks
-                .filter(t => t.ConversationDetailID != null)
-                .map(t => t.ConversationDetailID);
-            if (conversationDetailIds.length === 0) {
-                console.log('💡 No tasks with ConversationDetailID');
-                return;
-            }
-            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-            const schema = '__mj';
-            // Build filter to find agent runs for these conversation details
-            // Use a subquery to avoid passing large ID lists
-            const taskIds = tasks.map(t => `'${t.ID}'`).join(',');
-            const agentRunsResult = await rv.RunView({
-                EntityName: 'MJ: AI Agent Runs',
-                ExtraFilter: `
-            ConversationDetailID IN (
-              SELECT DISTINCT ConversationDetailID
-              FROM [${schema}].[vwTasks]
-              WHERE ID IN (${taskIds})
-              AND ConversationDetailID IS NOT NULL
-            )
-          `,
-                ResultType: 'entity_object'
-            }, this.currentUser);
-            if (agentRunsResult.Success) {
-                const agentRuns = agentRunsResult.Results || [];
-                console.log(`🤖 Loaded ${agentRuns.length} agent runs`, agentRuns);
-                // Build map: ConversationDetailID -> AgentRunID
-                const convoToRunMap = new Map();
-                agentRuns.forEach(run => {
-                    if (run.ConversationDetailID) {
-                        convoToRunMap.set(run.ConversationDetailID, run.ID);
-                        console.log(`📝 Mapping ConvoDetailID ${run.ConversationDetailID} -> RunID ${run.ID}`);
-                    }
-                });
-                // Map TaskID -> AgentRunID using ConversationDetailID as the link
-                tasks.forEach(task => {
-                    console.log(`🔍 Task ${task.Name} - ConvoDetailID: ${task.ConversationDetailID}, AgentID: ${task.AgentID}`);
-                    if (task.ConversationDetailID) {
-                        const agentRunId = convoToRunMap.get(task.ConversationDetailID);
-                        if (agentRunId) {
-                            this.agentRunMap.set(task.ID, agentRunId);
-                            console.log(`✅ Mapped Task ${task.ID} -> AgentRun ${agentRunId}`);
-                        }
-                        else {
-                            console.log(`⚠️ No agent run found for ConvoDetailID ${task.ConversationDetailID}`);
-                        }
-                    }
-                });
-                console.log(`🔗 Mapped ${this.agentRunMap.size} tasks to agent runs`, Array.from(this.agentRunMap.entries()));
-            }
-            else {
-                console.error('❌ Failed to load agent runs:', agentRunsResult.ErrorMessage);
+    /**
+     * Builds the TaskID -> AgentRunID map from each task's own AgentRunID column.
+     *
+     * Previously this joined tasks to runs through the shared ConversationDetailID, which meant
+     * every sibling task in a graph resolved to the SAME agent run — the run link in the Gantt
+     * and detail panel was wrong for all but one task. Each task now records the specific run
+     * that executed it (Task.AgentRunID), so the mapping is direct and needs no query at all.
+     */
+    loadAgentRuns(tasks) {
+        this.agentRunMap.clear();
+        for (const task of tasks) {
+            if (task.AgentRunID) {
+                this.agentRunMap.set(task.ID, task.AgentRunID);
             }
         }
-        catch (error) {
-            console.error('Failed to load agent runs:', error);
-        }
     }
     backToTaskList() {
         this.selectedTask = null;