@memberjunction/ng-record-clone 0.0.1-seed.1 → 6.2.0-edge.3

package/dist/lib/clone-plan-tree.component.js

@@ -0,0 +1,634 @@
+/**
+ * @fileoverview Expandable hierarchical tree rendering a RecordClonePlan.
+ *
+ * Implements §12.3 & §12.4 of the Record Cloning architectural blueprint. Renders the
+ * planned record graph as an interactive tree with per-edge policy pills (Deep/Reference/Skip)
+ * with lock tooltips, per-node action badges, entity counts summary, and live search.
+ */
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter, ChangeDetectorRef, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.Node.Key;
+function ClonePlanTreeComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵlistener("click", function ClonePlanTreeComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSearchTermChange("")); });
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementEnd();
+} }
+function ClonePlanTreeComponent_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " Reference ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.ReferenceCount);
+} }
+function ClonePlanTreeComponent_Conditional_11_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 17);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " Skip ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.SkipCount);
+} }
+function ClonePlanTreeComponent_Conditional_11_Conditional_12_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 20);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3, "Needs values");
+    i0.ɵɵelementEnd()();
+} }
+function ClonePlanTreeComponent_Conditional_11_Conditional_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3, "Blocked");
+    i0.ɵɵelementEnd()();
+} }
+function ClonePlanTreeComponent_Conditional_11_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ClonePlanTreeComponent_Conditional_11_Conditional_12_Conditional_0_Template, 4, 0, "span", 20)(1, ClonePlanTreeComponent_Conditional_11_Conditional_12_Conditional_1_Template, 4, 0, "span", 21);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.NeedsValuesOnly ? 0 : 1);
+} }
+function ClonePlanTreeComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "span", 13)(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, " Total ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 14);
+    i0.ɵɵelement(6, "i", 15);
+    i0.ɵɵelementStart(7, "strong");
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(9, " Create ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, ClonePlanTreeComponent_Conditional_11_Conditional_10_Template, 5, 1, "span", 16);
+    i0.ɵɵconditionalCreate(11, ClonePlanTreeComponent_Conditional_11_Conditional_11_Template, 5, 1, "span", 17);
+    i0.ɵɵconditionalCreate(12, ClonePlanTreeComponent_Conditional_11_Conditional_12_Template, 2, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.Plan.Counts.Total);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Plan.Counts.Create);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ReferenceCount > 0 ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.SkipCount > 0 ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.Plan.Blocked ? 12 : -1);
+} }
+function ClonePlanTreeComponent_Conditional_13_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " No matching records found in the clone plan. ");
+} }
+function ClonePlanTreeComponent_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " No records planned for cloning. ");
+} }
+function ClonePlanTreeComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵconditionalCreate(1, ClonePlanTreeComponent_Conditional_13_Conditional_1_Template, 1, 0)(2, ClonePlanTreeComponent_Conditional_13_Conditional_2_Template, 1, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.SearchTerm ? 1 : 2);
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 35);
+    i0.ɵɵlistener("click", function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_2_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnToggleExpand(item_r4, $event)); });
+    i0.ɵɵelement(1, "i", 36);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r4.Expanded ? "Collapse" : "Expand");
+    i0.ɵɵattribute("aria-expanded", item_r4.Expanded)("aria-label", (item_r4.Expanded ? "Collapse " : "Expand ") + (item_r4.Node.DisplayName || item_r4.Node.EntityName));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", item_r4.Expanded)("fa-chevron-right", !item_r4.Expanded);
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_1_Template_button_click_0_listener($event) { const next_r7 = i0.ɵɵrestoreView(_r6); const item_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPolicyToggle(item_r4.ParentEdge, next_r7, $event)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const next_r7 = ctx;
+    const item_r4 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("policy-deep", item_r4.ParentEdge.Policy === "Deep")("policy-ref", item_r4.ParentEdge.Policy === "Reference")("policy-skip", item_r4.ParentEdge.Policy === "Skip");
+    i0.ɵɵproperty("title", ctx_r1.GetEdgeTooltip(item_r4.ParentEdge) + (next_r7 === "Skip" ? " Click to skip every " + item_r4.ParentEdge.RelatedEntityName + " row." : " Click to copy these rows."));
+    i0.ɵɵattribute("aria-label", (next_r7 === "Skip" ? "Skip every " : "Copy every ") + item_r4.ParentEdge.RelatedEntityName + " row");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r4.ParentEdge.Policy, " ");
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵconditionalCreate(1, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_2_Conditional_1_Template, 1, 0, "i", 41);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("policy-deep", item_r4.ParentEdge.Policy === "Deep")("policy-ref", item_r4.ParentEdge.Policy === "Reference")("policy-skip", item_r4.ParentEdge.Policy === "Skip");
+    i0.ɵɵproperty("title", ctx_r1.GetEdgeTooltip(item_r4.ParentEdge));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r4.ParentEdge.Locked ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r4.ParentEdge.Policy, " ");
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵconditionalCreate(1, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_1_Template, 2, 9, "button", 37)(2, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Conditional_2_Template, 3, 9, "span", 38);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_12_0;
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_12_0 = ctx_r1.NextPolicy(item_r4.ParentEdge)) ? 1 : 2, tmp_12_0);
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", item_r4.Node.Warnings.length + " warning(s)");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", item_r4.Node.Warnings.length, " ");
+} }
+function ClonePlanTreeComponent_Conditional_14_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵlistener("click", function ClonePlanTreeComponent_Conditional_14_For_1_Template_div_click_0_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSelectNode(item_r4.Node)); });
+    i0.ɵɵelementStart(1, "div", 26);
+    i0.ɵɵconditionalCreate(2, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_2_Template, 2, 7, "button", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_3_Template, 3, 1, "div", 28);
+    i0.ɵɵelementStart(4, "div", 29)(5, "span", 30);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 31)(8, "span", 32);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 33);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, ClonePlanTreeComponent_Conditional_14_For_1_Conditional_12_Template, 3, 2, "span", 34);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("padding-left", item_r4.Level * 20 + 8, "px");
+    i0.ɵɵclassProp("selected", ctx_r1.SelectedNodeKey === item_r4.Node.Key)("is-subtype", item_r4.Node.IsSubtypeRow);
+    i0.ɵɵattribute("aria-level", item_r4.Level + 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(item_r4.Children.length > 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r4.ParentEdge ? 3 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("action-create", item_r4.Node.Action === "Create")("action-ref", item_r4.Node.Action === "Reference")("action-skip", item_r4.Node.Action === "Skip")("action-blocked", item_r4.Node.Action === "Blocked");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r4.Node.Action, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r4.Node.EntityName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", item_r4.Node.DisplayName);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r4.Node.DisplayName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r4.Node.Warnings && item_r4.Node.Warnings.length > 0 ? 12 : -1);
+} }
+function ClonePlanTreeComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ClonePlanTreeComponent_Conditional_14_For_1_Template, 13, 22, "div", 24, _forTrack0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r1.FlatVisibleNodes);
+} }
+export class ClonePlanTreeComponent {
+    _plan = null;
+    cdr = inject(ChangeDetectorRef);
+    /** The plan to render. Setting it rebuilds the tree. */
+    set Plan(value) {
+        this._plan = value;
+        this.rebuildTree();
+    }
+    get Plan() {
+        return this._plan;
+    }
+    /** Key of the node to highlight, e.g. when the review step links back to it. */
+    SelectedNodeKey = null;
+    /** Let the user switch unlocked Deep branches to Skip (narrowing). Default false (read-only tree). */
+    AllowNarrowing = false;
+    /** Also let the user switch Skip branches to Deep (widening; needs Clone Records: Override Scope). */
+    AllowWidening = false;
+    /** Fires when the user selects a node row. */
+    NodeSelected = new EventEmitter();
+    /** Fires when the user switches a branch's policy; the host re-plans with it as an edge override. */
+    EdgePolicyChanged = new EventEmitter();
+    SearchTerm = '';
+    TreeNodes = [];
+    FlatVisibleNodes = [];
+    get ReferenceCount() {
+        if (!this.Plan)
+            return 0;
+        return this.Plan.Nodes.filter(n => n.Action === 'Reference').length;
+    }
+    /** Blocked only because prompted values haven't been entered yet: not a problem on the Scope step. */
+    get NeedsValuesOnly() {
+        const errors = (this.Plan?.Warnings ?? []).filter((w) => w.Severity === 'Error');
+        return errors.length > 0 && errors.every((w) => w.Code === 'UNIQUE_PROMPT_REQUIRED');
+    }
+    get SkipCount() {
+        if (!this.Plan)
+            return 0;
+        return this.Plan.Nodes.filter(n => n.Action === 'Skip').length;
+    }
+    OnSearchTermChange(term) {
+        this.SearchTerm = term;
+        this.updateVisibleNodes();
+        this.cdr.markForCheck();
+    }
+    OnSelectNode(node) {
+        this.SelectedNodeKey = node.Key;
+        this.NodeSelected.emit(node);
+        this.cdr.markForCheck();
+    }
+    OnToggleExpand(item, event) {
+        event.stopPropagation();
+        item.Expanded = !item.Expanded;
+        this.updateVisibleNodes();
+        this.cdr.markForCheck();
+    }
+    ExpandAll() {
+        this.setAllExpanded(this.TreeNodes, true);
+        this.updateVisibleNodes();
+        this.cdr.markForCheck();
+    }
+    CollapseAll() {
+        this.setAllExpanded(this.TreeNodes, false);
+        this.updateVisibleNodes();
+        this.cdr.markForCheck();
+    }
+    /** The policy a click on this edge's pill would switch to, or null when the pill is read-only. */
+    NextPolicy(edge) {
+        if (edge.Locked || !edge.RelationshipID)
+            return null;
+        if (edge.Policy === 'Deep' && this.AllowNarrowing)
+            return 'Skip';
+        // A branch the user skipped themselves can always be put back; the host drops that override.
+        if (edge.Policy === 'Skip' && (this.AllowWidening || edge.PolicySource === 'Request'))
+            return 'Deep';
+        return null;
+    }
+    OnPolicyToggle(edge, policy, event) {
+        event.stopPropagation();
+        if (!edge.RelationshipID)
+            return;
+        this.EdgePolicyChanged.emit({ RelationshipID: edge.RelationshipID, Policy: policy, RelatedEntityName: edge.RelatedEntityName });
+    }
+    GetEdgeTooltip(edge) {
+        if (edge.Locked) {
+            return `Policy is locked (${edge.PolicySource || 'system constraint'}). Cannot be modified.`;
+        }
+        return `Relationship policy: ${edge.Policy} (${edge.PolicySource || 'default'})`;
+    }
+    setAllExpanded(nodes, expanded) {
+        for (const node of nodes) {
+            node.Expanded = expanded;
+            if (node.Children.length > 0) {
+                this.setAllExpanded(node.Children, expanded);
+            }
+        }
+    }
+    rebuildTree() {
+        if (!this._plan || !this._plan.Nodes || this._plan.Nodes.length === 0) {
+            this.TreeNodes = [];
+            this.FlatVisibleNodes = [];
+            this.cdr.markForCheck();
+            return;
+        }
+        const nodesByKey = new Map();
+        const edgesByToKey = new Map();
+        if (this._plan.Edges) {
+            for (const edge of this._plan.Edges) {
+                edgesByToKey.set(edge.ToKey, edge);
+            }
+        }
+        for (const node of this._plan.Nodes) {
+            const edge = edgesByToKey.get(node.Key) || null;
+            nodesByKey.set(node.Key, {
+                Node: node,
+                ParentEdge: edge,
+                Children: [],
+                Expanded: true, // Expanded by default
+                Level: node.Depth ?? 0,
+            });
+        }
+        const roots = [];
+        for (const [key, item] of nodesByKey.entries()) {
+            if (item.Node.ParentKey && nodesByKey.has(item.Node.ParentKey)) {
+                const parent = nodesByKey.get(item.Node.ParentKey);
+                parent.Children.push(item);
+            }
+            else {
+                roots.push(item);
+            }
+        }
+        this.TreeNodes = roots;
+        this.updateVisibleNodes();
+        this.cdr.markForCheck();
+    }
+    updateVisibleNodes() {
+        const flat = [];
+        const term = this.SearchTerm.trim().toLowerCase();
+        const traverse = (node) => {
+            const matchesSearch = !term ||
+                node.Node.EntityName.toLowerCase().includes(term) ||
+                (node.Node.DisplayName && node.Node.DisplayName.toLowerCase().includes(term));
+            if (matchesSearch || this.subtreeMatches(node, term)) {
+                flat.push(node);
+                if (node.Expanded || term) { // auto-expand matching paths on search
+                    for (const child of node.Children) {
+                        traverse(child);
+                    }
+                }
+            }
+        };
+        for (const root of this.TreeNodes) {
+            traverse(root);
+        }
+        this.FlatVisibleNodes = flat;
+    }
+    subtreeMatches(node, term) {
+        if (!term)
+            return true;
+        for (const child of node.Children) {
+            if (child.Node.EntityName.toLowerCase().includes(term) ||
+                (child.Node.DisplayName && child.Node.DisplayName.toLowerCase().includes(term)) ||
+                this.subtreeMatches(child, term)) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static ɵfac = function ClonePlanTreeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ClonePlanTreeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ClonePlanTreeComponent, selectors: [["mj-clone-plan-tree"]], inputs: { Plan: "Plan", SelectedNodeKey: "SelectedNodeKey", AllowNarrowing: "AllowNarrowing", AllowWidening: "AllowWidening" }, outputs: { NodeSelected: "NodeSelected", EdgePolicyChanged: "EdgePolicyChanged" }, decls: 15, vars: 4, consts: [[1, "plan-tree-container"], [1, "tree-toolbar"], [1, "search-box"], [1, "fa-solid", "fa-magnifying-glass", "search-icon"], ["type", "text", "placeholder", "Search entities or records...", 1, "mj-input", "search-input", 3, "ngModelChange", "ngModel"], ["type", "button", "title", "Clear search", 1, "clear-search-btn"], [1, "tree-actions"], ["type", "button", "mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "counts-bar"], ["role", "list", "aria-label", "Records in the clone plan", 1, "tree-content"], [1, "empty-tree-message"], ["type", "button", "title", "Clear search", 1, "clear-search-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "count-item", "total"], [1, "count-item", "create"], [1, "fa-solid", "fa-plus-circle"], [1, "count-item", "reference"], [1, "count-item", "skip"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-forward"], ["title", "Enter the required values on the Values step", 1, "count-item", "skip"], [1, "count-item", "blocked"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-ban"], ["role", "listitem", 1, "tree-row", 3, "selected", "is-subtype", "padding-left"], ["role", "listitem", 1, "tree-row", 3, "click"], [1, "chevron-cell"], ["type", "button", 1, "chevron-btn", 3, "title"], [1, "edge-cell"], [1, "action-cell"], [1, "action-badge"], [1, "node-label-cell"], [1, "entity-badge"], [1, "record-title", 3, "title"], [1, "node-warning-badge", 3, "title"], ["type", "button", 1, "chevron-btn", 3, "click", "title"], [1, "fa-solid"], ["type", "button", 1, "policy-pill", "policy-pill--toggle", 3, "policy-deep", "policy-ref", "policy-skip", "title"], [1, "policy-pill", 3, "policy-deep", "policy-ref", "policy-skip", "title"], ["type", "button", 1, "policy-pill", "policy-pill--toggle", 3, "click", "title"], [1, "policy-pill", 3, "title"], [1, "fa-solid", "fa-lock", "lock-icon"], [1, "fa-solid", "fa-triangle-exclamation"]], template: function ClonePlanTreeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementStart(4, "input", 4);
+            i0.ɵɵlistener("ngModelChange", function ClonePlanTreeComponent_Template_input_ngModelChange_4_listener($event) { return ctx.OnSearchTermChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, ClonePlanTreeComponent_Conditional_5_Template, 2, 0, "button", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 6)(7, "button", 7);
+            i0.ɵɵlistener("click", function ClonePlanTreeComponent_Template_button_click_7_listener() { return ctx.ExpandAll(); });
+            i0.ɵɵtext(8, " Expand All ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "button", 7);
+            i0.ɵɵlistener("click", function ClonePlanTreeComponent_Template_button_click_9_listener() { return ctx.CollapseAll(); });
+            i0.ɵɵtext(10, " Collapse All ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(11, ClonePlanTreeComponent_Conditional_11_Template, 13, 5, "div", 8);
+            i0.ɵɵelementStart(12, "div", 9);
+            i0.ɵɵconditionalCreate(13, ClonePlanTreeComponent_Conditional_13_Template, 3, 1, "div", 10)(14, ClonePlanTreeComponent_Conditional_14_Template, 2, 0);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngModel", ctx.SearchTerm);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchTerm ? 5 : -1);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.Plan ? 11 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.TreeNodes.length === 0 ? 13 : 14);
+        } }, dependencies: [CommonModule,
+            FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, MJButtonDirective], styles: [".plan-tree-container[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-2);\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md);\n            overflow: hidden;\n        }\n\n        .tree-toolbar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .search-box[_ngcontent-%COMP%] {\n            position: relative;\n            flex: 1;\n            max-width: 320px;\n            display: flex;\n            align-items: center;\n        }\n\n        .search-icon[_ngcontent-%COMP%] {\n            position: absolute;\n            left: 10px;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-muted);\n            pointer-events: none;\n        }\n\n        .search-input[_ngcontent-%COMP%] {\n            width: 100%;\n            padding: 5px 28px 5px 30px;\n            font-size: var(--mj-text-xs);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-primary);\n            outline: none;\n        }\n\n        .search-input[_ngcontent-%COMP%]:focus {\n            border-color: var(--mj-brand-primary);\n        }\n\n        .clear-search-btn[_ngcontent-%COMP%] {\n            position: absolute;\n            right: 8px;\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            padding: 2px;\n        }\n\n        .tree-actions[_ngcontent-%COMP%] {\n            display: flex;\n            gap: var(--mj-space-1-5);\n        }\n\n        .counts-bar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: var(--mj-space-3);\n            padding: 6px var(--mj-space-3);\n            background: var(--mj-bg-surface);\n            border-bottom: 1px solid var(--mj-border-default);\n            font-size: var(--mj-text-xs);\n        }\n\n        .count-item[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .count-item.create[_ngcontent-%COMP%] {\n            color: var(--mj-status-success-text);\n        }\n\n        .count-item.reference[_ngcontent-%COMP%] {\n            color: var(--mj-status-info-text);\n        }\n\n        .count-item.skip[_ngcontent-%COMP%] {\n            color: var(--mj-text-muted);\n        }\n\n        .count-item.blocked[_ngcontent-%COMP%] {\n            color: var(--mj-status-error-text);\n        }\n\n        .tree-content[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            max-height: 480px;\n            overflow-y: auto;\n            padding: var(--mj-space-1) 0;\n        }\n\n        .empty-tree-message[_ngcontent-%COMP%] {\n            padding: var(--mj-space-6);\n            text-align: center;\n            color: var(--mj-text-muted);\n            font-size: var(--mj-text-sm);\n        }\n\n        .tree-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding-top: 6px;\n            padding-bottom: 6px;\n            padding-right: var(--mj-space-3);\n            cursor: pointer;\n            user-select: none;\n            border-left: 3px solid transparent;\n            transition: background-color 0.1s ease;\n        }\n\n        .tree-row[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .tree-row.selected[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            border-left-color: var(--mj-brand-primary);\n        }\n\n        .tree-row.is-subtype[_ngcontent-%COMP%] {\n            font-style: italic;\n        }\n\n        .chevron-cell[_ngcontent-%COMP%] {\n            width: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .chevron-btn[_ngcontent-%COMP%] {\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            padding: 2px;\n            font-size: 11px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .edge-cell[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n        }\n\n        .policy-pill[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            gap: 3px;\n            padding: 1px 6px;\n            border-radius: 10px;\n            font-size: 10px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .policy-pill--toggle[_ngcontent-%COMP%] {\n            border: 1px solid transparent;\n            cursor: pointer;\n            font-family: inherit;\n            line-height: inherit;\n        }\n\n        .policy-pill--toggle[_ngcontent-%COMP%]:hover, \n   .policy-pill--toggle[_ngcontent-%COMP%]:focus-visible {\n            border-color: var(--mj-border-focus);\n            outline: none;\n        }\n\n        .policy-pill.policy-deep[_ngcontent-%COMP%] {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .policy-pill.policy-ref[_ngcontent-%COMP%] {\n            background: var(--mj-status-info-bg);\n            color: var(--mj-status-info-text);\n        }\n\n        .policy-pill.policy-skip[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .lock-icon[_ngcontent-%COMP%] {\n            font-size: 9px;\n        }\n\n        .action-cell[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n        }\n\n        .action-badge[_ngcontent-%COMP%] {\n            display: inline-block;\n            padding: 2px 6px;\n            border-radius: var(--mj-radius-sm);\n            font-size: 11px;\n            font-weight: 600;\n        }\n\n        .action-badge.action-create[_ngcontent-%COMP%] {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .action-badge.action-ref[_ngcontent-%COMP%] {\n            background: var(--mj-status-info-bg);\n            color: var(--mj-status-info-text);\n        }\n\n        .action-badge.action-skip[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .action-badge.action-blocked[_ngcontent-%COMP%] {\n            background: var(--mj-status-error-bg);\n            color: var(--mj-status-error-text);\n        }\n\n        .node-label-cell[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n            flex: 1;\n            min-width: 0;\n        }\n\n        .entity-badge[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 500;\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-card);\n            padding: 1px 6px;\n            border-radius: var(--mj-radius-sm);\n            white-space: nowrap;\n        }\n\n        .record-title[_ngcontent-%COMP%] {\n            font-size: var(--mj-text-sm);\n            color: var(--mj-text-primary);\n            font-weight: 500;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .node-warning-badge[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            gap: 3px;\n            font-size: 10px;\n            color: var(--mj-status-warning-text);\n            background: var(--mj-status-warning-bg);\n            padding: 1px 5px;\n            border-radius: 8px;\n            margin-left: 4px;\n        }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClonePlanTreeComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-clone-plan-tree', template: `
+        <div class="plan-tree-container">
+            <!-- Search & Toolbar -->
+            <div class="tree-toolbar">
+                <div class="search-box">
+                    <i class="fa-solid fa-magnifying-glass search-icon"></i>
+                    <input
+                        type="text"
+                        class="mj-input search-input"
+                        placeholder="Search entities or records..."
+                        [ngModel]="SearchTerm"
+                        (ngModelChange)="OnSearchTermChange($event)" />
+                    @if (SearchTerm) {
+                        <button
+                            type="button"
+                            class="clear-search-btn"
+                            (click)="OnSearchTermChange('')"
+                            title="Clear search">
+                            <i class="fa-solid fa-xmark"></i>
+                        </button>
+                    }
+                </div>
+                <div class="tree-actions">
+                    <button
+                        type="button"
+                        mjButton
+                        variant="outline"
+                        size="sm"
+                        (click)="ExpandAll()">
+                        Expand All
+                    </button>
+                    <button
+                        type="button"
+                        mjButton
+                        variant="outline"
+                        size="sm"
+                        (click)="CollapseAll()">
+                        Collapse All
+                    </button>
+                </div>
+            </div>
+
+            <!-- Aggregate Counts Bar -->
+            @if (Plan) {
+                <div class="counts-bar">
+                    <span class="count-item total">
+                        <strong>{{Plan.Counts.Total}}</strong> Total
+                    </span>
+                    <span class="count-item create">
+                        <i class="fa-solid fa-plus-circle"></i>
+                        <strong>{{Plan.Counts.Create}}</strong> Create
+                    </span>
+                    @if (ReferenceCount > 0) {
+                        <span class="count-item reference">
+                            <i class="fa-solid fa-link"></i>
+                            <strong>{{ReferenceCount}}</strong> Reference
+                        </span>
+                    }
+                    @if (SkipCount > 0) {
+                        <span class="count-item skip">
+                            <i class="fa-solid fa-forward"></i>
+                            <strong>{{SkipCount}}</strong> Skip
+                        </span>
+                    }
+                    @if (Plan.Blocked) {
+                        @if (NeedsValuesOnly) {
+                            <span class="count-item skip" title="Enter the required values on the Values step">
+                                <i class="fa-solid fa-pen-to-square"></i>
+                                <strong>Needs values</strong>
+                            </span>
+                        } @else {
+                            <span class="count-item blocked">
+                                <i class="fa-solid fa-ban"></i>
+                                <strong>Blocked</strong>
+                            </span>
+                        }
+                    }
+                </div>
+            }
+
+            <!-- Hierarchical Node Tree -->
+            <div class="tree-content" role="list" aria-label="Records in the clone plan">
+                @if (TreeNodes.length === 0) {
+                    <div class="empty-tree-message">
+                        @if (SearchTerm) {
+                            No matching records found in the clone plan.
+                        } @else {
+                            No records planned for cloning.
+                        }
+                    </div>
+                } @else {
+                    @for (item of FlatVisibleNodes; track item.Node.Key) {
+                        <div
+                            class="tree-row"
+                            [class.selected]="SelectedNodeKey === item.Node.Key"
+                            [class.is-subtype]="item.Node.IsSubtypeRow"
+                            [style.padding-left.px]="item.Level * 20 + 8"
+                            role="listitem"
+                            [attr.aria-level]="item.Level + 1"
+                            (click)="OnSelectNode(item.Node)">
+
+                            <!-- Expand/Collapse Chevron -->
+                            <div class="chevron-cell">
+                                @if (item.Children.length > 0) {
+                                    <button
+                                        type="button"
+                                        class="chevron-btn"
+                                        (click)="OnToggleExpand(item, $event)"
+                                        [attr.aria-expanded]="item.Expanded"
+                                        [attr.aria-label]="(item.Expanded ? 'Collapse ' : 'Expand ') + (item.Node.DisplayName || item.Node.EntityName)"
+                                        [title]="item.Expanded ? 'Collapse' : 'Expand'">
+                                        <i
+                                            class="fa-solid"
+                                            [class.fa-chevron-down]="item.Expanded"
+                                            [class.fa-chevron-right]="!item.Expanded">
+                                        </i>
+                                    </button>
+                                }
+                            </div>
+
+                            <!-- Policy Pill (if edge connects to parent) -->
+                            @if (item.ParentEdge) {
+                                <div class="edge-cell">
+                                    @if (NextPolicy(item.ParentEdge); as next) {
+                                        <button
+                                            type="button"
+                                            class="policy-pill policy-pill--toggle"
+                                            [class.policy-deep]="item.ParentEdge.Policy === 'Deep'"
+                                            [class.policy-ref]="item.ParentEdge.Policy === 'Reference'"
+                                            [class.policy-skip]="item.ParentEdge.Policy === 'Skip'"
+                                            [title]="GetEdgeTooltip(item.ParentEdge) + (next === 'Skip' ? ' Click to skip every ' + item.ParentEdge.RelatedEntityName + ' row.' : ' Click to copy these rows.')"
+                                            [attr.aria-label]="(next === 'Skip' ? 'Skip every ' : 'Copy every ') + item.ParentEdge.RelatedEntityName + ' row'"
+                                            (click)="OnPolicyToggle(item.ParentEdge, next, $event)">
+                                            {{item.ParentEdge.Policy}}
+                                        </button>
+                                    } @else {
+                                        <span
+                                            class="policy-pill"
+                                            [class.policy-deep]="item.ParentEdge.Policy === 'Deep'"
+                                            [class.policy-ref]="item.ParentEdge.Policy === 'Reference'"
+                                            [class.policy-skip]="item.ParentEdge.Policy === 'Skip'"
+                                            [title]="GetEdgeTooltip(item.ParentEdge)">
+                                            @if (item.ParentEdge.Locked) {
+                                                <i class="fa-solid fa-lock lock-icon"></i>
+                                            }
+                                            {{item.ParentEdge.Policy}}
+                                        </span>
+                                    }
+                                </div>
+                            }
+
+                            <!-- Action Badge -->
+                            <div class="action-cell">
+                                <span
+                                    class="action-badge"
+                                    [class.action-create]="item.Node.Action === 'Create'"
+                                    [class.action-ref]="item.Node.Action === 'Reference'"
+                                    [class.action-skip]="item.Node.Action === 'Skip'"
+                                    [class.action-blocked]="item.Node.Action === 'Blocked'">
+                                    {{item.Node.Action}}
+                                </span>
+                            </div>
+
+                            <!-- Entity & Record Label -->
+                            <div class="node-label-cell">
+                                <span class="entity-badge">{{item.Node.EntityName}}</span>
+                                <span class="record-title" [title]="item.Node.DisplayName">
+                                    {{item.Node.DisplayName}}
+                                </span>
+                                @if (item.Node.Warnings && item.Node.Warnings.length > 0) {
+                                    <span
+                                        class="node-warning-badge"
+                                        [title]="item.Node.Warnings.length + ' warning(s)'">
+                                        <i class="fa-solid fa-triangle-exclamation"></i>
+                                        {{item.Node.Warnings.length}}
+                                    </span>
+                                }
+                            </div>
+                        </div>
+                    }
+                }
+            </div>
+        </div>
+    `, imports: [
+                    CommonModule,
+                    FormsModule,
+                    MJButtonDirective,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n        .plan-tree-container {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-2);\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md);\n            overflow: hidden;\n        }\n\n        .tree-toolbar {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: var(--mj-space-2);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .search-box {\n            position: relative;\n            flex: 1;\n            max-width: 320px;\n            display: flex;\n            align-items: center;\n        }\n\n        .search-icon {\n            position: absolute;\n            left: 10px;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-muted);\n            pointer-events: none;\n        }\n\n        .search-input {\n            width: 100%;\n            padding: 5px 28px 5px 30px;\n            font-size: var(--mj-text-xs);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-primary);\n            outline: none;\n        }\n\n        .search-input:focus {\n            border-color: var(--mj-brand-primary);\n        }\n\n        .clear-search-btn {\n            position: absolute;\n            right: 8px;\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            padding: 2px;\n        }\n\n        .tree-actions {\n            display: flex;\n            gap: var(--mj-space-1-5);\n        }\n\n        .counts-bar {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: var(--mj-space-3);\n            padding: 6px var(--mj-space-3);\n            background: var(--mj-bg-surface);\n            border-bottom: 1px solid var(--mj-border-default);\n            font-size: var(--mj-text-xs);\n        }\n\n        .count-item {\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .count-item.create {\n            color: var(--mj-status-success-text);\n        }\n\n        .count-item.reference {\n            color: var(--mj-status-info-text);\n        }\n\n        .count-item.skip {\n            color: var(--mj-text-muted);\n        }\n\n        .count-item.blocked {\n            color: var(--mj-status-error-text);\n        }\n\n        .tree-content {\n            display: flex;\n            flex-direction: column;\n            max-height: 480px;\n            overflow-y: auto;\n            padding: var(--mj-space-1) 0;\n        }\n\n        .empty-tree-message {\n            padding: var(--mj-space-6);\n            text-align: center;\n            color: var(--mj-text-muted);\n            font-size: var(--mj-text-sm);\n        }\n\n        .tree-row {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding-top: 6px;\n            padding-bottom: 6px;\n            padding-right: var(--mj-space-3);\n            cursor: pointer;\n            user-select: none;\n            border-left: 3px solid transparent;\n            transition: background-color 0.1s ease;\n        }\n\n        .tree-row:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .tree-row.selected {\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            border-left-color: var(--mj-brand-primary);\n        }\n\n        .tree-row.is-subtype {\n            font-style: italic;\n        }\n\n        .chevron-cell {\n            width: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .chevron-btn {\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            padding: 2px;\n            font-size: 11px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .edge-cell {\n            display: flex;\n            align-items: center;\n        }\n\n        .policy-pill {\n            display: inline-flex;\n            align-items: center;\n            gap: 3px;\n            padding: 1px 6px;\n            border-radius: 10px;\n            font-size: 10px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .policy-pill--toggle {\n            border: 1px solid transparent;\n            cursor: pointer;\n            font-family: inherit;\n            line-height: inherit;\n        }\n\n        .policy-pill--toggle:hover,\n        .policy-pill--toggle:focus-visible {\n            border-color: var(--mj-border-focus);\n            outline: none;\n        }\n\n        .policy-pill.policy-deep {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .policy-pill.policy-ref {\n            background: var(--mj-status-info-bg);\n            color: var(--mj-status-info-text);\n        }\n\n        .policy-pill.policy-skip {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .lock-icon {\n            font-size: 9px;\n        }\n\n        .action-cell {\n            display: flex;\n            align-items: center;\n        }\n\n        .action-badge {\n            display: inline-block;\n            padding: 2px 6px;\n            border-radius: var(--mj-radius-sm);\n            font-size: 11px;\n            font-weight: 600;\n        }\n\n        .action-badge.action-create {\n            background: var(--mj-status-success-bg);\n            color: var(--mj-status-success-text);\n        }\n\n        .action-badge.action-ref {\n            background: var(--mj-status-info-bg);\n            color: var(--mj-status-info-text);\n        }\n\n        .action-badge.action-skip {\n            background: var(--mj-bg-surface-sunken);\n            color: var(--mj-text-muted);\n        }\n\n        .action-badge.action-blocked {\n            background: var(--mj-status-error-bg);\n            color: var(--mj-status-error-text);\n        }\n\n        .node-label-cell {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n            flex: 1;\n            min-width: 0;\n        }\n\n        .entity-badge {\n            font-size: 11px;\n            font-weight: 500;\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-card);\n            padding: 1px 6px;\n            border-radius: var(--mj-radius-sm);\n            white-space: nowrap;\n        }\n\n        .record-title {\n            font-size: var(--mj-text-sm);\n            color: var(--mj-text-primary);\n            font-weight: 500;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        .node-warning-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 3px;\n            font-size: 10px;\n            color: var(--mj-status-warning-text);\n            background: var(--mj-status-warning-bg);\n            padding: 1px 5px;\n            border-radius: 8px;\n            margin-left: 4px;\n        }\n    "] }]
+    }], null, { Plan: [{
+            type: Input
+        }], SelectedNodeKey: [{
+            type: Input
+        }], AllowNarrowing: [{
+            type: Input
+        }], AllowWidening: [{
+            type: Input
+        }], NodeSelected: [{
+            type: Output
+        }], EdgePolicyChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ClonePlanTreeComponent, { className: "ClonePlanTreeComponent", filePath: "src/lib/clone-plan-tree.component.ts", lineNumber: 503 }); })();
+//# sourceMappingURL=clone-plan-tree.component.js.map