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

package/dist/lib/task-graph-debug-toolbar.component.js

@@ -0,0 +1,153 @@
+/**
+ * VS Code-style debug chrome: Continue / Pause / Step Over / Step Into / Stop.
+ *
+ * Intent only. The host owns Pause/Resume/Step Remote Operations. This widget never imports
+ * a transport, so the same bar can sit in the test harness and on the Explorer run console.
+ */
+import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+function TaskGraphDebugToolbarComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 1);
+    i0.ɵɵdomElement(1, "i", 5);
+    i0.ɵɵtext(2, " Finished ");
+    i0.ɵɵdomElementEnd();
+} }
+function TaskGraphDebugToolbarComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "span", 6);
+    i0.ɵɵdomElement(1, "i", 7);
+    i0.ɵɵtext(2, " Paused ");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "button", 8);
+    i0.ɵɵdomListener("click", function TaskGraphDebugToolbarComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Resume.emit()); });
+    i0.ɵɵdomElement(4, "i", 9);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(5, "button", 10);
+    i0.ɵɵdomListener("click", function TaskGraphDebugToolbarComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Step.emit()); });
+    i0.ɵɵdomElement(6, "i", 11);
+    i0.ɵɵdomElementStart(7, "span", 12);
+    i0.ɵɵtext(8, "Over");
+    i0.ɵɵdomElementEnd()();
+    i0.ɵɵdomElementStart(9, "button", 13);
+    i0.ɵɵdomListener("click", function TaskGraphDebugToolbarComponent_Conditional_2_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.StepWave.emit()); });
+    i0.ɵɵdomElement(10, "i", 14);
+    i0.ɵɵdomElementStart(11, "span", 12);
+    i0.ɵɵtext(12, "Into");
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵdomProperty("disabled", ctx_r1.Busy || !ctx_r1.Enabled);
+    i0.ɵɵadvance(2);
+    i0.ɵɵdomProperty("disabled", ctx_r1.Busy || !ctx_r1.Enabled);
+    i0.ɵɵadvance(4);
+    i0.ɵɵdomProperty("disabled", ctx_r1.Busy || !ctx_r1.Enabled);
+} }
+function TaskGraphDebugToolbarComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "span", 15);
+    i0.ɵɵdomElement(1, "i", 16);
+    i0.ɵɵtext(2, " Running ");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "button", 17);
+    i0.ɵɵdomListener("click", function TaskGraphDebugToolbarComponent_Conditional_3_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Pause.emit()); });
+    i0.ɵɵdomElement(4, "i", 7);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵdomProperty("disabled", ctx_r1.Busy || !ctx_r1.Enabled);
+} }
+export class TaskGraphDebugToolbarComponent {
+    /** Graph is claim-gated. Continue / Step show; Pause hides. */
+    Paused = false;
+    /** A control is in flight — buttons disable, they do not vanish. */
+    Busy = false;
+    /** False when the graph has settled or there is nothing to drive. */
+    Enabled = true;
+    /** Every step is terminal — Play/Step hide; Finished is the state. */
+    Settled = false;
+    Pause = new EventEmitter();
+    Resume = new EventEmitter();
+    Step = new EventEmitter();
+    StepWave = new EventEmitter();
+    Cancel = new EventEmitter();
+    OnHotkey(event) {
+        if (!this.Enabled || this.Busy || this.Settled)
+            return;
+        if (isToolbarTypingTarget(event.target))
+            return;
+        if (event.key === 'F5' && event.shiftKey) {
+            event.preventDefault();
+            this.Cancel.emit();
+            return;
+        }
+        if (event.key === 'F5') {
+            event.preventDefault();
+            if (this.Paused)
+                this.Resume.emit();
+            else
+                this.Pause.emit();
+            return;
+        }
+        if (event.key === 'F10') {
+            event.preventDefault();
+            this.Step.emit();
+            return;
+        }
+        if (event.key === 'F11') {
+            event.preventDefault();
+            this.StepWave.emit();
+        }
+    }
+    static ɵfac = function TaskGraphDebugToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TaskGraphDebugToolbarComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TaskGraphDebugToolbarComponent, selectors: [["mj-task-graph-debug-toolbar"]], hostBindings: function TaskGraphDebugToolbarComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function TaskGraphDebugToolbarComponent_keydown_HostBindingHandler($event) { return ctx.OnHotkey($event); }, i0.ɵɵresolveDocument);
+        } }, inputs: { Paused: "Paused", Busy: "Busy", Enabled: "Enabled", Settled: "Settled" }, outputs: { Pause: "Pause", Resume: "Resume", Step: "Step", StepWave: "StepWave", Cancel: "Cancel" }, decls: 7, vars: 2, consts: [["role", "toolbar", "aria-label", "Workflow debugger", 1, "dbg-bar"], ["title", "Every step has finished", 1, "dbg-pill", "dbg-pill-done"], ["aria-hidden", "true", 1, "dbg-sep"], ["type", "button", "title", "Stop (Shift+F5) \u2014 cancel the remaining steps", "aria-label", "Stop", 1, "dbg-btn", "dbg-btn-stop", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-stop"], ["aria-hidden", "true", 1, "fa-solid", "fa-check"], ["title", "Nothing new starts until you continue or step", 1, "dbg-pill"], ["aria-hidden", "true", 1, "fa-solid", "fa-pause"], ["type", "button", "title", "Continue (F5) \u2014 run until the next breakpoint or the end", "aria-label", "Continue", 1, "dbg-btn", "dbg-btn-go", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-play"], ["type", "button", "title", "Step Over (F10) \u2014 run the next ready step, then pause again", "aria-label", "Step over", 1, "dbg-btn", "dbg-btn-labeled", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-share", "dbg-icon-over"], [1, "dbg-btn-text"], ["type", "button", "title", "Step Into (F11) \u2014 run every step that is ready right now, then pause. On a fork, all ready branches run.", "aria-label", "Step into", 1, "dbg-btn", "dbg-btn-labeled", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-turn-down"], ["title", "The dispatcher is claiming and running steps", 1, "dbg-pill", "dbg-pill-run"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["type", "button", "title", "Pause (F5) \u2014 nothing new starts; steps already running will finish", "aria-label", "Pause", 1, "dbg-btn", 3, "click", "disabled"]], template: function TaskGraphDebugToolbarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, TaskGraphDebugToolbarComponent_Conditional_1_Template, 3, 0, "span", 1)(2, TaskGraphDebugToolbarComponent_Conditional_2_Template, 13, 3)(3, TaskGraphDebugToolbarComponent_Conditional_3_Template, 5, 1);
+            i0.ɵɵdomElement(4, "span", 2);
+            i0.ɵɵdomElementStart(5, "button", 3);
+            i0.ɵɵdomListener("click", function TaskGraphDebugToolbarComponent_Template_button_click_5_listener() { return ctx.Cancel.emit(); });
+            i0.ɵɵdomElement(6, "i", 4);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Settled ? 1 : ctx.Paused ? 2 : 3);
+            i0.ɵɵadvance(4);
+            i0.ɵɵdomProperty("disabled", ctx.Busy || ctx.Settled || !ctx.Enabled);
+        } }, styles: ["[_nghost-%COMP%] { display: inline-flex; }\n\n.dbg-bar[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 2px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface-elevated);\n}\n\n.dbg-pill[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0 4px 0 6px;\n  font-size: var(--mj-font-size-xs);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-brand-primary);\n}\n.dbg-pill[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n.dbg-pill-run[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n.dbg-pill-done[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n.dbg-btn[_ngcontent-%COMP%] {\n  min-width: 28px;\n  height: 28px;\n  padding: 0 6px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n.dbg-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n.dbg-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.45;\n  cursor: default;\n}\n.dbg-btn-go[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.dbg-btn-go[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-success); }\n.dbg-btn-stop[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n.dbg-btn-stop[_ngcontent-%COMP%]:hover:not(:disabled) { color: var(--mj-status-error); }\n\n.dbg-btn-labeled[_ngcontent-%COMP%] { gap: 4px; }\n.dbg-btn-text[_ngcontent-%COMP%] {\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n}\n\n\n.dbg-icon-over[_ngcontent-%COMP%] { transform: scaleY(-1); }\n\n.dbg-sep[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 16px;\n  margin: 0 2px;\n  background: var(--mj-border-default);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TaskGraphDebugToolbarComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-task-graph-debug-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dbg-bar\" role=\"toolbar\" aria-label=\"Workflow debugger\">\n  @if (Settled) {\n    <span class=\"dbg-pill dbg-pill-done\" title=\"Every step has finished\">\n      <i class=\"fa-solid fa-check\" aria-hidden=\"true\"></i>\n      Finished\n    </span>\n  } @else if (Paused) {\n    <span class=\"dbg-pill\" title=\"Nothing new starts until you continue or step\">\n      <i class=\"fa-solid fa-pause\" aria-hidden=\"true\"></i>\n      Paused\n    </span>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-go\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Resume.emit()\" title=\"Continue (F5) \u2014 run until the next breakpoint or the end\"\n            aria-label=\"Continue\">\n      <i class=\"fa-solid fa-play\" aria-hidden=\"true\"></i>\n    </button>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-labeled\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Step.emit()\"\n            title=\"Step Over (F10) \u2014 run the next ready step, then pause again\"\n            aria-label=\"Step over\">\n      <i class=\"fa-solid fa-share dbg-icon-over\" aria-hidden=\"true\"></i>\n      <span class=\"dbg-btn-text\">Over</span>\n    </button>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-labeled\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"StepWave.emit()\"\n            title=\"Step Into (F11) \u2014 run every step that is ready right now, then pause. On a fork, all ready branches run.\"\n            aria-label=\"Step into\">\n      <i class=\"fa-solid fa-turn-down\" aria-hidden=\"true\"></i>\n      <span class=\"dbg-btn-text\">Into</span>\n    </button>\n  } @else {\n    <span class=\"dbg-pill dbg-pill-run\" title=\"The dispatcher is claiming and running steps\">\n      <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n      Running\n    </span>\n    <button type=\"button\" class=\"dbg-btn\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Pause.emit()\" title=\"Pause (F5) \u2014 nothing new starts; steps already running will finish\"\n            aria-label=\"Pause\">\n      <i class=\"fa-solid fa-pause\" aria-hidden=\"true\"></i>\n    </button>\n  }\n  <span class=\"dbg-sep\" aria-hidden=\"true\"></span>\n  <button type=\"button\" class=\"dbg-btn dbg-btn-stop\" [disabled]=\"Busy || Settled || !Enabled\"\n          (click)=\"Cancel.emit()\" title=\"Stop (Shift+F5) \u2014 cancel the remaining steps\"\n          aria-label=\"Stop\">\n    <i class=\"fa-solid fa-stop\" aria-hidden=\"true\"></i>\n  </button>\n</div>\n", styles: [":host { display: inline-flex; }\n\n.dbg-bar {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  padding: 2px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface-elevated);\n}\n\n.dbg-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0 4px 0 6px;\n  font-size: var(--mj-font-size-xs);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-brand-primary);\n}\n.dbg-pill i { font-size: 10px; }\n.dbg-pill-run { color: var(--mj-status-warning); }\n.dbg-pill-done { color: var(--mj-status-success); }\n\n.dbg-btn {\n  min-width: 28px;\n  height: 28px;\n  padding: 0 6px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n.dbg-btn:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n.dbg-btn:disabled {\n  opacity: 0.45;\n  cursor: default;\n}\n.dbg-btn-go { color: var(--mj-status-success); }\n.dbg-btn-go:hover:not(:disabled) { color: var(--mj-status-success); }\n.dbg-btn-stop { color: var(--mj-status-error); }\n.dbg-btn-stop:hover:not(:disabled) { color: var(--mj-status-error); }\n\n.dbg-btn-labeled { gap: 4px; }\n.dbg-btn-text {\n  font-size: 10px;\n  font-weight: 600;\n  letter-spacing: 0.02em;\n}\n/* `fa-share` curves up-right; rotate so it reads as \"step over this one\". */\n.dbg-icon-over { transform: scaleY(-1); }\n\n.dbg-sep {\n  width: 1px;\n  height: 16px;\n  margin: 0 2px;\n  background: var(--mj-border-default);\n}\n"] }]
+    }], null, { Paused: [{
+            type: Input
+        }], Busy: [{
+            type: Input
+        }], Enabled: [{
+            type: Input
+        }], Settled: [{
+            type: Input
+        }], Pause: [{
+            type: Output
+        }], Resume: [{
+            type: Output
+        }], Step: [{
+            type: Output
+        }], StepWave: [{
+            type: Output
+        }], Cancel: [{
+            type: Output
+        }], OnHotkey: [{
+            type: HostListener,
+            args: ['document:keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TaskGraphDebugToolbarComponent, { className: "TaskGraphDebugToolbarComponent", filePath: "src/lib/task-graph-debug-toolbar.component.ts", lineNumber: 16 }); })();
+function isToolbarTypingTarget(target) {
+    if (!(target instanceof HTMLElement))
+        return false;
+    const tag = target.tagName;
+    return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || target.isContentEditable;
+}
+//# sourceMappingURL=task-graph-debug-toolbar.component.js.map

package/dist/lib/task-graph-debug-toolbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-graph-debug-toolbar.component.js","sourceRoot":"","sources":["../../src/lib/task-graph-debug-toolbar.component.ts","../../src/lib/task-graph-debug-toolbar.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * VS Code-style debug chrome: Continue / Pause / Step Over / Step Into / Stop.\n *\n * Intent only. The host owns Pause/Resume/Step Remote Operations. This widget never imports\n * a transport, so the same bar can sit in the test harness and on the Explorer run console.\n */\nimport { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';\n\n@Component({\n    standalone: true,\n    selector: 'mj-task-graph-debug-toolbar',\n    templateUrl: './task-graph-debug-toolbar.component.html',\n    styleUrls: ['./task-graph-debug-toolbar.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TaskGraphDebugToolbarComponent {\n    /** Graph is claim-gated. Continue / Step show; Pause hides. */\n    @Input() public Paused = false;\n    /** A control is in flight — buttons disable, they do not vanish. */\n    @Input() public Busy = false;\n    /** False when the graph has settled or there is nothing to drive. */\n    @Input() public Enabled = true;\n    /** Every step is terminal — Play/Step hide; Finished is the state. */\n    @Input() public Settled = false;\n\n    @Output() public Pause = new EventEmitter<void>();\n    @Output() public Resume = new EventEmitter<void>();\n    @Output() public Step = new EventEmitter<void>();\n    @Output() public StepWave = new EventEmitter<void>();\n    @Output() public Cancel = new EventEmitter<void>();\n\n    @HostListener('document:keydown', ['$event'])\n    public OnHotkey(event: KeyboardEvent): void {\n        if (!this.Enabled || this.Busy || this.Settled) return;\n        if (isToolbarTypingTarget(event.target)) return;\n        if (event.key === 'F5' && event.shiftKey) {\n            event.preventDefault();\n            this.Cancel.emit();\n            return;\n        }\n        if (event.key === 'F5') {\n            event.preventDefault();\n            if (this.Paused) this.Resume.emit();\n            else this.Pause.emit();\n            return;\n        }\n        if (event.key === 'F10') {\n            event.preventDefault();\n            this.Step.emit();\n            return;\n        }\n        if (event.key === 'F11') {\n            event.preventDefault();\n            this.StepWave.emit();\n        }\n    }\n}\n\nfunction isToolbarTypingTarget(target: EventTarget | null): boolean {\n    if (!(target instanceof HTMLElement)) return false;\n    const tag = target.tagName;\n    return tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT' || target.isContentEditable;\n}\n","<div class=\"dbg-bar\" role=\"toolbar\" aria-label=\"Workflow debugger\">\n  @if (Settled) {\n    <span class=\"dbg-pill dbg-pill-done\" title=\"Every step has finished\">\n      <i class=\"fa-solid fa-check\" aria-hidden=\"true\"></i>\n      Finished\n    </span>\n  } @else if (Paused) {\n    <span class=\"dbg-pill\" title=\"Nothing new starts until you continue or step\">\n      <i class=\"fa-solid fa-pause\" aria-hidden=\"true\"></i>\n      Paused\n    </span>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-go\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Resume.emit()\" title=\"Continue (F5) — run until the next breakpoint or the end\"\n            aria-label=\"Continue\">\n      <i class=\"fa-solid fa-play\" aria-hidden=\"true\"></i>\n    </button>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-labeled\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Step.emit()\"\n            title=\"Step Over (F10) — run the next ready step, then pause again\"\n            aria-label=\"Step over\">\n      <i class=\"fa-solid fa-share dbg-icon-over\" aria-hidden=\"true\"></i>\n      <span class=\"dbg-btn-text\">Over</span>\n    </button>\n    <button type=\"button\" class=\"dbg-btn dbg-btn-labeled\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"StepWave.emit()\"\n            title=\"Step Into (F11) — run every step that is ready right now, then pause. On a fork, all ready branches run.\"\n            aria-label=\"Step into\">\n      <i class=\"fa-solid fa-turn-down\" aria-hidden=\"true\"></i>\n      <span class=\"dbg-btn-text\">Into</span>\n    </button>\n  } @else {\n    <span class=\"dbg-pill dbg-pill-run\" title=\"The dispatcher is claiming and running steps\">\n      <i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i>\n      Running\n    </span>\n    <button type=\"button\" class=\"dbg-btn\" [disabled]=\"Busy || !Enabled\"\n            (click)=\"Pause.emit()\" title=\"Pause (F5) — nothing new starts; steps already running will finish\"\n            aria-label=\"Pause\">\n      <i class=\"fa-solid fa-pause\" aria-hidden=\"true\"></i>\n    </button>\n  }\n  <span class=\"dbg-sep\" aria-hidden=\"true\"></span>\n  <button type=\"button\" class=\"dbg-btn dbg-btn-stop\" [disabled]=\"Busy || Settled || !Enabled\"\n          (click)=\"Cancel.emit()\" title=\"Stop (Shift+F5) — cancel the remaining steps\"\n          aria-label=\"Stop\">\n    <i class=\"fa-solid fa-stop\" aria-hidden=\"true\"></i>\n  </button>\n</div>\n"]}

package/dist/lib/task-graph-debugger.component.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Drop-in debugger for a live task graph.
+ *
+ * This is a wrap of the existing run view + VCR toolbar + the session wiring the harness and
+ * Runs console already had (RouteOperation, frame subscribe, `$.debug` bag). The picture and
+ * the verbs are unchanged; a host now supplies a parent task id and nothing else.
+ *
+ * @module @memberjunction/ng-task-graph-editor
+ */
+import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import type { FlowToolbarAlign, FlowToolbarVisibility } from '@memberjunction/ng-flow-editor';
+import { type WorkflowInvocationRoots } from './workflow-debug-host';
+import { TaskGraphRunViewComponent, type TaskGraphRunConnectionSelectedEvent, type TaskGraphRunFrame, type TaskGraphRunNodeSelectedEvent } from './task-graph-run-view.component';
+import * as i0 from "@angular/core";
+export declare class TaskGraphDebuggerComponent extends BaseAngularComponent implements OnDestroy {
+    private cdr;
+    /**
+     * The graph to debug — the parent `MJ: Tasks` row. Everything else is optional.
+     */
+    set ParentTaskID(value: string | null);
+    get ParentTaskID(): string | null;
+    WorkflowName: string;
+    LiveUpdates: boolean;
+    PollIntervalSeconds: number;
+    Height: string;
+    ShowLegend: boolean;
+    ShowCanvasToolbar: boolean;
+    ToolbarVisibility: FlowToolbarVisibility;
+    ToolbarAlign: FlowToolbarAlign;
+    AllowBreakpointEditing: boolean;
+    ShowVariables: boolean;
+    /** VCR + error line above the canvas. Off if the host already has its own bar. */
+    ShowChrome: boolean;
+    Enabled: boolean;
+    ReplayAt: Date | null;
+    /** Claim-gated. Public so a host toolbar can bind the same flag. */
+    Paused: boolean;
+    IsSettled: boolean;
+    Busy: boolean;
+    ControlError: string | null;
+    Breakpoints: readonly string[];
+    PausedAtTaskID: string | null;
+    EdgeOverrides: Readonly<Record<string, 'true' | 'false'>>;
+    Invocation: WorkflowInvocationRoots | null;
+    LatestFrame: TaskGraphRunFrame | null;
+    NodeSelected: EventEmitter<TaskGraphRunNodeSelectedEvent>;
+    ConnectionSelected: EventEmitter<TaskGraphRunConnectionSelectedEvent>;
+    LegendToggled: EventEmitter<boolean>;
+    SettledChange: EventEmitter<boolean>;
+    PausedChange: EventEmitter<boolean>;
+    Frame: EventEmitter<TaskGraphRunFrame>;
+    ControlFailed: EventEmitter<string>;
+    Settled: EventEmitter<void>;
+    RunView: TaskGraphRunViewComponent | undefined;
+    private parentTaskID;
+    private frameSub;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    Pause(): Promise<boolean>;
+    Resume(): Promise<boolean>;
+    Step(target?: 'one' | 'wave'): Promise<boolean>;
+    Cancel(): Promise<boolean>;
+    ToggleBreakpoint(taskID: string, enabled: boolean): Promise<boolean>;
+    OverrideEdge(edgeID: string, verdict: 'true' | 'false' | null): Promise<boolean>;
+    SkipTask(taskID: string): Promise<boolean>;
+    RetryTask(taskID: string, inputPayload?: Record<string, unknown> | string): Promise<boolean>;
+    UpdateTaskInput(taskID: string, payload: unknown): Promise<boolean>;
+    ForceCompleteTask(taskID: string, payload?: unknown): Promise<boolean>;
+    HasBreakpoint(taskID: string): boolean;
+    GetEdgeOverride(edgeID: string | null): 'true' | 'false' | null;
+    /** Re-read `$.debug` from the parent row. Same query the hosts already used. */
+    Refresh(): Promise<void>;
+    OnRunNodeSelected(event: TaskGraphRunNodeSelectedEvent): void;
+    OnRunConnectionSelected(event: TaskGraphRunConnectionSelectedEvent): void;
+    OnRunSettled(): void;
+    OnRunBreakpointToggled(event: {
+        TaskID: string;
+        Enabled: boolean;
+    }): void;
+    OnRunEdgeOverride(event: {
+        EdgeID: string;
+        Verdict: 'true' | 'false' | null;
+    }): void;
+    private executeControl;
+    private attachFrames;
+    private onFrame;
+    private detachFrames;
+    private markSettled;
+    private setPaused;
+    private failControl;
+    private clearSession;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaskGraphDebuggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaskGraphDebuggerComponent, "mj-task-graph-debugger", never, { "ParentTaskID": { "alias": "ParentTaskID"; "required": false; }; "WorkflowName": { "alias": "WorkflowName"; "required": false; }; "LiveUpdates": { "alias": "LiveUpdates"; "required": false; }; "PollIntervalSeconds": { "alias": "PollIntervalSeconds"; "required": false; }; "Height": { "alias": "Height"; "required": false; }; "ShowLegend": { "alias": "ShowLegend"; "required": false; }; "ShowCanvasToolbar": { "alias": "ShowCanvasToolbar"; "required": false; }; "ToolbarVisibility": { "alias": "ToolbarVisibility"; "required": false; }; "ToolbarAlign": { "alias": "ToolbarAlign"; "required": false; }; "AllowBreakpointEditing": { "alias": "AllowBreakpointEditing"; "required": false; }; "ShowVariables": { "alias": "ShowVariables"; "required": false; }; "ShowChrome": { "alias": "ShowChrome"; "required": false; }; "Enabled": { "alias": "Enabled"; "required": false; }; "ReplayAt": { "alias": "ReplayAt"; "required": false; }; }, { "NodeSelected": "NodeSelected"; "ConnectionSelected": "ConnectionSelected"; "LegendToggled": "LegendToggled"; "SettledChange": "SettledChange"; "PausedChange": "PausedChange"; "Frame": "Frame"; "ControlFailed": "ControlFailed"; "Settled": "Settled"; }, never, never, false, never>;
+}
+//# sourceMappingURL=task-graph-debugger.component.d.ts.map

package/dist/lib/task-graph-debugger.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-graph-debugger.component.d.ts","sourceRoot":"","sources":["../../src/lib/task-graph-debugger.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAEH,iBAAiB,EAEjB,YAAY,EAEZ,SAAS,EAGZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAC9F,OAAO,EAIH,KAAK,uBAAuB,EAC/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACH,yBAAyB,EACzB,KAAK,mCAAmC,EACxC,KAAK,iBAAiB,EACtB,KAAK,6BAA6B,EACrC,MAAM,iCAAiC,CAAC;;AAuBzC,qBAOa,0BAA2B,SAAQ,oBAAqB,YAAW,SAAS;IA8DzE,OAAO,CAAC,GAAG;IA7DvB;;OAEG;IACH,IACW,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAY3C;IACD,IAAW,YAAY,IAAI,MAAM,GAAG,IAAI,CAEvC;IAEe,YAAY,EAAE,MAAM,CAAc;IAClC,WAAW,EAAE,OAAO,CAAQ;IAC5B,mBAAmB,EAAE,MAAM,CAAK;IAChC,MAAM,EAAE,MAAM,CAAU;IACxB,UAAU,EAAE,OAAO,CAAS;IAC5B,iBAAiB,EAAE,OAAO,CAAQ;IAClC,iBAAiB,EAAE,qBAAqB,CAAe;IACvD,YAAY,EAAE,gBAAgB,CAAU;IACxC,sBAAsB,EAAE,OAAO,CAAQ;IACvC,aAAa,EAAE,OAAO,CAAQ;IAC9C,kFAAkF;IAClE,UAAU,EAAE,OAAO,CAAQ;IAC3B,OAAO,EAAE,OAAO,CAAQ;IACxB,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE7C,oEAAoE;IAC7D,MAAM,UAAS;IACf,SAAS,UAAS;IAClB,IAAI,UAAS;IACb,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAM;IACpC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAQ;IACrC,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAM;IAC/D,UAAU,EAAE,uBAAuB,GAAG,IAAI,CAAQ;IAClD,WAAW,EAAE,iBAAiB,GAAG,IAAI,CAAQ;IAEnC,YAAY,8CAAqD;IACjE,kBAAkB,oDAA2D;IAC7E,aAAa,wBAA+B;IAC5C,aAAa,wBAA+B;IAC5C,YAAY,wBAA+B;IAC3C,KAAK,kCAAyC;IAC9C,aAAa,uBAA8B;IAC3C,OAAO,qBAA4B;IAEP,OAAO,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAE5F,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,QAAQ,CAA6B;gBAEzB,GAAG,EAAE,iBAAiB;IAInC,WAAW,IAAI,IAAI;IAMnB,KAAK,IAAI,OAAO,CAAC,OAAO,CAAC;IAIzB,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC;IAI1B,IAAI,CAAC,MAAM,GAAE,KAAK,GAAG,MAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IAItD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC;IAIpB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAQ1E,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;IAQhF,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAI1C,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAI5F,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAInE,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAItE,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAItC,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IAQtE,gFAAgF;IACnE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAsB9B,iBAAiB,CAAC,KAAK,EAAE,6BAA6B,GAAG,IAAI;IAI7D,uBAAuB,CAAC,KAAK,EAAE,mCAAmC,GAAG,IAAI;IAIzE,YAAY,IAAI,IAAI;IAIpB,sBAAsB,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI;IAIzE,iBAAiB,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;KAAE,GAAG,IAAI;YAI7E,cAAc;IA8B5B,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,OAAO;IAmBf,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;yCAtQX,0BAA0B;2CAA1B,0BAA0B;CAiRtC"}