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

package/dist/lib/clone-review.component.js

@@ -0,0 +1,581 @@
+/**
+ * @fileoverview Review and preflight execution component for record cloning.
+ *
+ * Implements §12.3 & §12.4 of the Record Cloning architectural blueprint. Displays
+ * stat badges (Create / Reference / Skip / Warnings), blocked alert banner with reasons,
+ * warnings grouped by severity linking to nodes, field-change diffs, and confirmation actions.
+ */
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJButtonDirective, MJStatBadgeComponent, } from '@memberjunction/ng-ui-components';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Code + ($item.NodeKey || "") + $index;
+const _forTrack1 = ($index, $item) => $item.Code + ($item.NodeKey || "");
+const _forTrack2 = ($index, $item) => $item.Node.Key;
+const _forTrack3 = ($index, $item) => $item.Field;
+function CloneReviewComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 3);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Count", ctx_r0.ReferenceCount);
+} }
+function CloneReviewComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 4);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Count", ctx_r0.SkipCount);
+} }
+function CloneReviewComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Count", ctx_r0.TotalWarningsCount);
+} }
+function CloneReviewComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 6);
+} }
+function CloneReviewComponent_Conditional_7_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function CloneReviewComponent_Conditional_7_For_9_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const warning_r3 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnNodeClick(warning_r3.NodeKey)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const warning_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" [", warning_r3.NodeKey, "] ");
+} }
+function CloneReviewComponent_Conditional_7_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "strong");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵconditionalCreate(4, CloneReviewComponent_Conditional_7_For_9_Conditional_4_Template, 2, 1, "button", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const warning_r3 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", warning_r3.Code, ":");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", warning_r3.Message, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(warning_r3.NodeKey ? 4 : -1);
+} }
+function CloneReviewComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 12);
+    i0.ɵɵelement(2, "i", 13);
+    i0.ɵɵelementStart(3, "span", 14);
+    i0.ɵɵtext(4, "Cloning Cannot Proceed");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "p", 15);
+    i0.ɵɵtext(6, " One or more constraints or validation rules prevent this record graph from being cloned: ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "ul", 16);
+    i0.ɵɵrepeaterCreate(8, CloneReviewComponent_Conditional_7_For_9_Template, 5, 3, "li", null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r0.BlockingErrors);
+} }
+function CloneReviewComponent_Conditional_8_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵlistener("click", function CloneReviewComponent_Conditional_8_For_6_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const warn_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnNodeClick(warn_r5.NodeKey)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const warn_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" [", warn_r5.NodeKey, "] ");
+} }
+function CloneReviewComponent_Conditional_8_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "span", 24);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 25);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, CloneReviewComponent_Conditional_8_For_6_Conditional_5_Template, 2, 1, "button", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const warn_r5 = ctx.$implicit;
+    i0.ɵɵclassProp("warning-amber", warn_r5.Severity === "Warning");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(warn_r5.Severity);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(warn_r5.Message);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(warn_r5.NodeKey ? 5 : -1);
+} }
+function CloneReviewComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "h4", 19);
+    i0.ɵɵelement(2, "i", 20);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 21);
+    i0.ɵɵrepeaterCreate(5, CloneReviewComponent_Conditional_8_For_6_Template, 6, 5, "div", 22, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Warnings & Considerations (", ctx_r0.NonBlockingWarnings.length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.NonBlockingWarnings);
+} }
+function CloneReviewComponent_Conditional_9_For_8_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34)(1, "span", 35);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 36);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 37)(6, "span", 38);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(8, "i", 39);
+    i0.ɵɵelementStart(9, "span", 40);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const change_r8 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(change_r8.Field);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", change_r8.Kind);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.FormatChangeKind(change_r8.Kind), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", "Previous: " + change_r8.OldValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.FormatDiffValue(change_r8.OldValue), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", "New: " + change_r8.NewValue);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.FormatDiffValue(change_r8.NewValue), " ");
+} }
+function CloneReviewComponent_Conditional_9_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 30)(2, "span", 31);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 18);
+    i0.ɵɵlistener("click", function CloneReviewComponent_Conditional_9_For_8_Template_button_click_6_listener() { const summary_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnNodeClick(summary_r7.Node.Key)); });
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 33);
+    i0.ɵɵrepeaterCreate(9, CloneReviewComponent_Conditional_9_For_8_For_10_Template, 11, 7, "div", 34, _forTrack3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const summary_r7 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(summary_r7.Node.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(summary_r7.Node.DisplayName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" [", summary_r7.Node.Key, "] ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(summary_r7.Changes);
+} }
+function CloneReviewComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8)(1, "h4", 19);
+    i0.ɵɵelement(2, "i", 26);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 27);
+    i0.ɵɵtext(5, " Values the clone sets instead of copying (configured rules, names, remapped references and your entries): ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 28);
+    i0.ɵɵrepeaterCreate(7, CloneReviewComponent_Conditional_9_For_8_Template, 11, 3, "div", 29, _forTrack2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Field Value Modifications (", ctx_r0.TotalFieldChangesCount, ") ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r0.NodesWithFieldChanges);
+} }
+function CloneReviewComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+    i0.ɵɵtext(1, " Cloning... ");
+} }
+function CloneReviewComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+    i0.ɵɵtext(1, " Updating plan... ");
+} }
+function CloneReviewComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Execute Clone (", ctx_r0.CreateCount, " Records) ");
+} }
+export class CloneReviewComponent {
+    /** The plan to review: counts, warnings, blocked reasons and per-node field changes. */
+    Plan = null;
+    /** Name the root clone will get. */
+    RootName = '';
+    /** Reason the user entered, shown for confirmation. */
+    Reason = '';
+    /** Disables Confirm while the clone runs. */
+    IsExecuting = false;
+    /** Disables Confirm while the plan is being recomputed, so the user never confirms a plan they haven't seen. */
+    IsPlanning = false;
+    /** The user confirmed; the host executes the plan. */
+    Confirm = new EventEmitter();
+    /** The user backed out of the clone. */
+    Cancel = new EventEmitter();
+    /** Fires with a node key when the user clicks a warning or node to inspect it. */
+    NodeClicked = new EventEmitter();
+    get IsBlocked() {
+        return !!this.Plan?.Blocked || this.BlockingErrors.length > 0;
+    }
+    get CreateCount() {
+        return this.Plan?.Counts?.Create ?? 0;
+    }
+    get ReferenceCount() {
+        if (!this.Plan?.Nodes)
+            return 0;
+        return this.Plan.Nodes.filter(n => n.Action === 'Reference').length;
+    }
+    get SkipCount() {
+        if (!this.Plan?.Nodes)
+            return 0;
+        return this.Plan.Nodes.filter(n => n.Action === 'Skip').length;
+    }
+    get AllWarnings() {
+        const list = [];
+        if (this.Plan?.Warnings) {
+            list.push(...this.Plan.Warnings);
+        }
+        if (this.Plan?.Nodes) {
+            for (const node of this.Plan.Nodes) {
+                if (node.Warnings) {
+                    for (const w of node.Warnings) {
+                        list.push({ ...w, NodeKey: w.NodeKey || node.Key });
+                    }
+                }
+            }
+        }
+        return list;
+    }
+    get BlockingErrors() {
+        return this.AllWarnings.filter(w => w.Severity === 'Error');
+    }
+    get NonBlockingWarnings() {
+        return this.AllWarnings.filter(w => w.Severity !== 'Error');
+    }
+    get TotalWarningsCount() {
+        return this.AllWarnings.length;
+    }
+    /**
+     * The field changes a reviewer needs: every rule the clone applies (reset, ownership, rename,
+     * remap, derived rule, override, prompt), configured exclusions and FLS denials. Plain copies,
+     * columns that can't be written, and the automatic key and __mj_ timestamp exclusions are left out:
+     * they are the same for every clone and would bury the rest.
+     */
+    get NodesWithFieldChanges() {
+        if (!this.Plan?.Nodes)
+            return [];
+        const summaries = [];
+        for (const node of this.Plan.Nodes) {
+            const changes = (node.FieldChanges ?? []).filter((c) => CloneReviewComponent.isReviewable(c));
+            if (changes.length > 0) {
+                summaries.push({ Node: node, Changes: changes });
+            }
+        }
+        return summaries;
+    }
+    static isReviewable(change) {
+        if (change.Kind === 'Copy' || change.Kind === 'NotWritable')
+            return false;
+        if (change.Kind === 'Excluded') {
+            // The engine always excludes the primary key and the __mj_ audit columns.
+            return !change.Field.startsWith('__mj_') && !change.Reason.startsWith('Primary key');
+        }
+        return true;
+    }
+    get TotalFieldChangesCount() {
+        return this.NodesWithFieldChanges.reduce((sum, s) => sum + s.Changes.length, 0);
+    }
+    FormatChangeKind(kind) {
+        return kind.replace(/_/g, ' ');
+    }
+    FormatDiffValue(val) {
+        if (val === null || val === undefined)
+            return '(null)';
+        if (typeof val === 'string')
+            return `"${val}"`;
+        return String(val);
+    }
+    OnNodeClick(nodeKey) {
+        this.NodeClicked.emit(nodeKey);
+    }
+    OnConfirm() {
+        if (!this.IsBlocked && !this.IsExecuting && !this.IsPlanning) {
+            this.Confirm.emit();
+        }
+    }
+    OnCancel() {
+        if (!this.IsExecuting) {
+            this.Cancel.emit();
+        }
+    }
+    static ɵfac = function CloneReviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CloneReviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CloneReviewComponent, selectors: [["mj-clone-review"]], inputs: { Plan: "Plan", RootName: "RootName", Reason: "Reason", IsExecuting: "IsExecuting", IsPlanning: "IsPlanning" }, outputs: { Confirm: "Confirm", Cancel: "Cancel", NodeClicked: "NodeClicked" }, decls: 17, vars: 11, consts: [[1, "clone-review-container"], [1, "stat-badges-row"], ["Label", "to create", "Variant", "success", "Icon", "fa-solid fa-plus", 3, "Count"], ["Label", "referenced", "Variant", "info", "Icon", "fa-solid fa-link", 3, "Count"], ["Label", "skipped", "Variant", "default", "Icon", "fa-solid fa-forward", 3, "Count"], ["Label", "warnings", "Variant", "warning", "Icon", "fa-solid fa-triangle-exclamation", 3, "Count"], ["Label", "BLOCKED", "Variant", "error", "Icon", "fa-solid fa-ban"], ["role", "alert", 1, "blocked-banner"], [1, "review-section"], [1, "actions-bar"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click", "disabled"], ["type", "button", "mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "blocked-banner-header"], [1, "fa-solid", "fa-circle-exclamation", "blocked-icon"], [1, "blocked-title"], [1, "blocked-description"], [1, "blocked-reasons-list"], ["type", "button", 1, "node-link-btn"], ["type", "button", 1, "node-link-btn", 3, "click"], [1, "section-title"], [1, "fa-solid", "fa-triangle-exclamation", "warning-icon"], [1, "warnings-list"], [1, "warning-item", 3, "warning-amber"], [1, "warning-item"], [1, "warning-badge"], [1, "warning-message"], [1, "fa-solid", "fa-code-compare", "diff-icon"], [1, "section-description"], [1, "diff-nodes-list"], [1, "diff-node-card"], [1, "diff-node-header"], [1, "diff-entity-badge"], [1, "diff-node-title"], [1, "diff-table"], [1, "diff-row"], [1, "diff-field-name"], [1, "diff-kind-chip", 3, "title"], [1, "diff-values"], [1, "diff-old-val", 3, "title"], [1, "fa-solid", "fa-arrow-right", "diff-arrow"], [1, "diff-new-val", 3, "title"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-clone"]], template: function CloneReviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "mj-stat-badge", 2);
+            i0.ɵɵconditionalCreate(3, CloneReviewComponent_Conditional_3_Template, 1, 1, "mj-stat-badge", 3);
+            i0.ɵɵconditionalCreate(4, CloneReviewComponent_Conditional_4_Template, 1, 1, "mj-stat-badge", 4);
+            i0.ɵɵconditionalCreate(5, CloneReviewComponent_Conditional_5_Template, 1, 1, "mj-stat-badge", 5);
+            i0.ɵɵconditionalCreate(6, CloneReviewComponent_Conditional_6_Template, 1, 0, "mj-stat-badge", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(7, CloneReviewComponent_Conditional_7_Template, 10, 0, "div", 7);
+            i0.ɵɵconditionalCreate(8, CloneReviewComponent_Conditional_8_Template, 7, 1, "div", 8);
+            i0.ɵɵconditionalCreate(9, CloneReviewComponent_Conditional_9_Template, 9, 1, "div", 8);
+            i0.ɵɵelementStart(10, "div", 9)(11, "button", 10);
+            i0.ɵɵlistener("click", function CloneReviewComponent_Template_button_click_11_listener() { return ctx.OnConfirm(); });
+            i0.ɵɵconditionalCreate(12, CloneReviewComponent_Conditional_12_Template, 2, 0)(13, CloneReviewComponent_Conditional_13_Template, 2, 0)(14, CloneReviewComponent_Conditional_14_Template, 2, 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "button", 11);
+            i0.ɵɵlistener("click", function CloneReviewComponent_Template_button_click_15_listener() { return ctx.OnCancel(); });
+            i0.ɵɵtext(16, " Cancel ");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Count", ctx.CreateCount);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ReferenceCount > 0 ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SkipCount > 0 ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.TotalWarningsCount > 0 ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsBlocked ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsBlocked ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.NonBlockingWarnings.length > 0 ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.NodesWithFieldChanges.length > 0 ? 9 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.IsBlocked || ctx.IsExecuting || ctx.IsPlanning);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsExecuting ? 12 : ctx.IsPlanning ? 13 : 14);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.IsExecuting);
+        } }, dependencies: [CommonModule,
+            MJButtonDirective,
+            MJStatBadgeComponent], styles: [".clone-review-container[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4);\n            padding: var(--mj-space-1) 0;\n        }\n\n        .stat-badges-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: var(--mj-space-2);\n            padding: var(--mj-space-1) 0;\n        }\n\n        .blocked-banner[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n            padding: var(--mj-space-3) var(--mj-space-4);\n            background: var(--mj-status-error-bg);\n            border: 1px solid var(--mj-status-error-border);\n            border-radius: var(--mj-radius-md);\n            color: var(--mj-status-error-text);\n        }\n\n        .blocked-banner-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n        }\n\n        .blocked-icon[_ngcontent-%COMP%] {\n            font-size: var(--mj-text-base);\n            color: var(--mj-status-error-text);\n        }\n\n        .blocked-title[_ngcontent-%COMP%] {\n            font-size: var(--mj-text-sm);\n            font-weight: 700;\n        }\n\n        .blocked-description[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n        }\n\n        .blocked-reasons-list[_ngcontent-%COMP%] {\n            margin: 0;\n            padding-left: 20px;\n            font-size: var(--mj-text-xs);\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .review-section[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n        }\n\n        .section-title[_ngcontent-%COMP%] {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: var(--mj-text-sm);\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .section-description[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-secondary);\n        }\n\n        .warning-icon[_ngcontent-%COMP%] {\n            color: var(--mj-status-warning-text);\n        }\n\n        .diff-icon[_ngcontent-%COMP%] {\n            color: var(--mj-brand-primary);\n        }\n\n        .warnings-list[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n        }\n\n        .warning-item[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding: 6px 10px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            font-size: var(--mj-text-xs);\n        }\n\n        .warning-badge[_ngcontent-%COMP%] {\n            font-size: 10px;\n            font-weight: 700;\n            text-transform: uppercase;\n            padding: 1px 6px;\n            border-radius: 8px;\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n\n        .warning-message[_ngcontent-%COMP%] {\n            flex: 1;\n            color: var(--mj-text-primary);\n        }\n\n        .node-link-btn[_ngcontent-%COMP%] {\n            background: none;\n            border: none;\n            color: var(--mj-brand-primary);\n            cursor: pointer;\n            padding: 0 4px;\n            font-size: 11px;\n            text-decoration: underline;\n        }\n\n        .node-link-btn[_ngcontent-%COMP%]:hover {\n            color: var(--mj-brand-primary-hover);\n        }\n\n        .diff-nodes-list[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-2);\n        }\n\n        .diff-node-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            overflow: hidden;\n        }\n\n        .diff-node-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n            padding: 6px 10px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .diff-entity-badge[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-sunken);\n            padding: 1px 5px;\n            border-radius: 3px;\n        }\n\n        .diff-node-title[_ngcontent-%COMP%] {\n            font-size: var(--mj-text-xs);\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            flex: 1;\n        }\n\n        .diff-table[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .diff-row[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-3);\n            padding: 6px 10px;\n            border-bottom: 1px solid var(--mj-border-default);\n            font-size: var(--mj-text-xs);\n        }\n\n        .diff-row[_ngcontent-%COMP%]:last-child {\n            border-bottom: none;\n        }\n\n        .diff-field-name[_ngcontent-%COMP%] {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            min-width: 120px;\n        }\n\n        .diff-kind-chip[_ngcontent-%COMP%] {\n            font-size: 10px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            padding: 1px 6px;\n            border-radius: 10px;\n            text-transform: capitalize;\n        }\n\n        .diff-values[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            flex: 1;\n            overflow: hidden;\n        }\n\n        .diff-old-val[_ngcontent-%COMP%] {\n            color: var(--mj-status-error-text);\n            text-decoration: line-through;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 140px;\n        }\n\n        .diff-arrow[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n        }\n\n        .diff-new-val[_ngcontent-%COMP%] {\n            color: var(--mj-status-success-text);\n            font-weight: 600;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 200px;\n        }\n\n        .actions-bar[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding-top: var(--mj-space-3);\n            border-top: 1px solid var(--mj-border-default);\n            margin-top: var(--mj-space-1);\n        }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CloneReviewComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-clone-review', template: `
+        <div class="clone-review-container">
+            <!-- Stat Badges Row -->
+            <div class="stat-badges-row">
+                <mj-stat-badge
+                    [Count]="CreateCount"
+                    Label="to create"
+                    Variant="success"
+                    Icon="fa-solid fa-plus">
+                </mj-stat-badge>
+
+                @if (ReferenceCount > 0) {
+                    <mj-stat-badge
+                        [Count]="ReferenceCount"
+                        Label="referenced"
+                        Variant="info"
+                        Icon="fa-solid fa-link">
+                    </mj-stat-badge>
+                }
+
+                @if (SkipCount > 0) {
+                    <mj-stat-badge
+                        [Count]="SkipCount"
+                        Label="skipped"
+                        Variant="default"
+                        Icon="fa-solid fa-forward">
+                    </mj-stat-badge>
+                }
+
+                @if (TotalWarningsCount > 0) {
+                    <mj-stat-badge
+                        [Count]="TotalWarningsCount"
+                        Label="warnings"
+                        Variant="warning"
+                        Icon="fa-solid fa-triangle-exclamation">
+                    </mj-stat-badge>
+                }
+
+                @if (IsBlocked) {
+                    <mj-stat-badge
+                        Label="BLOCKED"
+                        Variant="error"
+                        Icon="fa-solid fa-ban">
+                    </mj-stat-badge>
+                }
+            </div>
+
+            <!-- Blocked Banner -->
+            @if (IsBlocked) {
+                <div class="blocked-banner" role="alert">
+                    <div class="blocked-banner-header">
+                        <i class="fa-solid fa-circle-exclamation blocked-icon"></i>
+                        <span class="blocked-title">Cloning Cannot Proceed</span>
+                    </div>
+                    <p class="blocked-description">
+                        One or more constraints or validation rules prevent this record graph from being cloned:
+                    </p>
+                    <ul class="blocked-reasons-list">
+                        @for (warning of BlockingErrors; track warning.Code + (warning.NodeKey || '') + $index) {
+                            <li>
+                                <strong>{{warning.Code}}:</strong> {{warning.Message}}
+                                @if (warning.NodeKey) {
+                                    <button
+                                        type="button"
+                                        class="node-link-btn"
+                                        (click)="OnNodeClick(warning.NodeKey)">
+                                        [{{warning.NodeKey}}]
+                                    </button>
+                                }
+                            </li>
+                        }
+                    </ul>
+                </div>
+            }
+
+            <!-- Warnings Breakdown -->
+            @if (NonBlockingWarnings.length > 0) {
+                <div class="review-section">
+                    <h4 class="section-title">
+                        <i class="fa-solid fa-triangle-exclamation warning-icon"></i>
+                        Warnings & Considerations ({{NonBlockingWarnings.length}})
+                    </h4>
+                    <div class="warnings-list">
+                        @for (warn of NonBlockingWarnings; track warn.Code + (warn.NodeKey || '')) {
+                            <div class="warning-item" [class.warning-amber]="warn.Severity === 'Warning'">
+                                <span class="warning-badge">{{warn.Severity}}</span>
+                                <span class="warning-message">{{warn.Message}}</span>
+                                @if (warn.NodeKey) {
+                                    <button
+                                        type="button"
+                                        class="node-link-btn"
+                                        (click)="OnNodeClick(warn.NodeKey)">
+                                        [{{warn.NodeKey}}]
+                                    </button>
+                                }
+                            </div>
+                        }
+                    </div>
+                </div>
+            }
+
+            <!-- Field Changes Diff Section -->
+            @if (NodesWithFieldChanges.length > 0) {
+                <div class="review-section">
+                    <h4 class="section-title">
+                        <i class="fa-solid fa-code-compare diff-icon"></i>
+                        Field Value Modifications ({{TotalFieldChangesCount}})
+                    </h4>
+                    <p class="section-description">
+                        Values the clone sets instead of copying (configured rules, names, remapped references and your entries):
+                    </p>
+
+                    <div class="diff-nodes-list">
+                        @for (summary of NodesWithFieldChanges; track summary.Node.Key) {
+                            <div class="diff-node-card">
+                                <div class="diff-node-header">
+                                    <span class="diff-entity-badge">{{summary.Node.EntityName}}</span>
+                                    <span class="diff-node-title">{{summary.Node.DisplayName}}</span>
+                                    <button
+                                        type="button"
+                                        class="node-link-btn"
+                                        (click)="OnNodeClick(summary.Node.Key)">
+                                        [{{summary.Node.Key}}]
+                                    </button>
+                                </div>
+                                <div class="diff-table">
+                                    @for (change of summary.Changes; track change.Field) {
+                                        <div class="diff-row">
+                                            <span class="diff-field-name">{{change.Field}}</span>
+                                            <span class="diff-kind-chip" [title]="change.Kind">
+                                                {{FormatChangeKind(change.Kind)}}
+                                            </span>
+                                            <div class="diff-values">
+                                                <span class="diff-old-val" [title]="'Previous: ' + change.OldValue">
+                                                    {{FormatDiffValue(change.OldValue)}}
+                                                </span>
+                                                <i class="fa-solid fa-arrow-right diff-arrow"></i>
+                                                <span class="diff-new-val" [title]="'New: ' + change.NewValue">
+                                                    {{FormatDiffValue(change.NewValue)}}
+                                                </span>
+                                            </div>
+                                        </div>
+                                    }
+                                </div>
+                            </div>
+                        }
+                    </div>
+                </div>
+            }
+
+            <!-- Execution Actions Bar -->
+            <div class="actions-bar">
+                <button
+                    type="button"
+                    mjButton
+                    variant="primary"
+                    [disabled]="IsBlocked || IsExecuting || IsPlanning"
+                    (click)="OnConfirm()">
+                    @if (IsExecuting) {
+                        <i class="fa-solid fa-spinner fa-spin"></i>
+                        Cloning...
+                    } @else if (IsPlanning) {
+                        <i class="fa-solid fa-spinner fa-spin"></i>
+                        Updating plan...
+                    } @else {
+                        <i class="fa-solid fa-clone"></i>
+                        Execute Clone ({{CreateCount}} Records)
+                    }
+                </button>
+
+                <button
+                    type="button"
+                    mjButton
+                    variant="outline"
+                    [disabled]="IsExecuting"
+                    (click)="OnCancel()">
+                    Cancel
+                </button>
+            </div>
+        </div>
+    `, imports: [
+                    CommonModule,
+                    MJButtonDirective,
+                    MJStatBadgeComponent,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n        .clone-review-container {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4);\n            padding: var(--mj-space-1) 0;\n        }\n\n        .stat-badges-row {\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: var(--mj-space-2);\n            padding: var(--mj-space-1) 0;\n        }\n\n        .blocked-banner {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n            padding: var(--mj-space-3) var(--mj-space-4);\n            background: var(--mj-status-error-bg);\n            border: 1px solid var(--mj-status-error-border);\n            border-radius: var(--mj-radius-md);\n            color: var(--mj-status-error-text);\n        }\n\n        .blocked-banner-header {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n        }\n\n        .blocked-icon {\n            font-size: var(--mj-text-base);\n            color: var(--mj-status-error-text);\n        }\n\n        .blocked-title {\n            font-size: var(--mj-text-sm);\n            font-weight: 700;\n        }\n\n        .blocked-description {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n        }\n\n        .blocked-reasons-list {\n            margin: 0;\n            padding-left: 20px;\n            font-size: var(--mj-text-xs);\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n        }\n\n        .review-section {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n        }\n\n        .section-title {\n            margin: 0;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: var(--mj-text-sm);\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .section-description {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-secondary);\n        }\n\n        .warning-icon {\n            color: var(--mj-status-warning-text);\n        }\n\n        .diff-icon {\n            color: var(--mj-brand-primary);\n        }\n\n        .warnings-list {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n        }\n\n        .warning-item {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding: 6px 10px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            font-size: var(--mj-text-xs);\n        }\n\n        .warning-badge {\n            font-size: 10px;\n            font-weight: 700;\n            text-transform: uppercase;\n            padding: 1px 6px;\n            border-radius: 8px;\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n\n        .warning-message {\n            flex: 1;\n            color: var(--mj-text-primary);\n        }\n\n        .node-link-btn {\n            background: none;\n            border: none;\n            color: var(--mj-brand-primary);\n            cursor: pointer;\n            padding: 0 4px;\n            font-size: 11px;\n            text-decoration: underline;\n        }\n\n        .node-link-btn:hover {\n            color: var(--mj-brand-primary-hover);\n        }\n\n        .diff-nodes-list {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-2);\n        }\n\n        .diff-node-card {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-sm);\n            overflow: hidden;\n        }\n\n        .diff-node-header {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-1-5);\n            padding: 6px 10px;\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .diff-entity-badge {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-sunken);\n            padding: 1px 5px;\n            border-radius: 3px;\n        }\n\n        .diff-node-title {\n            font-size: var(--mj-text-xs);\n            font-weight: 500;\n            color: var(--mj-text-primary);\n            flex: 1;\n        }\n\n        .diff-table {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .diff-row {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-3);\n            padding: 6px 10px;\n            border-bottom: 1px solid var(--mj-border-default);\n            font-size: var(--mj-text-xs);\n        }\n\n        .diff-row:last-child {\n            border-bottom: none;\n        }\n\n        .diff-field-name {\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            min-width: 120px;\n        }\n\n        .diff-kind-chip {\n            font-size: 10px;\n            background: var(--mj-bg-surface-card);\n            color: var(--mj-text-secondary);\n            padding: 1px 6px;\n            border-radius: 10px;\n            text-transform: capitalize;\n        }\n\n        .diff-values {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            flex: 1;\n            overflow: hidden;\n        }\n\n        .diff-old-val {\n            color: var(--mj-status-error-text);\n            text-decoration: line-through;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 140px;\n        }\n\n        .diff-arrow {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n        }\n\n        .diff-new-val {\n            color: var(--mj-status-success-text);\n            font-weight: 600;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 200px;\n        }\n\n        .actions-bar {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding-top: var(--mj-space-3);\n            border-top: 1px solid var(--mj-border-default);\n            margin-top: var(--mj-space-1);\n        }\n    "] }]
+    }], null, { Plan: [{
+            type: Input
+        }], RootName: [{
+            type: Input
+        }], Reason: [{
+            type: Input
+        }], IsExecuting: [{
+            type: Input
+        }], IsPlanning: [{
+            type: Input
+        }], Confirm: [{
+            type: Output
+        }], Cancel: [{
+            type: Output
+        }], NodeClicked: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CloneReviewComponent, { className: "CloneReviewComponent", filePath: "src/lib/clone-review.component.ts", lineNumber: 468 }); })();
+//# sourceMappingURL=clone-review.component.js.map