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

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

@@ -0,0 +1,90 @@
+/**
+ * @fileoverview Projects a run tree into timeline rows.
+ *
+ * **Why this exists.** A task-graph step used to expand into an embedded canvas — a diagram nested
+ * inside a vertical list. That put two different visual languages in one column and made the graph's
+ * steps the only work in a run you could not read the same way as everything else. The graph's tasks
+ * are steps; they should look like steps, sit at their real depth, and be selectable like any other
+ * row. The canvas is still the right way to see *edges*, so it moves to the detail panel where it
+ * has room, rather than being squeezed into a 300px strip inside the list.
+ *
+ * **Why a pure function.** The bug this replaces was an ordering bug — a child's indent was computed
+ * from its parent's indent *at the moment the child was visited*, so a row that arrived before its
+ * parent got the wrong level and every descendant inherited the error. It only reproduced when the
+ * database returned rows in a particular order, which is exactly the kind of defect that is
+ * impossible to catch by looking at a screen and trivial to catch in a test. Depth here comes from
+ * the tree's own structure and cannot depend on visit order.
+ */
+import type { AgentRunTreeNode } from '@memberjunction/ai-core-plus';
+import type { TimelineItem } from './ai-agent-run-timeline.component';
+/** True when this node is a loop whose iterations ran concurrently. */
+export declare function IsParallelLoop(node: AgentRunTreeNode): boolean;
+/**
+ * One status vocabulary for the timeline, out of the two the tree returns.
+ *
+ * A `Task` says `Complete` / `In Progress`; an `AIAgentRunStep` says `Completed` / `Running`. The
+ * timeline branches on the step vocabulary throughout — icons, colours, the status pill — so every
+ * workflow row missed EVERY branch and fell through to the unknown-status glyph. `Complete` and
+ * `Completed` differing by two letters is not a distinction anyone should have to know about.
+ *
+ * Normalized for DISPLAY only. `WorkflowStepView.Status` keeps the row's own word, so the JSON tab
+ * still shows what the database actually holds.
+ */
+export declare function NormalizeStatus(status: string): string;
+/**
+ * A graph task, described the way an agent run step is described.
+ *
+ * **Why translate rather than teach the UI a second language.** Everything in the run timeline
+ * routes on a step's shape — `StepType` picks the icon and every detail tab, `TargetLogID` is what
+ * a row opens (a prompt run, an action log, or a sub-agent run, by type), and `ParentID` is what
+ * makes a loop's iterations render as its children. A task node carried none of it, so a workflow's
+ * steps fell through every branch: the detail panel dumped raw JSON instead of the prompt run, an
+ * action offered no link to its log, and a ForEach showed nothing to expand even though its passes
+ * were loaded and sitting right there.
+ *
+ * Mapping the node into this shape lights all of that up at once, with no changes to the panel.
+ *
+ * **This is a view-model, NOT an entity.** It is deliberately not typed as `MJAIAgentRunStepEntity`
+ * and must never be passed anywhere that would try to `.Save()` it — it is a projection of a Task
+ * row, and the Task row remains the record of truth.
+ */
+export type WorkflowStepView = {
+    ID: string;
+    StepType: string;
+    StepName: string;
+    StepNumber: number;
+    Status: string;
+    /** What this row opens: a prompt run, an action execution log, or a sub-agent run — by type. */
+    TargetLogID: string | null;
+    /** The entity `TargetLogID` lives in, so a resolver does not have to re-derive it from StepType. */
+    TargetEntity: string;
+    ParentID: string | null;
+    StartedAt: Date | null;
+    CompletedAt: Date | null;
+    /**
+     * The step's payload before and after, under the names the run timeline reads.
+     *
+     * A task calls them Input/OutputPayload; a run step calls them PayloadAtStart/PayloadAtEnd. The
+     * rename IS the translation — it is what makes the shared detail panel show a workflow step the
+     * same before/after diff it shows for an agent step, instead of falling through to a raw dump.
+     */
+    PayloadAtStart: string | null;
+    PayloadAtEnd: string | null;
+    /** Marks this as dispatcher work for anything that wants to say so. */
+    IsWorkflowStep: true;
+};
+/** Translates a graph task — or a synthesized pass — into the step shape the timeline understands. */
+export declare function ProjectTaskToStepView(node: AgentRunTreeNode, stepNumber: number): WorkflowStepView;
+/**
+ * Flattens a run tree into timeline rows, in display order.
+ *
+ * Depth-first, because that is reading order: a node's children belong directly beneath it, and
+ * breadth-first would interleave the steps of unrelated branches.
+ *
+ * @param root      the tree to project
+ * @param baseLevel indent to start at, so a subtree can be spliced under an existing row
+ * @param skipRoot  omit the root itself — used when the row that owns this subtree is already on
+ *                  screen and the tree is being expanded underneath it
+ */
+export declare function ProjectRunTreeToTimeline(root: AgentRunTreeNode | null, baseLevel?: number, skipRoot?: boolean): TimelineItem[];
+//# sourceMappingURL=run-tree-timeline-projection.d.ts.map

package/dist/lib/custom/ai-agent-run/run-tree-timeline-projection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-tree-timeline-projection.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/run-tree-timeline-projection.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAwB,MAAM,8BAA8B,CAAC;AAC3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AA2FtE,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,IAAI,EAAE,gBAAgB,GAAG,OAAO,CAE9D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAOtD;AAqCD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,gGAAgG;IAChG,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,oGAAoG;IACpG,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,uEAAuE;IACvE,cAAc,EAAE,IAAI,CAAC;CACxB,CAAC;AAmBF,sGAAsG;AACtG,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAuBlG;AAeD;;;;;;;;;;GAUG;AACH,wBAAgB,wBAAwB,CACpC,IAAI,EAAE,gBAAgB,GAAG,IAAI,EAC7B,SAAS,SAAI,EACb,QAAQ,UAAQ,GACjB,YAAY,EAAE,CAsBhB"}

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

@@ -0,0 +1,326 @@
+/**
+ * How each kind of node presents itself.
+ *
+ * Task-graph work is **colour-coded** so its provenance is visible at a glance: a row that ran on
+ * the dispatcher, outliving the agent run that submitted it, is a genuinely different thing from a
+ * step the run executed itself, and someone reading a failure needs to know which they are looking
+ * at before they know where to go next.
+ */
+const NODE_PRESENTATION = {
+    Run: { icon: 'fa-solid fa-robot' },
+    Step: { icon: 'fa-solid fa-circle-nodes' },
+    TaskGraph: { icon: 'fa-solid fa-diagram-project' },
+    Task: { icon: 'fa-solid fa-diagram-next' },
+};
+/** Status → marker colour, matching what an agent run's own steps have always used. */
+const STATUS_COLOR = {
+    Running: 'info',
+    Completed: 'success',
+    Failed: 'error',
+    Cancelled: 'warning',
+    Blocked: 'error',
+    Skipped: 'secondary',
+    Pending: 'secondary',
+    Waiting: 'warning',
+};
+/**
+ * How a task presents itself, by what it actually DOES.
+ *
+ * `NODE_PRESENTATION` is keyed by node TYPE, so every task in a workflow resolved to the same
+ * generic diagram glyph — a prompt step, a loop and an approval were visually identical, and the row
+ * `type` that says otherwise was painted over by the explicit icon. Mapping the row type onto the
+ * timeline's vocabulary is only half the job; a reader distinguishes rows by their icon long before
+ * reading the subtitle.
+ *
+ * Colour still says "workflow" via `provenance`, so these icons differentiate KIND without costing
+ * the visual grouping that tells you this work ran on the dispatcher.
+ */
+const TASK_KIND_PRESENTATION = {
+    Action: { icon: 'fa-solid fa-bolt' },
+    Prompt: { icon: 'fa-solid fa-comment-dots' },
+    Agent: { icon: 'fa-solid fa-robot' },
+    ForEach: { icon: 'fa-solid fa-repeat' },
+    While: { icon: 'fa-solid fa-rotate' },
+    Human: { icon: 'fa-solid fa-user-check' },
+    External: { icon: 'fa-solid fa-arrow-up-right-from-square' },
+};
+/**
+ * A node's icon and marker colour.
+ *
+ * **Workflow work is always `info`** — the blue filled circle — because provenance is the thing a
+ * reader needs first: work that ran on the dispatcher, outliving the run that submitted it, is a
+ * different kind of thing from a step the run executed itself. Status is still legible on the row
+ * (its own coloured line, its icon), so the marker is free to carry provenance instead.
+ *
+ * **Everything else is coloured by status**, exactly as an agent run's own steps always have been.
+ * That is what makes a sub-agent run nested inside a graph revert to ordinary agent styling at the
+ * run boundary: below it, the work is ordinary agent work again.
+ */
+function presentationOf(node) {
+    const workflow = node.NodeType === 'Task' || node.NodeType === 'TaskGraph';
+    let icon = node.NodeType === 'Task' && node.SourceKind
+        ? (TASK_KIND_PRESENTATION[node.SourceKind] ?? NODE_PRESENTATION.Task).icon
+        : (NODE_PRESENTATION[node.NodeType] ?? NODE_PRESENTATION.Step).icon;
+    // A loop that ran its iterations at once is a different shape of work from one that ran them in
+    // turn, and the passes underneath look identical either way — same rows, same durations. The
+    // icon carries the distinction, because it is visible without opening anything.
+    if (IsParallelLoop(node))
+        icon = 'fa-solid fa-arrows-split-up-and-left';
+    return { icon, color: workflow ? 'info' : (STATUS_COLOR[NormalizeStatus(node.Status)] ?? 'secondary') };
+}
+/** True when this node is a loop whose iterations ran concurrently. */
+export function IsParallelLoop(node) {
+    return node.LoopMode?.toLowerCase() === 'parallel';
+}
+/**
+ * One status vocabulary for the timeline, out of the two the tree returns.
+ *
+ * A `Task` says `Complete` / `In Progress`; an `AIAgentRunStep` says `Completed` / `Running`. The
+ * timeline branches on the step vocabulary throughout — icons, colours, the status pill — so every
+ * workflow row missed EVERY branch and fell through to the unknown-status glyph. `Complete` and
+ * `Completed` differing by two letters is not a distinction anyone should have to know about.
+ *
+ * Normalized for DISPLAY only. `WorkflowStepView.Status` keeps the row's own word, so the JSON tab
+ * still shows what the database actually holds.
+ */
+export function NormalizeStatus(status) {
+    switch (status) {
+        case 'Complete': return 'Completed';
+        case 'In Progress': return 'Running';
+        case 'Deferred': return 'Pending';
+        default: return status;
+    }
+}
+/**
+ * The timeline's item type for each tree node kind.
+ *
+ * A `Task` deliberately does NOT get its own row type. A workflow step that runs an action IS an
+ * action, and rendering it as a generic "workflow step" threw away the action displayer — icon,
+ * status treatment, navigation — that every other action row in the timeline already gets. Tasks map
+ * onto the SAME vocabulary as run steps and pick up the same presentation; what marks them as
+ * dispatcher work is `provenance`, which styles them without changing what they are.
+ */
+const NODE_ITEM_TYPE = {
+    Run: 'subrun',
+    Step: 'step',
+    // The graph itself keeps a distinct type — it is a container, not a step, and the visual break
+    // between "the run" and "the workflow it submitted" is worth preserving.
+    TaskGraph: 'taskgraph',
+    Task: 'task',
+};
+/**
+ * A workflow step's kind, in the vocabulary an agent run STEP uses.
+ *
+ * The two vocabularies exist because the same work is described twice: a task graph calls it
+ * `Action`, a run step calls it `Actions`. Translating one into the other is what lets a graph's
+ * steps reuse the run timeline wholesale instead of needing a parallel set of branches.
+ */
+const TASK_KIND_TO_STEP_TYPE = {
+    Action: 'Actions',
+    Prompt: 'Prompt',
+    Agent: 'Sub-Agent',
+    ForEach: 'ForEach',
+    While: 'While',
+    Human: 'Human',
+    External: 'External',
+};
+/**
+ * A node the tree SYNTHESIZED rather than read from `AIAgentRunStep` — today, a loop pass.
+ *
+ * A pass has no row of its own; the tree builds it from the loop's iteration trace and gives it
+ * `NodeType: 'Step'`, so it is indistinguishable from a real run step by type alone. What separates
+ * them is where they point: a real step's record IS an `AIAgentRunStep`, while a pass points at the
+ * prompt run, agent run or action log it produced.
+ *
+ * This mattered because only `Task` nodes were being translated into the step shape, so a pass kept
+ * a raw tree node as its `data` — which carries `SourceID`/`SourceEntity` and no `TargetLogID`. The
+ * timeline's navigation gate reads `TargetLogID`, so five passes that each ran a real action offered
+ * no way to open any of them, while the action step two rows above did.
+ */
+function isSynthesizedStep(node) {
+    return node.NodeType === 'Step' && node.SourceEntity !== 'MJ: AI Agent Run Steps';
+}
+/** Translates a graph task — or a synthesized pass — into the step shape the timeline understands. */
+export function ProjectTaskToStepView(node, stepNumber) {
+    return {
+        ID: node.NodeID,
+        // Translate a TASK's vocabulary; pass a step vocabulary through unchanged. A loop pass
+        // already reports `Actions` / `Prompt` / `Sub-Agent`, and running those through the task map
+        // dropped `Sub-Agent` (absent from it) to the `Actions` default — mislabelling every
+        // sub-agent pass as an action, and pointing its link at the wrong entity.
+        StepType: (node.SourceKind && (TASK_KIND_TO_STEP_TYPE[node.SourceKind] ?? node.SourceKind)) || 'Actions',
+        StepName: node.Name,
+        StepNumber: stepNumber,
+        Status: node.Status,
+        // The tree already resolves this per kind: a Prompt task's SourceID is its prompt run, an
+        // Agent task descends to its run, an Action task its execution log. Null when the node IS
+        // its own record (the Task row), which is what a Human or External step is.
+        TargetLogID: node.SourceEntity === 'MJ: Tasks' ? null : node.SourceID,
+        TargetEntity: node.SourceEntity,
+        ParentID: node.ParentNodeID,
+        StartedAt: node.StartedAt,
+        CompletedAt: node.CompletedAt,
+        PayloadAtStart: node.InputPayload,
+        PayloadAtEnd: node.OutputPayload,
+        IsWorkflowStep: true,
+    };
+}
+/**
+ * The row type for a node.
+ *
+ * A task is a **`step`** — the same row type an agent run's own steps use — because that is what
+ * makes every existing branch apply to it. What marks it as workflow work is `provenance`, not a
+ * different type. Mapping tasks to distinct types (`prompt`, `action`) is what previously made them
+ * render with the right icon and then miss every behaviour keyed on `type === 'step'`.
+ */
+function itemTypeOf(node) {
+    if (node.NodeType === 'Task')
+        return 'step';
+    return NODE_ITEM_TYPE[node.NodeType] ?? 'step';
+}
+/**
+ * Flattens a run tree into timeline rows, in display order.
+ *
+ * Depth-first, because that is reading order: a node's children belong directly beneath it, and
+ * breadth-first would interleave the steps of unrelated branches.
+ *
+ * @param root      the tree to project
+ * @param baseLevel indent to start at, so a subtree can be spliced under an existing row
+ * @param skipRoot  omit the root itself — used when the row that owns this subtree is already on
+ *                  screen and the tree is being expanded underneath it
+ */
+export function ProjectRunTreeToTimeline(root, baseLevel = 0, skipRoot = false) {
+    if (!root)
+        return [];
+    /**
+     * Builds one row and its subtree.
+     *
+     * **Nested, not flattened.** The projection used to return one flat array with `level` for
+     * indentation, and set `children: []` on every row. The timeline's expand affordance is gated on
+     * `children.length`, so nothing a workflow produced could ever be collapsed: the task graph, its
+     * loops and their passes all rendered permanently open, indented but unmanageable, while an
+     * agent's own sub-agent steps a few rows above collapsed normally. Handing back the real shape
+     * lights up the recursive template and the expand machinery that were already there.
+     */
+    const build = (node, level, parentID, position) => {
+        const item = toTimelineItem(node, level, parentID, position);
+        item.children = node.Children.map((child, index) => build(child, level + 1, node.NodeID, index + 1));
+        return item;
+    };
+    return skipRoot
+        ? root.Children.map((child, index) => build(child, baseLevel, root.NodeID, index + 1))
+        : [build(root, baseLevel, undefined, 1)];
+}
+/** One node as a timeline row. */
+function toTimelineItem(node, level, parentID, position) {
+    const presentation = presentationOf(node);
+    return {
+        id: node.NodeID,
+        type: itemTypeOf(node),
+        // Marks the row as dispatcher work WITHOUT changing what it is. Styling keys off this, so a
+        // workflow's action still renders as an action and still reads as part of the workflow.
+        //
+        // Set only for Task and TaskGraph — deliberately NOT for a Run nested under a task. Once the
+        // tree descends into an agent run, that run and everything under it is ordinary agent work
+        // again and reverts to the normal styling, which is what a reader needs to know about where
+        // to look when it fails.
+        provenance: node.NodeType === 'Task' || node.NodeType === 'TaskGraph' ? 'workflow' : undefined,
+        title: node.Name,
+        subtitle: describeNode(node),
+        status: NormalizeStatus(node.Status),
+        // NULL when a node has not started — never a fabricated instant.
+        //
+        // This used to be `StartedAt ?? CompletedAt ?? new Date(8_640_000_000_000_000)`, chosen so
+        // unstarted rows sorted last. The sentinel RENDERED: every Pending task in a workflow showed
+        // the same invented clock time, identical on every row, looking exactly like data. Ordering
+        // is the query's job (see the ORDER BY in get-agent-run-tree.sql); a row that has not run
+        // shows no time at all, because it has none.
+        startTime: node.StartedAt,
+        endTime: node.CompletedAt ?? undefined,
+        duration: formatDuration(node.DurationMs),
+        icon: presentation.icon,
+        color: presentation.color,
+        // A task — and a synthesized loop pass — is handed to the UI as a STEP. Everything
+        // downstream routes on this shape, so translating here is what makes workflow work reuse the
+        // run timeline instead of falling through every branch to a raw JSON dump. A REAL agent run
+        // step keeps the tree node: its own rendering already reads that.
+        data: node.NodeType === 'Task' || isSynthesizedStep(node)
+            ? ProjectTaskToStepView(node, position)
+            : node,
+        level,
+        parentId: parentID,
+        // Everything is already loaded — the whole tree arrived in one query — so nothing here is
+        // ever in the "expanded but still fetching" state the lazy loader had to represent.
+        isExpanded: true,
+        childrenLoaded: true,
+        hasNoChildren: node.Children.length === 0,
+        children: [],
+    };
+}
+/** The one-line description under a row's title. */
+function describeNode(node) {
+    const parts = [];
+    switch (node.NodeType) {
+        case 'TaskGraph':
+            parts.push('Workflow — runs on the dispatcher');
+            break;
+        case 'Task':
+            // A prompt-backed step subtitles itself EXACTLY as an agent run's prompt step does.
+            // The same work should not describe itself two different ways depending on which
+            // timeline it was opened from — that reads as two features rather than one.
+            if (node.Model) {
+                parts.push(`Model: ${node.Model} | Vendor: ${node.Vendor || 'Unknown'}`);
+                break;
+            }
+            // Otherwise name the kind. "Action" or "Prompt" is what a reader needs; the provenance
+            // styling already says it is workflow.
+            //
+            // A loop also says HOW it ran. Spelled out rather than left to the icon alone: "ForEach
+            // step · 5 passes in parallel" answers, without opening anything, why five 300ms passes
+            // took 300ms rather than a second and a half.
+            if (node.SourceKind === 'ForEach' || node.SourceKind === 'While') {
+                const passes = node.Children.length;
+                const count = passes > 0 ? `${passes} ${passes === 1 ? 'pass' : 'passes'}` : 'no passes';
+                parts.push(`${node.SourceKind} step · ${count}${IsParallelLoop(node) ? ' in parallel' : ''}`);
+                break;
+            }
+            parts.push(node.SourceKind ? `${node.SourceKind} step` : 'Workflow step');
+            break;
+        case 'Run':
+            parts.push('Agent run');
+            break;
+        default:
+            break;
+    }
+    if (node.Cost != null)
+        parts.push(formatCost(node.Cost));
+    if (node.Tokens != null)
+        parts.push(`${node.Tokens.toLocaleString()} tokens`);
+    return parts.join(' · ');
+}
+/**
+ * A duration, or undefined while a node is still running.
+ *
+ * Deliberately not "0ms" for an unfinished node: a step that has not stopped has no duration, and
+ * showing zero reads as one that finished instantly.
+ */
+function formatDuration(durationMs) {
+    if (durationMs == null)
+        return undefined;
+    if (durationMs < 1000)
+        return `${durationMs}ms`;
+    const seconds = durationMs / 1000;
+    if (seconds < 60)
+        return `${seconds.toFixed(1)}s`;
+    const minutes = Math.floor(seconds / 60);
+    return `${minutes}m ${Math.round(seconds % 60)}s`;
+}
+/** Costs are small; two decimals would render most real steps as "$0.00". */
+function formatCost(cost) {
+    if (cost === 0)
+        return '$0';
+    if (cost < 0.01)
+        return `$${cost.toFixed(4)}`;
+    return `$${cost.toFixed(2)}`;
+}
+//# sourceMappingURL=run-tree-timeline-projection.js.map

package/dist/lib/custom/ai-agent-run/run-tree-timeline-projection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-tree-timeline-projection.js","sourceRoot":"","sources":["../../../../src/lib/custom/ai-agent-run/run-tree-timeline-projection.ts"],"names":[],"mappings":"AAoBA;;;;;;;GAOG;AACH,MAAM,iBAAiB,GAAmD;IACtE,GAAG,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;IAClC,IAAI,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE;IAC1C,SAAS,EAAE,EAAE,IAAI,EAAE,6BAA6B,EAAE;IAClD,IAAI,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE;CAC7C,CAAC;AAgBF,uFAAuF;AACvF,MAAM,YAAY,GAAgC;IAC9C,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,OAAO;IACf,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,SAAS;CACrB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,sBAAsB,GAAqC;IAC7D,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE;IACpC,MAAM,EAAE,EAAE,IAAI,EAAE,0BAA0B,EAAE;IAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;IACpC,OAAO,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;IACvC,KAAK,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE;IACrC,KAAK,EAAE,EAAE,IAAI,EAAE,wBAAwB,EAAE;IACzC,QAAQ,EAAE,EAAE,IAAI,EAAE,wCAAwC,EAAE;CAC/D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,SAAS,cAAc,CAAC,IAAsB;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC;IAC3E,IAAI,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU;QAClD,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI;QAC1E,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;IAExE,gGAAgG;IAChG,6FAA6F;IAC7F,gFAAgF;IAChF,IAAI,cAAc,CAAC,IAAI,CAAC;QAAE,IAAI,GAAG,sCAAsC,CAAC;IAExE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,EAAE,CAAC;AAC5G,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,cAAc,CAAC,IAAsB;IACjD,OAAO,IAAI,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,UAAU,CAAC;AACvD,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,eAAe,CAAC,MAAc;IAC1C,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,UAAU,CAAC,CAAC,OAAO,WAAW,CAAC;QACpC,KAAK,aAAa,CAAC,CAAC,OAAO,SAAS,CAAC;QACrC,KAAK,UAAU,CAAC,CAAC,OAAO,SAAS,CAAC;QAClC,OAAO,CAAC,CAAC,OAAO,MAAM,CAAC;IAC3B,CAAC;AACL,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAuD;IACvE,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,MAAM;IACZ,+FAA+F;IAC/F,yEAAyE;IACzE,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,MAAM;CACf,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,sBAAsB,GAA2B;IACnD,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACvB,CAAC;AA6CF;;;;;;;;;;;;GAYG;AACH,SAAS,iBAAiB,CAAC,IAAsB;IAC7C,OAAO,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,KAAK,wBAAwB,CAAC;AACtF,CAAC;AAED,sGAAsG;AACtG,MAAM,UAAU,qBAAqB,CAAC,IAAsB,EAAE,UAAkB;IAC5E,OAAO;QACH,EAAE,EAAE,IAAI,CAAC,MAAM;QACf,uFAAuF;QACvF,6FAA6F;QAC7F,qFAAqF;QACrF,0EAA0E;QAC1E,QAAQ,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,SAAS;QACxG,QAAQ,EAAE,IAAI,CAAC,IAAI;QACnB,UAAU,EAAE,UAAU;QACtB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,0FAA0F;QAC1F,0FAA0F;QAC1F,4EAA4E;QAC5E,WAAW,EAAE,IAAI,CAAC,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ;QACrE,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,QAAQ,EAAE,IAAI,CAAC,YAAY;QAC3B,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,WAAW,EAAE,IAAI,CAAC,WAAW;QAC7B,cAAc,EAAE,IAAI,CAAC,YAAY;QACjC,YAAY,EAAE,IAAI,CAAC,aAAa;QAChC,cAAc,EAAE,IAAI;KACvB,CAAC;AACN,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,IAAsB;IACtC,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IAC5C,OAAO,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC;AACnD,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,wBAAwB,CACpC,IAA6B,EAC7B,SAAS,GAAG,CAAC,EACb,QAAQ,GAAG,KAAK;IAEhB,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IAErB;;;;;;;;;OASG;IACH,MAAM,KAAK,GAAG,CAAC,IAAsB,EAAE,KAAa,EAAE,QAA4B,EAAE,QAAgB,EAAgB,EAAE;QAClH,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACrG,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,QAAQ;QACX,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;AACjD,CAAC;AAED,kCAAkC;AAClC,SAAS,cAAc,CACnB,IAAsB,EACtB,KAAa,EACb,QAA4B,EAC5B,QAAgB;IAEhB,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAE1C,OAAO;QACH,EAAE,EAAE,IAAI,CAAC,MAAM;QACf,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC;QACtB,4FAA4F;QAC5F,wFAAwF;QACxF,EAAE;QACF,6FAA6F;QAC7F,2FAA2F;QAC3F,4FAA4F;QAC5F,yBAAyB;QACzB,UAAU,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC9F,KAAK,EAAE,IAAI,CAAC,IAAI;QAChB,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC;QAC5B,MAAM,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;QACpC,iEAAiE;QACjE,EAAE;QACF,2FAA2F;QAC3F,6FAA6F;QAC7F,4FAA4F;QAC5F,0FAA0F;QAC1F,6CAA6C;QAC7C,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,OAAO,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS;QACtC,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC;QACzC,IAAI,EAAE,YAAY,CAAC,IAAI;QACvB,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,mFAAmF;QACnF,6FAA6F;QAC7F,4FAA4F;QAC5F,kEAAkE;QAClE,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,MAAM,IAAI,iBAAiB,CAAC,IAAI,CAAC;YACrD,CAAC,CAAC,qBAAqB,CAAC,IAAI,EAAE,QAAQ,CAAC;YACvC,CAAC,CAAC,IAAI;QACV,KAAK;QACL,QAAQ,EAAE,QAAQ;QAClB,0FAA0F;QAC1F,oFAAoF;QACpF,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,IAAI;QACpB,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACzC,QAAQ,EAAE,EAAE;KACf,CAAC;AACN,CAAC;AAED,oDAAoD;AACpD,SAAS,YAAY,CAAC,IAAsB;IACxC,MAAM,KAAK,GAAa,EAAE,CAAC;IAE3B,QAAQ,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,KAAK,WAAW;YACZ,KAAK,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;YAChD,MAAM;QACV,KAAK,MAAM;YACP,oFAAoF;YACpF,iFAAiF;YACjF,4EAA4E;YAC5E,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,KAAK,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,KAAK,cAAc,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,CAAC;gBACzE,MAAM;YACV,CAAC;YACD,uFAAuF;YACvF,uCAAuC;YACvC,EAAE;YACF,wFAAwF;YACxF,wFAAwF;YACxF,8CAA8C;YAC9C,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,EAAE,CAAC;gBAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;gBACpC,MAAM,KAAK,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;gBACzF,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,UAAU,WAAW,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;gBAC9F,MAAM;YACV,CAAC;YACD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;YAC1E,MAAM;QACV,KAAK,KAAK;YACN,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YACxB,MAAM;QACV;YACI,MAAM;IACd,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAE9E,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;;GAKG;AACH,SAAS,cAAc,CAAC,UAAyB;IAC7C,IAAI,UAAU,IAAI,IAAI;QAAE,OAAO,SAAS,CAAC;IACzC,IAAI,UAAU,GAAG,IAAI;QAAE,OAAO,GAAG,UAAU,IAAI,CAAC;IAChD,MAAM,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC;IAClC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IAClD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,OAAO,GAAG,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC;AACtD,CAAC;AAED,6EAA6E;AAC7E,SAAS,UAAU,CAAC,IAAY;IAC5B,IAAI,IAAI,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,IAAI,IAAI,GAAG,IAAI;QAAE,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;AACjC,CAAC","sourcesContent":["/**\n * @fileoverview Projects a run tree into timeline rows.\n *\n * **Why this exists.** A task-graph step used to expand into an embedded canvas — a diagram nested\n * inside a vertical list. That put two different visual languages in one column and made the graph's\n * steps the only work in a run you could not read the same way as everything else. The graph's tasks\n * are steps; they should look like steps, sit at their real depth, and be selectable like any other\n * row. The canvas is still the right way to see *edges*, so it moves to the detail panel where it\n * has room, rather than being squeezed into a 300px strip inside the list.\n *\n * **Why a pure function.** The bug this replaces was an ordering bug — a child's indent was computed\n * from its parent's indent *at the moment the child was visited*, so a row that arrived before its\n * parent got the wrong level and every descendant inherited the error. It only reproduced when the\n * database returned rows in a particular order, which is exactly the kind of defect that is\n * impossible to catch by looking at a screen and trivial to catch in a test. Depth here comes from\n * the tree's own structure and cannot depend on visit order.\n */\nimport type { AgentRunTreeNode, AgentRunTreeNodeType } from '@memberjunction/ai-core-plus';\nimport type { TimelineItem } from './ai-agent-run-timeline.component';\n\n/**\n * How each kind of node presents itself.\n *\n * Task-graph work is **colour-coded** so its provenance is visible at a glance: a row that ran on\n * the dispatcher, outliving the agent run that submitted it, is a genuinely different thing from a\n * step the run executed itself, and someone reading a failure needs to know which they are looking\n * at before they know where to go next.\n */\nconst NODE_PRESENTATION: Record<AgentRunTreeNodeType, { icon: string }> = {\n    Run: { icon: 'fa-solid fa-robot' },\n    Step: { icon: 'fa-solid fa-circle-nodes' },\n    TaskGraph: { icon: 'fa-solid fa-diagram-project' },\n    Task: { icon: 'fa-solid fa-diagram-next' },\n};\n\n/**\n * The marker colour vocabulary — a NAME, never a CSS value.\n *\n * `TimelineItem.color` is written to `data-color` and matched by\n * `.timeline-marker[data-color=\"info\"]`, which sets the filled circle's background. Emitting\n * `var(--mj-status-info)` here — a perfectly valid CSS value — matched no selector at all, so\n * workflow rows got no filled circle and rendered a bare glyph inheriting `--mj-text-inverse`:\n * near-invisible in dark mode, and visibly second-class beside the agent's own steps.\n *\n * That failure is silent twice over. An unmatched attribute selector is not an error, and neither is\n * a CSS variable that resolves to nothing — so the only symptom was an icon that looked dim.\n */\ntype MarkerColor = 'info' | 'success' | 'error' | 'warning' | 'secondary';\n\n/** Status → marker colour, matching what an agent run's own steps have always used. */\nconst STATUS_COLOR: Record<string, MarkerColor> = {\n    Running: 'info',\n    Completed: 'success',\n    Failed: 'error',\n    Cancelled: 'warning',\n    Blocked: 'error',\n    Skipped: 'secondary',\n    Pending: 'secondary',\n    Waiting: 'warning',\n};\n\n/**\n * How a task presents itself, by what it actually DOES.\n *\n * `NODE_PRESENTATION` is keyed by node TYPE, so every task in a workflow resolved to the same\n * generic diagram glyph — a prompt step, a loop and an approval were visually identical, and the row\n * `type` that says otherwise was painted over by the explicit icon. Mapping the row type onto the\n * timeline's vocabulary is only half the job; a reader distinguishes rows by their icon long before\n * reading the subtitle.\n *\n * Colour still says \"workflow\" via `provenance`, so these icons differentiate KIND without costing\n * the visual grouping that tells you this work ran on the dispatcher.\n */\nconst TASK_KIND_PRESENTATION: Record<string, { icon: string }> = {\n    Action: { icon: 'fa-solid fa-bolt' },\n    Prompt: { icon: 'fa-solid fa-comment-dots' },\n    Agent: { icon: 'fa-solid fa-robot' },\n    ForEach: { icon: 'fa-solid fa-repeat' },\n    While: { icon: 'fa-solid fa-rotate' },\n    Human: { icon: 'fa-solid fa-user-check' },\n    External: { icon: 'fa-solid fa-arrow-up-right-from-square' },\n};\n\n/**\n * A node's icon and marker colour.\n *\n * **Workflow work is always `info`** — the blue filled circle — because provenance is the thing a\n * reader needs first: work that ran on the dispatcher, outliving the run that submitted it, is a\n * different kind of thing from a step the run executed itself. Status is still legible on the row\n * (its own coloured line, its icon), so the marker is free to carry provenance instead.\n *\n * **Everything else is coloured by status**, exactly as an agent run's own steps always have been.\n * That is what makes a sub-agent run nested inside a graph revert to ordinary agent styling at the\n * run boundary: below it, the work is ordinary agent work again.\n */\nfunction presentationOf(node: AgentRunTreeNode): { icon: string; color: MarkerColor } {\n    const workflow = node.NodeType === 'Task' || node.NodeType === 'TaskGraph';\n    let icon = node.NodeType === 'Task' && node.SourceKind\n        ? (TASK_KIND_PRESENTATION[node.SourceKind] ?? NODE_PRESENTATION.Task).icon\n        : (NODE_PRESENTATION[node.NodeType] ?? NODE_PRESENTATION.Step).icon;\n\n    // A loop that ran its iterations at once is a different shape of work from one that ran them in\n    // turn, and the passes underneath look identical either way — same rows, same durations. The\n    // icon carries the distinction, because it is visible without opening anything.\n    if (IsParallelLoop(node)) icon = 'fa-solid fa-arrows-split-up-and-left';\n\n    return { icon, color: workflow ? 'info' : (STATUS_COLOR[NormalizeStatus(node.Status)] ?? 'secondary') };\n}\n\n/** True when this node is a loop whose iterations ran concurrently. */\nexport function IsParallelLoop(node: AgentRunTreeNode): boolean {\n    return node.LoopMode?.toLowerCase() === 'parallel';\n}\n\n/**\n * One status vocabulary for the timeline, out of the two the tree returns.\n *\n * A `Task` says `Complete` / `In Progress`; an `AIAgentRunStep` says `Completed` / `Running`. The\n * timeline branches on the step vocabulary throughout — icons, colours, the status pill — so every\n * workflow row missed EVERY branch and fell through to the unknown-status glyph. `Complete` and\n * `Completed` differing by two letters is not a distinction anyone should have to know about.\n *\n * Normalized for DISPLAY only. `WorkflowStepView.Status` keeps the row's own word, so the JSON tab\n * still shows what the database actually holds.\n */\nexport function NormalizeStatus(status: string): string {\n    switch (status) {\n        case 'Complete': return 'Completed';\n        case 'In Progress': return 'Running';\n        case 'Deferred': return 'Pending';\n        default: return status;\n    }\n}\n\n/**\n * The timeline's item type for each tree node kind.\n *\n * A `Task` deliberately does NOT get its own row type. A workflow step that runs an action IS an\n * action, and rendering it as a generic \"workflow step\" threw away the action displayer — icon,\n * status treatment, navigation — that every other action row in the timeline already gets. Tasks map\n * onto the SAME vocabulary as run steps and pick up the same presentation; what marks them as\n * dispatcher work is `provenance`, which styles them without changing what they are.\n */\nconst NODE_ITEM_TYPE: Record<AgentRunTreeNodeType, TimelineItem['type']> = {\n    Run: 'subrun',\n    Step: 'step',\n    // The graph itself keeps a distinct type — it is a container, not a step, and the visual break\n    // between \"the run\" and \"the workflow it submitted\" is worth preserving.\n    TaskGraph: 'taskgraph',\n    Task: 'task',\n};\n\n/**\n * A workflow step's kind, in the vocabulary an agent run STEP uses.\n *\n * The two vocabularies exist because the same work is described twice: a task graph calls it\n * `Action`, a run step calls it `Actions`. Translating one into the other is what lets a graph's\n * steps reuse the run timeline wholesale instead of needing a parallel set of branches.\n */\nconst TASK_KIND_TO_STEP_TYPE: Record<string, string> = {\n    Action: 'Actions',\n    Prompt: 'Prompt',\n    Agent: 'Sub-Agent',\n    ForEach: 'ForEach',\n    While: 'While',\n    Human: 'Human',\n    External: 'External',\n};\n\n/**\n * A graph task, described the way an agent run step is described.\n *\n * **Why translate rather than teach the UI a second language.** Everything in the run timeline\n * routes on a step's shape — `StepType` picks the icon and every detail tab, `TargetLogID` is what\n * a row opens (a prompt run, an action log, or a sub-agent run, by type), and `ParentID` is what\n * makes a loop's iterations render as its children. A task node carried none of it, so a workflow's\n * steps fell through every branch: the detail panel dumped raw JSON instead of the prompt run, an\n * action offered no link to its log, and a ForEach showed nothing to expand even though its passes\n * were loaded and sitting right there.\n *\n * Mapping the node into this shape lights all of that up at once, with no changes to the panel.\n *\n * **This is a view-model, NOT an entity.** It is deliberately not typed as `MJAIAgentRunStepEntity`\n * and must never be passed anywhere that would try to `.Save()` it — it is a projection of a Task\n * row, and the Task row remains the record of truth.\n */\nexport type WorkflowStepView = {\n    ID: string;\n    StepType: string;\n    StepName: string;\n    StepNumber: number;\n    Status: string;\n    /** What this row opens: a prompt run, an action execution log, or a sub-agent run — by type. */\n    TargetLogID: string | null;\n    /** The entity `TargetLogID` lives in, so a resolver does not have to re-derive it from StepType. */\n    TargetEntity: string;\n    ParentID: string | null;\n    StartedAt: Date | null;\n    CompletedAt: Date | null;\n    /**\n     * The step's payload before and after, under the names the run timeline reads.\n     *\n     * A task calls them Input/OutputPayload; a run step calls them PayloadAtStart/PayloadAtEnd. The\n     * rename IS the translation — it is what makes the shared detail panel show a workflow step the\n     * same before/after diff it shows for an agent step, instead of falling through to a raw dump.\n     */\n    PayloadAtStart: string | null;\n    PayloadAtEnd: string | null;\n    /** Marks this as dispatcher work for anything that wants to say so. */\n    IsWorkflowStep: true;\n};\n\n/**\n * A node the tree SYNTHESIZED rather than read from `AIAgentRunStep` — today, a loop pass.\n *\n * A pass has no row of its own; the tree builds it from the loop's iteration trace and gives it\n * `NodeType: 'Step'`, so it is indistinguishable from a real run step by type alone. What separates\n * them is where they point: a real step's record IS an `AIAgentRunStep`, while a pass points at the\n * prompt run, agent run or action log it produced.\n *\n * This mattered because only `Task` nodes were being translated into the step shape, so a pass kept\n * a raw tree node as its `data` — which carries `SourceID`/`SourceEntity` and no `TargetLogID`. The\n * timeline's navigation gate reads `TargetLogID`, so five passes that each ran a real action offered\n * no way to open any of them, while the action step two rows above did.\n */\nfunction isSynthesizedStep(node: AgentRunTreeNode): boolean {\n    return node.NodeType === 'Step' && node.SourceEntity !== 'MJ: AI Agent Run Steps';\n}\n\n/** Translates a graph task — or a synthesized pass — into the step shape the timeline understands. */\nexport function ProjectTaskToStepView(node: AgentRunTreeNode, stepNumber: number): WorkflowStepView {\n    return {\n        ID: node.NodeID,\n        // Translate a TASK's vocabulary; pass a step vocabulary through unchanged. A loop pass\n        // already reports `Actions` / `Prompt` / `Sub-Agent`, and running those through the task map\n        // dropped `Sub-Agent` (absent from it) to the `Actions` default — mislabelling every\n        // sub-agent pass as an action, and pointing its link at the wrong entity.\n        StepType: (node.SourceKind && (TASK_KIND_TO_STEP_TYPE[node.SourceKind] ?? node.SourceKind)) || 'Actions',\n        StepName: node.Name,\n        StepNumber: stepNumber,\n        Status: node.Status,\n        // The tree already resolves this per kind: a Prompt task's SourceID is its prompt run, an\n        // Agent task descends to its run, an Action task its execution log. Null when the node IS\n        // its own record (the Task row), which is what a Human or External step is.\n        TargetLogID: node.SourceEntity === 'MJ: Tasks' ? null : node.SourceID,\n        TargetEntity: node.SourceEntity,\n        ParentID: node.ParentNodeID,\n        StartedAt: node.StartedAt,\n        CompletedAt: node.CompletedAt,\n        PayloadAtStart: node.InputPayload,\n        PayloadAtEnd: node.OutputPayload,\n        IsWorkflowStep: true,\n    };\n}\n\n/**\n * The row type for a node.\n *\n * A task is a **`step`** — the same row type an agent run's own steps use — because that is what\n * makes every existing branch apply to it. What marks it as workflow work is `provenance`, not a\n * different type. Mapping tasks to distinct types (`prompt`, `action`) is what previously made them\n * render with the right icon and then miss every behaviour keyed on `type === 'step'`.\n */\nfunction itemTypeOf(node: AgentRunTreeNode): TimelineItem['type'] {\n    if (node.NodeType === 'Task') return 'step';\n    return NODE_ITEM_TYPE[node.NodeType] ?? 'step';\n}\n\n/**\n * Flattens a run tree into timeline rows, in display order.\n *\n * Depth-first, because that is reading order: a node's children belong directly beneath it, and\n * breadth-first would interleave the steps of unrelated branches.\n *\n * @param root      the tree to project\n * @param baseLevel indent to start at, so a subtree can be spliced under an existing row\n * @param skipRoot  omit the root itself — used when the row that owns this subtree is already on\n *                  screen and the tree is being expanded underneath it\n */\nexport function ProjectRunTreeToTimeline(\n    root: AgentRunTreeNode | null,\n    baseLevel = 0,\n    skipRoot = false,\n): TimelineItem[] {\n    if (!root) return [];\n\n    /**\n     * Builds one row and its subtree.\n     *\n     * **Nested, not flattened.** The projection used to return one flat array with `level` for\n     * indentation, and set `children: []` on every row. The timeline's expand affordance is gated on\n     * `children.length`, so nothing a workflow produced could ever be collapsed: the task graph, its\n     * loops and their passes all rendered permanently open, indented but unmanageable, while an\n     * agent's own sub-agent steps a few rows above collapsed normally. Handing back the real shape\n     * lights up the recursive template and the expand machinery that were already there.\n     */\n    const build = (node: AgentRunTreeNode, level: number, parentID: string | undefined, position: number): TimelineItem => {\n        const item = toTimelineItem(node, level, parentID, position);\n        item.children = node.Children.map((child, index) => build(child, level + 1, node.NodeID, index + 1));\n        return item;\n    };\n\n    return skipRoot\n        ? root.Children.map((child, index) => build(child, baseLevel, root.NodeID, index + 1))\n        : [build(root, baseLevel, undefined, 1)];\n}\n\n/** One node as a timeline row. */\nfunction toTimelineItem(\n    node: AgentRunTreeNode,\n    level: number,\n    parentID: string | undefined,\n    position: number,\n): TimelineItem {\n    const presentation = presentationOf(node);\n\n    return {\n        id: node.NodeID,\n        type: itemTypeOf(node),\n        // Marks the row as dispatcher work WITHOUT changing what it is. Styling keys off this, so a\n        // workflow's action still renders as an action and still reads as part of the workflow.\n        //\n        // Set only for Task and TaskGraph — deliberately NOT for a Run nested under a task. Once the\n        // tree descends into an agent run, that run and everything under it is ordinary agent work\n        // again and reverts to the normal styling, which is what a reader needs to know about where\n        // to look when it fails.\n        provenance: node.NodeType === 'Task' || node.NodeType === 'TaskGraph' ? 'workflow' : undefined,\n        title: node.Name,\n        subtitle: describeNode(node),\n        status: NormalizeStatus(node.Status),\n        // NULL when a node has not started — never a fabricated instant.\n        //\n        // This used to be `StartedAt ?? CompletedAt ?? new Date(8_640_000_000_000_000)`, chosen so\n        // unstarted rows sorted last. The sentinel RENDERED: every Pending task in a workflow showed\n        // the same invented clock time, identical on every row, looking exactly like data. Ordering\n        // is the query's job (see the ORDER BY in get-agent-run-tree.sql); a row that has not run\n        // shows no time at all, because it has none.\n        startTime: node.StartedAt,\n        endTime: node.CompletedAt ?? undefined,\n        duration: formatDuration(node.DurationMs),\n        icon: presentation.icon,\n        color: presentation.color,\n        // A task — and a synthesized loop pass — is handed to the UI as a STEP. Everything\n        // downstream routes on this shape, so translating here is what makes workflow work reuse the\n        // run timeline instead of falling through every branch to a raw JSON dump. A REAL agent run\n        // step keeps the tree node: its own rendering already reads that.\n        data: node.NodeType === 'Task' || isSynthesizedStep(node)\n            ? ProjectTaskToStepView(node, position)\n            : node,\n        level,\n        parentId: parentID,\n        // Everything is already loaded — the whole tree arrived in one query — so nothing here is\n        // ever in the \"expanded but still fetching\" state the lazy loader had to represent.\n        isExpanded: true,\n        childrenLoaded: true,\n        hasNoChildren: node.Children.length === 0,\n        children: [],\n    };\n}\n\n/** The one-line description under a row's title. */\nfunction describeNode(node: AgentRunTreeNode): string {\n    const parts: string[] = [];\n\n    switch (node.NodeType) {\n        case 'TaskGraph':\n            parts.push('Workflow — runs on the dispatcher');\n            break;\n        case 'Task':\n            // A prompt-backed step subtitles itself EXACTLY as an agent run's prompt step does.\n            // The same work should not describe itself two different ways depending on which\n            // timeline it was opened from — that reads as two features rather than one.\n            if (node.Model) {\n                parts.push(`Model: ${node.Model} | Vendor: ${node.Vendor || 'Unknown'}`);\n                break;\n            }\n            // Otherwise name the kind. \"Action\" or \"Prompt\" is what a reader needs; the provenance\n            // styling already says it is workflow.\n            //\n            // A loop also says HOW it ran. Spelled out rather than left to the icon alone: \"ForEach\n            // step · 5 passes in parallel\" answers, without opening anything, why five 300ms passes\n            // took 300ms rather than a second and a half.\n            if (node.SourceKind === 'ForEach' || node.SourceKind === 'While') {\n                const passes = node.Children.length;\n                const count = passes > 0 ? `${passes} ${passes === 1 ? 'pass' : 'passes'}` : 'no passes';\n                parts.push(`${node.SourceKind} step · ${count}${IsParallelLoop(node) ? ' in parallel' : ''}`);\n                break;\n            }\n            parts.push(node.SourceKind ? `${node.SourceKind} step` : 'Workflow step');\n            break;\n        case 'Run':\n            parts.push('Agent run');\n            break;\n        default:\n            break;\n    }\n\n    if (node.Cost != null) parts.push(formatCost(node.Cost));\n    if (node.Tokens != null) parts.push(`${node.Tokens.toLocaleString()} tokens`);\n\n    return parts.join(' · ');\n}\n\n/**\n * A duration, or undefined while a node is still running.\n *\n * Deliberately not \"0ms\" for an unfinished node: a step that has not stopped has no duration, and\n * showing zero reads as one that finished instantly.\n */\nfunction formatDuration(durationMs: number | null): string | undefined {\n    if (durationMs == null) return undefined;\n    if (durationMs < 1000) return `${durationMs}ms`;\n    const seconds = durationMs / 1000;\n    if (seconds < 60) return `${seconds.toFixed(1)}s`;\n    const minutes = Math.floor(seconds / 60);\n    return `${minutes}m ${Math.round(seconds % 60)}s`;\n}\n\n/** Costs are small; two decimals would render most real steps as \"$0.00\". */\nfunction formatCost(cost: number): string {\n    if (cost === 0) return '$0';\n    if (cost < 0.01) return `$${cost.toFixed(4)}`;\n    return `$${cost.toFixed(2)}`;\n}\n"]}

package/dist/lib/custom/custom-forms.module.d.ts

@@ -84,7 +84,7 @@ import * as i82 from "@memberjunction/ng-record-process-studio";
 import * as i83 from "@memberjunction/ng-resource-permissions";
 export declare class MemberJunctionCoreEntityFormsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MemberJunctionCoreEntityFormsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MemberJunctionCoreEntityFormsModule, [typeof i1.MJEntityFormComponentExtended, typeof i2.MJEntityActionFormComponentExtended, typeof i3.MJTemplateFormComponentExtended, typeof i4.TemplateParamDialogComponent, typeof i5.TemplateParamsGridComponent, typeof i6.TemplateEditorComponent, typeof i7.MJAIPromptFormComponentExtended, typeof i8.MJAIAgentFormComponentExtended, typeof i9.NewAgentDialogComponent, typeof i10.AddActionDialogComponent, typeof i11.PromptSelectorDialogComponent, typeof i12.AgentPromptAdvancedSettingsDialogComponent, typeof i13.SubAgentAdvancedSettingsDialogComponent, typeof i14.SubAgentSelectorDialogComponent, typeof i15.CreatePromptDialogComponent, typeof i16.CreateSubAgentDialogComponent, typeof i17.EntitySelectorDialogComponent, typeof i18.MJAIPromptRunFormComponentExtended, typeof i19.ChatMessageViewerComponent, typeof i20.MJActionFormComponentExtended, typeof i21.MJActionExecutionLogFormComponentExtended, typeof i22.MJAIAgentRunFormComponentExtended, typeof i23.AIAgentRunTimelineComponent, typeof i24.AIAgentRunStepNodeComponent, typeof i25.AIAgentRunAnalyticsComponent, typeof i26.AIAgentRunStepDetailComponent, typeof i27.AIAgentRunFlowComponent, typeof i28.FlameCascadeComponent, typeof i29.SubwayLinesComponent, typeof i30.ConstellationComponent, typeof i31.FlowchartComponent, typeof i32.MJQueryFormComponentExtended, typeof i33.QueryRunDialogComponent, typeof i34.FlowAgentFormSectionComponent, typeof i35.MJTestRunFormComponentExtended, typeof i36.MJTestFormComponentExtended, typeof i37.MJTestSuiteRunFormComponentExtended, typeof i38.MJTestSuiteFormComponentExtended, typeof i39.MJTestRunFeedbackFormComponentExtended, typeof i40.MJTestRubricFormComponentExtended, typeof i41.EntityLinkPillComponent, typeof i42.MJListFormComponentExtended, typeof i43.TagPipelineConfigurationPanel, typeof i44.WebsiteCrawlerSettingsPanel, typeof i45.ModelPredictionPanel, typeof i46.AISkillSharingPanel, typeof i47.MJSearchScopeFormComponentExtended, typeof i48.MJSearchScopeProviderFormComponentExtended, typeof i49.MJAIAgentSessionFormComponentExtended, typeof i50.MJAIAgentChannelFormComponentExtended, typeof i51.MJAIBridgeProviderFormComponentExtended, typeof i52.MJAIAgentSessionBridgeFormComponentExtended, typeof i53.MJAIBridgeAgentIdentityFormComponentExtended, typeof i54.AgentRealtimePanel, typeof i55.RecordProcessFormComponentExtended], [typeof i56.CommonModule, typeof i57.FormsModule, typeof i57.ReactiveFormsModule, typeof i58.DragDropModule, typeof i59.AgGridModule, typeof i60.MJEmptyStateComponent, typeof i60.MJAlertComponent, typeof i60.MJButtonDirective, typeof i60.MJAccordionModule, typeof i60.MJDropdownComponent, typeof i60.MJComboboxComponent, typeof i60.MJSwitchComponent, typeof i60.MJDialogComponent, typeof i60.MJDialogTitlebarComponent, typeof i60.MJDialogActionsComponent, typeof i60.MJNumericInputComponent, typeof i60.MJWindowComponent, typeof i60.MJWindowTitlebarComponent, typeof i60.MJProgressBarComponent, typeof i61.LinkDirectivesModule, typeof i62.JoinGridModule, typeof i63.BaseFormsModule, typeof i64.MJTabStripModule, typeof i65.CodeEditorModule, typeof i66.DeepDiffModule, typeof i67.AITestHarnessModule, typeof i68.ActionGalleryModule, typeof i69.TestingModule, typeof i70.FlowEditorModule, typeof i71.TaskGraphEditorModule, typeof i72.SharedGenericModule, typeof i73.EntityRelationshipDiagramModule, typeof i74.ListManagementModule, typeof i75.ActionsModule, typeof i76.AgentsModule, typeof i77.EntityViewerModule, typeof i78.MarkdownModule, typeof i79.NgTreesModule, typeof i80.AngularSplitModule, typeof i60.MjSlidePanelComponent, typeof i63.MjFormDialogComponent, typeof i81.SearchModule, typeof i82.RecordProcessEditorComponent, typeof i83.ResourcePermissionsModule], [typeof i1.MJEntityFormComponentExtended, typeof i2.MJEntityActionFormComponentExtended, typeof i3.MJTemplateFormComponentExtended, typeof i6.TemplateEditorComponent, typeof i7.MJAIPromptFormComponentExtended, typeof i8.MJAIAgentFormComponentExtended, typeof i18.MJAIPromptRunFormComponentExtended, typeof i19.ChatMessageViewerComponent, typeof i20.MJActionFormComponentExtended, typeof i21.MJActionExecutionLogFormComponentExtended, typeof i22.MJAIAgentRunFormComponentExtended, typeof i23.AIAgentRunTimelineComponent, typeof i24.AIAgentRunStepNodeComponent, typeof i25.AIAgentRunAnalyticsComponent, typeof i32.MJQueryFormComponentExtended, typeof i34.FlowAgentFormSectionComponent, typeof i35.MJTestRunFormComponentExtended, typeof i36.MJTestFormComponentExtended, typeof i37.MJTestSuiteRunFormComponentExtended, typeof i38.MJTestSuiteFormComponentExtended, typeof i39.MJTestRunFeedbackFormComponentExtended, typeof i40.MJTestRubricFormComponentExtended, typeof i41.EntityLinkPillComponent, typeof i42.MJListFormComponentExtended, typeof i43.TagPipelineConfigurationPanel, typeof i44.WebsiteCrawlerSettingsPanel, typeof i45.ModelPredictionPanel, typeof i46.AISkillSharingPanel, typeof i47.MJSearchScopeFormComponentExtended, typeof i48.MJSearchScopeProviderFormComponentExtended, typeof i49.MJAIAgentSessionFormComponentExtended, typeof i50.MJAIAgentChannelFormComponentExtended, typeof i51.MJAIBridgeProviderFormComponentExtended, typeof i52.MJAIAgentSessionBridgeFormComponentExtended, typeof i53.MJAIBridgeAgentIdentityFormComponentExtended, typeof i54.AgentRealtimePanel, typeof i75.ActionsModule, typeof i55.RecordProcessFormComponentExtended]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MemberJunctionCoreEntityFormsModule, [typeof i1.MJEntityFormComponentExtended, typeof i2.MJEntityActionFormComponentExtended, typeof i3.MJTemplateFormComponentExtended, typeof i4.TemplateParamDialogComponent, typeof i5.TemplateParamsGridComponent, typeof i6.TemplateEditorComponent, typeof i7.MJAIPromptFormComponentExtended, typeof i8.MJAIAgentFormComponentExtended, typeof i9.NewAgentDialogComponent, typeof i10.AddActionDialogComponent, typeof i11.PromptSelectorDialogComponent, typeof i12.AgentPromptAdvancedSettingsDialogComponent, typeof i13.SubAgentAdvancedSettingsDialogComponent, typeof i14.SubAgentSelectorDialogComponent, typeof i15.CreatePromptDialogComponent, typeof i16.CreateSubAgentDialogComponent, typeof i17.EntitySelectorDialogComponent, typeof i18.MJAIPromptRunFormComponentExtended, typeof i19.ChatMessageViewerComponent, typeof i20.MJActionFormComponentExtended, typeof i21.MJActionExecutionLogFormComponentExtended, typeof i22.MJAIAgentRunFormComponentExtended, typeof i23.AIAgentRunTimelineComponent, typeof i24.AIAgentRunStepNodeComponent, typeof i25.AIAgentRunAnalyticsComponent, typeof i26.AIAgentRunStepDetailComponent, typeof i27.AIAgentRunFlowComponent, typeof i28.FlameCascadeComponent, typeof i29.SubwayLinesComponent, typeof i30.ConstellationComponent, typeof i31.FlowchartComponent, typeof i32.MJQueryFormComponentExtended, typeof i33.QueryRunDialogComponent, typeof i34.FlowAgentFormSectionComponent, typeof i35.MJTestRunFormComponentExtended, typeof i36.MJTestFormComponentExtended, typeof i37.MJTestSuiteRunFormComponentExtended, typeof i38.MJTestSuiteFormComponentExtended, typeof i39.MJTestRunFeedbackFormComponentExtended, typeof i40.MJTestRubricFormComponentExtended, typeof i41.EntityLinkPillComponent, typeof i42.MJListFormComponentExtended, typeof i43.TagPipelineConfigurationPanel, typeof i44.WebsiteCrawlerSettingsPanel, typeof i45.ModelPredictionPanel, typeof i46.AISkillSharingPanel, typeof i47.MJSearchScopeFormComponentExtended, typeof i48.MJSearchScopeProviderFormComponentExtended, typeof i49.MJAIAgentSessionFormComponentExtended, typeof i50.MJAIAgentChannelFormComponentExtended, typeof i51.MJAIBridgeProviderFormComponentExtended, typeof i52.MJAIAgentSessionBridgeFormComponentExtended, typeof i53.MJAIBridgeAgentIdentityFormComponentExtended, typeof i54.AgentRealtimePanel, typeof i55.RecordProcessFormComponentExtended], [typeof i56.CommonModule, typeof i57.FormsModule, typeof i57.ReactiveFormsModule, typeof i58.DragDropModule, typeof i59.AgGridModule, typeof i60.MJEmptyStateComponent, typeof i60.MJAlertComponent, typeof i60.MJTabNavComponent, typeof i60.MJButtonDirective, typeof i60.MJAccordionModule, typeof i60.MJDropdownComponent, typeof i60.MJComboboxComponent, typeof i60.MJSwitchComponent, typeof i60.MJDialogComponent, typeof i60.MJDialogTitlebarComponent, typeof i60.MJDialogActionsComponent, typeof i60.MJNumericInputComponent, typeof i60.MJWindowComponent, typeof i60.MJWindowTitlebarComponent, typeof i60.MJProgressBarComponent, typeof i61.LinkDirectivesModule, typeof i62.JoinGridModule, typeof i63.BaseFormsModule, typeof i64.MJTabStripModule, typeof i65.CodeEditorModule, typeof i66.DeepDiffModule, typeof i67.AITestHarnessModule, typeof i68.ActionGalleryModule, typeof i69.TestingModule, typeof i70.FlowEditorModule, typeof i71.TaskGraphEditorModule, typeof i72.SharedGenericModule, typeof i73.EntityRelationshipDiagramModule, typeof i74.ListManagementModule, typeof i75.ActionsModule, typeof i76.AgentsModule, typeof i77.EntityViewerModule, typeof i78.MarkdownModule, typeof i79.NgTreesModule, typeof i80.AngularSplitModule, typeof i60.MjSlidePanelComponent, typeof i63.MjFormDialogComponent, typeof i81.SearchModule, typeof i82.RecordProcessEditorComponent, typeof i83.ResourcePermissionsModule], [typeof i1.MJEntityFormComponentExtended, typeof i2.MJEntityActionFormComponentExtended, typeof i3.MJTemplateFormComponentExtended, typeof i6.TemplateEditorComponent, typeof i7.MJAIPromptFormComponentExtended, typeof i8.MJAIAgentFormComponentExtended, typeof i18.MJAIPromptRunFormComponentExtended, typeof i19.ChatMessageViewerComponent, typeof i20.MJActionFormComponentExtended, typeof i21.MJActionExecutionLogFormComponentExtended, typeof i22.MJAIAgentRunFormComponentExtended, typeof i23.AIAgentRunTimelineComponent, typeof i24.AIAgentRunStepNodeComponent, typeof i25.AIAgentRunAnalyticsComponent, typeof i32.MJQueryFormComponentExtended, typeof i34.FlowAgentFormSectionComponent, typeof i35.MJTestRunFormComponentExtended, typeof i36.MJTestFormComponentExtended, typeof i37.MJTestSuiteRunFormComponentExtended, typeof i38.MJTestSuiteFormComponentExtended, typeof i39.MJTestRunFeedbackFormComponentExtended, typeof i40.MJTestRubricFormComponentExtended, typeof i41.EntityLinkPillComponent, typeof i42.MJListFormComponentExtended, typeof i43.TagPipelineConfigurationPanel, typeof i44.WebsiteCrawlerSettingsPanel, typeof i45.ModelPredictionPanel, typeof i46.AISkillSharingPanel, typeof i47.MJSearchScopeFormComponentExtended, typeof i48.MJSearchScopeProviderFormComponentExtended, typeof i49.MJAIAgentSessionFormComponentExtended, typeof i50.MJAIAgentChannelFormComponentExtended, typeof i51.MJAIBridgeProviderFormComponentExtended, typeof i52.MJAIAgentSessionBridgeFormComponentExtended, typeof i53.MJAIBridgeAgentIdentityFormComponentExtended, typeof i54.AgentRealtimePanel, typeof i75.ActionsModule, typeof i55.RecordProcessFormComponentExtended]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MemberJunctionCoreEntityFormsModule>;
 }
 //# sourceMappingURL=custom-forms.module.d.ts.map

package/dist/lib/custom/custom-forms.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-forms.module.d.ts","sourceRoot":"","sources":["../../../src/lib/custom/custom-forms.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA,qBAuJa,mCAAmC;yCAAnC,mCAAmC;0CAAnC,mCAAmC;0CAAnC,mCAAmC;CAAI"}
+{"version":3,"file":"custom-forms.module.d.ts","sourceRoot":"","sources":["../../../src/lib/custom/custom-forms.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA,qBAwJa,mCAAmC;yCAAnC,mCAAmC;0CAAnC,mCAAmC;0CAAnC,mCAAmC;CAAI"}

package/dist/lib/custom/custom-forms.module.js

@@ -2,7 +2,7 @@ import { NgModule } from "@angular/core";
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { DragDropModule } from '@angular/cdk/drag-drop';
-import { MJButtonDirective, MJAccordionModule, MJDropdownComponent, MJComboboxComponent, MJSwitchComponent, MJDialogComponent, MJDialogTitlebarComponent, MJDialogActionsComponent, MJNumericInputComponent, MJWindowComponent, MJWindowTitlebarComponent, MJProgressBarComponent, MjSlidePanelComponent, MJEmptyStateComponent, MJAlertComponent } from '@memberjunction/ng-ui-components';
+import { MJButtonDirective, MJAccordionModule, MJDropdownComponent, MJComboboxComponent, MJSwitchComponent, MJDialogComponent, MJDialogTitlebarComponent, MJDialogActionsComponent, MJNumericInputComponent, MJWindowComponent, MJWindowTitlebarComponent, MJProgressBarComponent, MjSlidePanelComponent, MJEmptyStateComponent, MJAlertComponent, MJTabNavComponent } from '@memberjunction/ng-ui-components';
 import { AngularSplitModule } from 'angular-split';
 import { AgGridModule } from 'ag-grid-angular';
 import { BaseFormsModule, MjFormDialogComponent } from '@memberjunction/ng-base-forms';
@@ -115,6 +115,7 @@ export class MemberJunctionCoreEntityFormsModule {
             AgGridModule,
             MJEmptyStateComponent,
             MJAlertComponent,
+            MJTabNavComponent,
             MJAccordionModule,
             MJDropdownComponent,
             MJComboboxComponent,
@@ -222,6 +223,7 @@ export class MemberJunctionCoreEntityFormsModule {
                     AgGridModule,
                     MJEmptyStateComponent,
                     MJAlertComponent,
+                    MJTabNavComponent,
                     MJButtonDirective,
                     MJAccordionModule,
                     MJDropdownComponent,
@@ -369,6 +371,7 @@ export class MemberJunctionCoreEntityFormsModule {
         AgGridModule,
         MJEmptyStateComponent,
         MJAlertComponent,
+        MJTabNavComponent,
         MJButtonDirective,
         MJAccordionModule,
         MJDropdownComponent,