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

package/dist/lib/record-clone-panel.component.js

@@ -0,0 +1,1252 @@
+/**
+ * @fileoverview Embeddable record clone panel.
+ *
+ * Implements §12.2 and §12.3 of the record cloning plan. Hosts the full clone wizard
+ * (loading, scope, values, review, executing, done, failed, not cloneable) inline, with no
+ * overlay of its own, so it can sit in a slide-in, a dialog, a dashboard or a test harness.
+ * {@link RecordCloneSlideInComponent} wraps it in MJ's generic slide panel.
+ *
+ * The panel never navigates. It reports what happened through outputs and the host decides:
+ * `NavigateToRecord` carries the record to open, `CloseRequested` asks the host to dismiss it.
+ */
+import { Component, ChangeDetectionStrategy, Input, Output, EventEmitter, ChangeDetectorRef, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BaseEntity, CompositeKey } from '@memberjunction/core';
+import { MJGlobal, MJEventType } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { SharedGenericModule } from '@memberjunction/ng-shared-generic';
+import { NormalizeClonePresets } from '@memberjunction/record-cloning-base';
+import { MJButtonDirective, MJTabNavComponent, } from '@memberjunction/ng-ui-components';
+import { RecordCloneService } from './record-clone.service';
+import { CloneScopeControlsComponent } from './clone-scope-controls.component';
+import { ClonePlanTreeComponent } from './clone-plan-tree.component';
+import { CloneValuesComponent } from './clone-values.component';
+import { CloneReviewComponent } from './clone-review.component';
+import { CloneProgressComponent } from './clone-progress.component';
+import { CloneResultComponent } from './clone-result.component';
+import { EntityToRecordCloneKey, CompositeKeyToRecordCloneKey, } from './record-clone-types';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.RelationshipID;
+function RecordClonePanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "mj-tab-nav", 8);
+    i0.ɵɵlistener("TabChange", function RecordClonePanelComponent_Conditional_1_Template_mj_tab_nav_TabChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnStepChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Tabs", ctx_r1.WizardTabs)("ActiveKey", ctx_r1.CurrentStep);
+} }
+function RecordClonePanelComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "mj-loading", 9);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Text", ctx_r1.LoadingMessage);
+} }
+function RecordClonePanelComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵelementStart(2, "h3", 11);
+    i0.ɵɵtext(3, "Record Cannot Be Cloned");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 12);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 13);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); });
+    i0.ɵɵtext(7, " Close ");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.NotCloneableReason);
+} }
+function RecordClonePanelComponent_Conditional_5_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 24);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_5_Conditional_6_For_2_Template_button_click_2_listener() { const o_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnUndoEdgeOverride(o_r6.RelationshipID)); });
+    i0.ɵɵtext(3, "Undo");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const o_r6 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" ", o_r6.Policy === "Skip" ? "Skipping" : "Copying", " ", o_r6.RelatedEntityName || "a relationship", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-label", "Undo: " + (o_r6.Policy === "Skip" ? "copy " : "skip ") + (o_r6.RelatedEntityName || "this relationship") + " again");
+} }
+function RecordClonePanelComponent_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵrepeaterCreate(1, RecordClonePanelComponent_Conditional_5_Conditional_6_For_2_Template, 4, 3, "span", 23, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.EdgeOverrides);
+} }
+function RecordClonePanelComponent_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 19);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Click Deep on a branch to skip all of its rows.", ctx_r1.CanOverrideScope ? " Click Skip to copy a branch the configuration leaves out." : "");
+} }
+function RecordClonePanelComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "mj-clone-scope-controls", 14);
+    i0.ɵɵlistener("ScopeChanged", function RecordClonePanelComponent_Conditional_5_Template_mj_clone_scope_controls_ScopeChanged_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnScopeOptionsChanged($event)); })("ResetToDefaults", function RecordClonePanelComponent_Conditional_5_Template_mj_clone_scope_controls_ResetToDefaults_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnResetScopeToDefaults()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 15)(3, "h4", 16);
+    i0.ɵɵtext(4, "Planned Record Graph");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "mj-clone-plan-tree", 17);
+    i0.ɵɵlistener("NodeSelected", function RecordClonePanelComponent_Conditional_5_Template_mj_clone_plan_tree_NodeSelected_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNodeSelected($event)); })("EdgePolicyChanged", function RecordClonePanelComponent_Conditional_5_Template_mj_clone_plan_tree_EdgePolicyChanged_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEdgePolicyChanged($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, RecordClonePanelComponent_Conditional_5_Conditional_6_Template, 3, 0, "div", 18);
+    i0.ɵɵconditionalCreate(7, RecordClonePanelComponent_Conditional_5_Conditional_7_Template, 2, 1, "p", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 20);
+    i0.ɵɵelement(9, "div");
+    i0.ɵɵelementStart(10, "button", 21);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_5_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.GoToStep("values")); });
+    i0.ɵɵtext(11, " Next: Values & Retarget ");
+    i0.ɵɵelement(12, "i", 22);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("step-hidden", ctx_r1.CurrentStep !== "scope");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Presets", ctx_r1.AvailablePresets)("PresetLabels", ctx_r1.PresetLabels)("SelectedPreset", ctx_r1.SelectedPreset)("MaxDepth", ctx_r1.DisplayedScope.MaxDepth)("Subtypes", ctx_r1.DisplayedScope.Subtypes)("Hierarchy", ctx_r1.DisplayedScope.Hierarchy)("SoftLinks", ctx_r1.DisplayedScope.SoftLinks)("EntityActions", ctx_r1.DisplayedScope.EntityActions)("MaxRecords", ctx_r1.DisplayedScope.MaxRecords)("ConfiguredScope", ctx_r1.ConfiguredScope)("EntityName", ctx_r1.EffectiveEntityName)("CanOverrideScope", ctx_r1.CanOverrideScope);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Plan", ctx_r1.ActivePlan)("AllowNarrowing", ctx_r1.CanNarrowScope)("AllowWidening", ctx_r1.CanOverrideScope);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.EdgeOverrides.length > 0 ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CanNarrowScope ? 7 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r1.ActivePlan);
+} }
+function RecordClonePanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "mj-clone-values", 25);
+    i0.ɵɵlistener("RootNameChange", function RecordClonePanelComponent_Conditional_6_Template_mj_clone_values_RootNameChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRootNameChange($event)); })("PromptedValuesChange", function RecordClonePanelComponent_Conditional_6_Template_mj_clone_values_PromptedValuesChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPromptedValuesChange($event)); })("RetargetFieldsChange", function RecordClonePanelComponent_Conditional_6_Template_mj_clone_values_RetargetFieldsChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRetargetFieldsChange($event)); })("ReasonChange", function RecordClonePanelComponent_Conditional_6_Template_mj_clone_values_ReasonChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnReasonChange($event)); })("ValidityChange", function RecordClonePanelComponent_Conditional_6_Template_mj_clone_values_ValidityChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnValuesValidityChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 20)(3, "button", 13);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_6_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.GoToStep("scope")); });
+    i0.ɵɵelement(4, "i", 26);
+    i0.ɵɵtext(5, " Back to Scope ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 21);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_6_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.GoToStep("review")); });
+    i0.ɵɵtext(7, " Next: Review & Execute ");
+    i0.ɵɵelement(8, "i", 22);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("step-hidden", ctx_r1.CurrentStep !== "values");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("EntityName", ctx_r1.EffectiveEntityName)("RootName", ctx_r1.RootRecordName)("RootNameReadOnly", ctx_r1.RootNameReadOnly)("NamingStrategyReason", ctx_r1.NamingStrategyReason)("PromptedFields", ctx_r1.PromptedFields)("PromptedValues", ctx_r1.PromptedValues)("RetargetFields", ctx_r1.RetargetFields)("Reason", ctx_r1.CloneReason);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", !ctx_r1.IsValuesValid);
+} }
+function RecordClonePanelComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.PlanChangedNotice);
+} }
+function RecordClonePanelComponent_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "button", 13);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_7_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.GoToStep("values")); });
+    i0.ɵɵelement(2, "i", 26);
+    i0.ɵɵtext(3, " Back to Values ");
+    i0.ɵɵelementEnd()();
+} }
+function RecordClonePanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵconditionalCreate(1, RecordClonePanelComponent_Conditional_7_Conditional_1_Template, 4, 1, "div", 27);
+    i0.ɵɵelementStart(2, "mj-clone-review", 28);
+    i0.ɵɵlistener("Confirm", function RecordClonePanelComponent_Conditional_7_Template_mj_clone_review_Confirm_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteClone()); })("Cancel", function RecordClonePanelComponent_Conditional_7_Template_mj_clone_review_Cancel_2_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); })("NodeClicked", function RecordClonePanelComponent_Conditional_7_Template_mj_clone_review_NodeClicked_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnReviewNodeClicked($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, RecordClonePanelComponent_Conditional_7_Conditional_3_Template, 4, 0, "div", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("step-hidden", ctx_r1.CurrentStep !== "review");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.PlanChangedNotice ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Plan", ctx_r1.ActivePlan)("RootName", ctx_r1.RootRecordName)("Reason", ctx_r1.CloneReason)("IsExecuting", ctx_r1.CurrentState === "executing")("IsPlanning", ctx_r1.IsReplanning);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CurrentState !== "executing" ? 3 : -1);
+} }
+function RecordClonePanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "mj-clone-progress", 30);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Progress", ctx_r1.ExecutionProgress);
+} }
+function RecordClonePanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "mj-clone-result", 31);
+    i0.ɵɵlistener("CloneAnother", function RecordClonePanelComponent_Conditional_9_Template_mj_clone_result_CloneAnother_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Reset()); })("Close", function RecordClonePanelComponent_Conditional_9_Template_mj_clone_result_Close_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); })("NavigateToRecord", function RecordClonePanelComponent_Conditional_9_Template_mj_clone_result_NavigateToRecord_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNavigateToRecord($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Result", ctx_r1.ExecutionResult)("EntityName", ctx_r1.EffectiveEntityName)("TargetKey", ctx_r1.TargetRecordKey)("RootRecordName", ctx_r1.RootRecordName);
+} }
+function RecordClonePanelComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵelementStart(2, "h3", 33);
+    i0.ɵɵtext(3, "Execution Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 12);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 34)(7, "button", 35);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_10_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BackToReview()); });
+    i0.ɵɵtext(8, " Back to Review ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "button", 13);
+    i0.ɵɵlistener("click", function RecordClonePanelComponent_Conditional_10_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnClose()); });
+    i0.ɵɵtext(10, " Close ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.ExecutionErrorMessage);
+} }
+const SCOPE_OPTION_KEYS = ['MaxDepth', 'MaxRecords', 'Subtypes', 'Hierarchy', 'SoftLinks', 'EntityActions'];
+/**
+ * Embeddable clone wizard for one source record.
+ *
+ * Give it a source with either {@link Record} or {@link EntityName} plus {@link RecordKey}.
+ * With {@link AutoStart} on (the default) it describes the record and computes the first plan
+ * as soon as it has a source; otherwise call {@link Start}.
+ *
+ * @example
+ * ```html
+ * <mj-record-clone-panel
+ *     [Record]="record"
+ *     (CloneCompleted)="OnCloned($event)"
+ *     (NavigateToRecord)="OpenRecord($event)"
+ *     (CloseRequested)="HidePanel()">
+ * </mj-record-clone-panel>
+ * ```
+ */
+export class RecordClonePanelComponent extends BaseAngularComponent {
+    cloneService = inject(RecordCloneService);
+    cdr = inject(ChangeDetectorRef);
+    // ── Inputs ───────────────────────────────────────────────────────────
+    /**
+     * The record to clone. Takes precedence for the key when {@link RecordKey} is not set,
+     * and supplies the entity name when {@link EntityName} is not set.
+     */
+    set Record(value) {
+        this._record = value;
+        this.queueAutoStart();
+    }
+    get Record() {
+        return this._record;
+    }
+    _record = null;
+    /** Entity of the source record, e.g. `'MJ: Users'`. Needed when {@link Record} is not set. */
+    set EntityName(value) {
+        this._entityName = value;
+        this.queueAutoStart();
+    }
+    get EntityName() {
+        return this._entityName;
+    }
+    _entityName;
+    /**
+     * Key of the source record: a {@link RecordCloneKey}, or a record-id string in the
+     * compact URL-segment form (`'<value>'` for a single-column key, `'F1|V1||F2|V2'` for a
+     * composite one), parsed with `CompositeKey.FromURLSegment` against the entity's metadata.
+     */
+    set RecordKey(value) {
+        this._recordKey = value;
+        this.queueAutoStart();
+    }
+    get RecordKey() {
+        return this._recordKey;
+    }
+    _recordKey;
+    /** Start describing and planning as soon as a source is set. Default true. */
+    AutoStart = true;
+    /** Show the Scope / Values / Review step tabs. Default true. */
+    ShowStepTabs = true;
+    // ── Outputs ──────────────────────────────────────────────────────────
+    /** Fires whenever {@link CurrentState} changes. */
+    StateChange = new EventEmitter();
+    /** Fires whenever the active wizard step changes. */
+    StepChange = new EventEmitter();
+    /** Fires after every successful plan computation with the fresh plan. */
+    PlanChanged = new EventEmitter();
+    /** Fires once the clone commits. The panel also raises one `remote-invalidate` event per written entity so open views refresh. */
+    CloneCompleted = new EventEmitter();
+    /** Fires when describe, plan or execute fails, with the message the panel shows. */
+    CloneFailed = new EventEmitter();
+    /** Asks the host to open a record (the new clone, or a record linked from the result). The panel never routes itself. */
+    NavigateToRecord = new EventEmitter();
+    /** Asks the host to dismiss the panel (Close, Cancel, or after a navigation request). */
+    CloseRequested = new EventEmitter();
+    // ── Public state (read by the template and by hosts) ─────────────────
+    /** Current wizard state. Setting it emits {@link StateChange}. */
+    get CurrentState() {
+        return this._currentState;
+    }
+    set CurrentState(value) {
+        if (value === this._currentState)
+            return;
+        this._currentState = value;
+        this.StateChange.emit(value);
+    }
+    _currentState = 'loading';
+    /** Active authoring step. Setting it emits {@link StepChange}. */
+    get CurrentStep() {
+        return this._currentStep;
+    }
+    set CurrentStep(value) {
+        if (value === this._currentStep)
+            return;
+        this._currentStep = value;
+        this.StepChange.emit(value);
+    }
+    _currentStep = 'scope';
+    /** True while the panel is describing, planning for the first time, or executing. Hosts use it to block closing. */
+    get IsBusy() {
+        return this.CurrentState === 'loading' || this.CurrentState === 'executing';
+    }
+    LoadingMessage = 'Analyzing record and dependencies...';
+    NotCloneableReason = 'This entity or record type does not permit cloning.';
+    ExecutionErrorMessage = '';
+    /** Describe answer for the source entity, once loaded. */
+    DescribeDetails = null;
+    /** Latest plan computed by the server. */
+    ActivePlan = null;
+    /** Result of the last execute call. */
+    ExecutionResult = null;
+    ExecutionProgress = null;
+    /**
+     * Plan options sent with every plan and execute request. Holds only what the user changed (plus
+     * the preset and entered values); everything else comes from the entity's clone configuration.
+     */
+    ScopeOptions = {};
+    AvailablePresets = [];
+    /** How each preset is shown in the picker, from the entity's clone configuration. */
+    PresetLabels = {};
+    SelectedPreset;
+    /**
+     * Whether the developer scope overrides are offered: `RecordClone.Describe` reports whether the
+     * user holds `Clone Records: Override Scope`. The server applies the same rule to every request.
+     */
+    CanOverrideScope = false;
+    /** Branch policies the user changed in the plan tree, sent with every plan and execute. */
+    EdgeOverrides = [];
+    /** Whether the user may skip branches: the entity's UserEditable allows scope changes, or they hold Override Scope. */
+    get CanNarrowScope() {
+        const editable = this.DescribeDetails?.UserEditable ?? 'all';
+        return editable === 'scope' || editable === 'all' || this.CanOverrideScope;
+    }
+    /** The entity's configured scope (its `Configuration.Clone`, else the engine defaults), for the summary. */
+    get ConfiguredScope() {
+        const entityCfg = this.ProviderToUse?.EntityByName(this.EffectiveEntityName)?.CloneConfig;
+        const presetOptions = RecordClonePanelComponent.presetOptions(entityCfg?.Presets, this.SelectedPreset);
+        const cfg = { ...(entityCfg ?? {}), ...presetOptions };
+        const builtIn = RecordClonePanelComponent.builtInScope();
+        return {
+            MaxDepth: cfg?.MaxDepth ?? builtIn.MaxDepth,
+            MaxRecords: cfg?.MaxRecords ?? builtIn.MaxRecords,
+            Subtypes: cfg?.Subtypes ?? builtIn.Subtypes,
+            Hierarchy: cfg?.Hierarchy ?? builtIn.Hierarchy,
+            SoftLinks: cfg?.SoftLinks ?? builtIn.SoftLinks,
+            EntityActions: cfg?.Hooks?.EntityActions ?? builtIn.EntityActions,
+        };
+    }
+    RootRecordName = '';
+    NamingStrategyReason;
+    PromptedFields = [];
+    PromptedValues = {};
+    RetargetFields = [];
+    CloneReason = '';
+    IsValuesValid = true;
+    HasUserEditedRootName = false;
+    WizardTabs = [
+        { key: 'scope', label: '1. Scope & Graph', icon: 'fa-solid fa-diagram-project' },
+        { key: 'values', label: '2. Values & Retarget', icon: 'fa-solid fa-pen-to-square' },
+        { key: 'review', label: '3. Review & Execute', icon: 'fa-solid fa-clipboard-check' },
+    ];
+    /** The promise of the most recent {@link Start}; tests and hosts can await it. */
+    InitializationPromise;
+    /** Entity name the panel is cloning, from {@link EntityName} or {@link Record}. */
+    get EffectiveEntityName() {
+        return this.EntityName || this.Record?.EntityInfo?.Name || 'Record';
+    }
+    /** Source key resolved against the entity's primary key columns. */
+    get EffectiveRecordKey() {
+        if (this.RecordKey) {
+            if (typeof this.RecordKey !== 'string')
+                return this.RecordKey;
+            const entityInfo = this.ProviderToUse?.EntityByName(this.EffectiveEntityName);
+            return CompositeKeyToRecordCloneKey(CompositeKey.FromURLSegment(entityInfo, this.RecordKey));
+        }
+        if (this.Record) {
+            return EntityToRecordCloneKey(this.Record);
+        }
+        return undefined;
+    }
+    /** Default title for hosts that show one, e.g. `Clone MJ: Users`. */
+    get PanelTitle() {
+        return `Clone ${this.EffectiveEntityName}`;
+    }
+    get ShowWizardTabs() {
+        return (this.ShowStepTabs &&
+            (this.CurrentState === 'scope' ||
+                this.CurrentState === 'values' ||
+                this.CurrentState === 'review' ||
+                this.CurrentState === 'plan_changed'));
+    }
+    // ── Public methods ───────────────────────────────────────────────────
+    /**
+     * Describes the source, computes the first plan and lands on the Scope step.
+     * Safe to call again; each call starts the wizard over.
+     */
+    Start() {
+        this.InitializationPromise = this.initialize();
+        return this.InitializationPromise;
+    }
+    /** Clears the values entered so far and starts over (used by "Clone another"). */
+    Reset() {
+        // Values folded into the options on the way to Review belong to the previous run.
+        this.ScopeOptions = {};
+        this.EdgeOverrides = [];
+        this.SelectedPreset = undefined;
+        this.ActivePlan = null;
+        this.ExecutionResult = null;
+        this.ExecutionProgress = null;
+        this.PlanChangedNotice = null;
+        this.PromptedValues = {};
+        this.PromptedFields = [];
+        this.RetargetFields = [];
+        this.CloneReason = '';
+        this.RootRecordName = '';
+        this.HasUserEditedRootName = false;
+        return this.Start();
+    }
+    /** True while a re-plan is in flight; Review disables Confirm so the user only confirms a plan they have seen. */
+    IsReplanning = false;
+    replanRequestId = 0;
+    /**
+     * Re-runs the plan with the current {@link ScopeOptions}, e.g. after a host changes them. When
+     * several re-plans overlap, only the latest request's answer is kept.
+     */
+    async Replan() {
+        const requestId = ++this.replanRequestId;
+        this.IsReplanning = true;
+        this.cdr.markForCheck();
+        try {
+            const planOutput = await this.cloneService.PlanClone({
+                EntityName: this.EffectiveEntityName,
+                SourceRecordKey: this.EffectiveRecordKey,
+                Options: this.ScopeOptions,
+                EdgeOverrides: this.wireEdgeOverrides(),
+                ExpectedPlanHash: this.ActivePlan?.Hash,
+            }, this.ProviderToUse);
+            if (requestId !== this.replanRequestId)
+                return; // a newer re-plan superseded this one
+            this.ActivePlan = planOutput.Plan;
+            if (planOutput.Plan) {
+                // The name the server will apply can move with the plan (a rule derives it from a
+                // prompted value, a rename avoids a newly taken one); follow it unless the user typed one.
+                if (this.RootNameReadOnly || !this.HasUserEditedRootName) {
+                    const change = this.rootNameChange();
+                    if (change) {
+                        this.RootRecordName = String(change.NewValue);
+                        // The note under the name says how it was made, which can change too (a rule instead of a suffix).
+                        this.NamingStrategyReason = change.Reason || this.NamingStrategyReason;
+                    }
+                }
+                this.PlanChanged.emit(planOutput.Plan);
+            }
+        }
+        catch (err) {
+            // A superseded request's failure says nothing about the plan on screen.
+            if (requestId === this.replanRequestId)
+                throw err;
+        }
+        finally {
+            if (requestId === this.replanRequestId)
+                this.IsReplanning = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Moves to a wizard step. Review is refused while prompted values are invalid; entering
+     * Review folds the entered values into the options and re-plans so the diff is current.
+     */
+    GoToStep(step) {
+        if (step === 'review' && !this.IsValuesValid) {
+            return;
+        }
+        this.CurrentStep = step;
+        this.CurrentState = step;
+        this.PlanChangedNotice = null;
+        this.cdr.markForCheck();
+        if (step === 'review') {
+            // Re-plan whenever the values differ from the ones the shown plan was built with,
+            // including a value the user cleared or a retarget set back to the original.
+            const next = this.buildOptionsWithValues();
+            if (this.planValuesKey(next) !== this.planValuesKey(this.ScopeOptions)) {
+                this.ScopeOptions = next;
+                void this.replanOrFail();
+            }
+        }
+    }
+    /** Executes the reviewed plan. The server refuses with `PLAN_CHANGED` if the plan hash moved. */
+    async ExecuteClone() {
+        // Also refuse re-entry: the button is disabled only by binding, so a second call before
+        // change detection (a host, a key repeat) would start a second clone.
+        if (!this.ActivePlan || this.ActivePlan.Blocked || this.IsReplanning || this.CurrentState === 'executing')
+            return;
+        this.PlanChangedNotice = null;
+        this.CurrentState = 'executing';
+        // One transaction on the server, with no per-row progress channel: an indeterminate state with the row count.
+        const rows = this.ActivePlan.Counts.Create;
+        this.ExecutionProgress = {
+            Message: `Creating ${rows} record${rows === 1 ? '' : 's'} in one transaction...`,
+            Total: rows,
+        };
+        this.cdr.markForCheck();
+        try {
+            const result = await this.cloneService.ExecuteClone({
+                EntityName: this.EffectiveEntityName,
+                SourceRecordKey: this.EffectiveRecordKey,
+                ExpectedPlanHash: this.ActivePlan.Hash,
+                Options: this.buildOptionsWithValues(),
+                EdgeOverrides: this.wireEdgeOverrides(),
+            }, this.ProviderToUse);
+            this.ExecutionResult = result;
+            if (result.Success) {
+                this.CurrentState = 'done';
+                const completed = {
+                    EntityName: this.EffectiveEntityName,
+                    TargetKey: this.TargetRecordKey || '',
+                    CloneLogID: result.CloneLogID,
+                    CreatedRecordsCount: result.Created?.length || result.Counts?.Create || 1,
+                    Result: result,
+                };
+                this.raiseRecordCreatedEvent(completed);
+                this.CloneCompleted.emit(completed);
+            }
+            else if (result.ResultCode === 'PLAN_CHANGED') {
+                // The records changed since review: show the fresh plan and ask for a new confirmation.
+                this.PlanChangedNotice = 'The records changed since you reviewed this plan. Review the updated plan and confirm again.';
+                this.CurrentStep = 'review';
+                this.CurrentState = 'plan_changed';
+                if (result.Plan) {
+                    this.ActivePlan = result.Plan;
+                    this.PlanChanged.emit(result.Plan);
+                }
+                else {
+                    await this.replanOrFail();
+                }
+            }
+            else {
+                this.fail(result.ErrorMessage || 'Clone execution failed.', result.ResultCode);
+            }
+        }
+        catch (err) {
+            this.fail(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            this.cdr.markForCheck();
+        }
+    }
+    /** Shown on Review after an Execute found the plan out of date. Cleared by the next Execute or step change. */
+    PlanChangedNotice = null;
+    /** From the Failed state: back to Review with a fresh plan, since the old one may be why it failed. */
+    BackToReview() {
+        this.PlanChangedNotice = null;
+        this.CurrentStep = 'review';
+        this.CurrentState = 'review';
+        this.ScopeOptions = this.buildOptionsWithValues();
+        this.cdr.markForCheck();
+        void this.replanOrFail();
+    }
+    /** Key of the root clone once execution succeeded, as a record-id string. */
+    get TargetRecordKey() {
+        return this.ExecutionResult?.Roots?.[0]?.TargetKey || null;
+    }
+    // ── Template handlers ────────────────────────────────────────────────
+    /** Scope values the controls show: the server's effective options once a plan exists. */
+    get DisplayedScope() {
+        return { ...RecordClonePanelComponent.builtInScope(), ...(this.ActivePlan?.EffectiveOptions ?? {}) };
+    }
+    /**
+     * Keeps only the scope values the user changed from what is displayed, so the entity's
+     * configured defaults (and a preset's options) are not overwritten by values nobody chose.
+     * Picking a preset clears earlier scope changes so the preset's options apply.
+     */
+    OnScopeOptionsChanged(options) {
+        const next = this.scopeWithCurrentValues();
+        if (options.Preset !== this.SelectedPreset) {
+            for (const k of SCOPE_OPTION_KEYS)
+                delete next[k];
+            next.Preset = options.Preset;
+        }
+        else {
+            const shown = this.DisplayedScope;
+            for (const k of SCOPE_OPTION_KEYS) {
+                if (options[k] !== undefined && options[k] !== shown[k]) {
+                    next[k] = options[k];
+                }
+            }
+        }
+        this.ScopeOptions = next;
+        this.SelectedPreset = options.Preset;
+        void this.replanOrFail();
+    }
+    /**
+     * A branch was switched in the plan tree. Switching a branch the user already changed drops that
+     * override (back to the configured policy); otherwise the change is remembered. Then re-plan.
+     */
+    OnEdgePolicyChanged(change) {
+        const others = this.EdgeOverrides.filter((o) => o.RelationshipID !== change.RelationshipID);
+        const hadOverride = others.length !== this.EdgeOverrides.length;
+        this.EdgeOverrides = hadOverride ? others : [...others, change];
+        void this.replanOrFail();
+    }
+    /** Drops one branch override so that relationship follows its configured policy again. */
+    OnUndoEdgeOverride(relationshipID) {
+        this.EdgeOverrides = this.EdgeOverrides.filter((o) => o.RelationshipID !== relationshipID);
+        void this.replanOrFail();
+    }
+    /** Drops every scope and branch override so the entity's configured scope applies again. */
+    OnResetScopeToDefaults() {
+        const next = this.scopeWithCurrentValues();
+        for (const k of SCOPE_OPTION_KEYS)
+            delete next[k];
+        this.ScopeOptions = next;
+        this.EdgeOverrides = [];
+        void this.replanOrFail();
+    }
+    OnStepChange(stepKey) {
+        this.GoToStep(stepKey);
+    }
+    OnRootNameChange(name) {
+        this.RootRecordName = name;
+        this.HasUserEditedRootName = true;
+    }
+    /**
+     * Keeps the root name in step with a prompted value while the user has not typed a name.
+     * Which prompted field drives it comes from the entity's `Clone.Naming.Fields` (for MJ: Users
+     * that is Email), falling back to the entity's name field.
+     */
+    OnPromptedValuesChange(values) {
+        this.PromptedValues = values;
+        if (this.HasUserEditedRootName)
+            return;
+        const drivingField = this.namingDrivenFields().find((f) => {
+            const v = values[f];
+            return typeof v === 'string' && v.trim().length > 0;
+        });
+        if (drivingField) {
+            this.RootRecordName = values[drivingField];
+        }
+    }
+    OnRetargetFieldsChange(fields) {
+        this.RetargetFields = fields;
+    }
+    OnReasonChange(reason) {
+        this.CloneReason = reason;
+    }
+    OnValuesValidityChange(isValid) {
+        this.IsValuesValid = isValid;
+        this.cdr.markForCheck();
+    }
+    OnNodeSelected(_node) {
+        // Reserved for a node detail pane.
+    }
+    OnReviewNodeClicked(_nodeKey) {
+        this.GoToStep('scope');
+    }
+    OnNavigateToRecord(event) {
+        this.NavigateToRecord.emit(event);
+        this.CloseRequested.emit();
+    }
+    OnClose() {
+        this.CloseRequested.emit();
+    }
+    // ── Internals ────────────────────────────────────────────────────────
+    /** Label and description of each preset, by key, read the way the engine reads `Clone.Presets`. */
+    static presetLabels(presets) {
+        return Object.fromEntries(NormalizeClonePresets(presets).map((p) => [p.Key, { Label: p.Label, Description: p.Description }]));
+    }
+    /** Options of the named preset, read the way the engine reads `Clone.Presets`. */
+    static presetOptions(presets, key) {
+        if (!key)
+            return {};
+        return NormalizeClonePresets(presets).find((p) => p.Key === key)?.Options ?? {};
+    }
+    /** Branch overrides in the shape the operation accepts (labels stripped), or undefined when there are none. */
+    wireEdgeOverrides() {
+        return this.EdgeOverrides.length > 0 ? this.EdgeOverrides.map(({ RelationshipID, Policy }) => ({ RelationshipID, Policy })) : undefined;
+    }
+    /** What the controls show before the first plan arrives; the server's effective options replace it. */
+    static builtInScope() {
+        return {
+            MaxDepth: 3,
+            MaxRecords: 500,
+            Subtypes: 'include',
+            Hierarchy: 'subtree',
+            SoftLinks: 'skip',
+            EntityActions: 'fire',
+        };
+    }
+    /** Re-plan from a UI event; a failure moves the wizard to Failed instead of leaving a stale plan up. */
+    async replanOrFail() {
+        try {
+            await this.Replan();
+        }
+        catch (err) {
+            this.fail(err instanceof Error ? err.message : String(err));
+            this.cdr.markForCheck();
+        }
+    }
+    autoStartQueued = false;
+    /** Coalesces the Record / EntityName / RecordKey setters into one start per change batch. */
+    queueAutoStart() {
+        if (!this.AutoStart || this.autoStartQueued)
+            return;
+        this.autoStartQueued = true;
+        queueMicrotask(() => {
+            this.autoStartQueued = false;
+            if (this.AutoStart && this.EffectiveRecordKey) {
+                void this.Start();
+            }
+        });
+    }
+    async initialize() {
+        this.HasUserEditedRootName = false;
+        this.CurrentState = 'loading';
+        this.CurrentStep = 'scope';
+        this.LoadingMessage = 'Inspecting entity cloning policy...';
+        this.cdr.markForCheck();
+        try {
+            const describe = await this.cloneService.DescribeRecord({
+                EntityName: this.EffectiveEntityName,
+                Key: this.EffectiveRecordKey,
+            }, this.ProviderToUse);
+            this.DescribeDetails = describe;
+            if (!describe.CanClone) {
+                this.CurrentState = 'not_cloneable';
+                this.NotCloneableReason = describe.Reason || 'Cloning is disabled for this entity.';
+                this.cdr.markForCheck();
+                return;
+            }
+            this.AvailablePresets = describe.Presets || [];
+            this.PresetLabels = RecordClonePanelComponent.presetLabels(this.ProviderToUse?.EntityByName(this.EffectiveEntityName)?.CloneConfig?.Presets);
+            this.CanOverrideScope = describe.CanOverrideScope === true;
+            this.LoadingMessage = 'Computing dependency graph and plan...';
+            this.cdr.markForCheck();
+            await this.Replan();
+            this.setupInitialValues();
+            this.CurrentState = 'scope';
+            this.cdr.markForCheck();
+        }
+        catch (err) {
+            this.fail(err instanceof Error ? err.message : String(err));
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Whether the configuration, not the user, decides the root's name: a rule derives it (a user's
+     * Name from the prompted Email), a reset stamps it, or UserEditable doesn't allow field edits.
+     * The server ignores a typed name then, so the box is read-only.
+     */
+    get RootNameReadOnly() {
+        const entInfo = this.ProviderToUse?.EntityByName(this.EffectiveEntityName);
+        const cfg = entInfo?.CloneConfig;
+        const nameField = (entInfo?.NameField?.Name ?? 'Name').toLowerCase();
+        const ruleTargets = cfg?.Fields?.Rules?.Rules ?? [];
+        const governed = ruleTargets.some((r) => (r.TargetField || r.Field || '').toLowerCase() === nameField)
+            || Object.keys(cfg?.Fields?.Reset ?? {}).some((k) => k.toLowerCase() === nameField);
+        const editable = cfg?.UserEditable ?? 'all';
+        return governed || editable === 'none' || editable === 'scope';
+    }
+    /** The last change on the root's name field in the current plan: the value the server applies. */
+    rootNameChange() {
+        const rootNode = this.ActivePlan?.Nodes.find((n) => n.Depth === 0 || n.ParentKey === null);
+        if (!rootNode)
+            return undefined;
+        const nameField = (this.ProviderToUse?.EntityByName(this.EffectiveEntityName)?.NameField?.Name ?? 'Name').toLowerCase();
+        return [...rootNode.FieldChanges].reverse().find((fc) => fc.Field.toLowerCase() === nameField);
+    }
+    setupInitialValues() {
+        if (!this.ActivePlan)
+            return;
+        const rootNode = this.ActivePlan.Nodes.find((n) => n.Depth === 0 || n.ParentKey === null);
+        if (rootNode) {
+            // The value the server will apply is the last change on the name field (its rename, when
+            // the naming strategy made one), not the first, which is the plain copy of the source.
+            const nameChange = this.rootNameChange();
+            if (nameChange) {
+                this.RootRecordName = String(nameChange.NewValue);
+                this.NamingStrategyReason = nameChange.Reason || 'Suggested by naming strategy';
+            }
+            else {
+                this.RootRecordName = rootNode.DisplayName ? `${rootNode.DisplayName} (Copy)` : 'Cloned Record';
+            }
+        }
+        const entInfo = this.ProviderToUse?.EntityByName(this.EffectiveEntityName);
+        const cloneCfg = entInfo?.CloneConfig;
+        const promptFor = cloneCfg?.Fields?.PromptFor;
+        if (Array.isArray(promptFor) && promptFor.length > 0) {
+            this.PromptedFields = promptFor.map((fName) => {
+                const fieldInfo = entInfo?.Fields.find((f) => f.Name === fName);
+                const fc = rootNode?.FieldChanges.find((c) => c.Field === fName);
+                // Pre-fill only a value the engine proposed. The source row's own value is exactly
+                // what a prompted field (a unique Email, say) must not keep, so it is never offered.
+                const proposed = fc && fc.NewValue !== fc.OldValue ? fc.NewValue : null;
+                return {
+                    FieldName: fName,
+                    DisplayName: fieldInfo?.DisplayName || fName,
+                    Type: fieldInfo?.Type || 'string',
+                    // The plan blocks without every PromptFor value (the copy can't reuse the source's).
+                    IsRequired: true,
+                    Description: fieldInfo?.Description,
+                    DefaultValue: (proposed ?? null),
+                };
+            });
+            for (const pf of this.PromptedFields) {
+                if (this.PromptedValues[pf.FieldName] === undefined && pf.DefaultValue !== null && pf.DefaultValue !== undefined) {
+                    this.PromptedValues[pf.FieldName] = pf.DefaultValue;
+                }
+            }
+        }
+        const retargetFieldNames = cloneCfg?.UI?.RetargetFields;
+        if (Array.isArray(retargetFieldNames) && retargetFieldNames.length > 0) {
+            this.RetargetFields = retargetFieldNames
+                .map((fName) => {
+                const fieldInfo = entInfo?.Fields.find((f) => f.Name === fName);
+                if (!fieldInfo)
+                    return null;
+                const fc = rootNode?.FieldChanges.find((c) => c.Field === fName);
+                const currentVal = (fc?.OldValue ?? null);
+                return {
+                    FieldName: fName,
+                    DisplayName: fieldInfo.DisplayName || fName,
+                    RelatedEntity: fieldInfo.RelatedEntity || '',
+                    CurrentValue: currentVal,
+                    NewValue: currentVal,
+                };
+            })
+                .filter((item) => item !== null);
+        }
+    }
+    /** Prompted fields whose value names the clone: `Clone.Naming.Fields` that are prompted, else the name field. */
+    namingDrivenFields() {
+        const entInfo = this.ProviderToUse?.EntityByName(this.EffectiveEntityName);
+        const prompted = new Set(this.PromptedFields.map((f) => f.FieldName.toLowerCase()));
+        const configured = (entInfo?.CloneConfig?.Naming?.Fields ?? []).filter((f) => prompted.has(f.toLowerCase()));
+        if (configured.length > 0)
+            return configured;
+        const nameField = entInfo?.NameField?.Name;
+        return nameField && prompted.has(nameField.toLowerCase()) ? [nameField] : [];
+    }
+    /** Current options plus the root name, prompted values and reason the user entered. */
+    /** Retarget pickers the user pointed at a different record, in the `Options.Retarget` shape. */
+    retargets() {
+        return this.RetargetFields
+            .filter((r) => r.NewValue && r.NewValue !== r.CurrentValue)
+            .map((r) => ({ EntityName: this.EffectiveEntityName, Field: r.FieldName, Value: r.NewValue }));
+    }
+    /**
+     * The scope options plus the Values step's current values, leaving out the ones that are empty:
+     * a Scope-step re-plan then carries no stale name or retarget, and nothing the user hasn't set.
+     */
+    scopeWithCurrentValues() {
+        const next = this.buildOptionsWithValues();
+        if (Object.keys(next.FieldOverrides ?? {}).length === 0)
+            delete next.FieldOverrides;
+        if (Object.keys(next.PromptedValues ?? {}).length === 0)
+            delete next.PromptedValues;
+        if (!next.Reason)
+            delete next.Reason;
+        return next;
+    }
+    buildOptionsWithValues() {
+        const entInfo = this.ProviderToUse?.EntityByName(this.EffectiveEntityName);
+        const nameField = entInfo?.NameField?.Name || 'Name';
+        const retarget = this.retargets();
+        // Values come from the current Values step every time, never from an earlier request's
+        // options: a retarget set back, or a typed name that was cleared, must not linger.
+        const { FieldOverrides: _fields, PromptedValues: _prompts, Retarget: _retarget, Reason: _reason, ...scope } = this.ScopeOptions;
+        return {
+            ...scope,
+            // Only a name the user typed overrides the server's naming, which avoids names already taken.
+            FieldOverrides: this.HasUserEditedRootName && this.RootRecordName.trim() ? { [nameField]: this.RootRecordName } : {},
+            ...(retarget.length > 0 ? { Retarget: retarget } : {}),
+            PromptedValues: { ...this.PromptedValues },
+            Reason: this.CloneReason,
+        };
+    }
+    /** The parts of the options that the Values step sets and that change the plan. */
+    planValuesKey(options) {
+        return JSON.stringify([options.FieldOverrides ?? {}, options.PromptedValues ?? {}, options.Retarget ?? []]);
+    }
+    fail(message, resultCode) {
+        this.CurrentState = 'failed';
+        this.ExecutionErrorMessage = message;
+        this.CloneFailed.emit({ EntityName: this.EffectiveEntityName, Message: message, ResultCode: resultCode });
+    }
+    /**
+     * The clone's rows were saved on the server, so no client-side BaseEntity raised a save.
+     * Announce each written entity the way the provider announces a server-side write
+     * (`remote-invalidate`, no `baseEntity`), so cached engines and open views reload it.
+     */
+    raiseRecordCreatedEvent(completed) {
+        const written = new Set([completed.EntityName, ...(completed.Result?.Created ?? []).map((c) => c.EntityName)]);
+        const timestamp = new Date().toISOString();
+        for (const entityName of written) {
+            const args = {
+                type: 'remote-invalidate',
+                entityName,
+                baseEntity: null,
+                provider: this.ProviderToUse,
+                payload: { primaryKeyValues: null, action: 'save', sourceServerId: '', timestamp },
+            };
+            MJGlobal.Instance.RaiseEvent({ component: this, event: MJEventType.ComponentEvent, eventCode: BaseEntity.BaseEventCode, args });
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵRecordClonePanelComponent_BaseFactory; return function RecordClonePanelComponent_Factory(__ngFactoryType__) { return (ɵRecordClonePanelComponent_BaseFactory || (ɵRecordClonePanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RecordClonePanelComponent)))(__ngFactoryType__ || RecordClonePanelComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordClonePanelComponent, selectors: [["mj-record-clone-panel"]], inputs: { Record: "Record", EntityName: "EntityName", RecordKey: "RecordKey", AutoStart: "AutoStart", ShowStepTabs: "ShowStepTabs" }, outputs: { StateChange: "StateChange", StepChange: "StepChange", PlanChanged: "PlanChanged", CloneCompleted: "CloneCompleted", CloneFailed: "CloneFailed", NavigateToRecord: "NavigateToRecord", CloseRequested: "CloseRequested" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 9, consts: [[1, "clone-panel-content"], [1, "panel-tabs-wrapper"], [1, "panel-body"], [1, "panel-state-center"], [1, "panel-state-center", "not-cloneable-card"], [1, "step-container", 3, "step-hidden"], [1, "step-container"], [1, "panel-state-center", "failed-card"], [3, "TabChange", "Tabs", "ActiveKey"], ["Size", "medium", 3, "Text"], [1, "fa-solid", "fa-ban", "not-cloneable-icon"], [1, "state-title"], [1, "state-description"], ["type", "button", "mjButton", "", "variant", "outline", 3, "click"], [3, "ScopeChanged", "ResetToDefaults", "Presets", "PresetLabels", "SelectedPreset", "MaxDepth", "Subtypes", "Hierarchy", "SoftLinks", "EntityActions", "MaxRecords", "ConfiguredScope", "EntityName", "CanOverrideScope"], [1, "tree-section"], [1, "section-heading"], [3, "NodeSelected", "EdgePolicyChanged", "Plan", "AllowNarrowing", "AllowWidening"], [1, "branch-overrides"], [1, "tree-hint"], [1, "step-footer"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-right"], [1, "branch-override"], ["type", "button", 1, "undo-btn", 3, "click"], [3, "RootNameChange", "PromptedValuesChange", "RetargetFieldsChange", "ReasonChange", "ValidityChange", "EntityName", "RootName", "RootNameReadOnly", "NamingStrategyReason", "PromptedFields", "PromptedValues", "RetargetFields", "Reason"], [1, "fa-solid", "fa-arrow-left"], ["role", "status", 1, "plan-changed-notice"], [3, "Confirm", "Cancel", "NodeClicked", "Plan", "RootName", "Reason", "IsExecuting", "IsPlanning"], [1, "fa-solid", "fa-rotate"], [3, "Progress"], [3, "CloneAnother", "Close", "NavigateToRecord", "Result", "EntityName", "TargetKey", "RootRecordName"], [1, "fa-solid", "fa-circle-exclamation", "failed-icon"], [1, "state-title", "failed-text"], [1, "state-actions"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click"]], template: function RecordClonePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, RecordClonePanelComponent_Conditional_1_Template, 2, 2, "div", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵconditionalCreate(3, RecordClonePanelComponent_Conditional_3_Template, 2, 1, "div", 3);
+            i0.ɵɵconditionalCreate(4, RecordClonePanelComponent_Conditional_4_Template, 8, 1, "div", 4);
+            i0.ɵɵconditionalCreate(5, RecordClonePanelComponent_Conditional_5_Template, 13, 20, "div", 5);
+            i0.ɵɵconditionalCreate(6, RecordClonePanelComponent_Conditional_6_Template, 9, 11, "div", 5);
+            i0.ɵɵconditionalCreate(7, RecordClonePanelComponent_Conditional_7_Template, 4, 9, "div", 5);
+            i0.ɵɵconditionalCreate(8, RecordClonePanelComponent_Conditional_8_Template, 2, 1, "div", 6);
+            i0.ɵɵconditionalCreate(9, RecordClonePanelComponent_Conditional_9_Template, 2, 4, "div", 6);
+            i0.ɵɵconditionalCreate(10, RecordClonePanelComponent_Conditional_10_Template, 11, 1, "div", 7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowWizardTabs ? 1 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.CurrentState === "loading" ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CurrentState === "not_cloneable" ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowWizardTabs && (ctx.CurrentState === "scope" || ctx.CurrentStep === "scope") ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowWizardTabs && (ctx.CurrentState === "values" || ctx.CurrentStep === "values") ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional((ctx.ShowWizardTabs || ctx.CurrentState === "executing") && (ctx.CurrentState === "review" || ctx.CurrentStep === "review") ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CurrentState === "executing" ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CurrentState === "done" ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.CurrentState === "failed" ? 10 : -1);
+        } }, dependencies: [CommonModule,
+            SharedGenericModule, i1.LoadingComponent, MJButtonDirective,
+            MJTabNavComponent,
+            CloneScopeControlsComponent,
+            ClonePlanTreeComponent,
+            CloneValuesComponent,
+            CloneReviewComponent,
+            CloneProgressComponent,
+            CloneResultComponent], styles: [".plan-changed-notice[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            margin-bottom: var(--mj-space-3);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            border: 1px solid var(--mj-status-warning-border);\n            border-radius: var(--mj-radius-md);\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n        .clone-panel-content[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            background: var(--mj-bg-surface);\n        }\n\n        .panel-tabs-wrapper[_ngcontent-%COMP%] {\n            padding: var(--mj-space-2) var(--mj-space-4);\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .panel-body[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow-y: auto;\n            padding: var(--mj-space-4);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .step-container[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4);\n        }\n\n        .step-hidden[_ngcontent-%COMP%] {\n            display: none !important;\n        }\n\n        .tree-section[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n            margin-top: var(--mj-space-1);\n        }\n\n        .branch-overrides[_ngcontent-%COMP%] {\n            display: flex;\n            flex-wrap: wrap;\n            gap: var(--mj-space-2);\n        }\n\n        .branch-override[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding: 2px 4px 2px var(--mj-space-2-5);\n            border: 1px solid var(--mj-status-warning-border);\n            border-radius: var(--mj-radius-full);\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n            font-size: var(--mj-text-xs);\n        }\n\n        .undo-btn[_ngcontent-%COMP%] {\n            border: 0;\n            border-radius: var(--mj-radius-full);\n            background: var(--mj-bg-surface);\n            color: var(--mj-brand-primary);\n            font-family: inherit;\n            font-size: var(--mj-text-xs);\n            padding: 1px var(--mj-space-2);\n            cursor: pointer;\n        }\n\n        .undo-btn[_ngcontent-%COMP%]:focus-visible {\n            outline: 2px solid var(--mj-border-focus);\n        }\n\n        .tree-hint[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-muted);\n        }\n\n        .section-heading[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-sm);\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .step-footer[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: var(--mj-space-4);\n            border-top: 1px solid var(--mj-border-default);\n            margin-top: var(--mj-space-4);\n        }\n\n        .panel-state-center[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: var(--mj-space-12) var(--mj-space-6);\n            gap: var(--mj-space-3);\n        }\n\n        .not-cloneable-icon[_ngcontent-%COMP%] {\n            font-size: 36px;\n            color: var(--mj-status-warning-text);\n        }\n\n        .failed-icon[_ngcontent-%COMP%] {\n            font-size: 36px;\n            color: var(--mj-status-error-text);\n        }\n\n        .state-title[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-base);\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        .failed-text[_ngcontent-%COMP%] {\n            color: var(--mj-status-error-text);\n        }\n\n        .state-description[_ngcontent-%COMP%] {\n            margin: 0;\n            font-size: var(--mj-text-sm);\n            color: var(--mj-text-secondary);\n            max-width: 400px;\n        }\n\n        .state-actions[_ngcontent-%COMP%] {\n            display: flex;\n            gap: var(--mj-space-2);\n            margin-top: var(--mj-space-2);\n        }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordClonePanelComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mj-record-clone-panel', template: `
+        <div class="clone-panel-content">
+            <!-- Wizard Navigation Tabs (visible during authoring steps) -->
+            @if (ShowWizardTabs) {
+                <div class="panel-tabs-wrapper">
+                    <mj-tab-nav
+                        [Tabs]="WizardTabs"
+                        [ActiveKey]="CurrentStep"
+                        (TabChange)="OnStepChange($event)">
+                    </mj-tab-nav>
+                </div>
+            }
+
+            <!-- Step Body -->
+            <div class="panel-body">
+                <!-- Loading State -->
+                @if (CurrentState === 'loading') {
+                    <div class="panel-state-center">
+                        <mj-loading [Text]="LoadingMessage" Size="medium"></mj-loading>
+                    </div>
+                }
+
+                <!-- Not Cloneable State -->
+                @if (CurrentState === 'not_cloneable') {
+                    <div class="panel-state-center not-cloneable-card">
+                        <i class="fa-solid fa-ban not-cloneable-icon"></i>
+                        <h3 class="state-title">Record Cannot Be Cloned</h3>
+                        <p class="state-description">{{NotCloneableReason}}</p>
+                        <button
+                            type="button"
+                            mjButton
+                            variant="outline"
+                            (click)="OnClose()">
+                            Close
+                        </button>
+                    </div>
+                }
+
+                <!-- Scope Step -->
+                <!-- Wizard steps only while the wizard is active: after Execute the result (or failure) replaces them. -->
+                @if (ShowWizardTabs && (CurrentState === 'scope' || CurrentStep === 'scope')) {
+                    <div class="step-container" [class.step-hidden]="CurrentStep !== 'scope'">
+                        <mj-clone-scope-controls
+                            [Presets]="AvailablePresets"
+                            [PresetLabels]="PresetLabels"
+                            [SelectedPreset]="SelectedPreset"
+                            [MaxDepth]="DisplayedScope.MaxDepth"
+                            [Subtypes]="DisplayedScope.Subtypes"
+                            [Hierarchy]="DisplayedScope.Hierarchy"
+                            [SoftLinks]="DisplayedScope.SoftLinks"
+                            [EntityActions]="DisplayedScope.EntityActions"
+                            [MaxRecords]="DisplayedScope.MaxRecords"
+                            [ConfiguredScope]="ConfiguredScope"
+                            [EntityName]="EffectiveEntityName"
+                            [CanOverrideScope]="CanOverrideScope"
+                            (ScopeChanged)="OnScopeOptionsChanged($event)"
+                            (ResetToDefaults)="OnResetScopeToDefaults()">
+                        </mj-clone-scope-controls>
+
+                        <div class="tree-section">
+                            <h4 class="section-heading">Planned Record Graph</h4>
+                            <mj-clone-plan-tree
+                                [Plan]="ActivePlan"
+                                [AllowNarrowing]="CanNarrowScope"
+                                [AllowWidening]="CanOverrideScope"
+                                (NodeSelected)="OnNodeSelected($event)"
+                                (EdgePolicyChanged)="OnEdgePolicyChanged($event)">
+                            </mj-clone-plan-tree>
+                            @if (EdgeOverrides.length > 0) {
+                                <div class="branch-overrides">
+                                    @for (o of EdgeOverrides; track o.RelationshipID) {
+                                        <span class="branch-override">
+                                            {{ o.Policy === 'Skip' ? 'Skipping' : 'Copying' }} {{ o.RelatedEntityName || 'a relationship' }}
+                                            <button type="button" class="undo-btn" (click)="OnUndoEdgeOverride(o.RelationshipID)"
+                                                [attr.aria-label]="'Undo: ' + (o.Policy === 'Skip' ? 'copy ' : 'skip ') + (o.RelatedEntityName || 'this relationship') + ' again'">Undo</button>
+                                        </span>
+                                    }
+                                </div>
+                            }
+                            @if (CanNarrowScope) {
+                                <p class="tree-hint">Click Deep on a branch to skip all of its rows.{{ CanOverrideScope ? ' Click Skip to copy a branch the configuration leaves out.' : '' }}</p>
+                            }
+                        </div>
+
+                        <div class="step-footer">
+                            <div></div>
+                            <button
+                                type="button"
+                                mjButton
+                                variant="primary"
+                                [disabled]="!ActivePlan"
+                                (click)="GoToStep('values')">
+                                Next: Values & Retarget
+                                <i class="fa-solid fa-arrow-right"></i>
+                            </button>
+                        </div>
+                    </div>
+                }
+
+                <!-- Values Step -->
+                @if (ShowWizardTabs && (CurrentState === 'values' || CurrentStep === 'values')) {
+                    <div class="step-container" [class.step-hidden]="CurrentStep !== 'values'">
+                        <mj-clone-values
+                            [EntityName]="EffectiveEntityName"
+                            [RootName]="RootRecordName"
+                            [RootNameReadOnly]="RootNameReadOnly"
+                            [NamingStrategyReason]="NamingStrategyReason"
+                            [PromptedFields]="PromptedFields"
+                            [PromptedValues]="PromptedValues"
+                            [RetargetFields]="RetargetFields"
+                            [Reason]="CloneReason"
+                            (RootNameChange)="OnRootNameChange($event)"
+                            (PromptedValuesChange)="OnPromptedValuesChange($event)"
+                            (RetargetFieldsChange)="OnRetargetFieldsChange($event)"
+                            (ReasonChange)="OnReasonChange($event)"
+                            (ValidityChange)="OnValuesValidityChange($event)">
+                        </mj-clone-values>
+
+                        <div class="step-footer">
+                            <button
+                                type="button"
+                                mjButton
+                                variant="outline"
+                                (click)="GoToStep('scope')">
+                                <i class="fa-solid fa-arrow-left"></i>
+                                Back to Scope
+                            </button>
+                            <button
+                                type="button"
+                                mjButton
+                                variant="primary"
+                                [disabled]="!IsValuesValid"
+                                (click)="GoToStep('review')">
+                                Next: Review & Execute
+                                <i class="fa-solid fa-arrow-right"></i>
+                            </button>
+                        </div>
+                    </div>
+                }
+
+                <!-- Review Step -->
+                @if ((ShowWizardTabs || CurrentState === 'executing') && (CurrentState === 'review' || CurrentStep === 'review')) {
+                    <div class="step-container" [class.step-hidden]="CurrentStep !== 'review'">
+                        @if (PlanChangedNotice) {
+                            <div class="plan-changed-notice" role="status">
+                                <i class="fa-solid fa-rotate"></i>
+                                <span>{{ PlanChangedNotice }}</span>
+                            </div>
+                        }
+                        <mj-clone-review
+                            [Plan]="ActivePlan"
+                            [RootName]="RootRecordName"
+                            [Reason]="CloneReason"
+                            [IsExecuting]="CurrentState === 'executing'"
+                            [IsPlanning]="IsReplanning"
+                            (Confirm)="ExecuteClone()"
+                            (Cancel)="OnClose()"
+                            (NodeClicked)="OnReviewNodeClicked($event)">
+                        </mj-clone-review>
+
+                        @if (CurrentState !== 'executing') {
+                            <div class="step-footer">
+                                <button
+                                    type="button"
+                                    mjButton
+                                    variant="outline"
+                                    (click)="GoToStep('values')">
+                                    <i class="fa-solid fa-arrow-left"></i>
+                                    Back to Values
+                                </button>
+                            </div>
+                        }
+                    </div>
+                }
+
+                <!-- Executing State -->
+                @if (CurrentState === 'executing') {
+                    <div class="step-container">
+                        <mj-clone-progress
+                            [Progress]="ExecutionProgress">
+                        </mj-clone-progress>
+                    </div>
+                }
+
+                <!-- Done State -->
+                @if (CurrentState === 'done') {
+                    <div class="step-container">
+                        <mj-clone-result
+                            [Result]="ExecutionResult"
+                            [EntityName]="EffectiveEntityName"
+                            [TargetKey]="TargetRecordKey"
+                            [RootRecordName]="RootRecordName"
+                            (CloneAnother)="Reset()"
+                            (Close)="OnClose()"
+                            (NavigateToRecord)="OnNavigateToRecord($event)">
+                        </mj-clone-result>
+                    </div>
+                }
+
+                <!-- Failed State -->
+                @if (CurrentState === 'failed') {
+                    <div class="panel-state-center failed-card">
+                        <i class="fa-solid fa-circle-exclamation failed-icon"></i>
+                        <h3 class="state-title failed-text">Execution Error</h3>
+                        <p class="state-description">{{ExecutionErrorMessage}}</p>
+                        <div class="state-actions">
+                            <button
+                                type="button"
+                                mjButton
+                                variant="primary"
+                                (click)="BackToReview()">
+                                Back to Review
+                            </button>
+                            <button
+                                type="button"
+                                mjButton
+                                variant="outline"
+                                (click)="OnClose()">
+                                Close
+                            </button>
+                        </div>
+                    </div>
+                }
+            </div>
+        </div>
+    `, imports: [
+                    CommonModule,
+                    SharedGenericModule,
+                    MJButtonDirective,
+                    MJTabNavComponent,
+                    CloneScopeControlsComponent,
+                    ClonePlanTreeComponent,
+                    CloneValuesComponent,
+                    CloneReviewComponent,
+                    CloneProgressComponent,
+                    CloneResultComponent,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n        .plan-changed-notice {\n            display: flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            margin-bottom: var(--mj-space-3);\n            padding: var(--mj-space-2) var(--mj-space-3);\n            border: 1px solid var(--mj-status-warning-border);\n            border-radius: var(--mj-radius-md);\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n        }\n        .clone-panel-content {\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            background: var(--mj-bg-surface);\n        }\n\n        .panel-tabs-wrapper {\n            padding: var(--mj-space-2) var(--mj-space-4);\n            background: var(--mj-bg-surface-card);\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .panel-body {\n            flex: 1;\n            overflow-y: auto;\n            padding: var(--mj-space-4);\n            display: flex;\n            flex-direction: column;\n        }\n\n        .step-container {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4);\n        }\n\n        .step-hidden {\n            display: none !important;\n        }\n\n        .tree-section {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-1-5);\n            margin-top: var(--mj-space-1);\n        }\n\n        .branch-overrides {\n            display: flex;\n            flex-wrap: wrap;\n            gap: var(--mj-space-2);\n        }\n\n        .branch-override {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--mj-space-2);\n            padding: 2px 4px 2px var(--mj-space-2-5);\n            border: 1px solid var(--mj-status-warning-border);\n            border-radius: var(--mj-radius-full);\n            background: var(--mj-status-warning-bg);\n            color: var(--mj-status-warning-text);\n            font-size: var(--mj-text-xs);\n        }\n\n        .undo-btn {\n            border: 0;\n            border-radius: var(--mj-radius-full);\n            background: var(--mj-bg-surface);\n            color: var(--mj-brand-primary);\n            font-family: inherit;\n            font-size: var(--mj-text-xs);\n            padding: 1px var(--mj-space-2);\n            cursor: pointer;\n        }\n\n        .undo-btn:focus-visible {\n            outline: 2px solid var(--mj-border-focus);\n        }\n\n        .tree-hint {\n            margin: 0;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-muted);\n        }\n\n        .section-heading {\n            margin: 0;\n            font-size: var(--mj-text-sm);\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        .step-footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: var(--mj-space-4);\n            border-top: 1px solid var(--mj-border-default);\n            margin-top: var(--mj-space-4);\n        }\n\n        .panel-state-center {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: var(--mj-space-12) var(--mj-space-6);\n            gap: var(--mj-space-3);\n        }\n\n        .not-cloneable-icon {\n            font-size: 36px;\n            color: var(--mj-status-warning-text);\n        }\n\n        .failed-icon {\n            font-size: 36px;\n            color: var(--mj-status-error-text);\n        }\n\n        .state-title {\n            margin: 0;\n            font-size: var(--mj-text-base);\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        .failed-text {\n            color: var(--mj-status-error-text);\n        }\n\n        .state-description {\n            margin: 0;\n            font-size: var(--mj-text-sm);\n            color: var(--mj-text-secondary);\n            max-width: 400px;\n        }\n\n        .state-actions {\n            display: flex;\n            gap: var(--mj-space-2);\n            margin-top: var(--mj-space-2);\n        }\n    "] }]
+    }], null, { Record: [{
+            type: Input
+        }], EntityName: [{
+            type: Input
+        }], RecordKey: [{
+            type: Input
+        }], AutoStart: [{
+            type: Input
+        }], ShowStepTabs: [{
+            type: Input
+        }], StateChange: [{
+            type: Output
+        }], StepChange: [{
+            type: Output
+        }], PlanChanged: [{
+            type: Output
+        }], CloneCompleted: [{
+            type: Output
+        }], CloneFailed: [{
+            type: Output
+        }], NavigateToRecord: [{
+            type: Output
+        }], CloseRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordClonePanelComponent, { className: "RecordClonePanelComponent", filePath: "src/lib/record-clone-panel.component.ts", lineNumber: 480 }); })();
+//# sourceMappingURL=record-clone-panel.component.js.map