@memberjunction/ng-dashboards 5.30.0 → 5.31.0

package/dist/DatabaseDesigner/components/modify/database-modify.component.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @module database-modify.component
+ * @description Slide-over view for modifying an existing Database Designer entity.
+ *
+ * Rendered inside an `mj-slide-panel` by the dashboard when the user clicks Edit.
+ * Presents three tabs:
+ *   1. Fields  — EntityFieldsGridComponent in modify mode (existing + new columns)
+ *   2. Review  — EntityReviewPanelComponent showing diff (new cols highlighted)
+ *   3. Apply   — EntityPipelinePanelComponent for running the alter pipeline
+ *
+ * On tab 3 ("Apply"), clicking "Apply Changes" calls `pipelinePanel.StartExecution()`.
+ * The pipeline panel then calls `DatabaseDesignerService.modifyEntity()`.
+ */
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import type { AccessibleEntityDetail, ColumnSpec, EntityTableSpec, EntityPipelineResult } from '../../database-designer.types.js';
+import * as i0 from "@angular/core";
+type ModifyTab = 'fields' | 'review' | 'apply';
+export declare class DatabaseModifyComponent implements OnInit, OnDestroy {
+    private readonly cdr;
+    set EntityId(v: string);
+    get EntityId(): string;
+    private _entityId;
+    private _initialized;
+    readonly EntityModified: EventEmitter<EntityPipelineResult>;
+    readonly Cancelled: EventEmitter<void>;
+    ActiveTab: ModifyTab;
+    IsLoading: boolean;
+    LoadError: string | null;
+    EntityDetail: AccessibleEntityDetail | null;
+    /** Columns being edited — starts from existing entity fields + user additions. */
+    EditedColumns: ColumnSpec[];
+    IsPipelineRunning: boolean;
+    CanApplyChanges: boolean;
+    private pipelinePanel?;
+    ngOnInit(): Promise<void>;
+    ngOnDestroy(): void;
+    SetTab(tab: ModifyTab): void;
+    OnColumnsChanged(columns: ColumnSpec[]): void;
+    OnApplyChanges(): void;
+    OnPipelineCompleted(result: EntityPipelineResult): void;
+    OnPipelineErrored(_msg: string): void;
+    OnCancel(): void;
+    get CurrentTableSpec(): EntityTableSpec | null;
+    get ExistingColumns(): ColumnSpec[];
+    private loadEntityDetail;
+    /** True if the user added new columns or changed any existing column. */
+    private hasChanges;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatabaseModifyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatabaseModifyComponent, "mj-database-modify", never, { "EntityId": { "alias": "EntityId"; "required": false; }; }, { "EntityModified": "EntityModified"; "Cancelled": "Cancelled"; }, never, never, false, never>;
+}
+export {};
+//# sourceMappingURL=database-modify.component.d.ts.map

package/dist/DatabaseDesigner/components/modify/database-modify.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-modify.component.d.ts","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/modify/database-modify.component.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EACuB,YAAY,EAAE,MAAM,EAAE,SAAS,EAE5D,MAAM,eAAe,CAAC;AAIvB,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;;AAElI,KAAK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,qBAOa,uBAAwB,YAAW,MAAM,EAAE,SAAS;IAI7D,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAIjD,IAAoB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAKrC;IACD,IAAW,QAAQ,IAAI,MAAM,CAA2B;IACxD,OAAO,CAAC,SAAS,CAAM;IACvB,OAAO,CAAC,YAAY,CAAS;IAE7B,SAA0B,cAAc,qCAA4C;IACpF,SAA0B,SAAS,qBAA4B;IAIxD,SAAS,EAAE,SAAS,CAAY;IAChC,SAAS,UAAS;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,YAAY,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAE1D,kFAAkF;IAC3E,aAAa,EAAE,UAAU,EAAE,CAAM;IAEjC,iBAAiB,UAAS;IAC1B,eAAe,UAAS;IAG/B,OAAO,CAAC,aAAa,CAAC,CAA+B;IAI/C,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAK/B,WAAW,IAAI,IAAI;IAMZ,MAAM,CAAC,GAAG,EAAE,SAAS,GAAG,IAAI;IAS5B,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI;IAQ7C,cAAc,IAAI,IAAI;IAOtB,mBAAmB,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI;IAOvD,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKrC,QAAQ,IAAI,IAAI;IAevB,IAAW,gBAAgB,IAAI,eAAe,GAAG,IAAI,CASpD;IAED,IAAW,eAAe,IAAI,UAAU,EAAE,CAEzC;YAIa,gBAAgB;IAoB9B,yEAAyE;IACzE,OAAO,CAAC,UAAU;yCA3IT,uBAAuB;2CAAvB,uBAAuB;CAyJnC"}

package/dist/DatabaseDesigner/components/modify/database-modify.component.js

@@ -0,0 +1,320 @@
+/**
+ * @module database-modify.component
+ * @description Slide-over view for modifying an existing Database Designer entity.
+ *
+ * Rendered inside an `mj-slide-panel` by the dashboard when the user clicks Edit.
+ * Presents three tabs:
+ *   1. Fields  — EntityFieldsGridComponent in modify mode (existing + new columns)
+ *   2. Review  — EntityReviewPanelComponent showing diff (new cols highlighted)
+ *   3. Apply   — EntityPipelinePanelComponent for running the alter pipeline
+ *
+ * On tab 3 ("Apply"), clicking "Apply Changes" calls `pipelinePanel.StartExecution()`.
+ * The pipeline panel then calls `DatabaseDesignerService.modifyEntity()`.
+ */
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, ViewChild, } from '@angular/core';
+import { DatabaseDesignerEngine } from '../../services/database-designer.engine.js';
+import { EntityPipelinePanelComponent } from '../shared/entity-pipeline-panel.component.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "angular-split";
+import * as i4 from "../shared/entity-fields-grid.component";
+import * as i5 from "../shared/entity-review-panel.component";
+import * as i6 from "../shared/entity-pipeline-panel.component";
+import * as i7 from "../shared/database-preview-pane.component";
+const _c0 = () => ({});
+function DatabaseModifyComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "mj-loading", 3);
+    i0.ɵɵelementEnd();
+} }
+function DatabaseModifyComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.LoadError, " ");
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 20)(2, "mj-database-pipeline-panel", 21);
+    i0.ɵɵlistener("Completed", function DatabaseModifyComponent_Conditional_3_Conditional_17_Template_mj_database_pipeline_panel_Completed_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnPipelineCompleted($event)); })("Errored", function DatabaseModifyComponent_Conditional_3_Conditional_17_Template_mj_database_pipeline_panel_Errored_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnPipelineErrored($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("TableDefinition", ctx_r0.CurrentTableSpec)("ExistingEntityId", ctx_r0.EntityId);
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-database-fields-grid", 27);
+    i0.ɵɵlistener("ColumnsChanged", function DatabaseModifyComponent_Conditional_3_Conditional_18_Conditional_3_Template_mj_database_fields_grid_ColumnsChanged_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnColumnsChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Columns", ctx_r0.EditedColumns);
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-database-review-panel", 25);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("TableDefinition", ctx_r0.CurrentTableSpec)("ExistingColumns", ctx_r0.ExistingColumns);
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "as-split", 16)(1, "as-split-area", 22)(2, "div", 23);
+    i0.ɵɵconditionalCreate(3, DatabaseModifyComponent_Conditional_3_Conditional_18_Conditional_3_Template, 1, 1, "mj-database-fields-grid", 24);
+    i0.ɵɵconditionalCreate(4, DatabaseModifyComponent_Conditional_3_Conditional_18_Conditional_4_Template, 1, 2, "mj-database-review-panel", 25);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "as-split-area", 22);
+    i0.ɵɵelement(6, "mj-database-preview-pane", 26);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 55)("minSize", 40);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.ActiveTab === "fields" ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ActiveTab === "review" ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 45)("minSize", 25);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TableDefinition", ctx_r0.CurrentTableSpec ?? i0.ɵɵpureFunction0(8, _c0))("IsAlter", true);
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Close ");
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Cancel ");
+} }
+function DatabaseModifyComponent_Conditional_3_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵlistener("click", function DatabaseModifyComponent_Conditional_3_Conditional_23_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnApplyChanges()); });
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2, " Apply Changes ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", !ctx_r0.CanApplyChanges || ctx_r0.IsPipelineRunning);
+} }
+function DatabaseModifyComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "div", 6);
+    i0.ɵɵelement(2, "i", 7);
+    i0.ɵɵelementStart(3, "span", 8);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 9);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(7, "div", 10)(8, "button", 11);
+    i0.ɵɵlistener("click", function DatabaseModifyComponent_Conditional_3_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetTab("fields")); });
+    i0.ɵɵelement(9, "i", 12);
+    i0.ɵɵtext(10, " Fields ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 11);
+    i0.ɵɵlistener("click", function DatabaseModifyComponent_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetTab("review")); });
+    i0.ɵɵelement(12, "i", 13);
+    i0.ɵɵtext(13, " Review Changes ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 11);
+    i0.ɵɵlistener("click", function DatabaseModifyComponent_Conditional_3_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SetTab("apply")); });
+    i0.ɵɵelement(15, "i", 14);
+    i0.ɵɵtext(16, " Apply Changes ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(17, DatabaseModifyComponent_Conditional_3_Conditional_17_Template, 3, 2, "div", 15)(18, DatabaseModifyComponent_Conditional_3_Conditional_18_Template, 7, 9, "as-split", 16);
+    i0.ɵɵelementStart(19, "div", 17)(20, "button", 18);
+    i0.ɵɵlistener("click", function DatabaseModifyComponent_Conditional_3_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCancel()); });
+    i0.ɵɵconditionalCreate(21, DatabaseModifyComponent_Conditional_3_Conditional_21_Template, 1, 0)(22, DatabaseModifyComponent_Conditional_3_Conditional_22_Template, 1, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(23, DatabaseModifyComponent_Conditional_3_Conditional_23_Template, 3, 1, "button", 19);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.EntityDetail.entityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", ctx_r0.EntityDetail.schemaName, ".", ctx_r0.EntityDetail.tableName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r0.ActiveTab === "fields");
+    i0.ɵɵattribute("aria-selected", ctx_r0.ActiveTab === "fields");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r0.ActiveTab === "review");
+    i0.ɵɵattribute("aria-selected", ctx_r0.ActiveTab === "review");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r0.ActiveTab === "apply")("tab-apply", true);
+    i0.ɵɵattribute("aria-selected", ctx_r0.ActiveTab === "apply");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.ActiveTab === "apply" ? 17 : 18);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r0.IsPipelineRunning ? 21 : 22);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.ActiveTab !== "apply" ? 23 : -1);
+} }
+export class DatabaseModifyComponent {
+    // ─── Injected ──────────────────────────────────────────────────────────
+    cdr = inject(ChangeDetectorRef);
+    // ─── Inputs / Outputs ──────────────────────────────────────────────────
+    set EntityId(v) {
+        if (v && v !== this._entityId) {
+            this._entityId = v;
+            if (this._initialized)
+                this.loadEntityDetail();
+        }
+    }
+    get EntityId() { return this._entityId; }
+    _entityId = '';
+    _initialized = false;
+    EntityModified = new EventEmitter();
+    Cancelled = new EventEmitter();
+    // ─── View state ────────────────────────────────────────────────────────
+    ActiveTab = 'fields';
+    IsLoading = false;
+    LoadError = null;
+    EntityDetail = null;
+    /** Columns being edited — starts from existing entity fields + user additions. */
+    EditedColumns = [];
+    IsPipelineRunning = false;
+    CanApplyChanges = false;
+    pipelinePanel;
+    // ─── Lifecycle ─────────────────────────────────────────────────────────
+    async ngOnInit() {
+        this._initialized = true;
+        await this.loadEntityDetail();
+    }
+    ngOnDestroy() {
+        // Cleanup not needed — no subscriptions beyond the load promise
+    }
+    // ─── Tab navigation ────────────────────────────────────────────────────
+    SetTab(tab) {
+        // Don't allow switching away from 'apply' once pipeline has started
+        if (this.IsPipelineRunning && tab !== 'apply')
+            return;
+        this.ActiveTab = tab;
+        this.cdr.markForCheck();
+    }
+    // ─── Column change handler ─────────────────────────────────────────────
+    OnColumnsChanged(columns) {
+        this.EditedColumns = columns;
+        this.CanApplyChanges = this.hasChanges();
+        this.cdr.markForCheck();
+    }
+    // ─── Apply / Pipeline ──────────────────────────────────────────────────
+    OnApplyChanges() {
+        if (!this.EntityDetail || !this.CanApplyChanges)
+            return;
+        this.IsPipelineRunning = true;
+        this.SetTab('apply');
+        setTimeout(() => this.pipelinePanel?.StartExecution(), 0);
+    }
+    OnPipelineCompleted(result) {
+        this.IsPipelineRunning = false;
+        DatabaseDesignerEngine.Instance.invalidateCache();
+        this.EntityModified.emit(result);
+        this.cdr.markForCheck();
+    }
+    OnPipelineErrored(_msg) {
+        this.IsPipelineRunning = false;
+        this.cdr.markForCheck();
+    }
+    OnCancel() {
+        if (this.IsPipelineRunning) {
+            // Use native confirm so the guard stays synchronous — required by MjSlidePanelComponent.CanClose.
+            // The pipeline continues on the server regardless; we're only hiding the progress UI.
+            const confirmed = window.confirm('A pipeline operation is in progress. Closing will hide the progress panel ' +
+                'but the operation will continue running on the server.\n\nAre you sure?');
+            if (!confirmed)
+                return;
+        }
+        this.Cancelled.emit();
+    }
+    // ─── Template helpers ──────────────────────────────────────────────────
+    get CurrentTableSpec() {
+        if (!this.EntityDetail)
+            return null;
+        return {
+            EntityName: this.EntityDetail.entityName,
+            TableName: this.EntityDetail.tableName,
+            SchemaName: this.EntityDetail.schemaName,
+            Description: this.EntityDetail.description,
+            Columns: this.EditedColumns,
+        };
+    }
+    get ExistingColumns() {
+        return this.EntityDetail?.columns ?? [];
+    }
+    // ─── Private helpers ───────────────────────────────────────────────────
+    async loadEntityDetail() {
+        if (!this._entityId)
+            return;
+        this.IsLoading = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            this.EntityDetail = await DatabaseDesignerEngine.Instance.loadEntityDetail(this._entityId);
+            if (this.EntityDetail) {
+                this.EditedColumns = [...this.EntityDetail.columns];
+            }
+        }
+        catch (err) {
+            this.LoadError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /** True if the user added new columns or changed any existing column. */
+    hasChanges() {
+        const original = this.EntityDetail?.columns ?? [];
+        if (this.EditedColumns.length !== original.length)
+            return true;
+        return this.EditedColumns.some((col, i) => col.Name !== original[i]?.Name ||
+            col.Type !== original[i]?.Type ||
+            col.IsNullable !== original[i]?.IsNullable ||
+            col.MaxLength !== original[i]?.MaxLength ||
+            col.Precision !== original[i]?.Precision ||
+            col.Scale !== original[i]?.Scale ||
+            col.DefaultValue !== original[i]?.DefaultValue ||
+            col.Description !== original[i]?.Description);
+    }
+    static ɵfac = function DatabaseModifyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatabaseModifyComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatabaseModifyComponent, selectors: [["mj-database-modify"]], viewQuery: function DatabaseModifyComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(EntityPipelinePanelComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pipelinePanel = _t.first);
+        } }, inputs: { EntityId: "EntityId" }, outputs: { EntityModified: "EntityModified", Cancelled: "Cancelled" }, standalone: false, decls: 4, vars: 3, consts: [[1, "modify-root"], [1, "modify-loading"], ["role", "alert", 1, "modify-error"], ["text", "Loading entity details\u2026"], [1, "fa-solid", "fa-circle-exclamation"], [1, "modify-header"], [1, "entity-info"], [1, "fa-solid", "fa-table-cells-large"], [1, "entity-name"], [1, "schema-path"], ["role", "tablist", 1, "tab-bar"], ["role", "tab", 1, "tab-btn", 3, "click"], [1, "fa-solid", "fa-table-list"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-rocket-launch"], [1, "tab-content", "tab-content-full"], ["direction", "horizontal", "gutterSize", "6", 1, "modify-split"], [1, "modify-footer"], ["mjButton", "", "buttonStyle", "secondary", 3, "click"], ["mjButton", "", "buttonStyle", "primary", 3, "disabled"], [1, "apply-tab"], ["ModificationType", "alter", 3, "Completed", "Errored", "TableDefinition", "ExistingEntityId"], [3, "size", "minSize"], [1, "tab-content"], ["Mode", "modify", 3, "Columns"], ["ModificationType", "alter", 3, "TableDefinition", "ExistingColumns"], [1, "modify-preview", 3, "TableDefinition", "IsAlter"], ["Mode", "modify", 3, "ColumnsChanged", "Columns"], ["mjButton", "", "buttonStyle", "primary", 3, "click", "disabled"]], template: function DatabaseModifyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, DatabaseModifyComponent_Conditional_1_Template, 2, 0, "div", 1);
+            i0.ɵɵconditionalCreate(2, DatabaseModifyComponent_Conditional_2_Template, 3, 1, "div", 2);
+            i0.ɵɵconditionalCreate(3, DatabaseModifyComponent_Conditional_3_Template, 24, 17);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.LoadError ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoading && !ctx.LoadError && ctx.EntityDetail ? 3 : -1);
+        } }, dependencies: [i1.MJButtonDirective, i2.LoadingComponent, i3.SplitComponent, i3.SplitAreaComponent, i4.EntityFieldsGridComponent, i5.EntityReviewPanelComponent, i6.EntityPipelinePanelComponent, i7.DatabasePreviewPaneComponent], styles: [".modify-root[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n\n\n\n.modify-loading[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modify-error[_ngcontent-%COMP%] {\n  margin: 16px;\n  padding: 12px 16px;\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n}\n\n\n\n\n.modify-header[_ngcontent-%COMP%] {\n  padding: 16px 20px 12px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.entity-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.entity-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.entity-name[_ngcontent-%COMP%] {\n  font-weight: 700;\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n}\n\n.schema-path[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n.tab-bar[_ngcontent-%COMP%] {\n  display: flex;\n  border-bottom: 2px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  flex-shrink: 0;\n  gap: 0;\n}\n\n.tab-btn[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -2px;\n  transition: color 0.15s, border-color 0.15s;\n  white-space: nowrap;\n}\n\n.tab-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n.tab-btn.active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.tab-btn.tab-apply.active[_ngcontent-%COMP%] {\n  color: var(--mj-status-success-text);\n  border-bottom-color: var(--mj-status-success);\n}\n\n\n\n\n.modify-split[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n}\n\n.modify-split[_ngcontent-%COMP%]   as-split-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n}\n\n.modify-preview[_ngcontent-%COMP%] {\n  display: block;\n  height: 100%;\n  min-width: 0;\n}\n\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n.tab-content-full[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.apply-tab[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n}\n\n\n\n\n.modify-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 10px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatabaseModifyComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-modify', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modify-root\">\n\n  <!-- \u2500\u2500 Loading \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (IsLoading) {\n    <div class=\"modify-loading\">\n      <mj-loading text=\"Loading entity details\u2026\"></mj-loading>\n    </div>\n  }\n\n  <!-- \u2500\u2500 Error \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (LoadError) {\n    <div class=\"modify-error\" role=\"alert\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      {{ LoadError }}\n    </div>\n  }\n\n  <!-- \u2500\u2500 Main view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (!IsLoading && !LoadError && EntityDetail) {\n    <!-- Entity header -->\n    <div class=\"modify-header\">\n      <div class=\"entity-info\">\n        <i class=\"fa-solid fa-table-cells-large\"></i>\n        <span class=\"entity-name\">{{ EntityDetail.entityName }}</span>\n        <span class=\"schema-path\">{{ EntityDetail.schemaName }}.{{ EntityDetail.tableName }}</span>\n      </div>\n    </div>\n\n    <!-- Tab bar -->\n    <div class=\"tab-bar\" role=\"tablist\">\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'fields'\"\n        [attr.aria-selected]=\"ActiveTab === 'fields'\"\n        (click)=\"SetTab('fields')\">\n        <i class=\"fa-solid fa-table-list\"></i>\n        Fields\n      </button>\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'review'\"\n        [attr.aria-selected]=\"ActiveTab === 'review'\"\n        (click)=\"SetTab('review')\">\n        <i class=\"fa-solid fa-magnifying-glass\"></i>\n        Review Changes\n      </button>\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'apply'\"\n        [class.tab-apply]=\"true\"\n        [attr.aria-selected]=\"ActiveTab === 'apply'\"\n        (click)=\"SetTab('apply')\">\n        <i class=\"fa-solid fa-rocket-launch\"></i>\n        Apply Changes\n      </button>\n    </div>\n\n    <!-- Tab content: Fields + Review get a live preview pane on the right; Apply takes full width -->\n    @if (ActiveTab === 'apply') {\n\n      <div class=\"tab-content tab-content-full\">\n        <div class=\"apply-tab\">\n          <mj-database-pipeline-panel\n            [TableDefinition]=\"CurrentTableSpec\"\n            ModificationType=\"alter\"\n            [ExistingEntityId]=\"EntityId\"\n            (Completed)=\"OnPipelineCompleted($event)\"\n            (Errored)=\"OnPipelineErrored($event)\">\n          </mj-database-pipeline-panel>\n        </div>\n      </div>\n\n    } @else {\n\n      <as-split direction=\"horizontal\" class=\"modify-split\" gutterSize=\"6\">\n\n        <as-split-area [size]=\"55\" [minSize]=\"40\">\n          <div class=\"tab-content\">\n\n            @if (ActiveTab === 'fields') {\n              <mj-database-fields-grid\n                [Columns]=\"EditedColumns\"\n                Mode=\"modify\"\n                (ColumnsChanged)=\"OnColumnsChanged($event)\">\n              </mj-database-fields-grid>\n            }\n\n            @if (ActiveTab === 'review') {\n              <mj-database-review-panel\n                [TableDefinition]=\"CurrentTableSpec\"\n                ModificationType=\"alter\"\n                [ExistingColumns]=\"ExistingColumns\">\n              </mj-database-review-panel>\n            }\n\n          </div>\n        </as-split-area>\n\n        <as-split-area [size]=\"45\" [minSize]=\"25\">\n          <mj-database-preview-pane\n            class=\"modify-preview\"\n            [TableDefinition]=\"CurrentTableSpec ?? {}\"\n            [IsAlter]=\"true\">\n          </mj-database-preview-pane>\n        </as-split-area>\n\n      </as-split>\n\n    }\n\n    <!-- Footer -->\n    <div class=\"modify-footer\">\n      <button mjButton buttonStyle=\"secondary\" (click)=\"OnCancel()\">\n        @if (IsPipelineRunning) { Close } @else { Cancel }\n      </button>\n      @if (ActiveTab !== 'apply') {\n        <button\n          mjButton\n          buttonStyle=\"primary\"\n          [disabled]=\"!CanApplyChanges || IsPipelineRunning\"\n          (click)=\"OnApplyChanges()\">\n          <i class=\"fa-solid fa-rocket-launch\"></i>\n          Apply Changes\n        </button>\n      }\n    </div>\n  }\n\n</div>\n", styles: [".modify-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Loading / Error \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.modify-loading {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.modify-error {\n  margin: 16px;\n  padding: 12px 16px;\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.modify-header {\n  padding: 16px 20px 12px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.entity-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.entity-info i {\n  color: var(--mj-brand-primary);\n}\n\n.entity-name {\n  font-weight: 700;\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n}\n\n.schema-path {\n  font-family: monospace;\n  font-size: 0.85rem;\n  color: var(--mj-text-secondary);\n}\n\n/* \u2500\u2500 Tab bar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.tab-bar {\n  display: flex;\n  border-bottom: 2px solid var(--mj-border-subtle);\n  padding: 0 16px;\n  flex-shrink: 0;\n  gap: 0;\n}\n\n.tab-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 12px 16px;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  border: none;\n  background: none;\n  cursor: pointer;\n  border-bottom: 2px solid transparent;\n  margin-bottom: -2px;\n  transition: color 0.15s, border-color 0.15s;\n  white-space: nowrap;\n}\n\n.tab-btn:hover {\n  color: var(--mj-text-primary);\n}\n\n.tab-btn.active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.tab-btn.tab-apply.active {\n  color: var(--mj-status-success-text);\n  border-bottom-color: var(--mj-status-success);\n}\n\n/* \u2500\u2500 Split body (Fields + Review only) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.modify-split {\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n}\n\n.modify-split as-split-area {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n}\n\n.modify-preview {\n  display: block;\n  height: 100%;\n  min-width: 0;\n}\n\n/* \u2500\u2500 Tab content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.tab-content {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n.tab-content-full {\n  width: 100%;\n}\n\n.apply-tab {\n  flex: 1;\n  overflow-y: auto;\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.modify-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 10px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n"] }]
+    }], null, { EntityId: [{
+            type: Input
+        }], EntityModified: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }], pipelinePanel: [{
+            type: ViewChild,
+            args: [EntityPipelinePanelComponent]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatabaseModifyComponent, { className: "DatabaseModifyComponent", filePath: "src/DatabaseDesigner/components/modify/database-modify.component.ts", lineNumber: 33 }); })();
+//# sourceMappingURL=database-modify.component.js.map

package/dist/DatabaseDesigner/components/modify/database-modify.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-modify.component.js","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/modify/database-modify.component.ts","../../../../src/DatabaseDesigner/components/modify/database-modify.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module database-modify.component\n * @description Slide-over view for modifying an existing Database Designer entity.\n *\n * Rendered inside an `mj-slide-panel` by the dashboard when the user clicks Edit.\n * Presents three tabs:\n *   1. Fields  — EntityFieldsGridComponent in modify mode (existing + new columns)\n *   2. Review  — EntityReviewPanelComponent showing diff (new cols highlighted)\n *   3. Apply   — EntityPipelinePanelComponent for running the alter pipeline\n *\n * On tab 3 (\"Apply\"), clicking \"Apply Changes\" calls `pipelinePanel.StartExecution()`.\n * The pipeline panel then calls `DatabaseDesignerService.modifyEntity()`.\n */\n\nimport {\n    Component, Input, Output, EventEmitter, OnInit, OnDestroy,\n    ChangeDetectionStrategy, ChangeDetectorRef, inject, ViewChild,\n} from '@angular/core';\nimport { DatabaseDesignerService } from '../../services/database-designer.service.js';\nimport { DatabaseDesignerEngine } from '../../services/database-designer.engine.js';\nimport { EntityPipelinePanelComponent } from '../shared/entity-pipeline-panel.component.js';\nimport type { AccessibleEntityDetail, ColumnSpec, EntityTableSpec, EntityPipelineResult } from '../../database-designer.types.js';\n\ntype ModifyTab = 'fields' | 'review' | 'apply';\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-modify',\n    templateUrl: './database-modify.component.html',\n    styleUrls: ['./database-modify.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DatabaseModifyComponent implements OnInit, OnDestroy {\n\n    // ─── Injected ──────────────────────────────────────────────────────────\n\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    // ─── Inputs / Outputs ──────────────────────────────────────────────────\n\n    @Input() public set EntityId(v: string) {\n        if (v && v !== this._entityId) {\n            this._entityId = v;\n            if (this._initialized) this.loadEntityDetail();\n        }\n    }\n    public get EntityId(): string { return this._entityId; }\n    private _entityId = '';\n    private _initialized = false;\n\n    @Output() public readonly EntityModified = new EventEmitter<EntityPipelineResult>();\n    @Output() public readonly Cancelled = new EventEmitter<void>();\n\n    // ─── View state ────────────────────────────────────────────────────────\n\n    public ActiveTab: ModifyTab = 'fields';\n    public IsLoading = false;\n    public LoadError: string | null = null;\n    public EntityDetail: AccessibleEntityDetail | null = null;\n\n    /** Columns being edited — starts from existing entity fields + user additions. */\n    public EditedColumns: ColumnSpec[] = [];\n\n    public IsPipelineRunning = false;\n    public CanApplyChanges = false;\n\n    @ViewChild(EntityPipelinePanelComponent)\n    private pipelinePanel?: EntityPipelinePanelComponent;\n\n    // ─── Lifecycle ─────────────────────────────────────────────────────────\n\n    async ngOnInit(): Promise<void> {\n        this._initialized = true;\n        await this.loadEntityDetail();\n    }\n\n    ngOnDestroy(): void {\n        // Cleanup not needed — no subscriptions beyond the load promise\n    }\n\n    // ─── Tab navigation ────────────────────────────────────────────────────\n\n    public SetTab(tab: ModifyTab): void {\n        // Don't allow switching away from 'apply' once pipeline has started\n        if (this.IsPipelineRunning && tab !== 'apply') return;\n        this.ActiveTab = tab;\n        this.cdr.markForCheck();\n    }\n\n    // ─── Column change handler ─────────────────────────────────────────────\n\n    public OnColumnsChanged(columns: ColumnSpec[]): void {\n        this.EditedColumns = columns;\n        this.CanApplyChanges = this.hasChanges();\n        this.cdr.markForCheck();\n    }\n\n    // ─── Apply / Pipeline ──────────────────────────────────────────────────\n\n    public OnApplyChanges(): void {\n        if (!this.EntityDetail || !this.CanApplyChanges) return;\n        this.IsPipelineRunning = true;\n        this.SetTab('apply');\n        setTimeout(() => this.pipelinePanel?.StartExecution(), 0);\n    }\n\n    public OnPipelineCompleted(result: EntityPipelineResult): void {\n        this.IsPipelineRunning = false;\n        DatabaseDesignerEngine.Instance.invalidateCache();\n        this.EntityModified.emit(result);\n        this.cdr.markForCheck();\n    }\n\n    public OnPipelineErrored(_msg: string): void {\n        this.IsPipelineRunning = false;\n        this.cdr.markForCheck();\n    }\n\n    public OnCancel(): void {\n        if (this.IsPipelineRunning) {\n            // Use native confirm so the guard stays synchronous — required by MjSlidePanelComponent.CanClose.\n            // The pipeline continues on the server regardless; we're only hiding the progress UI.\n            const confirmed = window.confirm(\n                'A pipeline operation is in progress. Closing will hide the progress panel ' +\n                'but the operation will continue running on the server.\\n\\nAre you sure?'\n            );\n            if (!confirmed) return;\n        }\n        this.Cancelled.emit();\n    }\n\n    // ─── Template helpers ──────────────────────────────────────────────────\n\n    public get CurrentTableSpec(): EntityTableSpec | null {\n        if (!this.EntityDetail) return null;\n        return {\n            EntityName: this.EntityDetail.entityName,\n            TableName:  this.EntityDetail.tableName,\n            SchemaName: this.EntityDetail.schemaName,\n            Description: this.EntityDetail.description,\n            Columns: this.EditedColumns,\n        };\n    }\n\n    public get ExistingColumns(): ColumnSpec[] {\n        return this.EntityDetail?.columns ?? [];\n    }\n\n    // ─── Private helpers ───────────────────────────────────────────────────\n\n    private async loadEntityDetail(): Promise<void> {\n        if (!this._entityId) return;\n\n        this.IsLoading = true;\n        this.LoadError = null;\n        this.cdr.markForCheck();\n\n        try {\n            this.EntityDetail = await DatabaseDesignerEngine.Instance.loadEntityDetail(this._entityId);\n            if (this.EntityDetail) {\n                this.EditedColumns = [...this.EntityDetail.columns];\n            }\n        } catch (err) {\n            this.LoadError = err instanceof Error ? err.message : String(err);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    /** True if the user added new columns or changed any existing column. */\n    private hasChanges(): boolean {\n        const original = this.EntityDetail?.columns ?? [];\n        if (this.EditedColumns.length !== original.length) return true;\n        return this.EditedColumns.some((col, i) =>\n            col.Name         !== original[i]?.Name         ||\n            col.Type         !== original[i]?.Type         ||\n            col.IsNullable   !== original[i]?.IsNullable   ||\n            col.MaxLength    !== original[i]?.MaxLength     ||\n            col.Precision    !== original[i]?.Precision     ||\n            col.Scale        !== original[i]?.Scale         ||\n            col.DefaultValue !== original[i]?.DefaultValue  ||\n            col.Description  !== original[i]?.Description\n        );\n    }\n}\n","<div class=\"modify-root\">\n\n  <!-- ── Loading ───────────────────────────────────────────────────────── -->\n  @if (IsLoading) {\n    <div class=\"modify-loading\">\n      <mj-loading text=\"Loading entity details…\"></mj-loading>\n    </div>\n  }\n\n  <!-- ── Error ─────────────────────────────────────────────────────────── -->\n  @if (LoadError) {\n    <div class=\"modify-error\" role=\"alert\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      {{ LoadError }}\n    </div>\n  }\n\n  <!-- ── Main view ─────────────────────────────────────────────────────── -->\n  @if (!IsLoading && !LoadError && EntityDetail) {\n    <!-- Entity header -->\n    <div class=\"modify-header\">\n      <div class=\"entity-info\">\n        <i class=\"fa-solid fa-table-cells-large\"></i>\n        <span class=\"entity-name\">{{ EntityDetail.entityName }}</span>\n        <span class=\"schema-path\">{{ EntityDetail.schemaName }}.{{ EntityDetail.tableName }}</span>\n      </div>\n    </div>\n\n    <!-- Tab bar -->\n    <div class=\"tab-bar\" role=\"tablist\">\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'fields'\"\n        [attr.aria-selected]=\"ActiveTab === 'fields'\"\n        (click)=\"SetTab('fields')\">\n        <i class=\"fa-solid fa-table-list\"></i>\n        Fields\n      </button>\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'review'\"\n        [attr.aria-selected]=\"ActiveTab === 'review'\"\n        (click)=\"SetTab('review')\">\n        <i class=\"fa-solid fa-magnifying-glass\"></i>\n        Review Changes\n      </button>\n      <button\n        role=\"tab\"\n        class=\"tab-btn\"\n        [class.active]=\"ActiveTab === 'apply'\"\n        [class.tab-apply]=\"true\"\n        [attr.aria-selected]=\"ActiveTab === 'apply'\"\n        (click)=\"SetTab('apply')\">\n        <i class=\"fa-solid fa-rocket-launch\"></i>\n        Apply Changes\n      </button>\n    </div>\n\n    <!-- Tab content: Fields + Review get a live preview pane on the right; Apply takes full width -->\n    @if (ActiveTab === 'apply') {\n\n      <div class=\"tab-content tab-content-full\">\n        <div class=\"apply-tab\">\n          <mj-database-pipeline-panel\n            [TableDefinition]=\"CurrentTableSpec\"\n            ModificationType=\"alter\"\n            [ExistingEntityId]=\"EntityId\"\n            (Completed)=\"OnPipelineCompleted($event)\"\n            (Errored)=\"OnPipelineErrored($event)\">\n          </mj-database-pipeline-panel>\n        </div>\n      </div>\n\n    } @else {\n\n      <as-split direction=\"horizontal\" class=\"modify-split\" gutterSize=\"6\">\n\n        <as-split-area [size]=\"55\" [minSize]=\"40\">\n          <div class=\"tab-content\">\n\n            @if (ActiveTab === 'fields') {\n              <mj-database-fields-grid\n                [Columns]=\"EditedColumns\"\n                Mode=\"modify\"\n                (ColumnsChanged)=\"OnColumnsChanged($event)\">\n              </mj-database-fields-grid>\n            }\n\n            @if (ActiveTab === 'review') {\n              <mj-database-review-panel\n                [TableDefinition]=\"CurrentTableSpec\"\n                ModificationType=\"alter\"\n                [ExistingColumns]=\"ExistingColumns\">\n              </mj-database-review-panel>\n            }\n\n          </div>\n        </as-split-area>\n\n        <as-split-area [size]=\"45\" [minSize]=\"25\">\n          <mj-database-preview-pane\n            class=\"modify-preview\"\n            [TableDefinition]=\"CurrentTableSpec ?? {}\"\n            [IsAlter]=\"true\">\n          </mj-database-preview-pane>\n        </as-split-area>\n\n      </as-split>\n\n    }\n\n    <!-- Footer -->\n    <div class=\"modify-footer\">\n      <button mjButton buttonStyle=\"secondary\" (click)=\"OnCancel()\">\n        @if (IsPipelineRunning) { Close } @else { Cancel }\n      </button>\n      @if (ActiveTab !== 'apply') {\n        <button\n          mjButton\n          buttonStyle=\"primary\"\n          [disabled]=\"!CanApplyChanges || IsPipelineRunning\"\n          (click)=\"OnApplyChanges()\">\n          <i class=\"fa-solid fa-rocket-launch\"></i>\n          Apply Changes\n        </button>\n      }\n    </div>\n  }\n\n</div>\n"]}

package/dist/DatabaseDesigner/components/shared/database-preview-pane.component.d.ts

@@ -0,0 +1,79 @@
+import type { ERDNode, ERDField } from '@memberjunction/ng-entity-relationship-diagram';
+import type { ColumnSpec, EntityTableSpec, ForeignKeySpec } from '../../database-designer.types.js';
+import * as i0 from "@angular/core";
+/** Which tab is currently active. */
+export type PreviewTab = 'diagram' | 'sql';
+export declare class DatabasePreviewPaneComponent {
+    private readonly cdr;
+    /**
+     * Current wizard draft.  Accepts a partial spec so the preview can
+     * render meaningfully even on Step 1 (name only).
+     */
+    set TableDefinition(value: Partial<EntityTableSpec> | null | undefined);
+    get TableDefinition(): Partial<EntityTableSpec>;
+    private _tableDefinition;
+    /**
+     * True when this preview is showing an edit of an existing entity
+     * (modify flow).  Switches the SQL header to `ALTER` wording and draws
+     * a "current vs proposed" indicator in the diagram.
+     *
+     * Defaults to false (create flow).
+     */
+    set IsAlter(value: boolean);
+    get IsAlter(): boolean;
+    private _isAlter;
+    ActiveTab: PreviewTab;
+    ErdNodes: ERDNode[];
+    SqlText: string;
+    /** Focus node ID — lets `mj-erd-diagram` highlight the in-progress entity. */
+    FocusNodeId: string | null;
+    /**
+     * Stable config reference — bound to `mj-erd-diagram` via `[config]`.
+     * Must be a class property, not an inline object literal in the template,
+     * or every CD cycle produces a new reference and the ERD re-runs its
+     * layout / fit-to-view on every tick.
+     */
+    readonly ErdConfig: {
+        readonly showAllFields: true;
+        readonly maxNodeHeight: 520;
+    };
+    SelectTab(tab: PreviewTab): void;
+    private recompute;
+    /**
+     * Look up each FK target in MJ metadata and return PK + name-field rows per
+     * satellite node.  Falls back to a minimal single-column stub when the
+     * referenced table isn't a known MJ entity.
+     */
+    private resolveSatelliteFields;
+    /** DOM id for the focus node, used by `mj-erd-diagram` to highlight. */
+    static BuildFocusId(spec: Partial<EntityTableSpec>): string | null;
+    /**
+     * ERD node list: one focus node + one satellite per distinct FK target.
+     * `satelliteEnrichments` — optional PK + name-field rows per satellite,
+     * keyed by `MakeSatelliteId(fk)`.  When absent, satellites render a
+     * minimal single-column stub.
+     */
+    static BuildErdNodes(spec: Partial<EntityTableSpec>, satelliteEnrichments?: Map<string, ERDField[]>): ERDNode[];
+    /**
+     * Field list for the focus node: PK + user columns + synthetic FK columns + system audit.
+     * Pure — no link annotation.  `AnnotateFkLinks` runs after to mark FK sources.
+     */
+    static BuildFocusFields(focusId: string, spec: Partial<EntityTableSpec>): ERDField[];
+    /** Stamp FK metadata onto any existing fields that match an FK source column. */
+    static AnnotateFkLinks(fields: ERDField[], foreignKeys: ForeignKeySpec[]): void;
+    /**
+     * One satellite node per distinct FK target (dedupes on schema+table).
+     * When `enrichments` provides rows for a satellite id, those rows (PK +
+     * name field, resolved from MJ metadata) are used instead of the minimal
+     * single-column stub.
+     */
+    static BuildSatelliteNodes(foreignKeys: ForeignKeySpec[], enrichments?: Map<string, ERDField[]>): ERDNode[];
+    static MakeSatelliteId(fk: ForeignKeySpec): string;
+    /** Preview DDL for the given TableDefinition.  `isAlter` only affects the lead comment. */
+    static BuildSqlText(spec: Partial<EntityTableSpec>, isAlter?: boolean): string;
+    static FormatColumnLine(col: ColumnSpec): string;
+    static FormatFieldType(col: ColumnSpec): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatabasePreviewPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatabasePreviewPaneComponent, "mj-database-preview-pane", never, { "TableDefinition": { "alias": "TableDefinition"; "required": false; }; "IsAlter": { "alias": "IsAlter"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=database-preview-pane.component.d.ts.map

package/dist/DatabaseDesigner/components/shared/database-preview-pane.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-preview-pane.component.d.ts","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/database-preview-pane.component.ts"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gDAAgD,CAAC;AACxF,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;;AAEpG,qCAAqC;AACrC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,KAAK,CAAC;AAE3C,qBAOa,4BAA4B;IAErC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAIjD;;;OAGG;IACH,IACW,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,EAG5E;IACD,IAAW,eAAe,IAAI,OAAO,CAAC,eAAe,CAAC,CAAkC;IACxF,OAAO,CAAC,gBAAgB,CAAgC;IAExD;;;;;;OAMG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,OAAO,EAGhC;IACD,IAAW,OAAO,IAAI,OAAO,CAA0B;IACvD,OAAO,CAAC,QAAQ,CAAS;IAIlB,SAAS,EAAE,UAAU,CAAa;IAElC,QAAQ,EAAE,OAAO,EAAE,CAAM;IAEzB,OAAO,SAAM;IAEpB,8EAA8E;IACvE,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEzC;;;;;OAKG;IACH,SAAgB,SAAS;;;MAAwD;IAI1E,SAAS,CAAC,GAAG,EAAE,UAAU,GAAG,IAAI;IAOvC,OAAO,CAAC,SAAS;IAQjB;;;;OAIG;IACH,OAAO,CAAC,sBAAsB;IA2C9B,wEAAwE;WAC1D,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,MAAM,GAAG,IAAI;IAKzE;;;;;OAKG;WACW,aAAa,CACvB,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,EAC9B,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,GAC/C,OAAO,EAAE;IAoBZ;;;OAGG;WACW,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,QAAQ,EAAE;IAmE3F,iFAAiF;WACnE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAI;IAYtF;;;;;OAKG;WACW,mBAAmB,CAC7B,WAAW,EAAE,cAAc,EAAE,EAC7B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,CAAC,GACtC,OAAO,EAAE;WA+BE,eAAe,CAAC,EAAE,EAAE,cAAc,GAAG,MAAM;IAIzD,2FAA2F;WAC7E,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,UAAQ,GAAG,MAAM;WA+CrE,gBAAgB,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM;WAQzC,eAAe,CAAC,GAAG,EAAE,UAAU,GAAG,MAAM;yCAhV7C,4BAA4B;2CAA5B,4BAA4B;CAkWxC"}