@memberjunction/ng-task-graph-editor 0.0.0 → 6.1.0-edge.1

package/dist/lib/task-graph-properties-panel.component.js

@@ -0,0 +1,238 @@
+/**
+ * @fileoverview Edits the selected task's properties, plus the graph-level traversal settings.
+ *
+ * Split out of the canvas component for the reason panels usually are — the canvas is about
+ * *structure* (what connects to what) and this is about *content* (what a step actually does). But
+ * also for a sharper reason: a host embedding the read-only viewer in a chat card or a run history
+ * pane wants the graph without a form beside it, and a panel welded into the canvas cannot be
+ * declined.
+ *
+ * Emits intent rather than mutating: the canvas component owns the spec, so every edit here leaves
+ * as a request the parent applies through the same `Before*`/`After*` path a drag or a delete takes.
+ * Two write paths into one spec would be two places for the veto contract to be wrong.
+ *
+ * @module @memberjunction/ng-task-graph-editor
+ */
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { GetDependencies } from './task-graph-canvas-adapter';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.FromTempId;
+function TaskGraphPropertiesPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 1);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const name_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", name_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(name_r4);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.agentName, $event) || (ctx_r1.Draft.agentName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_Template_select_change_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Commit()); });
+    i0.ɵɵrepeaterCreate(1, TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_For_2_Template, 2, 2, "option", 14, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.agentName);
+    i0.ɵɵproperty("disabled", ctx_r1.ReadOnly);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.AvailableAgentNames);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-alert", 12);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_17_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "span", 16);
+    i0.ɵɵelement(2, "i", 17);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "input", 18);
+    i0.ɵɵlistener("blur", function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_17_For_3_Template_input_blur_4_listener($event) { const edge_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CommitCondition(edge_r6.FromTempId, $event.target.value)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const edge_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", edge_r6.FromName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngModel", edge_r6.Condition)("disabled", ctx_r1.ReadOnly);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 6);
+    i0.ɵɵtext(1, "Runs after");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(2, TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_17_For_3_Template, 5, 3, "div", 15, _forTrack0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.IncomingEdges);
+} }
+function TaskGraphPropertiesPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 2);
+    i0.ɵɵtext(1, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "input", 3);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.name, $event) || (ctx_r1.Draft.name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_input_blur_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Commit()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "label", 4);
+    i0.ɵɵtext(4, "What this step does");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "textarea", 5);
+    i0.ɵɵtwoWayListener("ngModelChange", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.description, $event) || (ctx_r1.Draft.description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("blur", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_textarea_blur_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Commit()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "label", 6);
+    i0.ɵɵtext(7, "Who does it");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 7)(9, "button", 8);
+    i0.ɵɵlistener("click", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetAssignment("agent")); });
+    i0.ɵɵelement(10, "i", 9);
+    i0.ɵɵtext(11, " An agent ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 8);
+    i0.ɵɵlistener("click", function TaskGraphPropertiesPanelComponent_Conditional_2_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetAssignment("human")); });
+    i0.ɵɵelement(13, "i", 10);
+    i0.ɵɵtext(14, " A person ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(15, TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_15_Template, 3, 2, "select", 11)(16, TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_16_Template, 1, 0, "mj-alert", 12);
+    i0.ɵɵconditionalCreate(17, TaskGraphPropertiesPanelComponent_Conditional_2_Conditional_17_Template, 4, 0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.name);
+    i0.ɵɵproperty("disabled", ctx_r1.ReadOnly);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.description);
+    i0.ɵɵproperty("disabled", ctx_r1.ReadOnly);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("variant", !ctx_r1.IsHumanTask ? "primary" : "outline")("disabled", ctx_r1.ReadOnly);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("variant", ctx_r1.IsHumanTask ? "primary" : "outline")("disabled", ctx_r1.ReadOnly);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(!ctx_r1.IsHumanTask ? 15 : 16);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.IncomingEdges.length > 0 ? 17 : -1);
+} }
+/** A requested change to one task. The parent applies it; this panel never writes. */
+export class TaskPropertyChangeRequestedEventArgs {
+    TempId;
+    Next;
+    constructor(TempId, Next) {
+        this.TempId = TempId;
+        this.Next = Next;
+    }
+}
+/** A requested change to a dependency edge's condition. */
+export class DependencyConditionChangeRequestedEventArgs {
+    FromTempId;
+    ToTempId;
+    Condition;
+    constructor(FromTempId, ToTempId, 
+    /** Empty string clears the condition, making the edge unconditional again. */
+    Condition) {
+        this.FromTempId = FromTempId;
+        this.ToTempId = ToTempId;
+        this.Condition = Condition;
+    }
+}
+export class TaskGraphPropertiesPanelComponent {
+    /** The task being edited. Null shows the empty state rather than a form bound to nothing. */
+    set Task(value) {
+        this.currentTask = value;
+        // A working copy, so a half-typed name never reaches the spec — and so Cancel is possible
+        // at all. Editing the live node would make every keystroke an unvetoable mutation.
+        this.Draft = value ? { ...value } : null;
+    }
+    get Task() {
+        return this.currentTask;
+    }
+    /** The whole graph, for resolving the selected task's incoming edges. */
+    Spec = null;
+    /** Agent names offered in the assignment dropdown. Supplied by the host, which owns data access. */
+    AvailableAgentNames = [];
+    ReadOnly = false;
+    TaskPropertyChangeRequested = new EventEmitter();
+    DependencyConditionChangeRequested = new EventEmitter();
+    Draft = null;
+    currentTask = null;
+    /**
+     * Whether this step waits on a person.
+     *
+     * Derived from the absence of an agent rather than stored separately, because the spec's own
+     * rule is that a task has exactly one assignee. A separate boolean could disagree with
+     * `agentName` and the validator would then reject a graph the form said was fine.
+     */
+    get IsHumanTask() {
+        return !this.Draft?.agentName;
+    }
+    /** The edges into this task, so their conditions are editable where the step is. */
+    get IncomingEdges() {
+        if (!this.Draft || !this.Spec)
+            return [];
+        const nameOf = (id) => this.Spec.tasks.find((t) => t.tempId === id)?.name ?? id;
+        return GetDependencies(this.Draft).map((d) => ({
+            FromTempId: d.tempId,
+            FromName: nameOf(d.tempId),
+            Condition: d.condition ?? '',
+        }));
+    }
+    /** Switches the step between an agent and a person, keeping the spec's xor rule intact. */
+    SetAssignment(kind, agentName) {
+        if (!this.Draft || this.ReadOnly)
+            return;
+        this.Draft = kind === 'human'
+            ? { ...this.Draft, agentName: undefined, assignToUser: true }
+            : { ...this.Draft, agentName: agentName ?? this.AvailableAgentNames[0], assignToUser: undefined };
+        this.Commit();
+    }
+    /** Asks the parent to apply the draft. */
+    Commit() {
+        if (!this.Draft || !this.currentTask || this.ReadOnly)
+            return;
+        this.TaskPropertyChangeRequested.emit(new TaskPropertyChangeRequestedEventArgs(this.currentTask.tempId, { ...this.Draft }));
+    }
+    /** Asks the parent to change (or, with an empty string, clear) an edge's condition. */
+    CommitCondition(fromTempId, condition) {
+        if (!this.Draft || this.ReadOnly)
+            return;
+        this.DependencyConditionChangeRequested.emit(new DependencyConditionChangeRequestedEventArgs(fromTempId, this.Draft.tempId, condition));
+    }
+    static ɵfac = function TaskGraphPropertiesPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskGraphPropertiesPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskGraphPropertiesPanelComponent, selectors: [["mj-task-graph-properties"]], inputs: { Task: "Task", Spec: "Spec", AvailableAgentNames: "AvailableAgentNames", ReadOnly: "ReadOnly" }, outputs: { TaskPropertyChangeRequested: "TaskPropertyChangeRequested", DependencyConditionChangeRequested: "DependencyConditionChangeRequested" }, standalone: false, decls: 3, vars: 1, consts: [[1, "mj-tgp"], ["Icon", "fa-hand-pointer", "Title", "No step selected", "Message", "Pick a step on the canvas to edit what it does."], ["for", "tgp-name", 1, "mj-tgp__label"], ["id", "tgp-name", "type", "text", 1, "mj-input", 3, "ngModelChange", "blur", "ngModel", "disabled"], ["for", "tgp-desc", 1, "mj-tgp__label"], ["id", "tgp-desc", "rows", "3", 1, "mj-textarea", 3, "ngModelChange", "blur", "ngModel", "disabled"], [1, "mj-tgp__label"], [1, "mj-tgp__assignment"], ["mjButton", "", "size", "sm", 3, "click", "variant", "disabled"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-user-check"], [1, "mj-input", 3, "ngModel", "disabled"], ["Variant", "info", "Size", "sm", "Message", "This step waits for you. Assigning it to someone else isn't available yet."], [1, "mj-input", 3, "ngModelChange", "change", "ngModel", "disabled"], [3, "value"], [1, "mj-tgp__edge"], [1, "mj-tgp__edge-name"], [1, "fa-solid", "fa-arrow-right-long"], ["type", "text", "placeholder", "Always \u2014 or a condition, e.g. output.severity > 3", 1, "mj-input", "mj-tgp__edge-condition", 3, "blur", "ngModel", "disabled"]], template: function TaskGraphPropertiesPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, TaskGraphPropertiesPanelComponent_Conditional_1_Template, 1, 0, "mj-empty-state", 1)(2, TaskGraphPropertiesPanelComponent_Conditional_2_Template, 18, 10);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.Draft ? 1 : 2);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJEmptyStateComponent, i2.MJAlertComponent, i2.MJButtonDirective], styles: ["\n\n.mj-tgp[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-sm, 0.5rem);\n  padding: var(--mj-space-md, 1rem);\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.mj-tgp__label[_ngcontent-%COMP%] {\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__assignment[_ngcontent-%COMP%] {\n  display: flex;\n  gap: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__edge[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2xs, 0.125rem);\n  padding: var(--mj-space-xs, 0.25rem) 0;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mj-tgp__edge-name[_ngcontent-%COMP%] {\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  color: var(--mj-text-secondary);\n}\n\n.mj-tgp__edge-condition[_ngcontent-%COMP%] {\n  width: 100%;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphPropertiesPanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-task-graph-properties', template: "<div class=\"mj-tgp\">\n  @if (!Draft) {\n    <mj-empty-state\n      Icon=\"fa-hand-pointer\"\n      Title=\"No step selected\"\n      Message=\"Pick a step on the canvas to edit what it does.\">\n    </mj-empty-state>\n  } @else {\n    <label class=\"mj-tgp__label\" for=\"tgp-name\">Name</label>\n    <input id=\"tgp-name\" class=\"mj-input\" type=\"text\"\n           [(ngModel)]=\"Draft.name\" [disabled]=\"ReadOnly\" (blur)=\"Commit()\" />\n\n    <label class=\"mj-tgp__label\" for=\"tgp-desc\">What this step does</label>\n    <textarea id=\"tgp-desc\" class=\"mj-textarea\" rows=\"3\"\n              [(ngModel)]=\"Draft.description\" [disabled]=\"ReadOnly\" (blur)=\"Commit()\"></textarea>\n\n    <label class=\"mj-tgp__label\">Who does it</label>\n    <div class=\"mj-tgp__assignment\">\n      <button mjButton [variant]=\"!IsHumanTask ? 'primary' : 'outline'\" size=\"sm\"\n              [disabled]=\"ReadOnly\" (click)=\"SetAssignment('agent')\">\n        <i class=\"fa-solid fa-robot\"></i> An agent\n      </button>\n      <button mjButton [variant]=\"IsHumanTask ? 'primary' : 'outline'\" size=\"sm\"\n              [disabled]=\"ReadOnly\" (click)=\"SetAssignment('human')\">\n        <i class=\"fa-solid fa-user-check\"></i> A person\n      </button>\n    </div>\n\n    @if (!IsHumanTask) {\n      <select class=\"mj-input\" [(ngModel)]=\"Draft.agentName\" [disabled]=\"ReadOnly\" (change)=\"Commit()\">\n        @for (name of AvailableAgentNames; track name) {\n          <option [value]=\"name\">{{ name }}</option>\n        }\n      </select>\n    } @else {\n      <!-- Cross-user assignment is rejected at submission until the authorization model lands\n           (#3524), so the panel states the rule rather than offering a picker that would fail. -->\n      <mj-alert Variant=\"info\" Size=\"sm\"\n                Message=\"This step waits for you. Assigning it to someone else isn't available yet.\">\n      </mj-alert>\n    }\n\n    @if (IncomingEdges.length > 0) {\n      <label class=\"mj-tgp__label\">Runs after</label>\n      @for (edge of IncomingEdges; track edge.FromTempId) {\n        <div class=\"mj-tgp__edge\">\n          <span class=\"mj-tgp__edge-name\"><i class=\"fa-solid fa-arrow-right-long\"></i> {{ edge.FromName }}</span>\n          <!-- Leaving this empty makes the edge unconditional, which is how a fallback is written. -->\n          <input class=\"mj-input mj-tgp__edge-condition\" type=\"text\"\n                 placeholder=\"Always \u2014 or a condition, e.g. output.severity > 3\"\n                 [ngModel]=\"edge.Condition\" [disabled]=\"ReadOnly\"\n                 (blur)=\"CommitCondition(edge.FromTempId, $any($event.target).value)\" />\n        </div>\n      }\n    }\n  }\n</div>\n", styles: ["/* Design tokens only \u2014 no hardcoded colors. */\n.mj-tgp {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-sm, 0.5rem);\n  padding: var(--mj-space-md, 1rem);\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.mj-tgp__label {\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-top: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__assignment {\n  display: flex;\n  gap: var(--mj-space-xs, 0.25rem);\n}\n\n.mj-tgp__edge {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mj-space-2xs, 0.125rem);\n  padding: var(--mj-space-xs, 0.25rem) 0;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mj-tgp__edge-name {\n  font-size: var(--mj-font-size-sm, 0.8125rem);\n  color: var(--mj-text-secondary);\n}\n\n.mj-tgp__edge-condition {\n  width: 100%;\n}\n"] }]
+    }], null, { Task: [{
+            type: Input
+        }], Spec: [{
+            type: Input
+        }], AvailableAgentNames: [{
+            type: Input
+        }], ReadOnly: [{
+            type: Input
+        }], TaskPropertyChangeRequested: [{
+            type: Output
+        }], DependencyConditionChangeRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskGraphPropertiesPanelComponent, { className: "TaskGraphPropertiesPanelComponent", filePath: "src/lib/task-graph-properties-panel.component.ts", lineNumber: 44 }); })();
+//# sourceMappingURL=task-graph-properties-panel.component.js.map

package/dist/lib/task-graph-properties-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-graph-properties-panel.component.js","sourceRoot":"","sources":["../../src/lib/task-graph-properties-panel.component.ts","../../src/lib/task-graph-properties-panel.component.html"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;;;;;;ICf1D,oCAIiB;;;IAyBX,kCAAuB;IAAA,YAAU;IAAA,iBAAS;;;IAAlC,+BAAc;IAAC,cAAU;IAAV,6BAAU;;;;IAFrC,kCAAiG;IAAxE,wVAA6B;IAAuB,uNAAU,eAAQ,KAAC;IAC9F,uJAEC;IACH,iBAAS;;;IAJgB,sDAA6B;IAAC,0CAAqB;IAC1E,cAEC;IAFD,yCAEC;;;IAKH,+BAEW;;;;IAOP,AADF,+BAA0B,eACQ;IAAA,wBAA4C;IAAC,YAAmB;IAAA,iBAAO;IAEvG,iCAG8E;IAAvE,wPAAQ,+DAA2D,KAAC;IAC7E,AAJE,iBAG8E,EAC1E;;;;IANyE,eAAmB;IAAnB,4CAAmB;IAIzF,cAA0B;IAAC,AAA3B,2CAA0B,6BAAsB;;;IAP3D,gCAA6B;IAAA,0BAAU;IAAA,iBAAQ;IAC/C,kIASC;;;IATD,eASC;IATD,mCASC;;;;IA7CH,gCAA4C;IAAA,oBAAI;IAAA,iBAAQ;IACxD,gCAC0E;IAAnE,6TAAwB;IAAuB,kMAAQ,eAAQ,KAAC;IADvE,iBAC0E;IAE1E,gCAA4C;IAAA,mCAAmB;IAAA,iBAAQ;IACvE,mCACkF;IAAxE,8UAA+B;IAAuB,qMAAQ,eAAQ,KAAC;IAAC,iBAAW;IAE7F,gCAA6B;IAAA,2BAAW;IAAA,iBAAQ;IAE9C,AADF,8BAAgC,gBAEiC;IAAjC,qMAAS,qBAAc,OAAO,CAAC,KAAC;IAC5D,wBAAiC;IAAC,2BACpC;IAAA,iBAAS;IACT,kCAC+D;IAAjC,sMAAS,qBAAc,OAAO,CAAC,KAAC;IAC5D,yBAAsC;IAAC,2BACzC;IACF,AADE,iBAAS,EACL;IAQJ,AANF,uHAAoB,mGAMX;IAQT,yGAAgC;;;IAhCzB,eAAwB;IAAxB,iDAAwB;IAAC,0CAAqB;IAI3C,eAA+B;IAA/B,wDAA+B;IAAC,0CAAqB;IAI5C,eAAgD;IACzD,AADS,qEAAgD,6BACpC;IAGZ,eAA+C;IACxD,AADS,oEAA+C,6BACnC;IAK/B,eAYC;IAZD,+CAYC;IAED,eAYC;IAZD,2DAYC;;ADnCL,sFAAsF;AACtF,MAAM,OAAO,oCAAoC;IAEzB;IACA;IAFpB,YACoB,MAAc,EACd,IAAuB;QADvB,WAAM,GAAN,MAAM,CAAQ;QACd,SAAI,GAAJ,IAAI,CAAmB;IACxC,CAAC;CACP;AAED,2DAA2D;AAC3D,MAAM,OAAO,2CAA2C;IAEhC;IACA;IAEA;IAJpB,YACoB,UAAkB,EAClB,QAAgB;IAChC,8EAA8E;IAC9D,SAAiB;QAHjB,eAAU,GAAV,UAAU,CAAQ;QAClB,aAAQ,GAAR,QAAQ,CAAQ;QAEhB,cAAS,GAAT,SAAS,CAAQ;IAClC,CAAC;CACP;AAQD,MAAM,OAAO,iCAAiC;IAC1C,6FAA6F;IAC7F,IACW,IAAI,CAAC,KAA+B;QAC3C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,0FAA0F;QAC1F,mFAAmF;QACnF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,CAAC;IACD,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAED,yEAAyE;IACzD,IAAI,GAAyB,IAAI,CAAC;IAElD,oGAAoG;IACpF,mBAAmB,GAAsB,EAAE,CAAC;IAE5C,QAAQ,GAAY,KAAK,CAAC;IAEzB,2BAA2B,GAAG,IAAI,YAAY,EAAwC,CAAC;IACvF,kCAAkC,GAAG,IAAI,YAAY,EAA+C,CAAC;IAE/G,KAAK,GAA6B,IAAI,CAAC;IAEtC,WAAW,GAA6B,IAAI,CAAC;IAErD;;;;;;OAMG;IACH,IAAW,WAAW;QAClB,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC;IAClC,CAAC;IAED,oFAAoF;IACpF,IAAW,aAAa;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACzC,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,IAAI,CAAC,IAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,EAAE,CAAC,EAAE,IAAI,IAAI,EAAE,CAAC;QACzF,OAAO,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC3C,UAAU,EAAE,CAAC,CAAC,MAAM;YACpB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE;SAC/B,CAAC,CAAC,CAAC;IACR,CAAC;IAED,2FAA2F;IACpF,aAAa,CAAC,IAAuB,EAAE,SAAkB;QAC5D,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QACzC,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,OAAO;YACzB,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;YAC7D,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;QACtG,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,0CAA0C;IACnC,MAAM;QACT,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC9D,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACjC,IAAI,oCAAoC,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CACvF,CAAC;IACN,CAAC;IAED,uFAAuF;IAChF,eAAe,CAAC,UAAkB,EAAE,SAAiB;QACxD,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QACzC,IAAI,CAAC,kCAAkC,CAAC,IAAI,CACxC,IAAI,2CAA2C,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAC5F,CAAC;IACN,CAAC;2HAzEQ,iCAAiC;6DAAjC,iCAAiC;YC3C9C,8BAAoB;YAOhB,AANF,8GAAc,qEAML;YAiDX,iBAAM;;YAvDJ,cAsDC;YAtDD,oCAsDC;;;iFDZU,iCAAiC;cAN7C,SAAS;6BACM,KAAK,YACP,0BAA0B;;kBAMnC,KAAK;;kBAYL,KAAK;;kBAGL,KAAK;;kBAEL,KAAK;;kBAEL,MAAM;;kBACN,MAAM;;kFAtBE,iCAAiC","sourcesContent":["/**\n * @fileoverview Edits the selected task's properties, plus the graph-level traversal settings.\n *\n * Split out of the canvas component for the reason panels usually are — the canvas is about\n * *structure* (what connects to what) and this is about *content* (what a step actually does). But\n * also for a sharper reason: a host embedding the read-only viewer in a chat card or a run history\n * pane wants the graph without a form beside it, and a panel welded into the canvas cannot be\n * declined.\n *\n * Emits intent rather than mutating: the canvas component owns the spec, so every edit here leaves\n * as a request the parent applies through the same `Before*`/`After*` path a drag or a delete takes.\n * Two write paths into one spec would be two places for the veto contract to be wrong.\n *\n * @module @memberjunction/ng-task-graph-editor\n */\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport type { TaskGraphSpec, TaskGraphSpecNode } from '@memberjunction/ai-core-plus';\nimport { GetDependencies } from './task-graph-canvas-adapter';\n\n/** A requested change to one task. The parent applies it; this panel never writes. */\nexport class TaskPropertyChangeRequestedEventArgs {\n    constructor(\n        public readonly TempId: string,\n        public readonly Next: TaskGraphSpecNode,\n    ) {}\n}\n\n/** A requested change to a dependency edge's condition. */\nexport class DependencyConditionChangeRequestedEventArgs {\n    constructor(\n        public readonly FromTempId: string,\n        public readonly ToTempId: string,\n        /** Empty string clears the condition, making the edge unconditional again. */\n        public readonly Condition: string,\n    ) {}\n}\n\n@Component({\n    standalone: false,\n    selector: 'mj-task-graph-properties',\n    templateUrl: './task-graph-properties-panel.component.html',\n    styleUrls: ['./task-graph-properties-panel.component.css'],\n})\nexport class TaskGraphPropertiesPanelComponent {\n    /** The task being edited. Null shows the empty state rather than a form bound to nothing. */\n    @Input()\n    public set Task(value: TaskGraphSpecNode | null) {\n        this.currentTask = value;\n        // A working copy, so a half-typed name never reaches the spec — and so Cancel is possible\n        // at all. Editing the live node would make every keystroke an unvetoable mutation.\n        this.Draft = value ? { ...value } : null;\n    }\n    public get Task(): TaskGraphSpecNode | null {\n        return this.currentTask;\n    }\n\n    /** The whole graph, for resolving the selected task's incoming edges. */\n    @Input() public Spec: TaskGraphSpec | null = null;\n\n    /** Agent names offered in the assignment dropdown. Supplied by the host, which owns data access. */\n    @Input() public AvailableAgentNames: readonly string[] = [];\n\n    @Input() public ReadOnly: boolean = false;\n\n    @Output() public TaskPropertyChangeRequested = new EventEmitter<TaskPropertyChangeRequestedEventArgs>();\n    @Output() public DependencyConditionChangeRequested = new EventEmitter<DependencyConditionChangeRequestedEventArgs>();\n\n    public Draft: TaskGraphSpecNode | null = null;\n\n    private currentTask: TaskGraphSpecNode | null = null;\n\n    /**\n     * Whether this step waits on a person.\n     *\n     * Derived from the absence of an agent rather than stored separately, because the spec's own\n     * rule is that a task has exactly one assignee. A separate boolean could disagree with\n     * `agentName` and the validator would then reject a graph the form said was fine.\n     */\n    public get IsHumanTask(): boolean {\n        return !this.Draft?.agentName;\n    }\n\n    /** The edges into this task, so their conditions are editable where the step is. */\n    public get IncomingEdges(): Array<{ FromTempId: string; FromName: string; Condition: string }> {\n        if (!this.Draft || !this.Spec) return [];\n        const nameOf = (id: string) => this.Spec!.tasks.find((t) => t.tempId === id)?.name ?? id;\n        return GetDependencies(this.Draft).map((d) => ({\n            FromTempId: d.tempId,\n            FromName: nameOf(d.tempId),\n            Condition: d.condition ?? '',\n        }));\n    }\n\n    /** Switches the step between an agent and a person, keeping the spec's xor rule intact. */\n    public SetAssignment(kind: 'agent' | 'human', agentName?: string): void {\n        if (!this.Draft || this.ReadOnly) return;\n        this.Draft = kind === 'human'\n            ? { ...this.Draft, agentName: undefined, assignToUser: true }\n            : { ...this.Draft, agentName: agentName ?? this.AvailableAgentNames[0], assignToUser: undefined };\n        this.Commit();\n    }\n\n    /** Asks the parent to apply the draft. */\n    public Commit(): void {\n        if (!this.Draft || !this.currentTask || this.ReadOnly) return;\n        this.TaskPropertyChangeRequested.emit(\n            new TaskPropertyChangeRequestedEventArgs(this.currentTask.tempId, { ...this.Draft }),\n        );\n    }\n\n    /** Asks the parent to change (or, with an empty string, clear) an edge's condition. */\n    public CommitCondition(fromTempId: string, condition: string): void {\n        if (!this.Draft || this.ReadOnly) return;\n        this.DependencyConditionChangeRequested.emit(\n            new DependencyConditionChangeRequestedEventArgs(fromTempId, this.Draft.tempId, condition),\n        );\n    }\n}\n","<div class=\"mj-tgp\">\n  @if (!Draft) {\n    <mj-empty-state\n      Icon=\"fa-hand-pointer\"\n      Title=\"No step selected\"\n      Message=\"Pick a step on the canvas to edit what it does.\">\n    </mj-empty-state>\n  } @else {\n    <label class=\"mj-tgp__label\" for=\"tgp-name\">Name</label>\n    <input id=\"tgp-name\" class=\"mj-input\" type=\"text\"\n           [(ngModel)]=\"Draft.name\" [disabled]=\"ReadOnly\" (blur)=\"Commit()\" />\n\n    <label class=\"mj-tgp__label\" for=\"tgp-desc\">What this step does</label>\n    <textarea id=\"tgp-desc\" class=\"mj-textarea\" rows=\"3\"\n              [(ngModel)]=\"Draft.description\" [disabled]=\"ReadOnly\" (blur)=\"Commit()\"></textarea>\n\n    <label class=\"mj-tgp__label\">Who does it</label>\n    <div class=\"mj-tgp__assignment\">\n      <button mjButton [variant]=\"!IsHumanTask ? 'primary' : 'outline'\" size=\"sm\"\n              [disabled]=\"ReadOnly\" (click)=\"SetAssignment('agent')\">\n        <i class=\"fa-solid fa-robot\"></i> An agent\n      </button>\n      <button mjButton [variant]=\"IsHumanTask ? 'primary' : 'outline'\" size=\"sm\"\n              [disabled]=\"ReadOnly\" (click)=\"SetAssignment('human')\">\n        <i class=\"fa-solid fa-user-check\"></i> A person\n      </button>\n    </div>\n\n    @if (!IsHumanTask) {\n      <select class=\"mj-input\" [(ngModel)]=\"Draft.agentName\" [disabled]=\"ReadOnly\" (change)=\"Commit()\">\n        @for (name of AvailableAgentNames; track name) {\n          <option [value]=\"name\">{{ name }}</option>\n        }\n      </select>\n    } @else {\n      <!-- Cross-user assignment is rejected at submission until the authorization model lands\n           (#3524), so the panel states the rule rather than offering a picker that would fail. -->\n      <mj-alert Variant=\"info\" Size=\"sm\"\n                Message=\"This step waits for you. Assigning it to someone else isn't available yet.\">\n      </mj-alert>\n    }\n\n    @if (IncomingEdges.length > 0) {\n      <label class=\"mj-tgp__label\">Runs after</label>\n      @for (edge of IncomingEdges; track edge.FromTempId) {\n        <div class=\"mj-tgp__edge\">\n          <span class=\"mj-tgp__edge-name\"><i class=\"fa-solid fa-arrow-right-long\"></i> {{ edge.FromName }}</span>\n          <!-- Leaving this empty makes the edge unconditional, which is how a fallback is written. -->\n          <input class=\"mj-input mj-tgp__edge-condition\" type=\"text\"\n                 placeholder=\"Always — or a condition, e.g. output.severity > 3\"\n                 [ngModel]=\"edge.Condition\" [disabled]=\"ReadOnly\"\n                 (blur)=\"CommitCondition(edge.FromTempId, $any($event.target).value)\" />\n        </div>\n      }\n    }\n  }\n</div>\n"]}

package/dist/lib/task-graph-runtime-source.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @fileoverview Turning live `MJ: Tasks` rows into the canvas's runtime overlay.
+ *
+ * **Why this is a pure mapper and not a subscription.** A `widgets`-layer component must not own a
+ * data subscription: it cannot know which provider it is on, whose rows it may read, or when the
+ * host wants to start and stop watching. The host owns the subscription — it already has the
+ * `BaseEntity` event stream or a `RunView` — and passes the rows here to be shaped for the canvas.
+ *
+ * That split is also what makes the runtime overlay work for **both** provenances. A durable graph
+ * is watched through `MJ: Tasks` rows; an in-run flow through `AIAgentRunStep` rows. Different
+ * sources, same shape by the time they reach the canvas, so one renderer serves both — which is the
+ * whole point of the convergence.
+ *
+ * @module @memberjunction/ng-task-graph-editor
+ */
+import type { TaskGraphRuntimeState, TaskGraphRuntimeStatus } from './task-graph-canvas-adapter';
+/** The minimum a row must expose to drive the overlay. Structural, so any source can satisfy it. */
+export type TaskGraphRuntimeRow = {
+    /** Correlates the row back to a spec node. See {@link BuildRuntimeStatus} for how. */
+    ID: string;
+    Name: string;
+    Status: string;
+};
+/**
+ * Shapes live rows into the canvas's `RuntimeStatus` map.
+ *
+ * **Correlation is by name, with an ID fallback, and that ordering is deliberate.** A submitted
+ * graph's Task rows carry database IDs, while the spec on the canvas carries producer-assigned
+ * `tempId`s — the two never match, because the producer could not know real IDs at authoring time.
+ * The task's *name* is the only value that survives submission unchanged, so it is the join key. An
+ * ID match is still honored first for the case where a host is showing a graph whose `tempId`s
+ * genuinely are row IDs — which is exactly what `ConvertAgentSpecToTaskGraph` produces.
+ *
+ * Rows that match nothing are skipped rather than guessed at: a wrong node lighting up green is
+ * worse than a node that stays grey, because the first is believed.
+ */
+export declare function BuildRuntimeStatus(rows: readonly TaskGraphRuntimeRow[], specTempIdsByName: ReadonlyMap<string, string>, knownTempIds: ReadonlySet<string>): TaskGraphRuntimeStatus;
+/**
+ * Coerces a row's status string into the canvas vocabulary.
+ *
+ * Unknown values fall back to `Pending` rather than throwing. A status the UI has not heard of is a
+ * schema that moved ahead of the client — which must degrade to "we don't know yet", not to a blank
+ * canvas or an exception in a render path.
+ */
+export declare function NormalizeRuntimeState(status: string | null | undefined): TaskGraphRuntimeState;
+/** Index of task name → `tempId`, for the name-based correlation above. */
+export declare function BuildNameIndex(tasks: readonly {
+    tempId: string;
+    name: string;
+}[]): Map<string, string>;
+/** True once every task has reached a state nothing will move it out of. */
+export declare function IsRuntimeSettled(status: TaskGraphRuntimeStatus, tempIds: readonly string[]): boolean;
+/** A one-line progress summary, for hosts that show one beside the canvas. */
+export declare function SummarizeRuntime(status: TaskGraphRuntimeStatus, tempIds: readonly string[]): string;
+//# sourceMappingURL=task-graph-runtime-source.d.ts.map

package/dist/lib/task-graph-runtime-source.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-graph-runtime-source.d.ts","sourceRoot":"","sources":["../../src/lib/task-graph-runtime-source.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAEjG,oGAAoG;AACpG,MAAM,MAAM,mBAAmB,GAAG;IAC9B,sFAAsF;IACtF,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAC9B,IAAI,EAAE,SAAS,mBAAmB,EAAE,EACpC,iBAAiB,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,EAC9C,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,GAClC,sBAAsB,CASxB;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,qBAAqB,CAa9F;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAAC,KAAK,EAAE,SAAS;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAItG;AAED,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,OAAO,CAGpG;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAQnG"}

package/dist/lib/task-graph-runtime-source.js

@@ -0,0 +1,66 @@
+/**
+ * Shapes live rows into the canvas's `RuntimeStatus` map.
+ *
+ * **Correlation is by name, with an ID fallback, and that ordering is deliberate.** A submitted
+ * graph's Task rows carry database IDs, while the spec on the canvas carries producer-assigned
+ * `tempId`s — the two never match, because the producer could not know real IDs at authoring time.
+ * The task's *name* is the only value that survives submission unchanged, so it is the join key. An
+ * ID match is still honored first for the case where a host is showing a graph whose `tempId`s
+ * genuinely are row IDs — which is exactly what `ConvertAgentSpecToTaskGraph` produces.
+ *
+ * Rows that match nothing are skipped rather than guessed at: a wrong node lighting up green is
+ * worse than a node that stays grey, because the first is believed.
+ */
+export function BuildRuntimeStatus(rows, specTempIdsByName, knownTempIds) {
+    const status = {};
+    for (const row of rows) {
+        const tempId = knownTempIds.has(row.ID) ? row.ID : specTempIdsByName.get(row.Name);
+        if (!tempId)
+            continue;
+        status[tempId] = NormalizeRuntimeState(row.Status);
+    }
+    return status;
+}
+/**
+ * Coerces a row's status string into the canvas vocabulary.
+ *
+ * Unknown values fall back to `Pending` rather than throwing. A status the UI has not heard of is a
+ * schema that moved ahead of the client — which must degrade to "we don't know yet", not to a blank
+ * canvas or an exception in a render path.
+ */
+export function NormalizeRuntimeState(status) {
+    switch (status) {
+        case 'In Progress':
+        case 'Complete':
+        case 'Failed':
+        case 'Blocked':
+        case 'Cancelled':
+        case 'Deferred':
+        case 'Pending':
+            return status;
+        default:
+            return 'Pending';
+    }
+}
+/** Index of task name → `tempId`, for the name-based correlation above. */
+export function BuildNameIndex(tasks) {
+    // Last writer wins on a duplicate name. Names are not unique in a spec — only `tempId` is — so
+    // a duplicated name is inherently ambiguous; picking one deterministically beats dropping both.
+    return new Map(tasks.map((t) => [t.name, t.tempId]));
+}
+/** True once every task has reached a state nothing will move it out of. */
+export function IsRuntimeSettled(status, tempIds) {
+    const terminal = new Set(['Complete', 'Failed', 'Cancelled']);
+    return tempIds.length > 0 && tempIds.every((id) => terminal.has(status[id] ?? 'Pending'));
+}
+/** A one-line progress summary, for hosts that show one beside the canvas. */
+export function SummarizeRuntime(status, tempIds) {
+    const counts = new Map();
+    for (const id of tempIds) {
+        const state = status[id] ?? 'Pending';
+        counts.set(state, (counts.get(state) ?? 0) + 1);
+    }
+    const parts = [...counts.entries()].map(([state, n]) => `${n} ${state.toLowerCase()}`);
+    return `${tempIds.length} step${tempIds.length === 1 ? '' : 's'} — ${parts.join(', ')}`;
+}
+//# sourceMappingURL=task-graph-runtime-source.js.map

package/dist/lib/task-graph-runtime-source.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-graph-runtime-source.js","sourceRoot":"","sources":["../../src/lib/task-graph-runtime-source.ts"],"names":[],"mappings":"AAyBA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAC9B,IAAoC,EACpC,iBAA8C,EAC9C,YAAiC;IAEjC,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACnF,IAAI,CAAC,MAAM;YAAE,SAAS;QACtB,MAAM,CAAC,MAAM,CAAC,GAAG,qBAAqB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,MAAM,CAAC;AAClB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CAAC,MAAiC;IACnE,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,aAAa,CAAC;QACnB,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ,CAAC;QACd,KAAK,SAAS,CAAC;QACf,KAAK,WAAW,CAAC;QACjB,KAAK,UAAU,CAAC;QAChB,KAAK,SAAS;YACV,OAAO,MAAM,CAAC;QAClB;YACI,OAAO,SAAS,CAAC;IACzB,CAAC;AACL,CAAC;AAED,2EAA2E;AAC3E,MAAM,UAAU,cAAc,CAAC,KAAkD;IAC7E,+FAA+F;IAC/F,gGAAgG;IAChG,OAAO,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACzD,CAAC;AAED,4EAA4E;AAC5E,MAAM,UAAU,gBAAgB,CAAC,MAA8B,EAAE,OAA0B;IACvF,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAwB,CAAC,UAAU,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IACrF,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC;AAC9F,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,gBAAgB,CAAC,MAA8B,EAAE,OAA0B;IACvF,MAAM,MAAM,GAAG,IAAI,GAAG,EAAiC,CAAC;IACxD,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,IAAI,SAAS,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC;IACD,MAAM,KAAK,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IACvF,OAAO,GAAG,OAAO,CAAC,MAAM,QAAQ,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;AAC5F,CAAC","sourcesContent":["/**\n * @fileoverview Turning live `MJ: Tasks` rows into the canvas's runtime overlay.\n *\n * **Why this is a pure mapper and not a subscription.** A `widgets`-layer component must not own a\n * data subscription: it cannot know which provider it is on, whose rows it may read, or when the\n * host wants to start and stop watching. The host owns the subscription — it already has the\n * `BaseEntity` event stream or a `RunView` — and passes the rows here to be shaped for the canvas.\n *\n * That split is also what makes the runtime overlay work for **both** provenances. A durable graph\n * is watched through `MJ: Tasks` rows; an in-run flow through `AIAgentRunStep` rows. Different\n * sources, same shape by the time they reach the canvas, so one renderer serves both — which is the\n * whole point of the convergence.\n *\n * @module @memberjunction/ng-task-graph-editor\n */\nimport type { TaskGraphRuntimeState, TaskGraphRuntimeStatus } from './task-graph-canvas-adapter';\n\n/** The minimum a row must expose to drive the overlay. Structural, so any source can satisfy it. */\nexport type TaskGraphRuntimeRow = {\n    /** Correlates the row back to a spec node. See {@link BuildRuntimeStatus} for how. */\n    ID: string;\n    Name: string;\n    Status: string;\n};\n\n/**\n * Shapes live rows into the canvas's `RuntimeStatus` map.\n *\n * **Correlation is by name, with an ID fallback, and that ordering is deliberate.** A submitted\n * graph's Task rows carry database IDs, while the spec on the canvas carries producer-assigned\n * `tempId`s — the two never match, because the producer could not know real IDs at authoring time.\n * The task's *name* is the only value that survives submission unchanged, so it is the join key. An\n * ID match is still honored first for the case where a host is showing a graph whose `tempId`s\n * genuinely are row IDs — which is exactly what `ConvertAgentSpecToTaskGraph` produces.\n *\n * Rows that match nothing are skipped rather than guessed at: a wrong node lighting up green is\n * worse than a node that stays grey, because the first is believed.\n */\nexport function BuildRuntimeStatus(\n    rows: readonly TaskGraphRuntimeRow[],\n    specTempIdsByName: ReadonlyMap<string, string>,\n    knownTempIds: ReadonlySet<string>,\n): TaskGraphRuntimeStatus {\n    const status: TaskGraphRuntimeStatus = {};\n\n    for (const row of rows) {\n        const tempId = knownTempIds.has(row.ID) ? row.ID : specTempIdsByName.get(row.Name);\n        if (!tempId) continue;\n        status[tempId] = NormalizeRuntimeState(row.Status);\n    }\n    return status;\n}\n\n/**\n * Coerces a row's status string into the canvas vocabulary.\n *\n * Unknown values fall back to `Pending` rather than throwing. A status the UI has not heard of is a\n * schema that moved ahead of the client — which must degrade to \"we don't know yet\", not to a blank\n * canvas or an exception in a render path.\n */\nexport function NormalizeRuntimeState(status: string | null | undefined): TaskGraphRuntimeState {\n    switch (status) {\n        case 'In Progress':\n        case 'Complete':\n        case 'Failed':\n        case 'Blocked':\n        case 'Cancelled':\n        case 'Deferred':\n        case 'Pending':\n            return status;\n        default:\n            return 'Pending';\n    }\n}\n\n/** Index of task name → `tempId`, for the name-based correlation above. */\nexport function BuildNameIndex(tasks: readonly { tempId: string; name: string }[]): Map<string, string> {\n    // Last writer wins on a duplicate name. Names are not unique in a spec — only `tempId` is — so\n    // a duplicated name is inherently ambiguous; picking one deterministically beats dropping both.\n    return new Map(tasks.map((t) => [t.name, t.tempId]));\n}\n\n/** True once every task has reached a state nothing will move it out of. */\nexport function IsRuntimeSettled(status: TaskGraphRuntimeStatus, tempIds: readonly string[]): boolean {\n    const terminal = new Set<TaskGraphRuntimeState>(['Complete', 'Failed', 'Cancelled']);\n    return tempIds.length > 0 && tempIds.every((id) => terminal.has(status[id] ?? 'Pending'));\n}\n\n/** A one-line progress summary, for hosts that show one beside the canvas. */\nexport function SummarizeRuntime(status: TaskGraphRuntimeStatus, tempIds: readonly string[]): string {\n    const counts = new Map<TaskGraphRuntimeState, number>();\n    for (const id of tempIds) {\n        const state = status[id] ?? 'Pending';\n        counts.set(state, (counts.get(state) ?? 0) + 1);\n    }\n    const parts = [...counts.entries()].map(([state, n]) => `${n} ${state.toLowerCase()}`);\n    return `${tempIds.length} step${tempIds.length === 1 ? '' : 's'} — ${parts.join(', ')}`;\n}\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './lib/task-graph-editor.module';
+export * from './lib/task-graph-editor.component';
+export * from './lib/task-graph-editor-events';
+export * from './lib/task-graph-canvas-adapter';
+export * from './lib/task-graph-properties-panel.component';
+export * from './lib/task-graph-runtime-source';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAQA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,15 @@
+/*
+ * Public API Surface of @memberjunction/ng-task-graph-editor
+ *
+ * A `widgets`-layer component for viewing and editing a `TaskGraphSpec` — the one graph contract
+ * shared by design-time flows and runtime task graphs. Import `TaskGraphSpec` itself from
+ * `@memberjunction/ai-core-plus`; this package deliberately does not re-export it (see the
+ * no-cross-package-re-exports rule in `.claude/rules/typescript-style.md`).
+ */
+export * from './lib/task-graph-editor.module';
+export * from './lib/task-graph-editor.component';
+export * from './lib/task-graph-editor-events';
+export * from './lib/task-graph-canvas-adapter';
+export * from './lib/task-graph-properties-panel.component';
+export * from './lib/task-graph-runtime-source';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,iCAAiC,CAAC","sourcesContent":["/*\n * Public API Surface of @memberjunction/ng-task-graph-editor\n *\n * A `widgets`-layer component for viewing and editing a `TaskGraphSpec` — the one graph contract\n * shared by design-time flows and runtime task graphs. Import `TaskGraphSpec` itself from\n * `@memberjunction/ai-core-plus`; this package deliberately does not re-export it (see the\n * no-cross-package-re-exports rule in `.claude/rules/typescript-style.md`).\n */\nexport * from './lib/task-graph-editor.module';\nexport * from './lib/task-graph-editor.component';\nexport * from './lib/task-graph-editor-events';\nexport * from './lib/task-graph-canvas-adapter';\nexport * from './lib/task-graph-properties-panel.component';\nexport * from './lib/task-graph-runtime-source';\n"]}

package/package.json

@@ -1,10 +1,55 @@
 {
   "name": "@memberjunction/ng-task-graph-editor",
-  "version": "0.0.0",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-task-graph-editor",
+  "version": "6.1.0-edge.1",
+  "description": "MemberJunction: View and edit a TaskGraphSpec on a canvas — the one graph contract shared by design-time flows and runtime task graphs",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
   "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
-}
+    "angular",
+    "task-graph",
+    "workflow",
+    "dag",
+    "graph-editor",
+    "memberjunction"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "@memberjunction/ng-test-utils": "6.1.0-edge.1",
+    "sass": "^1.97.3",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@angular/common": "^21.1.3",
+    "@angular/core": "^21.1.3",
+    "@angular/forms": "^21.1.3",
+    "@angular/platform-browser": "^21.1.3"
+  },
+  "dependencies": {
+    "@memberjunction/ai-core-plus": "6.1.0-edge.1",
+    "@memberjunction/core": "6.1.0-edge.1",
+    "@memberjunction/global": "6.1.0-edge.1",
+    "@memberjunction/ng-base-types": "6.1.0-edge.1",
+    "@memberjunction/ng-flow-editor": "6.1.0-edge.1",
+    "@memberjunction/ng-ui-components": "6.1.0-edge.1",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  },
+  "mjUILayer": "widgets",
+  "scripts": {
+    "test": "vitest run",
+    "test:types": "tsc --noEmit -p tsconfig.spec.json",
+    "build": "ngc",
+    "test:watch": "vitest"
+  }
+}

package/README.md

@@ -1,45 +0,0 @@
-# @memberjunction/ng-task-graph-editor
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@memberjunction/ng-task-graph-editor`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**