@memberjunction/ng-task-graph-editor 6.1.0-edge.2 → 6.1.0-edge.3

package/dist/lib/task-graph-editor.component.js

@@ -84,7 +84,7 @@ function TaskGraphEditorComponent_Conditional_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵconditionalCreate(0, TaskGraphEditorComponent_Conditional_2_Conditional_0_Template, 1, 1, "mj-alert", 2);
     i0.ɵɵconditionalCreate(1, TaskGraphEditorComponent_Conditional_2_Conditional_1_Template, 6, 2, "mj-alert", 3);
     i0.ɵɵelementStart(2, "div", 4)(3, "mj-flow-editor", 5);
-    i0.ɵɵlistener("NodeSelected", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeSelected_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeSelected($event)); })("NodeAdded", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeAdded_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeAdded($event)); })("NodeRemoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeRemoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeRemoved($event)); })("NodesChanged", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodesChanged_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodesChanged($event)); })("NodeMoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeMoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeMoved($event)); })("ConnectionCreated", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_ConnectionCreated_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnConnectionCreated($event)); })("ConnectionRemoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_ConnectionRemoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnConnectionRemoved($event)); });
+    i0.ɵɵlistener("NodeSelected", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeSelected_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeSelected($event)); })("NodeAdded", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeAdded_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeAdded($event)); })("NodeRemoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeRemoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeRemoved($event)); })("NodesChanged", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodesChanged_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodesChanged($event)); })("NodeMoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_NodeMoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnNodeMoved($event)); })("ConnectionCreated", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_ConnectionCreated_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnConnectionCreated($event)); })("ConnectionRemoved", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_ConnectionRemoved_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnConnectionRemoved($event)); })("ConnectionSelected", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_ConnectionSelected_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnConnectionSelected($event)); })("LegendToggled", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_LegendToggled_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnLegendToggled($event)); })("BeforeContextMenu", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_BeforeContextMenu_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.BeforeContextMenu.emit($event)); })("AfterContextMenuAction", function TaskGraphEditorComponent_Conditional_2_Template_mj_flow_editor_AfterContextMenuAction_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.AfterContextMenuAction.emit($event)); });
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(4, TaskGraphEditorComponent_Conditional_2_Conditional_4_Template, 1, 5, "mj-task-graph-properties", 6);
     i0.ɵɵelementEnd();
@@ -94,7 +94,7 @@ function TaskGraphEditorComponent_Conditional_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵconditional(!ctx_r0.IsValid && ctx_r0.ValidationErrors.length > 0 ? 1 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Nodes", ctx_r0.Nodes)("Connections", ctx_r0.Connections)("NodeTypes", ctx_r0.NodeTypes)("ReadOnly", ctx_r0.ReadOnly)("ShowToolbar", ctx_r0.ShowToolbar)("ShowPalette", ctx_r0.ShowPalette && !ctx_r0.ReadOnly)("ShowMinimap", ctx_r0.ShowMinimap)("ShowStatusBar", ctx_r0.ShowStatusBar)("AutoLayoutDirection", ctx_r0.AutoLayoutDirection);
+    i0.ɵɵproperty("Nodes", ctx_r0.Nodes)("Connections", ctx_r0.Connections)("NodeTypes", ctx_r0.NodeTypes)("ReadOnly", ctx_r0.ReadOnly)("ShowToolbar", ctx_r0.ShowToolbar)("ToolbarVisibility", ctx_r0.ToolbarVisibility)("ToolbarAlign", ctx_r0.ToolbarAlign)("ShowPalette", ctx_r0.ShowPalette && !ctx_r0.ReadOnly)("ShowMinimap", ctx_r0.ShowMinimap)("ShowLegend", ctx_r0.ShowLegend)("ShowStatusBar", ctx_r0.ShowStatusBar)("AutoLayoutDirection", ctx_r0.AutoLayoutDirection);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.ShowProperties && !ctx_r0.ReadOnly ? 4 : -1);
 } }
@@ -142,18 +142,37 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
     set NodePositions(value) {
         if (!value || value.size === 0)
             return;
+        const key = [...value.keys()].sort().join(',');
+        const firstForThisGraph = this.fittedGeometryKey !== key;
         for (const [id, position] of value)
             this.knownPositions.set(id, { ...position });
         // Real geometry means the one-time Dagre pass has nothing to rescue.
         this.hasLaidOut = true;
         this.project();
-        this.zoomToFitSoon();
+        // Fit once per graph. Live status / poll re-supplies the same positions as a new Map,
+        // and fitting on every write snaps the viewport back while the person is zooming.
+        if (firstForThisGraph) {
+            this.fittedGeometryKey = key;
+            this.zoomToFitSoon();
+        }
     }
     /** Read-only mode. The same component is the viewer — there is no second, weaker renderer. */
     ReadOnly = false;
     ShowToolbar = true;
+    /** Full bar / chip / recover tab. Run views default this to minimized. */
+    ToolbarVisibility = 'shown';
+    ToolbarAlign = 'center';
     ShowPalette = true;
     ShowMinimap = true;
+    /**
+     * Whether the legend rides on the canvas.
+     *
+     * On for authoring, off for a run — and the difference is what the legend is FOR. It explains the
+     * authoring vocabulary (what a conditional edge means, what a duplicate default looks like),
+     * which is what someone drawing a graph needs. A run view is answering a different question —
+     * what happened — and the legend answers none of it while occluding a third of the canvas.
+     */
+    ShowLegend = true;
     ShowStatusBar = true;
     AutoLayoutDirection = 'vertical';
     /**
@@ -174,6 +193,19 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
     AvailableActionNames = [];
     /** Shown when there is nothing to draw yet. */
     EmptyStateMessage = 'No steps yet. Add one to start building this workflow.';
+    /**
+     * Debug overlay for a run. Empty by default so an embed (agent-run timeline, test harness)
+     * never grows breakpoint badges or override styling it did not ask for.
+     */
+    set DebugOverlay(value) {
+        if (this.debugOverlay === value)
+            return;
+        this.debugOverlay = value;
+        this.project();
+    }
+    get DebugOverlay() {
+        return this.debugOverlay;
+    }
     // ── Outputs ──────────────────────────────────────────────────────────────
     BeforeTaskAdded = new EventEmitter();
     AfterTaskAdded = new EventEmitter();
@@ -186,12 +218,25 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
     BeforeDependencyRemoved = new EventEmitter();
     AfterDependencyRemoved = new EventEmitter();
     /** Informational — no `Before` pair, because these report what already happened. */
+    /**
+     * The legend was shown or hidden from the canvas toolbar.
+     *
+     * Forwarded so a host can PERSIST the choice. Without it the toolbar's toggle mutates the
+     * canvas's own flag and nothing else, so the preference dies with the view — and a host that
+     * wanted it remembered would have to add a second control beside the one that already exists,
+     * which is how a surface ends up with two buttons doing the same thing and disagreeing.
+     */
+    LegendToggled = new EventEmitter();
     SpecChanged = new EventEmitter();
     SelectionChanged = new EventEmitter();
     ValidationChanged = new EventEmitter();
     /** Intent-only — the host navigates; this widget has no Router and must not acquire one. */
     AgentOpenRequested = new EventEmitter();
     RecordOpenRequested = new EventEmitter();
+    /** A connection was clicked. Payload is the canvas connection, or null when cleared. */
+    ConnectionSelected = new EventEmitter();
+    BeforeContextMenu = new EventEmitter();
+    AfterContextMenuAction = new EventEmitter();
     // ── Rendered state ───────────────────────────────────────────────────────
     Nodes = [];
     Connections = [];
@@ -202,6 +247,7 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
     canvas;
     currentSpec = null;
     currentRuntime = null;
+    debugOverlay = null;
     get IsEmpty() {
         return (this.currentSpec?.tasks?.length ?? 0) === 0;
     }
@@ -421,11 +467,12 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
             this.ValidationErrors = [];
             this.IsValid = true;
             this.hasLaidOut = false;
+            this.fittedGeometryKey = null;
             this.knownPositions.clear();
             return;
         }
-        this.Nodes = SpecToNodes(this.currentSpec, this.currentRuntime ?? undefined, this.knownPositions);
-        this.Connections = SpecToConnections(this.currentSpec);
+        this.Nodes = SpecToNodes(this.currentSpec, this.currentRuntime ?? undefined, this.knownPositions, this.debugOverlay ?? undefined);
+        this.Connections = SpecToConnections(this.currentSpec, this.currentRuntime ?? undefined, this.debugOverlay ?? undefined);
         this.Validate();
         this.arrangeIfNeverLaidOut();
     }
@@ -492,6 +539,14 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
         for (const n of nodes)
             this.knownPositions.set(n.ID, { ...n.Position });
     }
+    /** The canvas toolbar showed or hid the legend; tell whoever is remembering that choice. */
+    OnLegendToggled(show) {
+        this.ShowLegend = show;
+        this.LegendToggled.emit(show);
+    }
+    OnConnectionSelected(connection) {
+        this.ConnectionSelected.emit(connection);
+    }
     /** A single node was dragged. Same authority, narrower event. */
     OnNodeMoved(event) {
         this.knownPositions.set(event.NodeID, { ...event.NewPosition });
@@ -514,6 +569,8 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
     knownPositions = new Map();
     /** Whether the one-time Dagre pass has run (or been made unnecessary by a hand-placed node). */
     hasLaidOut = false;
+    /** Task-id set we last fitted. Same ids + a new Map must not re-fit. */
+    fittedGeometryKey = null;
     pendingLayout = null;
     static ɵfac = /*@__PURE__*/ (() => { let ɵTaskGraphEditorComponent_BaseFactory; return function TaskGraphEditorComponent_Factory(__ngFactoryType__) { return (ɵTaskGraphEditorComponent_BaseFactory || (ɵTaskGraphEditorComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TaskGraphEditorComponent)))(__ngFactoryType__ || TaskGraphEditorComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskGraphEditorComponent, selectors: [["mj-task-graph-editor"]], viewQuery: function TaskGraphEditorComponent_Query(rf, ctx) { if (rf & 1) {
@@ -521,18 +578,18 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.canvas = _t.first);
-        } }, inputs: { Spec: "Spec", RuntimeStatus: "RuntimeStatus", NodePositions: "NodePositions", ReadOnly: "ReadOnly", ShowToolbar: "ShowToolbar", ShowPalette: "ShowPalette", ShowMinimap: "ShowMinimap", ShowStatusBar: "ShowStatusBar", AutoLayoutDirection: "AutoLayoutDirection", ShowProperties: "ShowProperties", AvailableAgentNames: "AvailableAgentNames", AvailableActionNames: "AvailableActionNames", EmptyStateMessage: "EmptyStateMessage" }, outputs: { BeforeTaskAdded: "BeforeTaskAdded", AfterTaskAdded: "AfterTaskAdded", BeforeTaskRemoved: "BeforeTaskRemoved", AfterTaskRemoved: "AfterTaskRemoved", BeforeTaskUpdated: "BeforeTaskUpdated", AfterTaskUpdated: "AfterTaskUpdated", BeforeDependencyAdded: "BeforeDependencyAdded", AfterDependencyAdded: "AfterDependencyAdded", BeforeDependencyRemoved: "BeforeDependencyRemoved", AfterDependencyRemoved: "AfterDependencyRemoved", SpecChanged: "SpecChanged", SelectionChanged: "SelectionChanged", ValidationChanged: "ValidationChanged", AgentOpenRequested: "AgentOpenRequested", RecordOpenRequested: "RecordOpenRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [[1, "mj-tge"], ["Icon", "fa-diagram-project", "Title", "Nothing here yet", 3, "Message"], ["Variant", "info", 1, "mj-tge__empty-hint", 3, "Message"], ["Variant", "warning", 1, "mj-tge__validation"], [1, "mj-tge__workspace"], [1, "mj-tge__canvas", 3, "NodeSelected", "NodeAdded", "NodeRemoved", "NodesChanged", "NodeMoved", "ConnectionCreated", "ConnectionRemoved", "Nodes", "Connections", "NodeTypes", "ReadOnly", "ShowToolbar", "ShowPalette", "ShowMinimap", "ShowStatusBar", "AutoLayoutDirection"], [1, "mj-tge__properties", 3, "Task", "Spec", "ReadOnly", "AvailableAgentNames", "AvailableActionNames"], [1, "mj-tge__validation-list"], [1, "mj-tge__properties", 3, "TaskPropertyChangeRequested", "DependencyConditionChangeRequested", "Task", "Spec", "ReadOnly", "AvailableAgentNames", "AvailableActionNames"]], template: function TaskGraphEditorComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { Spec: "Spec", RuntimeStatus: "RuntimeStatus", NodePositions: "NodePositions", ReadOnly: "ReadOnly", ShowToolbar: "ShowToolbar", ToolbarVisibility: "ToolbarVisibility", ToolbarAlign: "ToolbarAlign", ShowPalette: "ShowPalette", ShowMinimap: "ShowMinimap", ShowLegend: "ShowLegend", ShowStatusBar: "ShowStatusBar", AutoLayoutDirection: "AutoLayoutDirection", ShowProperties: "ShowProperties", AvailableAgentNames: "AvailableAgentNames", AvailableActionNames: "AvailableActionNames", EmptyStateMessage: "EmptyStateMessage", DebugOverlay: "DebugOverlay" }, outputs: { BeforeTaskAdded: "BeforeTaskAdded", AfterTaskAdded: "AfterTaskAdded", BeforeTaskRemoved: "BeforeTaskRemoved", AfterTaskRemoved: "AfterTaskRemoved", BeforeTaskUpdated: "BeforeTaskUpdated", AfterTaskUpdated: "AfterTaskUpdated", BeforeDependencyAdded: "BeforeDependencyAdded", AfterDependencyAdded: "AfterDependencyAdded", BeforeDependencyRemoved: "BeforeDependencyRemoved", AfterDependencyRemoved: "AfterDependencyRemoved", LegendToggled: "LegendToggled", SpecChanged: "SpecChanged", SelectionChanged: "SelectionChanged", ValidationChanged: "ValidationChanged", AgentOpenRequested: "AgentOpenRequested", RecordOpenRequested: "RecordOpenRequested", ConnectionSelected: "ConnectionSelected", BeforeContextMenu: "BeforeContextMenu", AfterContextMenuAction: "AfterContextMenuAction" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [[1, "mj-tge"], ["Icon", "fa-diagram-project", "Title", "Nothing here yet", 3, "Message"], ["Variant", "info", 1, "mj-tge__empty-hint", 3, "Message"], ["Variant", "warning", 1, "mj-tge__validation"], [1, "mj-tge__workspace"], [1, "mj-tge__canvas", 3, "NodeSelected", "NodeAdded", "NodeRemoved", "NodesChanged", "NodeMoved", "ConnectionCreated", "ConnectionRemoved", "ConnectionSelected", "LegendToggled", "BeforeContextMenu", "AfterContextMenuAction", "Nodes", "Connections", "NodeTypes", "ReadOnly", "ShowToolbar", "ToolbarVisibility", "ToolbarAlign", "ShowPalette", "ShowMinimap", "ShowLegend", "ShowStatusBar", "AutoLayoutDirection"], [1, "mj-tge__properties", 3, "Task", "Spec", "ReadOnly", "AvailableAgentNames", "AvailableActionNames"], [1, "mj-tge__validation-list"], [1, "mj-tge__properties", 3, "TaskPropertyChangeRequested", "DependencyConditionChangeRequested", "Task", "Spec", "ReadOnly", "AvailableAgentNames", "AvailableActionNames"]], template: function TaskGraphEditorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, TaskGraphEditorComponent_Conditional_1_Template, 1, 1, "mj-empty-state", 1)(2, TaskGraphEditorComponent_Conditional_2_Template, 5, 12);
+            i0.ɵɵconditionalCreate(1, TaskGraphEditorComponent_Conditional_1_Template, 1, 1, "mj-empty-state", 1)(2, TaskGraphEditorComponent_Conditional_2_Template, 5, 15);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.IsEmpty && ctx.ReadOnly ? 1 : 2);
-        } }, dependencies: [i1.FlowEditorComponent, i2.MJEmptyStateComponent, i2.MJAlertComponent, i3.TaskGraphPropertiesPanelComponent], styles: ["\n\n.mj-tge[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: var(--mj-bg-page);\n}\n\n.mj-tge__validation[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  margin: var(--mj-space-sm, 0.5rem);\n}\n\n.mj-tge__validation-list[_ngcontent-%COMP%] {\n  margin: var(--mj-space-xs, 0.25rem) 0 0;\n  padding-inline-start: 1.25rem;\n}\n\n\n\n.mj-tge__workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n\n\n.mj-tge__canvas[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n}\n\n.mj-tge__properties[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  width: 300px;\n  min-height: 0;\n  overflow-y: auto;\n  border-left: 1px solid var(--mj-border-default);\n}\n\n@media (max-width: 900px) {\n  \n\n  .mj-tge__workspace[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .mj-tge__properties[_ngcontent-%COMP%] {\n    width: 100%;\n    max-height: 40%;\n    border-left: 0;\n    border-top: 1px solid var(--mj-border-default);\n  }\n}\n\n\n\n.mj-tge__empty-hint[_ngcontent-%COMP%] {\n  margin: var(--mj-space-2) var(--mj-space-3) 0;\n}"] });
+        } }, dependencies: [i1.FlowEditorComponent, i2.MJEmptyStateComponent, i2.MJAlertComponent, i3.TaskGraphPropertiesPanelComponent], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n  min-height: 0;\n}\n\n.mj-tge[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: var(--mj-bg-page);\n}\n\n.mj-tge__validation[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  margin: var(--mj-space-sm, 0.5rem);\n}\n\n.mj-tge__validation-list[_ngcontent-%COMP%] {\n  margin: var(--mj-space-xs, 0.25rem) 0 0;\n  padding-inline-start: 1.25rem;\n}\n\n\n\n.mj-tge__workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n\n\n.mj-tge__canvas[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n}\n\n.mj-tge__properties[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  width: 300px;\n  min-height: 0;\n  overflow-y: auto;\n  border-left: 1px solid var(--mj-border-default);\n}\n\n@media (max-width: 900px) {\n  \n\n  .mj-tge__workspace[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .mj-tge__properties[_ngcontent-%COMP%] {\n    width: 100%;\n    max-height: 40%;\n    border-left: 0;\n    border-top: 1px solid var(--mj-border-default);\n  }\n}\n\n\n\n.mj-tge__empty-hint[_ngcontent-%COMP%] {\n  margin: var(--mj-space-2) var(--mj-space-3) 0;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphEditorComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-task-graph-editor', template: "<div class=\"mj-tge\">\n  <!-- An EDITABLE empty canvas must still render the editor, because the palette is the only way to\n       add a step \u2014 showing a bare empty state instead made \"Add one to start building this workflow\"\n       an instruction the user could not follow. The hint stays, as a banner above a usable canvas. -->\n  @if (IsEmpty && ReadOnly) {\n    <mj-empty-state\n      Icon=\"fa-diagram-project\"\n      Title=\"Nothing here yet\"\n      [Message]=\"EmptyStateMessage\">\n    </mj-empty-state>\n  } @else {\n    @if (IsEmpty) {\n      <mj-alert Variant=\"info\" class=\"mj-tge__empty-hint\" [Message]=\"EmptyStateMessage\"></mj-alert>\n    }\n    @if (!IsValid && ValidationErrors.length > 0) {\n      <!-- Author-time validation comes from the SAME function the engine runs at submission, so a\n           graph that looks fine here cannot be rejected later for a reason the canvas never showed. -->\n      <mj-alert Variant=\"warning\" class=\"mj-tge__validation\">\n        <strong>{{ ValidationErrors.length }} problem{{ ValidationErrors.length === 1 ? '' : 's' }} to fix</strong>\n        <ul class=\"mj-tge__validation-list\">\n          @for (err of ValidationErrors; track err.Code + (err.TempId ?? '')) {\n            <li>{{ err.Message }}</li>\n          }\n        </ul>\n      </mj-alert>\n    }\n\n    <div class=\"mj-tge__workspace\">\n      <mj-flow-editor\n        class=\"mj-tge__canvas\"\n        [Nodes]=\"Nodes\"\n        [Connections]=\"Connections\"\n        [NodeTypes]=\"NodeTypes\"\n        [ReadOnly]=\"ReadOnly\"\n        [ShowToolbar]=\"ShowToolbar\"\n        [ShowPalette]=\"ShowPalette && !ReadOnly\"\n        [ShowMinimap]=\"ShowMinimap\"\n        [ShowStatusBar]=\"ShowStatusBar\"\n        [AutoLayoutDirection]=\"AutoLayoutDirection\"\n        (NodeSelected)=\"OnNodeSelected($event)\"\n        (NodeAdded)=\"OnNodeAdded($event)\"\n        (NodeRemoved)=\"OnNodeRemoved($event)\"\n        (NodesChanged)=\"OnNodesChanged($event)\"\n        (NodeMoved)=\"OnNodeMoved($event)\"\n        (ConnectionCreated)=\"OnConnectionCreated($event)\"\n        (ConnectionRemoved)=\"OnConnectionRemoved($event)\">\n      </mj-flow-editor>\n\n      <!-- The canvas draws structure; this supplies content. A step added from the palette arrives\n           unnamed and (with nothing to default to) unassigned, so without this panel the author can\n           create a step but never finish one. -->\n      @if (ShowProperties && !ReadOnly) {\n        <mj-task-graph-properties\n          class=\"mj-tge__properties\"\n          [Task]=\"SelectedTask\"\n          [Spec]=\"Spec\"\n          [ReadOnly]=\"ReadOnly\"\n          [AvailableAgentNames]=\"AvailableAgentNames\"\n          [AvailableActionNames]=\"AvailableActionNames\"\n          (TaskPropertyChangeRequested)=\"OnTaskPropertyChangeRequested($event)\"\n          (DependencyConditionChangeRequested)=\"OnDependencyConditionChangeRequested($event)\">\n        </mj-task-graph-properties>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* Design tokens only \u2014 no hardcoded colors (see .claude/rules/design-tokens.md). */\n.mj-tge {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: var(--mj-bg-page);\n}\n\n.mj-tge__validation {\n  flex: 0 0 auto;\n  margin: var(--mj-space-sm, 0.5rem);\n}\n\n.mj-tge__validation-list {\n  margin: var(--mj-space-xs, 0.25rem) 0 0;\n  padding-inline-start: 1.25rem;\n}\n\n/* Canvas + properties side by side; the row takes the remaining height. */\n.mj-tge__workspace {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The canvas takes the remaining width; min-width:0 is what lets it actually shrink inside flex. */\n.mj-tge__canvas {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n}\n\n.mj-tge__properties {\n  flex: 0 0 auto;\n  width: 300px;\n  min-height: 0;\n  overflow-y: auto;\n  border-left: 1px solid var(--mj-border-default);\n}\n\n@media (max-width: 900px) {\n  /* Below this the two side by side leave neither usable; the panel drops under the canvas. */\n  .mj-tge__workspace {\n    flex-direction: column;\n  }\n\n  .mj-tge__properties {\n    width: 100%;\n    max-height: 40%;\n    border-left: 0;\n    border-top: 1px solid var(--mj-border-default);\n  }\n}\n\n/* Shown above a usable, empty canvas \u2014 the palette stays reachable so the hint's advice is followable. */\n.mj-tge__empty-hint {\n  margin: var(--mj-space-2) var(--mj-space-3) 0;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-task-graph-editor', template: "<div class=\"mj-tge\">\n  <!-- An EDITABLE empty canvas must still render the editor, because the palette is the only way to\n       add a step \u2014 showing a bare empty state instead made \"Add one to start building this workflow\"\n       an instruction the user could not follow. The hint stays, as a banner above a usable canvas. -->\n  @if (IsEmpty && ReadOnly) {\n    <mj-empty-state\n      Icon=\"fa-diagram-project\"\n      Title=\"Nothing here yet\"\n      [Message]=\"EmptyStateMessage\">\n    </mj-empty-state>\n  } @else {\n    @if (IsEmpty) {\n      <mj-alert Variant=\"info\" class=\"mj-tge__empty-hint\" [Message]=\"EmptyStateMessage\"></mj-alert>\n    }\n    @if (!IsValid && ValidationErrors.length > 0) {\n      <!-- Author-time validation comes from the SAME function the engine runs at submission, so a\n           graph that looks fine here cannot be rejected later for a reason the canvas never showed. -->\n      <mj-alert Variant=\"warning\" class=\"mj-tge__validation\">\n        <strong>{{ ValidationErrors.length }} problem{{ ValidationErrors.length === 1 ? '' : 's' }} to fix</strong>\n        <ul class=\"mj-tge__validation-list\">\n          @for (err of ValidationErrors; track err.Code + (err.TempId ?? '')) {\n            <li>{{ err.Message }}</li>\n          }\n        </ul>\n      </mj-alert>\n    }\n\n    <div class=\"mj-tge__workspace\">\n      <mj-flow-editor\n        class=\"mj-tge__canvas\"\n        [Nodes]=\"Nodes\"\n        [Connections]=\"Connections\"\n        [NodeTypes]=\"NodeTypes\"\n        [ReadOnly]=\"ReadOnly\"\n        [ShowToolbar]=\"ShowToolbar\"\n        [ToolbarVisibility]=\"ToolbarVisibility\"\n        [ToolbarAlign]=\"ToolbarAlign\"\n        [ShowPalette]=\"ShowPalette && !ReadOnly\"\n        [ShowMinimap]=\"ShowMinimap\"\n        [ShowLegend]=\"ShowLegend\"\n        [ShowStatusBar]=\"ShowStatusBar\"\n        [AutoLayoutDirection]=\"AutoLayoutDirection\"\n        (NodeSelected)=\"OnNodeSelected($event)\"\n        (NodeAdded)=\"OnNodeAdded($event)\"\n        (NodeRemoved)=\"OnNodeRemoved($event)\"\n        (NodesChanged)=\"OnNodesChanged($event)\"\n        (NodeMoved)=\"OnNodeMoved($event)\"\n        (ConnectionCreated)=\"OnConnectionCreated($event)\"\n        (ConnectionRemoved)=\"OnConnectionRemoved($event)\"\n        (ConnectionSelected)=\"OnConnectionSelected($event)\"\n        (LegendToggled)=\"OnLegendToggled($event)\"\n        (BeforeContextMenu)=\"BeforeContextMenu.emit($event)\"\n        (AfterContextMenuAction)=\"AfterContextMenuAction.emit($event)\">\n      </mj-flow-editor>\n\n      <!-- The canvas draws structure; this supplies content. A step added from the palette arrives\n           unnamed and (with nothing to default to) unassigned, so without this panel the author can\n           create a step but never finish one. -->\n      @if (ShowProperties && !ReadOnly) {\n        <mj-task-graph-properties\n          class=\"mj-tge__properties\"\n          [Task]=\"SelectedTask\"\n          [Spec]=\"Spec\"\n          [ReadOnly]=\"ReadOnly\"\n          [AvailableAgentNames]=\"AvailableAgentNames\"\n          [AvailableActionNames]=\"AvailableActionNames\"\n          (TaskPropertyChangeRequested)=\"OnTaskPropertyChangeRequested($event)\"\n          (DependencyConditionChangeRequested)=\"OnDependencyConditionChangeRequested($event)\">\n        </mj-task-graph-properties>\n      }\n    </div>\n  }\n</div>\n", styles: ["/* Design tokens only \u2014 no hardcoded colors (see .claude/rules/design-tokens.md). */\n\n/* Same reason as the flow editor's host: a custom element is inline with auto height, so the\n   `height: 100%` on `.mj-tge` below had nothing to resolve against. */\n:host {\n  display: block;\n  height: 100%;\n  min-height: 0;\n}\n\n.mj-tge {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  background: var(--mj-bg-page);\n}\n\n.mj-tge__validation {\n  flex: 0 0 auto;\n  margin: var(--mj-space-sm, 0.5rem);\n}\n\n.mj-tge__validation-list {\n  margin: var(--mj-space-xs, 0.25rem) 0 0;\n  padding-inline-start: 1.25rem;\n}\n\n/* Canvas + properties side by side; the row takes the remaining height. */\n.mj-tge__workspace {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n/* The canvas takes the remaining width; min-width:0 is what lets it actually shrink inside flex. */\n.mj-tge__canvas {\n  flex: 1 1 auto;\n  min-width: 0;\n  min-height: 0;\n}\n\n.mj-tge__properties {\n  flex: 0 0 auto;\n  width: 300px;\n  min-height: 0;\n  overflow-y: auto;\n  border-left: 1px solid var(--mj-border-default);\n}\n\n@media (max-width: 900px) {\n  /* Below this the two side by side leave neither usable; the panel drops under the canvas. */\n  .mj-tge__workspace {\n    flex-direction: column;\n  }\n\n  .mj-tge__properties {\n    width: 100%;\n    max-height: 40%;\n    border-left: 0;\n    border-top: 1px solid var(--mj-border-default);\n  }\n}\n\n/* Shown above a usable, empty canvas \u2014 the palette stays reachable so the hint's advice is followable. */\n.mj-tge__empty-hint {\n  margin: var(--mj-space-2) var(--mj-space-3) 0;\n}\n"] }]
     }], null, { Spec: [{
             type: Input
         }], RuntimeStatus: [{
@@ -543,10 +600,16 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
             type: Input
         }], ShowToolbar: [{
             type: Input
+        }], ToolbarVisibility: [{
+            type: Input
+        }], ToolbarAlign: [{
+            type: Input
         }], ShowPalette: [{
             type: Input
         }], ShowMinimap: [{
             type: Input
+        }], ShowLegend: [{
+            type: Input
         }], ShowStatusBar: [{
             type: Input
         }], AutoLayoutDirection: [{
@@ -559,6 +622,8 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
             type: Input
         }], EmptyStateMessage: [{
             type: Input
+        }], DebugOverlay: [{
+            type: Input
         }], BeforeTaskAdded: [{
             type: Output
         }], AfterTaskAdded: [{
@@ -579,6 +644,8 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
             type: Output
         }], AfterDependencyRemoved: [{
             type: Output
+        }], LegendToggled: [{
+            type: Output
         }], SpecChanged: [{
             type: Output
         }], SelectionChanged: [{
@@ -589,9 +656,15 @@ export class TaskGraphEditorComponent extends BaseAngularComponent {
             type: Output
         }], RecordOpenRequested: [{
             type: Output
+        }], ConnectionSelected: [{
+            type: Output
+        }], BeforeContextMenu: [{
+            type: Output
+        }], AfterContextMenuAction: [{
+            type: Output
         }], canvas: [{
             type: ViewChild,
             args: [FlowEditorComponent]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskGraphEditorComponent, { className: "TaskGraphEditorComponent", filePath: "src/lib/task-graph-editor.component.ts", lineNumber: 92 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskGraphEditorComponent, { className: "TaskGraphEditorComponent", filePath: "src/lib/task-graph-editor.component.ts", lineNumber: 97 }); })();
 //# sourceMappingURL=task-graph-editor.component.js.map

package/dist/lib/task-graph-editor.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"task-graph-editor.component.js","sourceRoot":"","sources":["../../src/lib/task-graph-editor.component.ts","../../src/lib/task-graph-editor.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview View and edit a `TaskGraphSpec` on a canvas.\n *\n * **What makes this reusable is its subject.** It edits `TaskGraphSpec` — the one fully-qualified\n * graph contract every producer in the program already authors against (D16) — rather than any\n * particular persistence. A design-time flow, a graph an agent emitted at runtime, a stored workflow\n * definition and a graph a person is drawing from scratch are all the same type here, so one\n * component serves the Flow Agent editor, the Agent Run admin view, conversation plan cards, the\n * Tasks view, and anything downstream.\n *\n * The alternative — teaching the existing agent editor a second dialect — is precisely how the two\n * graph models drifted apart before Phase 4 pulled them onto one traversal engine.\n *\n * **Layer: `widgets` (L1/L2).** No `@angular/router`, no `@memberjunction/ng-shared`, no\n * `NavigationService`. Route-derived state arrives as `@Input()`; navigation *intent* leaves as an\n * `@Output()` the host acts on, because a widget cannot know whether it is inside Explorer, a\n * downstream app, or an embedded panel. See `guides/UI_LAYERING_GUIDE.md`.\n *\n * **Validation is the engine's.** Cycles, unknown dependency refs and assignment conflicts are\n * reported by calling `ValidateTaskGraphSpec` from `@memberjunction/ai-core-plus` — the same\n * function `LoopAgentType` and `TaskGraphService.Submit` call. A second implementation here would be\n * a second definition of \"valid\", and the graph that passes on the canvas would be free to fail at\n * submission.\n *\n * @module @memberjunction/ng-task-graph-editor\n */\nimport { Component, EventEmitter, Input, OnDestroy, Output, ViewChild } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n    ConfigOf,\n    ValidateTaskGraphSpec,\n    type TaskGraphSpec,\n    type TaskGraphSpecNode,\n    type TaskGraphValidationError,\n} from '@memberjunction/ai-core-plus';\nimport { FlowEditorComponent } from '@memberjunction/ng-flow-editor';\nimport type {\n    FlowConnection,\n    FlowConnectionCreatedEvent,\n    FlowLayoutDirection,\n    FlowNode,\n    FlowNodeAddedEvent,\n    FlowNodeMovedEvent,\n    FlowNodeTypeConfig,\n    FlowPosition,\n} from '@memberjunction/ng-flow-editor';\nimport {\n    AddDependency,\n    AddTask,\n    GetDependents,\n    GetNodeTypeConfig,\n    IsAuthorableNodeType,\n    NewTaskFromNodeType,\n    NextTempId,\n    RemoveDependency,\n    RemoveTask,\n    SpecToConnections,\n    SpecToNodes,\n    TASK_GRAPH_NODE_TYPES,\n    UpdateTask,\n    WouldCreateCycle,\n    type TaskGraphRuntimeStatus,\n} from './task-graph-canvas-adapter';\nimport type {\n    DependencyConditionChangeRequestedEventArgs,\n    TaskPropertyChangeRequestedEventArgs,\n} from './task-graph-properties-panel.component';\nimport {\n    AfterDependencyAddedEventArgs,\n    AfterDependencyRemovedEventArgs,\n    AfterTaskAddedEventArgs,\n    AfterTaskRemovedEventArgs,\n    AfterTaskUpdatedEventArgs,\n    AgentOpenRequestedEventArgs,\n    BeforeDependencyAddedEventArgs,\n    BeforeDependencyRemovedEventArgs,\n    BeforeTaskAddedEventArgs,\n    BeforeTaskRemovedEventArgs,\n    BeforeTaskUpdatedEventArgs,\n    RecordOpenRequestedEventArgs,\n    TaskGraphSelectionChangedEventArgs,\n    TaskGraphSpecChangedEventArgs,\n    TaskGraphValidationChangedEventArgs,\n} from './task-graph-editor-events';\n\n@Component({\n    standalone: false,\n    selector: 'mj-task-graph-editor',\n    templateUrl: './task-graph-editor.component.html',\n    styleUrls: ['./task-graph-editor.component.css'],\n})\nexport class TaskGraphEditorComponent extends BaseAngularComponent implements OnDestroy {\n    // ── Inputs ───────────────────────────────────────────────────────────────\n\n    /**\n     * The graph to show. Setter-based rather than `ngOnChanges` (repo convention): the reaction is\n     * explicit, runs only when this property changes, and costs nothing on other change-detection\n     * passes.\n     */\n    @Input()\n    public set Spec(value: TaskGraphSpec | null) {\n        this.currentSpec = value;\n        this.project();\n    }\n    public get Spec(): TaskGraphSpec | null {\n        return this.currentSpec;\n    }\n\n    /**\n     * Live per-task state, keyed by `tempId`. Supplying it turns the canvas into a runtime view of\n     * the same graph — the convergence point the program was aiming at: one renderer for design time\n     * and run time, rather than an editor and a separate Gantt that can disagree.\n     */\n    @Input()\n    public set RuntimeStatus(value: TaskGraphRuntimeStatus | null) {\n        this.currentRuntime = value;\n        this.project();\n    }\n    public get RuntimeStatus(): TaskGraphRuntimeStatus | null {\n        return this.currentRuntime;\n    }\n\n    /**\n     * Geometry for the nodes, keyed by `tempId`. Supplying it places the graph instead of laying it\n     * out.\n     *\n     * **Why a host must be able to supply this.** The spec has no layout field, so without it every\n     * node projects to the origin — all of them, stacked in one place — and the canvas is left to\n     * rescue the situation with a deferred Dagre pass. That pass is fine in the editor, where the\n     * author is present and can rearrange. It was not fine in the RUN views, which held the real\n     * geometry (a workflow's authored positions, or a computed layout) and had no way to hand it\n     * over: every run rendered its steps piled on the origin, and the zoom-to-fit that followed\n     * fitted a bounding box one node wide and blew the viewport up past 250%.\n     *\n     * Applied as the starting geometry only. Once the canvas reports positions of its own — a drag,\n     * an arrange — those win, because the person moving a node is the authority on where it goes.\n     */\n    @Input()\n    public set NodePositions(value: ReadonlyMap<string, FlowPosition> | null) {\n        if (!value || value.size === 0) return;\n        for (const [id, position] of value) this.knownPositions.set(id, { ...position });\n        // Real geometry means the one-time Dagre pass has nothing to rescue.\n        this.hasLaidOut = true;\n        this.project();\n        this.zoomToFitSoon();\n    }\n\n    /** Read-only mode. The same component is the viewer — there is no second, weaker renderer. */\n    @Input() public ReadOnly: boolean = false;\n\n    @Input() public ShowToolbar: boolean = true;\n    @Input() public ShowPalette: boolean = true;\n    @Input() public ShowMinimap: boolean = true;\n    @Input() public ShowStatusBar: boolean = true;\n    @Input() public AutoLayoutDirection: FlowLayoutDirection = 'vertical';\n\n    /**\n     * Whether the properties panel rides alongside the canvas.\n     *\n     * On by default, because without it a step added from the palette can never be named or\n     * assigned — the canvas draws structure, the panel supplies content, and one without the other\n     * is a graph the author can build but not finish. Hosts embedding the read-only viewer in a chat\n     * card turn it off.\n     */\n    @Input() public ShowProperties: boolean = true;\n\n    /**\n     * Agent names offered when assigning a step. Supplied by the host, which owns data access —\n     * this is a widgets-layer component and does not query.\n     */\n    @Input() public AvailableAgentNames: readonly string[] = [];\n\n    /** Action names offered when assigning a step. Same ownership rule as `AvailableAgentNames`. */\n    @Input() public AvailableActionNames: readonly string[] = [];\n\n    /** Shown when there is nothing to draw yet. */\n    @Input() public EmptyStateMessage: string = 'No steps yet. Add one to start building this workflow.';\n\n    // ── Outputs ──────────────────────────────────────────────────────────────\n\n    @Output() public BeforeTaskAdded = new EventEmitter<BeforeTaskAddedEventArgs>();\n    @Output() public AfterTaskAdded = new EventEmitter<AfterTaskAddedEventArgs>();\n    @Output() public BeforeTaskRemoved = new EventEmitter<BeforeTaskRemovedEventArgs>();\n    @Output() public AfterTaskRemoved = new EventEmitter<AfterTaskRemovedEventArgs>();\n    @Output() public BeforeTaskUpdated = new EventEmitter<BeforeTaskUpdatedEventArgs>();\n    @Output() public AfterTaskUpdated = new EventEmitter<AfterTaskUpdatedEventArgs>();\n    @Output() public BeforeDependencyAdded = new EventEmitter<BeforeDependencyAddedEventArgs>();\n    @Output() public AfterDependencyAdded = new EventEmitter<AfterDependencyAddedEventArgs>();\n    @Output() public BeforeDependencyRemoved = new EventEmitter<BeforeDependencyRemovedEventArgs>();\n    @Output() public AfterDependencyRemoved = new EventEmitter<AfterDependencyRemovedEventArgs>();\n\n    /** Informational — no `Before` pair, because these report what already happened. */\n    @Output() public SpecChanged = new EventEmitter<TaskGraphSpecChangedEventArgs>();\n    @Output() public SelectionChanged = new EventEmitter<TaskGraphSelectionChangedEventArgs>();\n    @Output() public ValidationChanged = new EventEmitter<TaskGraphValidationChangedEventArgs>();\n\n    /** Intent-only — the host navigates; this widget has no Router and must not acquire one. */\n    @Output() public AgentOpenRequested = new EventEmitter<AgentOpenRequestedEventArgs>();\n    @Output() public RecordOpenRequested = new EventEmitter<RecordOpenRequestedEventArgs>();\n\n    // ── Rendered state ───────────────────────────────────────────────────────\n\n    public Nodes: FlowNode[] = [];\n    public Connections: FlowConnection[] = [];\n    public NodeTypes: FlowNodeTypeConfig[] = [...TASK_GRAPH_NODE_TYPES];\n    public SelectedTask: TaskGraphSpecNode | null = null;\n    public ValidationErrors: readonly TaskGraphValidationError[] = [];\n    public IsValid: boolean = true;\n\n    @ViewChild(FlowEditorComponent) protected canvas: FlowEditorComponent | undefined;\n\n    private currentSpec: TaskGraphSpec | null = null;\n    private currentRuntime: TaskGraphRuntimeStatus | null = null;\n\n    public get IsEmpty(): boolean {\n        return (this.currentSpec?.tasks?.length ?? 0) === 0;\n    }\n\n    // ── Public methods ───────────────────────────────────────────────────────\n    //\n    // Imperative entry points exist for exactly the case the cancelable-event contract cannot serve:\n    // a host that needs to `await` something (a confirm dialog) before the action proceeds. A\n    // `Before*` handler cannot await — control returns to the emitter before the handler sets\n    // `Cancel` — so the host awaits first and then calls one of these.\n\n    /** Re-runs validation and emits the result. Idempotent. */\n    public Validate(): TaskGraphValidationChangedEventArgs {\n        const result = this.currentSpec\n            ? ValidateTaskGraphSpec(this.currentSpec)\n            : { Valid: true, Errors: [] as TaskGraphValidationError[] };\n\n        this.IsValid = result.Valid;\n        this.ValidationErrors = result.Errors;\n\n        const args = new TaskGraphValidationChangedEventArgs(result.Valid, result.Errors);\n        this.ValidationChanged.emit(args);\n        return args;\n    }\n\n    /** Adds a task. Returns the new task, or null when a host vetoed it. */\n    public AddTask(partial: Partial<TaskGraphSpecNode> = {}): TaskGraphSpecNode | null {\n        if (this.ReadOnly || !this.currentSpec) return null;\n\n        // Kind and configuration travel together — a partial that supplies one without the other\n        // would be a node the engine cannot run, so an unspecified partial defaults to an unassigned\n        // Agent step and the validator says so immediately.\n        const task: TaskGraphSpecNode = {\n            tempId: partial.tempId ?? NextTempId(this.currentSpec),\n            name: partial.name ?? 'New step',\n            description: partial.description ?? '',\n            kind: partial.kind ?? 'Agent',\n            configuration: partial.configuration ?? { agentName: '' },\n            dependsOn: partial.dependsOn ?? [],\n            policy: partial.policy,\n            layout: partial.layout,\n            inputPayload: partial.inputPayload,\n        };\n\n        const before = new BeforeTaskAddedEventArgs(task);\n        this.BeforeTaskAdded.emit(before);\n        if (before.Cancel) return null;\n\n        this.commit(AddTask(this.currentSpec, task), 'TaskAdded');\n        this.AfterTaskAdded.emit(new AfterTaskAddedEventArgs(task, this.currentSpec!));\n        return task;\n    }\n\n    /** Removes a task and every edge into it. Returns false when a host vetoed it. */\n    public RemoveTask(tempId: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        const task = this.findTask(tempId);\n        if (!task) return false;\n\n        // The blast radius travels with the event: a host deciding whether to veto needs to know\n        // what else breaks, not merely which box was clicked.\n        const before = new BeforeTaskRemovedEventArgs(task, GetDependents(this.currentSpec, tempId));\n        this.BeforeTaskRemoved.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(RemoveTask(this.currentSpec, tempId), 'TaskRemoved');\n        if (this.SelectedTask?.tempId === tempId) this.selectTask(null);\n        this.AfterTaskRemoved.emit(new AfterTaskRemovedEventArgs(task, this.currentSpec!));\n        return true;\n    }\n\n    /** Replaces a task's properties. Returns false when a host vetoed it. */\n    public UpdateTask(tempId: string, next: TaskGraphSpecNode): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        const previous = this.findTask(tempId);\n        if (!previous) return false;\n\n        const before = new BeforeTaskUpdatedEventArgs(previous, next);\n        this.BeforeTaskUpdated.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(UpdateTask(this.currentSpec, tempId, next), 'TaskUpdated');\n        if (this.SelectedTask?.tempId === tempId) this.SelectedTask = next;\n        this.AfterTaskUpdated.emit(new AfterTaskUpdatedEventArgs(next, this.currentSpec!));\n        return true;\n    }\n\n    /**\n     * Adds a dependency edge. Returns false when it was vetoed **or would create a cycle**.\n     *\n     * The cycle is refused unconditionally, not merely reported: a cyclic graph can never execute —\n     * nothing would ever become eligible — so allowing the canvas to draw one would let a user build\n     * something the engine must then reject. Better to refuse the stroke than to accept a graph that\n     * cannot run.\n     */\n    public AddDependency(fromTempId: string, toTempId: string, condition?: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n\n        const cycle = WouldCreateCycle(this.currentSpec, fromTempId, toTempId);\n        const before = new BeforeDependencyAddedEventArgs(fromTempId, toTempId, cycle);\n        this.BeforeDependencyAdded.emit(before);\n        if (before.Cancel || cycle) return false;\n\n        this.commit(AddDependency(this.currentSpec, fromTempId, toTempId, condition), 'DependencyAdded');\n        this.AfterDependencyAdded.emit(new AfterDependencyAddedEventArgs(fromTempId, toTempId, this.currentSpec!));\n        return true;\n    }\n\n    /** Removes a dependency edge. Returns false when a host vetoed it. */\n    public RemoveDependency(fromTempId: string, toTempId: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n\n        const before = new BeforeDependencyRemovedEventArgs(fromTempId, toTempId);\n        this.BeforeDependencyRemoved.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(RemoveDependency(this.currentSpec, fromTempId, toTempId), 'DependencyRemoved');\n        this.AfterDependencyRemoved.emit(new AfterDependencyRemovedEventArgs(fromTempId, toTempId, this.currentSpec!));\n        return true;\n    }\n\n    /**\n     * Sets — or with an empty string, clears — a dependency edge's condition.\n     *\n     * Implemented as remove-then-add so it travels the same `Before*`/`After*` path as any other\n     * edge change. A separate silent mutation would be a second write path into the spec, and the\n     * veto contract would then be right in one place and wrong in the other.\n     */\n    public SetDependencyCondition(fromTempId: string, toTempId: string, condition: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        if (!this.RemoveDependency(fromTempId, toTempId)) return false;\n        return this.AddDependency(fromTempId, toTempId, condition.trim() || undefined);\n    }\n\n    /** Asks the host to open the agent behind a task. */\n    public RequestAgentOpen(task: TaskGraphSpecNode): void {\n        const agentName = ConfigOf(task, 'Agent')?.agentName;\n        if (agentName) {\n            this.AgentOpenRequested.emit(new AgentOpenRequestedEventArgs(agentName, task));\n        }\n    }\n\n    /** Asks the host to open a record the graph references. */\n    public RequestRecordOpen(entityName: string, recordID: string): void {\n        this.RecordOpenRequested.emit(new RecordOpenRequestedEventArgs(entityName, recordID));\n    }\n\n    // ── Canvas handlers ──────────────────────────────────────────────────────\n\n    public OnNodeSelected(node: FlowNode | null): void {\n        this.selectTask(node ? this.findTask(node.ID) : null);\n    }\n\n    /**\n     * A palette entry was clicked or dragged onto the canvas.\n     *\n     * **This binding is the bug.** The canvas has always emitted `NodeAdded` for a palette drop, and\n     * this component simply never listened — so the node the canvas announced was thrown away, the\n     * spec never gained a task, and the author was told \"a task graph must contain at least one\n     * task\" no matter how many times they tried to add one. The canvas does not mutate its own\n     * `Nodes` on purpose (the host owns the model); an unheard event is therefore a silent no-op\n     * rather than a visible failure, which is why it survived.\n     *\n     * The new step is selected immediately: it lands unnamed and, for an agent or action step with\n     * nothing available to default to, unassigned — so the properties panel is where the author has\n     * to go next, and putting them there beats making them find it.\n     */\n    public OnNodeAdded(event: FlowNodeAddedEvent): void {\n        if (this.ReadOnly || !this.currentSpec) return;\n        const type = GetNodeTypeConfig(event.Node.Type)?.Type;\n        // Only an authorable shape can be dropped from the palette. The render set is wider, and a\n        // display-only kind arriving here would mean the palette offered something with no editor.\n        if (!type || !IsAuthorableNodeType(type)) return;\n\n        const added = this.AddTask(\n            NewTaskFromNodeType(this.currentSpec, type, {\n                agentName: this.AvailableAgentNames[0],\n                actionName: this.AvailableActionNames[0],\n            }),\n        );\n        if (!added) return;\n\n        // Remember where the canvas put it BEFORE anything re-projects. The spec has no geometry\n        // field, so this map is the only record that the author dropped (or clicked) it here — and\n        // without it the node would snap back to the origin on the very next edit.\n        this.knownPositions.set(added.tempId, { ...event.Node.Position });\n        // A graph that has received a hand-placed node is laid out, by definition. Marking it here\n        // stops the one-time Dagre pass from firing later and discarding that placement.\n        this.hasLaidOut = true;\n        this.selectTask(added);\n    }\n\n    /** Applies a properties-panel edit through the same vetoable path a canvas edit takes. */\n    public OnTaskPropertyChangeRequested(args: TaskPropertyChangeRequestedEventArgs): void {\n        this.UpdateTask(args.TempId, args.Next);\n    }\n\n    /** Applies a properties-panel edge-condition edit. */\n    public OnDependencyConditionChangeRequested(args: DependencyConditionChangeRequestedEventArgs): void {\n        this.SetDependencyCondition(args.FromTempId, args.ToTempId, args.Condition);\n    }\n\n    public OnConnectionCreated(event: FlowConnectionCreatedEvent): void {\n        this.AddDependency(event.SourceNodeID, event.TargetNodeID);\n    }\n\n    public OnConnectionRemoved(connection: FlowConnection): void {\n        this.RemoveDependency(connection.SourceNodeID, connection.TargetNodeID);\n    }\n\n    public OnNodeRemoved(node: FlowNode): void {\n        this.RemoveTask(node.ID);\n    }\n\n    // ── Internals ────────────────────────────────────────────────────────────\n\n    private findTask(tempId: string): TaskGraphSpecNode | null {\n        return (this.currentSpec?.tasks ?? []).find((t) => t.tempId === tempId) ?? null;\n    }\n\n    private selectTask(task: TaskGraphSpecNode | null): void {\n        this.SelectedTask = task;\n        this.SelectionChanged.emit(new TaskGraphSelectionChangedEventArgs(task));\n    }\n\n    /** Applies a new spec, re-projects, re-validates, and tells the host — in that order. */\n    private commit(spec: TaskGraphSpec, reason: TaskGraphSpecChangedEventArgs['Reason']): void {\n        this.currentSpec = spec;\n        this.project();\n        this.SpecChanged.emit(new TaskGraphSpecChangedEventArgs(spec, reason));\n    }\n\n    /** Re-derives the canvas from the spec. Validation rides along so the two never disagree. */\n    private project(): void {\n        if (!this.currentSpec) {\n            this.Nodes = [];\n            this.Connections = [];\n            this.ValidationErrors = [];\n            this.IsValid = true;\n            this.hasLaidOut = false;\n            this.knownPositions.clear();\n            return;\n        }\n        this.Nodes = SpecToNodes(this.currentSpec, this.currentRuntime ?? undefined, this.knownPositions);\n        this.Connections = SpecToConnections(this.currentSpec);\n        this.Validate();\n        this.arrangeIfNeverLaidOut();\n    }\n\n    /**\n     * Lays the graph out ONCE — when it arrives with no geometry of its own.\n     *\n     * A `TaskGraphSpec` carries no positions, so a spec opened for the first time projects with\n     * every node at the origin and needs Dagre to make it readable. After that the author's layout\n     * is the layout: `knownPositions` carries it across re-projections, and re-arranging again would\n     * throw away the arrangement they just made.\n     *\n     * It must also not run on every edit, because `AutoArrange` ends in `ZoomToFit` — so arranging\n     * per change meant the viewport snapped to fit after every added step and every drawn\n     * connection, which on a one-node graph zooms to maximum. That is the behaviour being fixed\n     * here; the rule mirrors the Flow Agent editor's (`flow-agent-editor.component.ts`), which has\n     * always arranged only when every node sits at the origin.\n     */\n    private arrangeIfNeverLaidOut(): void {\n        if (this.Nodes.length === 0) return;\n        if (this.hasLaidOut) return;\n\n        // Nothing to rescue a layout from: a spec whose nodes all sit at the origin has never been\n        // arranged. One node at the origin is the legitimate starting case too.\n        const allAtOrigin = this.Nodes.every((n) => n.Position.X === 0 && n.Position.Y === 0);\n        if (!allAtOrigin) { this.hasLaidOut = true; return; }\n\n        this.hasLaidOut = true;\n        // Deferred one turn: the canvas has to render the nodes before Dagre can measure them.\n        // Cleared on destroy so a pending layout cannot run against a torn-down view.\n        if (this.pendingLayout !== null) clearTimeout(this.pendingLayout);\n        this.pendingLayout = setTimeout(() => {\n            this.pendingLayout = null;\n            this.canvas?.AutoArrange(this.AutoLayoutDirection);\n        });\n    }\n\n    /**\n     * Fits the viewport to the graph, once the canvas has drawn it.\n     *\n     * Deferred for the same reason the layout pass is: `fitToScreen` measures the rendered nodes, so\n     * calling it in the same turn as the projection fits whatever was on screen a moment ago. With\n     * every node still at the origin that bounding box is a single node wide, and \"fit\" means zoom\n     * to ~265% — the symptom that made a four-step workflow look like one enormous box.\n     */\n    private zoomToFitSoon(): void {\n        if (this.pendingLayout !== null) clearTimeout(this.pendingLayout);\n        this.pendingLayout = setTimeout(() => {\n            this.pendingLayout = null;\n            this.canvas?.ZoomToFit();\n        });\n    }\n\n    /**\n     * The canvas is the authority on geometry, so remember what it reports.\n     *\n     * Without this the spec — which has no geometry field — is the only survivor of a re-projection,\n     * and every edit silently moved every node back to the origin. That is what forced a re-arrange\n     * (and therefore a re-zoom) on each change.\n     */\n    public OnNodesChanged(nodes: FlowNode[]): void {\n        for (const n of nodes) this.knownPositions.set(n.ID, { ...n.Position });\n    }\n\n    /** A single node was dragged. Same authority, narrower event. */\n    public OnNodeMoved(event: FlowNodeMovedEvent): void {\n        this.knownPositions.set(event.NodeID, { ...event.NewPosition });\n    }\n\n    public ngOnDestroy(): void {\n        if (this.pendingLayout !== null) {\n            clearTimeout(this.pendingLayout);\n            this.pendingLayout = null;\n        }\n    }\n\n    /** The topology the current layout was computed for; '' when nothing has been laid out. */\n    /**\n     * Node geometry, which the spec cannot hold.\n     *\n     * `TaskGraphSpec` is an execution contract with no layout field, so a re-projection would\n     * otherwise return every node to the origin. Keyed by `tempId`; written from the canvas\n     * (`NodesChanged` / `NodeMoved`) and from the drop position of a newly added node, and read back\n     * by `SpecToNodes` on every projection.\n     */\n    private readonly knownPositions = new Map<string, FlowPosition>();\n\n    /** Whether the one-time Dagre pass has run (or been made unnecessary by a hand-placed node). */\n    private hasLaidOut: boolean = false;\n    private pendingLayout: ReturnType<typeof setTimeout> | null = null;\n}\n","<div class=\"mj-tge\">\n  <!-- An EDITABLE empty canvas must still render the editor, because the palette is the only way to\n       add a step — showing a bare empty state instead made \"Add one to start building this workflow\"\n       an instruction the user could not follow. The hint stays, as a banner above a usable canvas. -->\n  @if (IsEmpty && ReadOnly) {\n    <mj-empty-state\n      Icon=\"fa-diagram-project\"\n      Title=\"Nothing here yet\"\n      [Message]=\"EmptyStateMessage\">\n    </mj-empty-state>\n  } @else {\n    @if (IsEmpty) {\n      <mj-alert Variant=\"info\" class=\"mj-tge__empty-hint\" [Message]=\"EmptyStateMessage\"></mj-alert>\n    }\n    @if (!IsValid && ValidationErrors.length > 0) {\n      <!-- Author-time validation comes from the SAME function the engine runs at submission, so a\n           graph that looks fine here cannot be rejected later for a reason the canvas never showed. -->\n      <mj-alert Variant=\"warning\" class=\"mj-tge__validation\">\n        <strong>{{ ValidationErrors.length }} problem{{ ValidationErrors.length === 1 ? '' : 's' }} to fix</strong>\n        <ul class=\"mj-tge__validation-list\">\n          @for (err of ValidationErrors; track err.Code + (err.TempId ?? '')) {\n            <li>{{ err.Message }}</li>\n          }\n        </ul>\n      </mj-alert>\n    }\n\n    <div class=\"mj-tge__workspace\">\n      <mj-flow-editor\n        class=\"mj-tge__canvas\"\n        [Nodes]=\"Nodes\"\n        [Connections]=\"Connections\"\n        [NodeTypes]=\"NodeTypes\"\n        [ReadOnly]=\"ReadOnly\"\n        [ShowToolbar]=\"ShowToolbar\"\n        [ShowPalette]=\"ShowPalette && !ReadOnly\"\n        [ShowMinimap]=\"ShowMinimap\"\n        [ShowStatusBar]=\"ShowStatusBar\"\n        [AutoLayoutDirection]=\"AutoLayoutDirection\"\n        (NodeSelected)=\"OnNodeSelected($event)\"\n        (NodeAdded)=\"OnNodeAdded($event)\"\n        (NodeRemoved)=\"OnNodeRemoved($event)\"\n        (NodesChanged)=\"OnNodesChanged($event)\"\n        (NodeMoved)=\"OnNodeMoved($event)\"\n        (ConnectionCreated)=\"OnConnectionCreated($event)\"\n        (ConnectionRemoved)=\"OnConnectionRemoved($event)\">\n      </mj-flow-editor>\n\n      <!-- The canvas draws structure; this supplies content. A step added from the palette arrives\n           unnamed and (with nothing to default to) unassigned, so without this panel the author can\n           create a step but never finish one. -->\n      @if (ShowProperties && !ReadOnly) {\n        <mj-task-graph-properties\n          class=\"mj-tge__properties\"\n          [Task]=\"SelectedTask\"\n          [Spec]=\"Spec\"\n          [ReadOnly]=\"ReadOnly\"\n          [AvailableAgentNames]=\"AvailableAgentNames\"\n          [AvailableActionNames]=\"AvailableActionNames\"\n          (TaskPropertyChangeRequested)=\"OnTaskPropertyChangeRequested($event)\"\n          (DependencyConditionChangeRequested)=\"OnDependencyConditionChangeRequested($event)\">\n        </mj-task-graph-properties>\n      }\n    </div>\n  }\n</div>\n"]}
+{"version":3,"file":"task-graph-editor.component.js","sourceRoot":"","sources":["../../src/lib/task-graph-editor.component.ts","../../src/lib/task-graph-editor.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview View and edit a `TaskGraphSpec` on a canvas.\n *\n * **What makes this reusable is its subject.** It edits `TaskGraphSpec` — the one fully-qualified\n * graph contract every producer in the program already authors against (D16) — rather than any\n * particular persistence. A design-time flow, a graph an agent emitted at runtime, a stored workflow\n * definition and a graph a person is drawing from scratch are all the same type here, so one\n * component serves the Flow Agent editor, the Agent Run admin view, conversation plan cards, the\n * Tasks view, and anything downstream.\n *\n * The alternative — teaching the existing agent editor a second dialect — is precisely how the two\n * graph models drifted apart before Phase 4 pulled them onto one traversal engine.\n *\n * **Layer: `widgets` (L1/L2).** No `@angular/router`, no `@memberjunction/ng-shared`, no\n * `NavigationService`. Route-derived state arrives as `@Input()`; navigation *intent* leaves as an\n * `@Output()` the host acts on, because a widget cannot know whether it is inside Explorer, a\n * downstream app, or an embedded panel. See `guides/UI_LAYERING_GUIDE.md`.\n *\n * **Validation is the engine's.** Cycles, unknown dependency refs and assignment conflicts are\n * reported by calling `ValidateTaskGraphSpec` from `@memberjunction/ai-core-plus` — the same\n * function `LoopAgentType` and `TaskGraphService.Submit` call. A second implementation here would be\n * a second definition of \"valid\", and the graph that passes on the canvas would be free to fail at\n * submission.\n *\n * @module @memberjunction/ng-task-graph-editor\n */\nimport { Component, EventEmitter, Input, OnDestroy, Output, ViewChild } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport {\n    ConfigOf,\n    ValidateTaskGraphSpec,\n    type TaskGraphSpec,\n    type TaskGraphSpecNode,\n    type TaskGraphValidationError,\n} from '@memberjunction/ai-core-plus';\nimport { FlowEditorComponent } from '@memberjunction/ng-flow-editor';\nimport type {\n    FlowAfterContextMenuActionEventArgs,\n    FlowBeforeContextMenuEventArgs,\n    FlowConnection,\n    FlowConnectionCreatedEvent,\n    FlowLayoutDirection,\n    FlowNode,\n    FlowNodeAddedEvent,\n    FlowNodeMovedEvent,\n    FlowNodeTypeConfig,\n    FlowPosition,\n    FlowToolbarAlign,\n    FlowToolbarVisibility,\n} from '@memberjunction/ng-flow-editor';\nimport {\n    AddDependency,\n    AddTask,\n    GetDependents,\n    GetNodeTypeConfig,\n    IsAuthorableNodeType,\n    NewTaskFromNodeType,\n    NextTempId,\n    RemoveDependency,\n    RemoveTask,\n    SpecToConnections,\n    SpecToNodes,\n    TASK_GRAPH_NODE_TYPES,\n    UpdateTask,\n    WouldCreateCycle,\n    type TaskGraphDebugOverlay,\n    type TaskGraphRuntimeStatus,\n} from './task-graph-canvas-adapter';\nimport type {\n    DependencyConditionChangeRequestedEventArgs,\n    TaskPropertyChangeRequestedEventArgs,\n} from './task-graph-properties-panel.component';\nimport {\n    AfterDependencyAddedEventArgs,\n    AfterDependencyRemovedEventArgs,\n    AfterTaskAddedEventArgs,\n    AfterTaskRemovedEventArgs,\n    AfterTaskUpdatedEventArgs,\n    AgentOpenRequestedEventArgs,\n    BeforeDependencyAddedEventArgs,\n    BeforeDependencyRemovedEventArgs,\n    BeforeTaskAddedEventArgs,\n    BeforeTaskRemovedEventArgs,\n    BeforeTaskUpdatedEventArgs,\n    RecordOpenRequestedEventArgs,\n    TaskGraphSelectionChangedEventArgs,\n    TaskGraphSpecChangedEventArgs,\n    TaskGraphValidationChangedEventArgs,\n} from './task-graph-editor-events';\n\n@Component({\n    standalone: false,\n    selector: 'mj-task-graph-editor',\n    templateUrl: './task-graph-editor.component.html',\n    styleUrls: ['./task-graph-editor.component.css'],\n})\nexport class TaskGraphEditorComponent extends BaseAngularComponent implements OnDestroy {\n    // ── Inputs ───────────────────────────────────────────────────────────────\n\n    /**\n     * The graph to show. Setter-based rather than `ngOnChanges` (repo convention): the reaction is\n     * explicit, runs only when this property changes, and costs nothing on other change-detection\n     * passes.\n     */\n    @Input()\n    public set Spec(value: TaskGraphSpec | null) {\n        this.currentSpec = value;\n        this.project();\n    }\n    public get Spec(): TaskGraphSpec | null {\n        return this.currentSpec;\n    }\n\n    /**\n     * Live per-task state, keyed by `tempId`. Supplying it turns the canvas into a runtime view of\n     * the same graph — the convergence point the program was aiming at: one renderer for design time\n     * and run time, rather than an editor and a separate Gantt that can disagree.\n     */\n    @Input()\n    public set RuntimeStatus(value: TaskGraphRuntimeStatus | null) {\n        this.currentRuntime = value;\n        this.project();\n    }\n    public get RuntimeStatus(): TaskGraphRuntimeStatus | null {\n        return this.currentRuntime;\n    }\n\n    /**\n     * Geometry for the nodes, keyed by `tempId`. Supplying it places the graph instead of laying it\n     * out.\n     *\n     * **Why a host must be able to supply this.** The spec has no layout field, so without it every\n     * node projects to the origin — all of them, stacked in one place — and the canvas is left to\n     * rescue the situation with a deferred Dagre pass. That pass is fine in the editor, where the\n     * author is present and can rearrange. It was not fine in the RUN views, which held the real\n     * geometry (a workflow's authored positions, or a computed layout) and had no way to hand it\n     * over: every run rendered its steps piled on the origin, and the zoom-to-fit that followed\n     * fitted a bounding box one node wide and blew the viewport up past 250%.\n     *\n     * Applied as the starting geometry only. Once the canvas reports positions of its own — a drag,\n     * an arrange — those win, because the person moving a node is the authority on where it goes.\n     */\n    @Input()\n    public set NodePositions(value: ReadonlyMap<string, FlowPosition> | null) {\n        if (!value || value.size === 0) return;\n        const key = [...value.keys()].sort().join(',');\n        const firstForThisGraph = this.fittedGeometryKey !== key;\n        for (const [id, position] of value) this.knownPositions.set(id, { ...position });\n        // Real geometry means the one-time Dagre pass has nothing to rescue.\n        this.hasLaidOut = true;\n        this.project();\n        // Fit once per graph. Live status / poll re-supplies the same positions as a new Map,\n        // and fitting on every write snaps the viewport back while the person is zooming.\n        if (firstForThisGraph) {\n            this.fittedGeometryKey = key;\n            this.zoomToFitSoon();\n        }\n    }\n\n    /** Read-only mode. The same component is the viewer — there is no second, weaker renderer. */\n    @Input() public ReadOnly: boolean = false;\n\n    @Input() public ShowToolbar: boolean = true;\n    /** Full bar / chip / recover tab. Run views default this to minimized. */\n    @Input() public ToolbarVisibility: FlowToolbarVisibility = 'shown';\n    @Input() public ToolbarAlign: FlowToolbarAlign = 'center';\n    @Input() public ShowPalette: boolean = true;\n    @Input() public ShowMinimap: boolean = true;\n    /**\n     * Whether the legend rides on the canvas.\n     *\n     * On for authoring, off for a run — and the difference is what the legend is FOR. It explains the\n     * authoring vocabulary (what a conditional edge means, what a duplicate default looks like),\n     * which is what someone drawing a graph needs. A run view is answering a different question —\n     * what happened — and the legend answers none of it while occluding a third of the canvas.\n     */\n    @Input() public ShowLegend: boolean = true;\n    @Input() public ShowStatusBar: boolean = true;\n    @Input() public AutoLayoutDirection: FlowLayoutDirection = 'vertical';\n\n    /**\n     * Whether the properties panel rides alongside the canvas.\n     *\n     * On by default, because without it a step added from the palette can never be named or\n     * assigned — the canvas draws structure, the panel supplies content, and one without the other\n     * is a graph the author can build but not finish. Hosts embedding the read-only viewer in a chat\n     * card turn it off.\n     */\n    @Input() public ShowProperties: boolean = true;\n\n    /**\n     * Agent names offered when assigning a step. Supplied by the host, which owns data access —\n     * this is a widgets-layer component and does not query.\n     */\n    @Input() public AvailableAgentNames: readonly string[] = [];\n\n    /** Action names offered when assigning a step. Same ownership rule as `AvailableAgentNames`. */\n    @Input() public AvailableActionNames: readonly string[] = [];\n\n    /** Shown when there is nothing to draw yet. */\n    @Input() public EmptyStateMessage: string = 'No steps yet. Add one to start building this workflow.';\n\n    /**\n     * Debug overlay for a run. Empty by default so an embed (agent-run timeline, test harness)\n     * never grows breakpoint badges or override styling it did not ask for.\n     */\n    @Input()\n    public set DebugOverlay(value: TaskGraphDebugOverlay | null) {\n        if (this.debugOverlay === value) return;\n        this.debugOverlay = value;\n        this.project();\n    }\n    public get DebugOverlay(): TaskGraphDebugOverlay | null {\n        return this.debugOverlay;\n    }\n\n    // ── Outputs ──────────────────────────────────────────────────────────────\n\n    @Output() public BeforeTaskAdded = new EventEmitter<BeforeTaskAddedEventArgs>();\n    @Output() public AfterTaskAdded = new EventEmitter<AfterTaskAddedEventArgs>();\n    @Output() public BeforeTaskRemoved = new EventEmitter<BeforeTaskRemovedEventArgs>();\n    @Output() public AfterTaskRemoved = new EventEmitter<AfterTaskRemovedEventArgs>();\n    @Output() public BeforeTaskUpdated = new EventEmitter<BeforeTaskUpdatedEventArgs>();\n    @Output() public AfterTaskUpdated = new EventEmitter<AfterTaskUpdatedEventArgs>();\n    @Output() public BeforeDependencyAdded = new EventEmitter<BeforeDependencyAddedEventArgs>();\n    @Output() public AfterDependencyAdded = new EventEmitter<AfterDependencyAddedEventArgs>();\n    @Output() public BeforeDependencyRemoved = new EventEmitter<BeforeDependencyRemovedEventArgs>();\n    @Output() public AfterDependencyRemoved = new EventEmitter<AfterDependencyRemovedEventArgs>();\n\n    /** Informational — no `Before` pair, because these report what already happened. */\n    /**\n     * The legend was shown or hidden from the canvas toolbar.\n     *\n     * Forwarded so a host can PERSIST the choice. Without it the toolbar's toggle mutates the\n     * canvas's own flag and nothing else, so the preference dies with the view — and a host that\n     * wanted it remembered would have to add a second control beside the one that already exists,\n     * which is how a surface ends up with two buttons doing the same thing and disagreeing.\n     */\n    @Output() public LegendToggled = new EventEmitter<boolean>();\n\n    @Output() public SpecChanged = new EventEmitter<TaskGraphSpecChangedEventArgs>();\n    @Output() public SelectionChanged = new EventEmitter<TaskGraphSelectionChangedEventArgs>();\n    @Output() public ValidationChanged = new EventEmitter<TaskGraphValidationChangedEventArgs>();\n\n    /** Intent-only — the host navigates; this widget has no Router and must not acquire one. */\n    @Output() public AgentOpenRequested = new EventEmitter<AgentOpenRequestedEventArgs>();\n    @Output() public RecordOpenRequested = new EventEmitter<RecordOpenRequestedEventArgs>();\n    /** A connection was clicked. Payload is the canvas connection, or null when cleared. */\n    @Output() public ConnectionSelected = new EventEmitter<FlowConnection | null>();\n    @Output() public BeforeContextMenu = new EventEmitter<FlowBeforeContextMenuEventArgs>();\n    @Output() public AfterContextMenuAction = new EventEmitter<FlowAfterContextMenuActionEventArgs>();\n\n    // ── Rendered state ───────────────────────────────────────────────────────\n\n    public Nodes: FlowNode[] = [];\n    public Connections: FlowConnection[] = [];\n    public NodeTypes: FlowNodeTypeConfig[] = [...TASK_GRAPH_NODE_TYPES];\n    public SelectedTask: TaskGraphSpecNode | null = null;\n    public ValidationErrors: readonly TaskGraphValidationError[] = [];\n    public IsValid: boolean = true;\n\n    @ViewChild(FlowEditorComponent) protected canvas: FlowEditorComponent | undefined;\n\n    private currentSpec: TaskGraphSpec | null = null;\n    private currentRuntime: TaskGraphRuntimeStatus | null = null;\n    private debugOverlay: TaskGraphDebugOverlay | null = null;\n\n    public get IsEmpty(): boolean {\n        return (this.currentSpec?.tasks?.length ?? 0) === 0;\n    }\n\n    // ── Public methods ───────────────────────────────────────────────────────\n    //\n    // Imperative entry points exist for exactly the case the cancelable-event contract cannot serve:\n    // a host that needs to `await` something (a confirm dialog) before the action proceeds. A\n    // `Before*` handler cannot await — control returns to the emitter before the handler sets\n    // `Cancel` — so the host awaits first and then calls one of these.\n\n    /** Re-runs validation and emits the result. Idempotent. */\n    public Validate(): TaskGraphValidationChangedEventArgs {\n        const result = this.currentSpec\n            ? ValidateTaskGraphSpec(this.currentSpec)\n            : { Valid: true, Errors: [] as TaskGraphValidationError[] };\n\n        this.IsValid = result.Valid;\n        this.ValidationErrors = result.Errors;\n\n        const args = new TaskGraphValidationChangedEventArgs(result.Valid, result.Errors);\n        this.ValidationChanged.emit(args);\n        return args;\n    }\n\n    /** Adds a task. Returns the new task, or null when a host vetoed it. */\n    public AddTask(partial: Partial<TaskGraphSpecNode> = {}): TaskGraphSpecNode | null {\n        if (this.ReadOnly || !this.currentSpec) return null;\n\n        // Kind and configuration travel together — a partial that supplies one without the other\n        // would be a node the engine cannot run, so an unspecified partial defaults to an unassigned\n        // Agent step and the validator says so immediately.\n        const task: TaskGraphSpecNode = {\n            tempId: partial.tempId ?? NextTempId(this.currentSpec),\n            name: partial.name ?? 'New step',\n            description: partial.description ?? '',\n            kind: partial.kind ?? 'Agent',\n            configuration: partial.configuration ?? { agentName: '' },\n            dependsOn: partial.dependsOn ?? [],\n            policy: partial.policy,\n            layout: partial.layout,\n            inputPayload: partial.inputPayload,\n        };\n\n        const before = new BeforeTaskAddedEventArgs(task);\n        this.BeforeTaskAdded.emit(before);\n        if (before.Cancel) return null;\n\n        this.commit(AddTask(this.currentSpec, task), 'TaskAdded');\n        this.AfterTaskAdded.emit(new AfterTaskAddedEventArgs(task, this.currentSpec!));\n        return task;\n    }\n\n    /** Removes a task and every edge into it. Returns false when a host vetoed it. */\n    public RemoveTask(tempId: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        const task = this.findTask(tempId);\n        if (!task) return false;\n\n        // The blast radius travels with the event: a host deciding whether to veto needs to know\n        // what else breaks, not merely which box was clicked.\n        const before = new BeforeTaskRemovedEventArgs(task, GetDependents(this.currentSpec, tempId));\n        this.BeforeTaskRemoved.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(RemoveTask(this.currentSpec, tempId), 'TaskRemoved');\n        if (this.SelectedTask?.tempId === tempId) this.selectTask(null);\n        this.AfterTaskRemoved.emit(new AfterTaskRemovedEventArgs(task, this.currentSpec!));\n        return true;\n    }\n\n    /** Replaces a task's properties. Returns false when a host vetoed it. */\n    public UpdateTask(tempId: string, next: TaskGraphSpecNode): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        const previous = this.findTask(tempId);\n        if (!previous) return false;\n\n        const before = new BeforeTaskUpdatedEventArgs(previous, next);\n        this.BeforeTaskUpdated.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(UpdateTask(this.currentSpec, tempId, next), 'TaskUpdated');\n        if (this.SelectedTask?.tempId === tempId) this.SelectedTask = next;\n        this.AfterTaskUpdated.emit(new AfterTaskUpdatedEventArgs(next, this.currentSpec!));\n        return true;\n    }\n\n    /**\n     * Adds a dependency edge. Returns false when it was vetoed **or would create a cycle**.\n     *\n     * The cycle is refused unconditionally, not merely reported: a cyclic graph can never execute —\n     * nothing would ever become eligible — so allowing the canvas to draw one would let a user build\n     * something the engine must then reject. Better to refuse the stroke than to accept a graph that\n     * cannot run.\n     */\n    public AddDependency(fromTempId: string, toTempId: string, condition?: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n\n        const cycle = WouldCreateCycle(this.currentSpec, fromTempId, toTempId);\n        const before = new BeforeDependencyAddedEventArgs(fromTempId, toTempId, cycle);\n        this.BeforeDependencyAdded.emit(before);\n        if (before.Cancel || cycle) return false;\n\n        this.commit(AddDependency(this.currentSpec, fromTempId, toTempId, condition), 'DependencyAdded');\n        this.AfterDependencyAdded.emit(new AfterDependencyAddedEventArgs(fromTempId, toTempId, this.currentSpec!));\n        return true;\n    }\n\n    /** Removes a dependency edge. Returns false when a host vetoed it. */\n    public RemoveDependency(fromTempId: string, toTempId: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n\n        const before = new BeforeDependencyRemovedEventArgs(fromTempId, toTempId);\n        this.BeforeDependencyRemoved.emit(before);\n        if (before.Cancel) return false;\n\n        this.commit(RemoveDependency(this.currentSpec, fromTempId, toTempId), 'DependencyRemoved');\n        this.AfterDependencyRemoved.emit(new AfterDependencyRemovedEventArgs(fromTempId, toTempId, this.currentSpec!));\n        return true;\n    }\n\n    /**\n     * Sets — or with an empty string, clears — a dependency edge's condition.\n     *\n     * Implemented as remove-then-add so it travels the same `Before*`/`After*` path as any other\n     * edge change. A separate silent mutation would be a second write path into the spec, and the\n     * veto contract would then be right in one place and wrong in the other.\n     */\n    public SetDependencyCondition(fromTempId: string, toTempId: string, condition: string): boolean {\n        if (this.ReadOnly || !this.currentSpec) return false;\n        if (!this.RemoveDependency(fromTempId, toTempId)) return false;\n        return this.AddDependency(fromTempId, toTempId, condition.trim() || undefined);\n    }\n\n    /** Asks the host to open the agent behind a task. */\n    public RequestAgentOpen(task: TaskGraphSpecNode): void {\n        const agentName = ConfigOf(task, 'Agent')?.agentName;\n        if (agentName) {\n            this.AgentOpenRequested.emit(new AgentOpenRequestedEventArgs(agentName, task));\n        }\n    }\n\n    /** Asks the host to open a record the graph references. */\n    public RequestRecordOpen(entityName: string, recordID: string): void {\n        this.RecordOpenRequested.emit(new RecordOpenRequestedEventArgs(entityName, recordID));\n    }\n\n    // ── Canvas handlers ──────────────────────────────────────────────────────\n\n    public OnNodeSelected(node: FlowNode | null): void {\n        this.selectTask(node ? this.findTask(node.ID) : null);\n    }\n\n    /**\n     * A palette entry was clicked or dragged onto the canvas.\n     *\n     * **This binding is the bug.** The canvas has always emitted `NodeAdded` for a palette drop, and\n     * this component simply never listened — so the node the canvas announced was thrown away, the\n     * spec never gained a task, and the author was told \"a task graph must contain at least one\n     * task\" no matter how many times they tried to add one. The canvas does not mutate its own\n     * `Nodes` on purpose (the host owns the model); an unheard event is therefore a silent no-op\n     * rather than a visible failure, which is why it survived.\n     *\n     * The new step is selected immediately: it lands unnamed and, for an agent or action step with\n     * nothing available to default to, unassigned — so the properties panel is where the author has\n     * to go next, and putting them there beats making them find it.\n     */\n    public OnNodeAdded(event: FlowNodeAddedEvent): void {\n        if (this.ReadOnly || !this.currentSpec) return;\n        const type = GetNodeTypeConfig(event.Node.Type)?.Type;\n        // Only an authorable shape can be dropped from the palette. The render set is wider, and a\n        // display-only kind arriving here would mean the palette offered something with no editor.\n        if (!type || !IsAuthorableNodeType(type)) return;\n\n        const added = this.AddTask(\n            NewTaskFromNodeType(this.currentSpec, type, {\n                agentName: this.AvailableAgentNames[0],\n                actionName: this.AvailableActionNames[0],\n            }),\n        );\n        if (!added) return;\n\n        // Remember where the canvas put it BEFORE anything re-projects. The spec has no geometry\n        // field, so this map is the only record that the author dropped (or clicked) it here — and\n        // without it the node would snap back to the origin on the very next edit.\n        this.knownPositions.set(added.tempId, { ...event.Node.Position });\n        // A graph that has received a hand-placed node is laid out, by definition. Marking it here\n        // stops the one-time Dagre pass from firing later and discarding that placement.\n        this.hasLaidOut = true;\n        this.selectTask(added);\n    }\n\n    /** Applies a properties-panel edit through the same vetoable path a canvas edit takes. */\n    public OnTaskPropertyChangeRequested(args: TaskPropertyChangeRequestedEventArgs): void {\n        this.UpdateTask(args.TempId, args.Next);\n    }\n\n    /** Applies a properties-panel edge-condition edit. */\n    public OnDependencyConditionChangeRequested(args: DependencyConditionChangeRequestedEventArgs): void {\n        this.SetDependencyCondition(args.FromTempId, args.ToTempId, args.Condition);\n    }\n\n    public OnConnectionCreated(event: FlowConnectionCreatedEvent): void {\n        this.AddDependency(event.SourceNodeID, event.TargetNodeID);\n    }\n\n    public OnConnectionRemoved(connection: FlowConnection): void {\n        this.RemoveDependency(connection.SourceNodeID, connection.TargetNodeID);\n    }\n\n    public OnNodeRemoved(node: FlowNode): void {\n        this.RemoveTask(node.ID);\n    }\n\n    // ── Internals ────────────────────────────────────────────────────────────\n\n    private findTask(tempId: string): TaskGraphSpecNode | null {\n        return (this.currentSpec?.tasks ?? []).find((t) => t.tempId === tempId) ?? null;\n    }\n\n    private selectTask(task: TaskGraphSpecNode | null): void {\n        this.SelectedTask = task;\n        this.SelectionChanged.emit(new TaskGraphSelectionChangedEventArgs(task));\n    }\n\n    /** Applies a new spec, re-projects, re-validates, and tells the host — in that order. */\n    private commit(spec: TaskGraphSpec, reason: TaskGraphSpecChangedEventArgs['Reason']): void {\n        this.currentSpec = spec;\n        this.project();\n        this.SpecChanged.emit(new TaskGraphSpecChangedEventArgs(spec, reason));\n    }\n\n    /** Re-derives the canvas from the spec. Validation rides along so the two never disagree. */\n    private project(): void {\n        if (!this.currentSpec) {\n            this.Nodes = [];\n            this.Connections = [];\n            this.ValidationErrors = [];\n            this.IsValid = true;\n            this.hasLaidOut = false;\n            this.fittedGeometryKey = null;\n            this.knownPositions.clear();\n            return;\n        }\n        this.Nodes = SpecToNodes(\n            this.currentSpec,\n            this.currentRuntime ?? undefined,\n            this.knownPositions,\n            this.debugOverlay ?? undefined,\n        );\n        this.Connections = SpecToConnections(\n            this.currentSpec,\n            this.currentRuntime ?? undefined,\n            this.debugOverlay ?? undefined,\n        );\n        this.Validate();\n        this.arrangeIfNeverLaidOut();\n    }\n\n    /**\n     * Lays the graph out ONCE — when it arrives with no geometry of its own.\n     *\n     * A `TaskGraphSpec` carries no positions, so a spec opened for the first time projects with\n     * every node at the origin and needs Dagre to make it readable. After that the author's layout\n     * is the layout: `knownPositions` carries it across re-projections, and re-arranging again would\n     * throw away the arrangement they just made.\n     *\n     * It must also not run on every edit, because `AutoArrange` ends in `ZoomToFit` — so arranging\n     * per change meant the viewport snapped to fit after every added step and every drawn\n     * connection, which on a one-node graph zooms to maximum. That is the behaviour being fixed\n     * here; the rule mirrors the Flow Agent editor's (`flow-agent-editor.component.ts`), which has\n     * always arranged only when every node sits at the origin.\n     */\n    private arrangeIfNeverLaidOut(): void {\n        if (this.Nodes.length === 0) return;\n        if (this.hasLaidOut) return;\n\n        // Nothing to rescue a layout from: a spec whose nodes all sit at the origin has never been\n        // arranged. One node at the origin is the legitimate starting case too.\n        const allAtOrigin = this.Nodes.every((n) => n.Position.X === 0 && n.Position.Y === 0);\n        if (!allAtOrigin) { this.hasLaidOut = true; return; }\n\n        this.hasLaidOut = true;\n        // Deferred one turn: the canvas has to render the nodes before Dagre can measure them.\n        // Cleared on destroy so a pending layout cannot run against a torn-down view.\n        if (this.pendingLayout !== null) clearTimeout(this.pendingLayout);\n        this.pendingLayout = setTimeout(() => {\n            this.pendingLayout = null;\n            this.canvas?.AutoArrange(this.AutoLayoutDirection);\n        });\n    }\n\n    /**\n     * Fits the viewport to the graph, once the canvas has drawn it.\n     *\n     * Deferred for the same reason the layout pass is: `fitToScreen` measures the rendered nodes, so\n     * calling it in the same turn as the projection fits whatever was on screen a moment ago. With\n     * every node still at the origin that bounding box is a single node wide, and \"fit\" means zoom\n     * to ~265% — the symptom that made a four-step workflow look like one enormous box.\n     */\n    private zoomToFitSoon(): void {\n        if (this.pendingLayout !== null) clearTimeout(this.pendingLayout);\n        this.pendingLayout = setTimeout(() => {\n            this.pendingLayout = null;\n            this.canvas?.ZoomToFit();\n        });\n    }\n\n    /**\n     * The canvas is the authority on geometry, so remember what it reports.\n     *\n     * Without this the spec — which has no geometry field — is the only survivor of a re-projection,\n     * and every edit silently moved every node back to the origin. That is what forced a re-arrange\n     * (and therefore a re-zoom) on each change.\n     */\n    public OnNodesChanged(nodes: FlowNode[]): void {\n        for (const n of nodes) this.knownPositions.set(n.ID, { ...n.Position });\n    }\n\n    /** The canvas toolbar showed or hid the legend; tell whoever is remembering that choice. */\n    public OnLegendToggled(show: boolean): void {\n        this.ShowLegend = show;\n        this.LegendToggled.emit(show);\n    }\n\n    public OnConnectionSelected(connection: FlowConnection | null): void {\n        this.ConnectionSelected.emit(connection);\n    }\n\n    /** A single node was dragged. Same authority, narrower event. */\n    public OnNodeMoved(event: FlowNodeMovedEvent): void {\n        this.knownPositions.set(event.NodeID, { ...event.NewPosition });\n    }\n\n    public ngOnDestroy(): void {\n        if (this.pendingLayout !== null) {\n            clearTimeout(this.pendingLayout);\n            this.pendingLayout = null;\n        }\n    }\n\n    /** The topology the current layout was computed for; '' when nothing has been laid out. */\n    /**\n     * Node geometry, which the spec cannot hold.\n     *\n     * `TaskGraphSpec` is an execution contract with no layout field, so a re-projection would\n     * otherwise return every node to the origin. Keyed by `tempId`; written from the canvas\n     * (`NodesChanged` / `NodeMoved`) and from the drop position of a newly added node, and read back\n     * by `SpecToNodes` on every projection.\n     */\n    private readonly knownPositions = new Map<string, FlowPosition>();\n\n    /** Whether the one-time Dagre pass has run (or been made unnecessary by a hand-placed node). */\n    private hasLaidOut: boolean = false;\n    /** Task-id set we last fitted. Same ids + a new Map must not re-fit. */\n    private fittedGeometryKey: string | null = null;\n    private pendingLayout: ReturnType<typeof setTimeout> | null = null;\n}\n","<div class=\"mj-tge\">\n  <!-- An EDITABLE empty canvas must still render the editor, because the palette is the only way to\n       add a step — showing a bare empty state instead made \"Add one to start building this workflow\"\n       an instruction the user could not follow. The hint stays, as a banner above a usable canvas. -->\n  @if (IsEmpty && ReadOnly) {\n    <mj-empty-state\n      Icon=\"fa-diagram-project\"\n      Title=\"Nothing here yet\"\n      [Message]=\"EmptyStateMessage\">\n    </mj-empty-state>\n  } @else {\n    @if (IsEmpty) {\n      <mj-alert Variant=\"info\" class=\"mj-tge__empty-hint\" [Message]=\"EmptyStateMessage\"></mj-alert>\n    }\n    @if (!IsValid && ValidationErrors.length > 0) {\n      <!-- Author-time validation comes from the SAME function the engine runs at submission, so a\n           graph that looks fine here cannot be rejected later for a reason the canvas never showed. -->\n      <mj-alert Variant=\"warning\" class=\"mj-tge__validation\">\n        <strong>{{ ValidationErrors.length }} problem{{ ValidationErrors.length === 1 ? '' : 's' }} to fix</strong>\n        <ul class=\"mj-tge__validation-list\">\n          @for (err of ValidationErrors; track err.Code + (err.TempId ?? '')) {\n            <li>{{ err.Message }}</li>\n          }\n        </ul>\n      </mj-alert>\n    }\n\n    <div class=\"mj-tge__workspace\">\n      <mj-flow-editor\n        class=\"mj-tge__canvas\"\n        [Nodes]=\"Nodes\"\n        [Connections]=\"Connections\"\n        [NodeTypes]=\"NodeTypes\"\n        [ReadOnly]=\"ReadOnly\"\n        [ShowToolbar]=\"ShowToolbar\"\n        [ToolbarVisibility]=\"ToolbarVisibility\"\n        [ToolbarAlign]=\"ToolbarAlign\"\n        [ShowPalette]=\"ShowPalette && !ReadOnly\"\n        [ShowMinimap]=\"ShowMinimap\"\n        [ShowLegend]=\"ShowLegend\"\n        [ShowStatusBar]=\"ShowStatusBar\"\n        [AutoLayoutDirection]=\"AutoLayoutDirection\"\n        (NodeSelected)=\"OnNodeSelected($event)\"\n        (NodeAdded)=\"OnNodeAdded($event)\"\n        (NodeRemoved)=\"OnNodeRemoved($event)\"\n        (NodesChanged)=\"OnNodesChanged($event)\"\n        (NodeMoved)=\"OnNodeMoved($event)\"\n        (ConnectionCreated)=\"OnConnectionCreated($event)\"\n        (ConnectionRemoved)=\"OnConnectionRemoved($event)\"\n        (ConnectionSelected)=\"OnConnectionSelected($event)\"\n        (LegendToggled)=\"OnLegendToggled($event)\"\n        (BeforeContextMenu)=\"BeforeContextMenu.emit($event)\"\n        (AfterContextMenuAction)=\"AfterContextMenuAction.emit($event)\">\n      </mj-flow-editor>\n\n      <!-- The canvas draws structure; this supplies content. A step added from the palette arrives\n           unnamed and (with nothing to default to) unassigned, so without this panel the author can\n           create a step but never finish one. -->\n      @if (ShowProperties && !ReadOnly) {\n        <mj-task-graph-properties\n          class=\"mj-tge__properties\"\n          [Task]=\"SelectedTask\"\n          [Spec]=\"Spec\"\n          [ReadOnly]=\"ReadOnly\"\n          [AvailableAgentNames]=\"AvailableAgentNames\"\n          [AvailableActionNames]=\"AvailableActionNames\"\n          (TaskPropertyChangeRequested)=\"OnTaskPropertyChangeRequested($event)\"\n          (DependencyConditionChangeRequested)=\"OnDependencyConditionChangeRequested($event)\">\n        </mj-task-graph-properties>\n      }\n    </div>\n  }\n</div>\n"]}

package/dist/lib/task-graph-editor.module.d.ts

@@ -2,13 +2,17 @@ import * as i0 from "@angular/core";
 import * as i1 from "./task-graph-editor.component";
 import * as i2 from "./task-graph-properties-panel.component";
 import * as i3 from "./task-graph-run-view.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@memberjunction/ng-flow-editor";
-import * as i7 from "@memberjunction/ng-ui-components";
+import * as i4 from "./task-graph-debugger.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@memberjunction/ng-flow-editor";
+import * as i8 from "@memberjunction/ng-ui-components";
+import * as i9 from "angular-split";
+import * as i10 from "./task-graph-debug-toolbar.component";
+import * as i11 from "./task-graph-variables.component";
 export declare class TaskGraphEditorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TaskGraphEditorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TaskGraphEditorModule, [typeof i1.TaskGraphEditorComponent, typeof i2.TaskGraphPropertiesPanelComponent, typeof i3.TaskGraphRunViewComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.FlowEditorModule, typeof i7.MJEmptyStateComponent, typeof i7.MJAlertComponent, typeof i7.MJButtonDirective], [typeof i1.TaskGraphEditorComponent, typeof i2.TaskGraphPropertiesPanelComponent, typeof i3.TaskGraphRunViewComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TaskGraphEditorModule, [typeof i1.TaskGraphEditorComponent, typeof i2.TaskGraphPropertiesPanelComponent, typeof i3.TaskGraphRunViewComponent, typeof i4.TaskGraphDebuggerComponent], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.FlowEditorModule, typeof i8.MJEmptyStateComponent, typeof i8.MJAlertComponent, typeof i8.MJButtonDirective, typeof i9.AngularSplitModule, typeof i10.TaskGraphDebugToolbarComponent, typeof i11.TaskGraphVariablesComponent], [typeof i1.TaskGraphEditorComponent, typeof i2.TaskGraphPropertiesPanelComponent, typeof i3.TaskGraphRunViewComponent, typeof i10.TaskGraphDebugToolbarComponent, typeof i11.TaskGraphVariablesComponent, typeof i4.TaskGraphDebuggerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TaskGraphEditorModule>;
 }
 //# sourceMappingURL=task-graph-editor.module.d.ts.map

package/dist/lib/task-graph-editor.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"task-graph-editor.module.d.ts","sourceRoot":"","sources":["../../src/lib/task-graph-editor.module.ts"],"names":[],"mappings":";;;;;;;;AAUA,qBAKa,qBAAqB;yCAArB,qBAAqB;0CAArB,qBAAqB;0CAArB,qBAAqB;CAAG"}
+{"version":3,"file":"task-graph-editor.module.d.ts","sourceRoot":"","sources":["../../src/lib/task-graph-editor.module.ts"],"names":[],"mappings":";;;;;;;;;;;;AAcA,qBA2Ba,qBAAqB;yCAArB,qBAAqB;0CAArB,qBAAqB;0CAArB,qBAAqB;CAAG"}

package/dist/lib/task-graph-editor.module.js

@@ -3,22 +3,69 @@ import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { FlowEditorModule } from '@memberjunction/ng-flow-editor';
 import { MJEmptyStateComponent, MJAlertComponent, MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { AngularSplitModule } from 'angular-split';
 import { TaskGraphEditorComponent } from './task-graph-editor.component';
 import { TaskGraphPropertiesPanelComponent } from './task-graph-properties-panel.component';
 import { TaskGraphRunViewComponent } from './task-graph-run-view.component';
+import { TaskGraphDebugToolbarComponent } from './task-graph-debug-toolbar.component';
+import { TaskGraphVariablesComponent } from './task-graph-variables.component';
+import { TaskGraphDebuggerComponent } from './task-graph-debugger.component';
 import * as i0 from "@angular/core";
 export class TaskGraphEditorModule {
     static ɵfac = function TaskGraphEditorModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskGraphEditorModule)(); };
     static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: TaskGraphEditorModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, FormsModule, FlowEditorModule, MJEmptyStateComponent, MJAlertComponent] });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            FormsModule,
+            FlowEditorModule,
+            MJEmptyStateComponent,
+            MJAlertComponent,
+            AngularSplitModule] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphEditorModule, [{
         type: NgModule,
         args: [{
-                declarations: [TaskGraphEditorComponent, TaskGraphPropertiesPanelComponent, TaskGraphRunViewComponent],
-                imports: [CommonModule, FormsModule, FlowEditorModule, MJEmptyStateComponent, MJAlertComponent, MJButtonDirective],
-                exports: [TaskGraphEditorComponent, TaskGraphPropertiesPanelComponent, TaskGraphRunViewComponent],
+                declarations: [
+                    TaskGraphEditorComponent,
+                    TaskGraphPropertiesPanelComponent,
+                    TaskGraphRunViewComponent,
+                    TaskGraphDebuggerComponent,
+                ],
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    FlowEditorModule,
+                    MJEmptyStateComponent,
+                    MJAlertComponent,
+                    MJButtonDirective,
+                    AngularSplitModule,
+                    TaskGraphDebugToolbarComponent,
+                    TaskGraphVariablesComponent,
+                ],
+                exports: [
+                    TaskGraphEditorComponent,
+                    TaskGraphPropertiesPanelComponent,
+                    TaskGraphRunViewComponent,
+                    TaskGraphDebugToolbarComponent,
+                    TaskGraphVariablesComponent,
+                    TaskGraphDebuggerComponent,
+                ],
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TaskGraphEditorModule, { declarations: [TaskGraphEditorComponent, TaskGraphPropertiesPanelComponent, TaskGraphRunViewComponent], imports: [CommonModule, FormsModule, FlowEditorModule, MJEmptyStateComponent, MJAlertComponent, MJButtonDirective], exports: [TaskGraphEditorComponent, TaskGraphPropertiesPanelComponent, TaskGraphRunViewComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TaskGraphEditorModule, { declarations: [TaskGraphEditorComponent,
+        TaskGraphPropertiesPanelComponent,
+        TaskGraphRunViewComponent,
+        TaskGraphDebuggerComponent], imports: [CommonModule,
+        FormsModule,
+        FlowEditorModule,
+        MJEmptyStateComponent,
+        MJAlertComponent,
+        MJButtonDirective,
+        AngularSplitModule,
+        TaskGraphDebugToolbarComponent,
+        TaskGraphVariablesComponent], exports: [TaskGraphEditorComponent,
+        TaskGraphPropertiesPanelComponent,
+        TaskGraphRunViewComponent,
+        TaskGraphDebugToolbarComponent,
+        TaskGraphVariablesComponent,
+        TaskGraphDebuggerComponent] }); })();
 //# sourceMappingURL=task-graph-editor.module.js.map