@memberjunction/ng-dashboards 5.30.0 → 5.31.0

package/dist/DatabaseDesigner/components/create-wizard/database-create-wizard.component.js

@@ -0,0 +1,400 @@
+/**
+ * @module database-create-wizard.component
+ * @description Multi-step wizard for creating a new Database Designer entity.
+ *
+ * Rendered inside an `mj-slide-panel` by the dashboard.  Manages step routing
+ * and owns one `EntityWizardStateService` instance for the duration the panel
+ * is open.
+ *
+ * Wizard steps:
+ *   1  Basics       — entity name, table name, schema, description
+ *   2  Fields       — column definitions (EntityFieldsGridComponent)
+ *   3  Relationships — optional foreign keys
+ *   4  Review       — read-only schema preview + server-side validation
+ *   5  Create       — pipeline execution + result (EntityPipelinePanelComponent)
+ *
+ * Step 5 is terminal — once the pipeline starts there is no Back navigation.
+ */
+import { Component, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, ViewChild, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { DatabaseDesignerService } from '../../services/database-designer.service.js';
+import { EntityWizardStateService } from '../../services/entity-wizard-state.service.js';
+import { DatabaseDesignerEngine } from '../../services/database-designer.engine.js';
+import { StepPipelineComponent } from './steps/step-pipeline.component.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "angular-split";
+import * as i3 from "../shared/wizard-step-indicator.component";
+import * as i4 from "../shared/database-preview-pane.component";
+import * as i5 from "./steps/step-basics.component";
+import * as i6 from "./steps/step-fields.component";
+import * as i7 from "./steps/step-relationships.component";
+import * as i8 from "./steps/step-review.component";
+import * as i9 from "./steps/step-pipeline.component";
+import * as i10 from "@angular/common";
+const _c0 = () => ({});
+const _c1 = () => [];
+function DatabaseCreateWizardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "mj-entity-step-pipeline", 5);
+    i0.ɵɵlistener("PipelineCompleted", function DatabaseCreateWizardComponent_Conditional_2_Template_mj_entity_step_pipeline_PipelineCompleted_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPipelineCompleted($event)); })("CreateAnother", function DatabaseCreateWizardComponent_Conditional_2_Template_mj_entity_step_pipeline_CreateAnother_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCreateAnother()); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TableDefinition", ctx_r1.TableDefinition);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " We hit a problem ");
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" We hit ", ctx_r1.ValidationErrors.length, " problems ");
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const err_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(err_r4);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 23);
+    i0.ɵɵtext(1, " Retrying\u2026 ");
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 24);
+    i0.ɵɵtext(1, " Retry ");
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 22);
+    i0.ɵɵlistener("click", function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRetryValidation()); });
+    i0.ɵɵconditionalCreate(1, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Conditional_1_Template, 2, 0)(2, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Conditional_2_Template, 2, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsValidating);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsValidating ? 1 : 2);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "div", 15)(3, "div", 16);
+    i0.ɵɵconditionalCreate(4, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_4_Template, 1, 0)(5, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_5_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "ul", 17);
+    i0.ɵɵrepeaterCreate(7, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_For_8_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 18);
+    i0.ɵɵconditionalCreate(10, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Conditional_10_Template, 3, 2, "button", 19);
+    i0.ɵɵelementStart(11, "button", 20);
+    i0.ɵɵlistener("click", function DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDismissErrors()); });
+    i0.ɵɵelement(12, "i", 21);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.ValidationErrors.length === 1 ? 4 : 5);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.ValidationErrors);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.CurrentStep === "relationships" || ctx_r1.CurrentStep === "review" ? 10 : -1);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-step-basics", 25);
+    i0.ɵɵlistener("ValueChanged", function DatabaseCreateWizardComponent_Conditional_3_Conditional_4_Template_mj_entity_step_basics_ValueChanged_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnBasicsChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("AvailableSchemas", ctx_r1.AvailableSchemas);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-step-fields", 26);
+    i0.ɵɵlistener("ColumnsChanged", function DatabaseCreateWizardComponent_Conditional_3_Conditional_5_Template_mj_entity_step_fields_ColumnsChanged_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnFieldsChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("InitialColumns", ctx_r1.TableDefinition.Columns ?? i0.ɵɵpureFunction0(1, _c1));
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-step-relationships", 27);
+    i0.ɵɵlistener("ForeignKeysChanged", function DatabaseCreateWizardComponent_Conditional_3_Conditional_6_Template_mj_entity_step_relationships_ForeignKeysChanged_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRelationshipsChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("InitialForeignKeys", ctx_r1.TableDefinition.ForeignKeys ?? i0.ɵɵpureFunction0(2, _c1))("AvailableColumns", ctx_r1.TableDefinition.Columns ?? i0.ɵɵpureFunction0(3, _c1));
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-entity-step-review", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("TableDefinition", ctx_r1.TableDefinition)("ValidationErrors", ctx_r1.ValidationErrors)("IsValidating", ctx_r1.IsValidating);
+} }
+function DatabaseCreateWizardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "as-split", 3)(1, "as-split-area", 6)(2, "div", 7);
+    i0.ɵɵconditionalCreate(3, DatabaseCreateWizardComponent_Conditional_3_Conditional_3_Template, 13, 2, "div", 8);
+    i0.ɵɵconditionalCreate(4, DatabaseCreateWizardComponent_Conditional_3_Conditional_4_Template, 1, 1, "mj-entity-step-basics", 9);
+    i0.ɵɵconditionalCreate(5, DatabaseCreateWizardComponent_Conditional_3_Conditional_5_Template, 1, 2, "mj-entity-step-fields", 10);
+    i0.ɵɵconditionalCreate(6, DatabaseCreateWizardComponent_Conditional_3_Conditional_6_Template, 1, 4, "mj-entity-step-relationships", 11);
+    i0.ɵɵconditionalCreate(7, DatabaseCreateWizardComponent_Conditional_3_Conditional_7_Template, 1, 3, "mj-entity-step-review", 12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "as-split-area", 6);
+    i0.ɵɵelement(9, "mj-database-preview-pane", 13);
+    i0.ɵɵpipe(10, "async");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 55)("minSize", 40);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ValidationErrors.length > 0 ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CurrentStep === "basics" ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CurrentStep === "fields" ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CurrentStep === "relationships" ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CurrentStep === "review" ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", 45)("minSize", 25);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("TableDefinition", i0.ɵɵpipeBind1(10, 10, ctx_r1.WizardState.tableDefinition$) ?? i0.ɵɵpureFunction0(12, _c0));
+} }
+function DatabaseCreateWizardComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 33);
+    i0.ɵɵlistener("click", function DatabaseCreateWizardComponent_Conditional_4_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnBack()); });
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Back ");
+    i0.ɵɵelementEnd();
+} }
+function DatabaseCreateWizardComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 23);
+    i0.ɵɵtext(1, " Validating\u2026 ");
+} }
+function DatabaseCreateWizardComponent_Conditional_4_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Create Entity ");
+    i0.ɵɵelement(1, "i", 35);
+} }
+function DatabaseCreateWizardComponent_Conditional_4_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Next ");
+    i0.ɵɵelement(1, "i", 36);
+} }
+function DatabaseCreateWizardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "div", 28);
+    i0.ɵɵconditionalCreate(2, DatabaseCreateWizardComponent_Conditional_4_Conditional_2_Template, 3, 0, "button", 29);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 30)(4, "button", 31);
+    i0.ɵɵlistener("click", function DatabaseCreateWizardComponent_Conditional_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵtext(5, " Cancel ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 32);
+    i0.ɵɵlistener("click", function DatabaseCreateWizardComponent_Conditional_4_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNext()); });
+    i0.ɵɵconditionalCreate(7, DatabaseCreateWizardComponent_Conditional_4_Conditional_7_Template, 2, 0)(8, DatabaseCreateWizardComponent_Conditional_4_Conditional_8_Template, 2, 0)(9, DatabaseCreateWizardComponent_Conditional_4_Conditional_9_Template, 2, 0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r1.IsFirstStep ? 2 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r1.IsValidating);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsValidating ? 7 : ctx_r1.CurrentStep === "review" ? 8 : 9);
+} }
+const WIZARD_STEP_DEFS = [
+    { id: 'basics', label: 'Basics' },
+    { id: 'fields', label: 'Fields' },
+    { id: 'relationships', label: 'Relationships' },
+    { id: 'review', label: 'Review & Create' },
+];
+const STEP_ORDER = ['basics', 'fields', 'relationships', 'review'];
+export class DatabaseCreateWizardComponent {
+    // ─── Injected ──────────────────────────────────────────────────────────
+    designerService = inject(DatabaseDesignerService);
+    cdr = inject(ChangeDetectorRef);
+    // ─── Per-instance wizard state service ────────────────────────────────
+    WizardState = new EntityWizardStateService(this.designerService);
+    // ─── Outputs ───────────────────────────────────────────────────────────
+    /** Emitted when the wizard completes successfully. */
+    EntityCreated = new EventEmitter();
+    /** Emitted when the user cancels or clicks "Create Another". */
+    Cancelled = new EventEmitter();
+    // ─── Pipeline step ref ─────────────────────────────────────────────────
+    // StepPipelineComponent is rendered directly in the wizard's own template
+    // (via <mj-entity-step-pipeline>) so this ViewChild resolves correctly,
+    // unlike @ViewChild(EntityPipelinePanelComponent) which lives one level
+    // deeper inside StepPipelineComponent's own view.
+    stepPipelineRef;
+    // ─── View state ────────────────────────────────────────────────────────
+    CurrentStep = 'basics';
+    StepDefs = [];
+    IsValidating = false;
+    ValidationErrors = [];
+    /** True once the user has clicked "Create Entity" — pipeline runs inline on the review step. */
+    IsExecuting = false;
+    get StepIndex() {
+        return STEP_ORDER.indexOf(this.CurrentStep);
+    }
+    get IsFirstStep() { return this.StepIndex === 0; }
+    get IsLastStep() { return this.CurrentStep === 'review'; }
+    // ─── Lifecycle ─────────────────────────────────────────────────────────
+    destroy$ = new Subject();
+    AvailableSchemas = [];
+    constructor() {
+        this.WizardState.currentStep$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(step => {
+            this.CurrentStep = step;
+            this.rebuildStepDefs(step);
+            this.cdr.markForCheck();
+        });
+        this.WizardState.isValidating$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(v => { this.IsValidating = v; this.cdr.markForCheck(); });
+        this.WizardState.stepErrors$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(errors => {
+            this.ValidationErrors = Object.values(errors);
+            this.cdr.markForCheck();
+        });
+        // Build initial step defs
+        this.rebuildStepDefs('basics');
+        // Load available schemas asynchronously — wizard renders synchronously but
+        // the schema dropdown populates when the async result arrives
+        DatabaseDesignerEngine.Instance.loadAvailableSchemas().then(schemas => {
+            this.AvailableSchemas = schemas;
+            this.cdr.markForCheck();
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+        this.WizardState.Destroy();
+    }
+    // ─── Step data handlers (called by child step components) ─────────────
+    OnBasicsChanged(value) {
+        this.WizardState.UpdateBasics(value);
+    }
+    OnFieldsChanged(columns) {
+        this.WizardState.UpdateFields(columns);
+    }
+    OnRelationshipsChanged(fks) {
+        this.WizardState.UpdateRelationshipsAndAutoColumns(fks);
+    }
+    // ─── Navigation ────────────────────────────────────────────────────────
+    async OnNext() {
+        const currentStep = this.CurrentStep;
+        // Synchronous validation for the current step
+        if (!this.WizardState.ValidateStep(currentStep))
+            return;
+        // Entering Review (step 4): run server-side validation first
+        if (currentStep === 'relationships') {
+            const result = await this.WizardState.ValidateSchema();
+            if (!result.Valid)
+                return;
+        }
+        // Review is the last step — "Create Entity" button triggers inline pipeline execution.
+        if (currentStep === 'review') {
+            this.IsExecuting = true;
+            this.cdr.markForCheck();
+            // @ViewChild(StepPipelineComponent) resolves after the @if block renders on the
+            // next CD cycle. The setTimeout gives Angular that cycle before we call StartPipeline().
+            // StepPipelineComponent.ngAfterViewInit() is also wired up as a belt-and-suspenders
+            // trigger — if it fires first, StartPipeline() is a no-op (idempotent guard inside).
+            setTimeout(() => this.stepPipelineRef?.StartPipeline());
+            return;
+        }
+        this.advanceToStep(STEP_ORDER[this.StepIndex + 1]);
+    }
+    OnBack() {
+        if (this.IsFirstStep || this.IsExecuting)
+            return;
+        this.advanceToStep(STEP_ORDER[this.StepIndex - 1]);
+    }
+    OnCancel() {
+        this.Cancelled.emit();
+    }
+    /** Re-run server-side schema validation without advancing the step. */
+    async OnRetryValidation() {
+        await this.WizardState.ValidateSchema();
+    }
+    /** Clear the current validation errors without re-running validation. */
+    OnDismissErrors() {
+        this.ValidationErrors = [];
+        this.cdr.markForCheck();
+    }
+    // ─── Pipeline events ───────────────────────────────────────────────────
+    OnPipelineCompleted(result) {
+        DatabaseDesignerEngine.Instance.invalidateCache();
+        this.EntityCreated.emit(result);
+    }
+    OnPipelineErrored(_msg) {
+        // Panel handles the error UI inline — nothing extra needed here
+        this.cdr.markForCheck();
+    }
+    OnCreateAnother() {
+        this.Cancelled.emit(); // Parent will re-open a fresh wizard if needed
+    }
+    // ─── Template helpers ──────────────────────────────────────────────────
+    get TableDefinition() { return this.WizardState.TableDefinition; }
+    TrackByStep(_, def) { return def.id; }
+    // ─── Private helpers ───────────────────────────────────────────────────
+    advanceToStep(step) {
+        this.ValidationErrors = [];
+        this.WizardState.GoToStep(step);
+    }
+    rebuildStepDefs(activeStep) {
+        const activeIndex = STEP_ORDER.indexOf(activeStep);
+        this.StepDefs = WIZARD_STEP_DEFS.map((def, i) => ({
+            ...def,
+            isActive: def.id === activeStep,
+            isComplete: i < activeIndex,
+        }));
+    }
+    static ɵfac = function DatabaseCreateWizardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatabaseCreateWizardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatabaseCreateWizardComponent, selectors: [["mj-database-create-wizard"]], viewQuery: function DatabaseCreateWizardComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(StepPipelineComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.stepPipelineRef = _t.first);
+        } }, outputs: { EntityCreated: "EntityCreated", Cancelled: "Cancelled" }, standalone: false, decls: 5, vars: 4, consts: [[1, "wizard-root"], [3, "Steps", "CurrentStep"], [1, "wizard-body", "wizard-body-full"], ["direction", "horizontal", "gutterSize", "6", 1, "wizard-split"], [1, "wizard-footer"], [3, "PipelineCompleted", "CreateAnother", "TableDefinition"], [3, "size", "minSize"], [1, "wizard-body"], ["role", "alert", 1, "wizard-banner", "wizard-banner-error"], [3, "AvailableSchemas"], [3, "InitialColumns"], [3, "InitialForeignKeys", "AvailableColumns"], [3, "TableDefinition", "ValidationErrors", "IsValidating"], [1, "wizard-preview", 3, "TableDefinition"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "wizard-banner-body"], [1, "wizard-banner-title"], [1, "wizard-banner-list"], [1, "wizard-banner-actions"], ["mjButton", "", "buttonStyle", "secondary", "type", "button", 3, "disabled"], ["type", "button", "title", "Dismiss", 1, "wizard-banner-dismiss", 3, "click"], [1, "fa-solid", "fa-xmark"], ["mjButton", "", "buttonStyle", "secondary", "type", "button", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-rotate-right"], [3, "ValueChanged", "AvailableSchemas"], [3, "ColumnsChanged", "InitialColumns"], [3, "ForeignKeysChanged", "InitialForeignKeys", "AvailableColumns"], [1, "footer-left"], ["mjButton", "", "buttonStyle", "ghost", "type", "button"], [1, "footer-right"], ["mjButton", "", "buttonStyle", "secondary", "type", "button", 3, "click"], ["mjButton", "", "buttonStyle", "primary", "type", "button", 3, "click", "disabled"], ["mjButton", "", "buttonStyle", "ghost", "type", "button", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "fa-solid", "fa-rocket-launch"], [1, "fa-solid", "fa-arrow-right"]], template: function DatabaseCreateWizardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "mj-entity-wizard-step-indicator", 1);
+            i0.ɵɵconditionalCreate(2, DatabaseCreateWizardComponent_Conditional_2_Template, 2, 1, "div", 2)(3, DatabaseCreateWizardComponent_Conditional_3_Template, 11, 13, "as-split", 3);
+            i0.ɵɵconditionalCreate(4, DatabaseCreateWizardComponent_Conditional_4_Template, 10, 3, "div", 4);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Steps", ctx.StepDefs)("CurrentStep", ctx.StepIndex);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsExecuting ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.IsExecuting ? 4 : -1);
+        } }, dependencies: [i1.MJButtonDirective, i2.SplitComponent, i2.SplitAreaComponent, i3.WizardStepIndicatorComponent, i4.DatabasePreviewPaneComponent, i5.StepBasicsComponent, i6.StepFieldsComponent, i7.StepRelationshipsComponent, i8.StepReviewComponent, i9.StepPipelineComponent, i10.AsyncPipe], styles: [".wizard-root[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n\n\n\n.wizard-split[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n}\n\n.wizard-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.wizard-preview[_ngcontent-%COMP%] {\n  display: block;\n  height: 100%;\n  min-width: 0;\n}\n\n\n\n\n.wizard-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  min-height: 0;\n}\n\n.wizard-body-full[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n\n.wizard-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px 16px;\n  margin: 16px 20px 0;\n  border-radius: 8px;\n  border: 1px solid var(--mj-status-error-border);\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  flex-shrink: 0;\n}\n\n.wizard-banner[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 16px;\n  margin-top: 2px;\n  flex-shrink: 0;\n}\n\n.wizard-banner-body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.wizard-banner-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 0.9375rem;\n}\n\n.wizard-banner-list[_ngcontent-%COMP%] {\n  margin: 0;\n  padding-left: 18px;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wizard-banner-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  word-break: break-word;\n}\n\n.wizard-banner-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.wizard-banner-dismiss[_ngcontent-%COMP%] {\n  background: transparent;\n  border: 0;\n  color: var(--mj-status-error-text);\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  opacity: 0.7;\n  transition: opacity 120ms, background-color 120ms;\n}\n\n.wizard-banner-dismiss[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--mj-status-error) 15%, transparent);\n}\n\n\n\n\n.wizard-footer[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\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\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatabaseCreateWizardComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-create-wizard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wizard-root\">\n\n  <!-- \u2500\u2500 Step indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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  <mj-entity-wizard-step-indicator\n    [Steps]=\"StepDefs\"\n    [CurrentStep]=\"StepIndex\">\n  </mj-entity-wizard-step-indicator>\n\n  <!-- \u2500\u2500 Split body: steps (left) + live preview (right) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (IsExecuting) {\n\n    <!-- Pipeline takes the full width while it runs -->\n    <div class=\"wizard-body wizard-body-full\">\n      <mj-entity-step-pipeline\n        [TableDefinition]=\"TableDefinition\"\n        (PipelineCompleted)=\"OnPipelineCompleted($event)\"\n        (CreateAnother)=\"OnCreateAnother()\">\n      </mj-entity-step-pipeline>\n    </div>\n\n  } @else {\n\n    <as-split direction=\"horizontal\" class=\"wizard-split\" gutterSize=\"6\">\n\n      <as-split-area [size]=\"55\" [minSize]=\"40\">\n        <div class=\"wizard-body\">\n\n          <!-- \u2500\u2500 Inline validation banner (replaces bottom-floating error bar) \u2500\u2500\u2500 -->\n          @if (ValidationErrors.length > 0) {\n            <div class=\"wizard-banner wizard-banner-error\" role=\"alert\">\n              <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              <div class=\"wizard-banner-body\">\n                <div class=\"wizard-banner-title\">\n                  @if (ValidationErrors.length === 1) {\n                    We hit a problem\n                  } @else {\n                    We hit {{ ValidationErrors.length }} problems\n                  }\n                </div>\n                <ul class=\"wizard-banner-list\">\n                  @for (err of ValidationErrors; track $index) {\n                    <li>{{ err }}</li>\n                  }\n                </ul>\n              </div>\n              <div class=\"wizard-banner-actions\">\n                @if (CurrentStep === 'relationships' || CurrentStep === 'review') {\n                  <button\n                    mjButton\n                    buttonStyle=\"secondary\"\n                    type=\"button\"\n                    [disabled]=\"IsValidating\"\n                    (click)=\"OnRetryValidation()\">\n                    @if (IsValidating) {\n                      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                      Retrying\u2026\n                    } @else {\n                      <i class=\"fa-solid fa-rotate-right\"></i>\n                      Retry\n                    }\n                  </button>\n                }\n                <button\n                  type=\"button\"\n                  class=\"wizard-banner-dismiss\"\n                  title=\"Dismiss\"\n                  (click)=\"OnDismissErrors()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n          }\n\n          <!-- Step 1: Basics -->\n          @if (CurrentStep === 'basics') {\n            <mj-entity-step-basics\n              [AvailableSchemas]=\"AvailableSchemas\"\n              (ValueChanged)=\"OnBasicsChanged($event)\">\n            </mj-entity-step-basics>\n          }\n\n          <!-- Step 2: Fields -->\n          @if (CurrentStep === 'fields') {\n            <mj-entity-step-fields\n              [InitialColumns]=\"TableDefinition.Columns ?? []\"\n              (ColumnsChanged)=\"OnFieldsChanged($event)\">\n            </mj-entity-step-fields>\n          }\n\n          <!-- Step 3: Relationships -->\n          @if (CurrentStep === 'relationships') {\n            <mj-entity-step-relationships\n              [InitialForeignKeys]=\"TableDefinition.ForeignKeys ?? []\"\n              [AvailableColumns]=\"TableDefinition.Columns ?? []\"\n              (ForeignKeysChanged)=\"OnRelationshipsChanged($event)\">\n            </mj-entity-step-relationships>\n          }\n\n          <!-- Step 4: Review & Create -->\n          @if (CurrentStep === 'review') {\n            <mj-entity-step-review\n              [TableDefinition]=\"TableDefinition\"\n              [ValidationErrors]=\"ValidationErrors\"\n              [IsValidating]=\"IsValidating\">\n            </mj-entity-step-review>\n          }\n\n        </div>\n      </as-split-area>\n\n      <as-split-area [size]=\"45\" [minSize]=\"25\">\n        <mj-database-preview-pane\n          class=\"wizard-preview\"\n          [TableDefinition]=\"(WizardState.tableDefinition$ | async) ?? {}\">\n        </mj-database-preview-pane>\n      </as-split-area>\n\n    </as-split>\n\n  }\n\n  <!-- \u2500\u2500 Footer navigation \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 (!IsExecuting) {\n    <div class=\"wizard-footer\">\n      <div class=\"footer-left\">\n        @if (!IsFirstStep) {\n          <button\n            mjButton\n            buttonStyle=\"ghost\"\n            type=\"button\"\n            (click)=\"OnBack()\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n            Back\n          </button>\n        }\n      </div>\n      <div class=\"footer-right\">\n        <button\n          mjButton\n          buttonStyle=\"secondary\"\n          type=\"button\"\n          (click)=\"OnCancel()\">\n          Cancel\n        </button>\n        <button\n          mjButton\n          buttonStyle=\"primary\"\n          type=\"button\"\n          [disabled]=\"IsValidating\"\n          (click)=\"OnNext()\">\n          @if (IsValidating) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            Validating\u2026\n          } @else if (CurrentStep === 'review') {\n            Create Entity\n            <i class=\"fa-solid fa-rocket-launch\"></i>\n          } @else {\n            Next\n            <i class=\"fa-solid fa-arrow-right\"></i>\n          }\n        </button>\n      </div>\n    </div>\n  }\n\n</div>\n", styles: [".wizard-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Split body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.wizard-split {\n  flex: 1;\n  min-height: 0;\n  width: 100%;\n}\n\n.wizard-split as-split-area {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n}\n\n.wizard-preview {\n  display: block;\n  height: 100%;\n  min-width: 0;\n}\n\n/* \u2500\u2500 Body \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.wizard-body {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  min-height: 0;\n}\n\n.wizard-body-full {\n  width: 100%;\n}\n\n/* \u2500\u2500 Inline banner (at top of step 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 */\n\n.wizard-banner {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px 16px;\n  margin: 16px 20px 0;\n  border-radius: 8px;\n  border: 1px solid var(--mj-status-error-border);\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  flex-shrink: 0;\n}\n\n.wizard-banner > i {\n  font-size: 16px;\n  margin-top: 2px;\n  flex-shrink: 0;\n}\n\n.wizard-banner-body {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.wizard-banner-title {\n  font-weight: 600;\n  font-size: 0.9375rem;\n}\n\n.wizard-banner-list {\n  margin: 0;\n  padding-left: 18px;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.wizard-banner-list li {\n  word-break: break-word;\n}\n\n.wizard-banner-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.wizard-banner-dismiss {\n  background: transparent;\n  border: 0;\n  color: var(--mj-status-error-text);\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 4px;\n  opacity: 0.7;\n  transition: opacity 120ms, background-color 120ms;\n}\n\n.wizard-banner-dismiss:hover {\n  opacity: 1;\n  background: color-mix(in srgb, var(--mj-status-error) 15%, transparent);\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.wizard-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\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\n.footer-right {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n}\n"] }]
+    }], () => [], { EntityCreated: [{
+            type: Output
+        }], Cancelled: [{
+            type: Output
+        }], stepPipelineRef: [{
+            type: ViewChild,
+            args: [StepPipelineComponent]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatabaseCreateWizardComponent, { className: "DatabaseCreateWizardComponent", filePath: "src/DatabaseDesigner/components/create-wizard/database-create-wizard.component.ts", lineNumber: 51 }); })();
+//# sourceMappingURL=database-create-wizard.component.js.map

package/dist/DatabaseDesigner/components/create-wizard/database-create-wizard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-create-wizard.component.js","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/create-wizard/database-create-wizard.component.ts","../../../../src/DatabaseDesigner/components/create-wizard/database-create-wizard.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module database-create-wizard.component\n * @description Multi-step wizard for creating a new Database Designer entity.\n *\n * Rendered inside an `mj-slide-panel` by the dashboard.  Manages step routing\n * and owns one `EntityWizardStateService` instance for the duration the panel\n * is open.\n *\n * Wizard steps:\n *   1  Basics       — entity name, table name, schema, description\n *   2  Fields       — column definitions (EntityFieldsGridComponent)\n *   3  Relationships — optional foreign keys\n *   4  Review       — read-only schema preview + server-side validation\n *   5  Create       — pipeline execution + result (EntityPipelinePanelComponent)\n *\n * Step 5 is terminal — once the pipeline starts there is no Back navigation.\n */\n\nimport {\n    Component, Output, EventEmitter, OnDestroy,\n    ChangeDetectionStrategy, ChangeDetectorRef, inject, ViewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DatabaseDesignerService } from '../../services/database-designer.service.js';\nimport { EntityWizardStateService } from '../../services/entity-wizard-state.service.js';\nimport { DatabaseDesignerEngine } from '../../services/database-designer.engine.js';\nimport { StepPipelineComponent } from './steps/step-pipeline.component.js';\nimport type {\n    WizardStep, WizardStepDef, BasicsStepValue,\n    ColumnSpec, ForeignKeySpec, EntityPipelineResult, SchemaOption,\n} from '../../database-designer.types.js';\n\nconst WIZARD_STEP_DEFS: Omit<WizardStepDef, 'isComplete' | 'isActive'>[] = [\n    { id: 'basics',        label: 'Basics' },\n    { id: 'fields',        label: 'Fields' },\n    { id: 'relationships', label: 'Relationships' },\n    { id: 'review',        label: 'Review & Create' },\n];\n\nconst STEP_ORDER: WizardStep[] = ['basics', 'fields', 'relationships', 'review'];\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-create-wizard',\n    templateUrl: './database-create-wizard.component.html',\n    styleUrls: ['./database-create-wizard.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DatabaseCreateWizardComponent implements OnDestroy {\n\n    // ─── Injected ──────────────────────────────────────────────────────────\n\n    private readonly designerService = inject(DatabaseDesignerService);\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    // ─── Per-instance wizard state service ────────────────────────────────\n\n    public readonly WizardState = new EntityWizardStateService(this.designerService);\n\n    // ─── Outputs ───────────────────────────────────────────────────────────\n\n    /** Emitted when the wizard completes successfully. */\n    @Output() public readonly EntityCreated = new EventEmitter<EntityPipelineResult>();\n\n    /** Emitted when the user cancels or clicks \"Create Another\". */\n    @Output() public readonly Cancelled = new EventEmitter<void>();\n\n    // ─── Pipeline step ref ─────────────────────────────────────────────────\n\n    // StepPipelineComponent is rendered directly in the wizard's own template\n    // (via <mj-entity-step-pipeline>) so this ViewChild resolves correctly,\n    // unlike @ViewChild(EntityPipelinePanelComponent) which lives one level\n    // deeper inside StepPipelineComponent's own view.\n    @ViewChild(StepPipelineComponent)\n    private stepPipelineRef?: StepPipelineComponent;\n\n    // ─── View state ────────────────────────────────────────────────────────\n\n    public CurrentStep: WizardStep = 'basics';\n    public StepDefs: WizardStepDef[] = [];\n    public IsValidating = false;\n    public ValidationErrors: string[] = [];\n    /** True once the user has clicked \"Create Entity\" — pipeline runs inline on the review step. */\n    public IsExecuting = false;\n\n    public get StepIndex(): number {\n        return STEP_ORDER.indexOf(this.CurrentStep);\n    }\n\n    public get IsFirstStep(): boolean { return this.StepIndex === 0; }\n    public get IsLastStep(): boolean  { return this.CurrentStep === 'review'; }\n\n    // ─── Lifecycle ─────────────────────────────────────────────────────────\n\n    private readonly destroy$ = new Subject<void>();\n\n    public AvailableSchemas: SchemaOption[] = [];\n\n    constructor() {\n        this.WizardState.currentStep$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(step => {\n                this.CurrentStep = step;\n                this.rebuildStepDefs(step);\n                this.cdr.markForCheck();\n            });\n\n        this.WizardState.isValidating$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(v => { this.IsValidating = v; this.cdr.markForCheck(); });\n\n        this.WizardState.stepErrors$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(errors => {\n                this.ValidationErrors = Object.values(errors);\n                this.cdr.markForCheck();\n            });\n\n        // Build initial step defs\n        this.rebuildStepDefs('basics');\n\n        // Load available schemas asynchronously — wizard renders synchronously but\n        // the schema dropdown populates when the async result arrives\n        DatabaseDesignerEngine.Instance.loadAvailableSchemas().then(schemas => {\n            this.AvailableSchemas = schemas;\n            this.cdr.markForCheck();\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n        this.WizardState.Destroy();\n    }\n\n    // ─── Step data handlers (called by child step components) ─────────────\n\n    public OnBasicsChanged(value: BasicsStepValue): void {\n        this.WizardState.UpdateBasics(value);\n    }\n\n    public OnFieldsChanged(columns: ColumnSpec[]): void {\n        this.WizardState.UpdateFields(columns);\n    }\n\n    public OnRelationshipsChanged(fks: ForeignKeySpec[]): void {\n        this.WizardState.UpdateRelationshipsAndAutoColumns(fks);\n    }\n\n    // ─── Navigation ────────────────────────────────────────────────────────\n\n    public async OnNext(): Promise<void> {\n        const currentStep = this.CurrentStep;\n\n        // Synchronous validation for the current step\n        if (!this.WizardState.ValidateStep(currentStep)) return;\n\n        // Entering Review (step 4): run server-side validation first\n        if (currentStep === 'relationships') {\n            const result = await this.WizardState.ValidateSchema();\n            if (!result.Valid) return;\n        }\n\n        // Review is the last step — \"Create Entity\" button triggers inline pipeline execution.\n        if (currentStep === 'review') {\n            this.IsExecuting = true;\n            this.cdr.markForCheck();\n            // @ViewChild(StepPipelineComponent) resolves after the @if block renders on the\n            // next CD cycle. The setTimeout gives Angular that cycle before we call StartPipeline().\n            // StepPipelineComponent.ngAfterViewInit() is also wired up as a belt-and-suspenders\n            // trigger — if it fires first, StartPipeline() is a no-op (idempotent guard inside).\n            setTimeout(() => this.stepPipelineRef?.StartPipeline());\n            return;\n        }\n\n        this.advanceToStep(STEP_ORDER[this.StepIndex + 1]);\n    }\n\n    public OnBack(): void {\n        if (this.IsFirstStep || this.IsExecuting) return;\n        this.advanceToStep(STEP_ORDER[this.StepIndex - 1]);\n    }\n\n    public OnCancel(): void {\n        this.Cancelled.emit();\n    }\n\n    /** Re-run server-side schema validation without advancing the step. */\n    public async OnRetryValidation(): Promise<void> {\n        await this.WizardState.ValidateSchema();\n    }\n\n    /** Clear the current validation errors without re-running validation. */\n    public OnDismissErrors(): void {\n        this.ValidationErrors = [];\n        this.cdr.markForCheck();\n    }\n\n    // ─── Pipeline events ───────────────────────────────────────────────────\n\n    public OnPipelineCompleted(result: EntityPipelineResult): void {\n        DatabaseDesignerEngine.Instance.invalidateCache();\n        this.EntityCreated.emit(result);\n    }\n\n    public OnPipelineErrored(_msg: string): void {\n        // Panel handles the error UI inline — nothing extra needed here\n        this.cdr.markForCheck();\n    }\n\n    public OnCreateAnother(): void {\n        this.Cancelled.emit(); // Parent will re-open a fresh wizard if needed\n    }\n\n    // ─── Template helpers ──────────────────────────────────────────────────\n\n    public get TableDefinition() { return this.WizardState.TableDefinition; }\n\n    public TrackByStep(_: number, def: WizardStepDef): string { return def.id; }\n\n    // ─── Private helpers ───────────────────────────────────────────────────\n\n    private advanceToStep(step: WizardStep): void {\n        this.ValidationErrors = [];\n        this.WizardState.GoToStep(step);\n    }\n\n    private rebuildStepDefs(activeStep: WizardStep): void {\n        const activeIndex = STEP_ORDER.indexOf(activeStep);\n        this.StepDefs = WIZARD_STEP_DEFS.map((def, i) => ({\n            ...def,\n            isActive: def.id === activeStep,\n            isComplete: i < activeIndex,\n        }));\n    }\n}\n","<div class=\"wizard-root\">\n\n  <!-- ── Step indicator ──────────────────────────────────────────────────── -->\n  <mj-entity-wizard-step-indicator\n    [Steps]=\"StepDefs\"\n    [CurrentStep]=\"StepIndex\">\n  </mj-entity-wizard-step-indicator>\n\n  <!-- ── Split body: steps (left) + live preview (right) ─────────────────── -->\n  @if (IsExecuting) {\n\n    <!-- Pipeline takes the full width while it runs -->\n    <div class=\"wizard-body wizard-body-full\">\n      <mj-entity-step-pipeline\n        [TableDefinition]=\"TableDefinition\"\n        (PipelineCompleted)=\"OnPipelineCompleted($event)\"\n        (CreateAnother)=\"OnCreateAnother()\">\n      </mj-entity-step-pipeline>\n    </div>\n\n  } @else {\n\n    <as-split direction=\"horizontal\" class=\"wizard-split\" gutterSize=\"6\">\n\n      <as-split-area [size]=\"55\" [minSize]=\"40\">\n        <div class=\"wizard-body\">\n\n          <!-- ── Inline validation banner (replaces bottom-floating error bar) ─── -->\n          @if (ValidationErrors.length > 0) {\n            <div class=\"wizard-banner wizard-banner-error\" role=\"alert\">\n              <i class=\"fa-solid fa-triangle-exclamation\"></i>\n              <div class=\"wizard-banner-body\">\n                <div class=\"wizard-banner-title\">\n                  @if (ValidationErrors.length === 1) {\n                    We hit a problem\n                  } @else {\n                    We hit {{ ValidationErrors.length }} problems\n                  }\n                </div>\n                <ul class=\"wizard-banner-list\">\n                  @for (err of ValidationErrors; track $index) {\n                    <li>{{ err }}</li>\n                  }\n                </ul>\n              </div>\n              <div class=\"wizard-banner-actions\">\n                @if (CurrentStep === 'relationships' || CurrentStep === 'review') {\n                  <button\n                    mjButton\n                    buttonStyle=\"secondary\"\n                    type=\"button\"\n                    [disabled]=\"IsValidating\"\n                    (click)=\"OnRetryValidation()\">\n                    @if (IsValidating) {\n                      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                      Retrying…\n                    } @else {\n                      <i class=\"fa-solid fa-rotate-right\"></i>\n                      Retry\n                    }\n                  </button>\n                }\n                <button\n                  type=\"button\"\n                  class=\"wizard-banner-dismiss\"\n                  title=\"Dismiss\"\n                  (click)=\"OnDismissErrors()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n          }\n\n          <!-- Step 1: Basics -->\n          @if (CurrentStep === 'basics') {\n            <mj-entity-step-basics\n              [AvailableSchemas]=\"AvailableSchemas\"\n              (ValueChanged)=\"OnBasicsChanged($event)\">\n            </mj-entity-step-basics>\n          }\n\n          <!-- Step 2: Fields -->\n          @if (CurrentStep === 'fields') {\n            <mj-entity-step-fields\n              [InitialColumns]=\"TableDefinition.Columns ?? []\"\n              (ColumnsChanged)=\"OnFieldsChanged($event)\">\n            </mj-entity-step-fields>\n          }\n\n          <!-- Step 3: Relationships -->\n          @if (CurrentStep === 'relationships') {\n            <mj-entity-step-relationships\n              [InitialForeignKeys]=\"TableDefinition.ForeignKeys ?? []\"\n              [AvailableColumns]=\"TableDefinition.Columns ?? []\"\n              (ForeignKeysChanged)=\"OnRelationshipsChanged($event)\">\n            </mj-entity-step-relationships>\n          }\n\n          <!-- Step 4: Review & Create -->\n          @if (CurrentStep === 'review') {\n            <mj-entity-step-review\n              [TableDefinition]=\"TableDefinition\"\n              [ValidationErrors]=\"ValidationErrors\"\n              [IsValidating]=\"IsValidating\">\n            </mj-entity-step-review>\n          }\n\n        </div>\n      </as-split-area>\n\n      <as-split-area [size]=\"45\" [minSize]=\"25\">\n        <mj-database-preview-pane\n          class=\"wizard-preview\"\n          [TableDefinition]=\"(WizardState.tableDefinition$ | async) ?? {}\">\n        </mj-database-preview-pane>\n      </as-split-area>\n\n    </as-split>\n\n  }\n\n  <!-- ── Footer navigation ─────────────────────────────────────────────── -->\n  @if (!IsExecuting) {\n    <div class=\"wizard-footer\">\n      <div class=\"footer-left\">\n        @if (!IsFirstStep) {\n          <button\n            mjButton\n            buttonStyle=\"ghost\"\n            type=\"button\"\n            (click)=\"OnBack()\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n            Back\n          </button>\n        }\n      </div>\n      <div class=\"footer-right\">\n        <button\n          mjButton\n          buttonStyle=\"secondary\"\n          type=\"button\"\n          (click)=\"OnCancel()\">\n          Cancel\n        </button>\n        <button\n          mjButton\n          buttonStyle=\"primary\"\n          type=\"button\"\n          [disabled]=\"IsValidating\"\n          (click)=\"OnNext()\">\n          @if (IsValidating) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            Validating…\n          } @else if (CurrentStep === 'review') {\n            Create Entity\n            <i class=\"fa-solid fa-rocket-launch\"></i>\n          } @else {\n            Next\n            <i class=\"fa-solid fa-arrow-right\"></i>\n          }\n        </button>\n      </div>\n    </div>\n  }\n\n</div>\n"]}

package/dist/DatabaseDesigner/components/create-wizard/steps/step-basics.component.d.ts

@@ -0,0 +1,42 @@
+/**
+ * @module step-basics.component
+ * @description Step 1 of the create wizard — entity name, table name, schema, description.
+ *
+ * Auto-derives the table name from entity name (PascalCase, no spaces) but
+ * lets the user override it freely.  Once the user manually edits the table
+ * name it stops tracking entity name changes.
+ */
+import { EventEmitter, OnInit } from '@angular/core';
+import type { BasicsStepValue, SchemaOption } from '../../../database-designer.types.js';
+import * as i0 from "@angular/core";
+export declare class StepBasicsComponent implements OnInit {
+    private readonly cdr;
+    InitialValue: Partial<BasicsStepValue>;
+    private _availableSchemas;
+    set AvailableSchemas(schemas: SchemaOption[]);
+    get AvailableSchemas(): SchemaOption[];
+    readonly ValueChanged: EventEmitter<BasicsStepValue>;
+    EntityName: string;
+    TableName: string;
+    SchemaName: string;
+    Description: string;
+    /** When true, TableName auto-tracks EntityName changes. */
+    tableNameIsAuto: boolean;
+    ShowCustomSchemaInput: boolean;
+    CustomSchemaName: string;
+    ngOnInit(): void;
+    OnEntityNameChange(value: string): void;
+    OnTableNameChange(value: string): void;
+    OnSchemaChange(value: string): void;
+    OnCustomSchemaChange(value: string): void;
+    OnDescriptionChange(value: string): void;
+    /** Pick the first schema in the list as default (usually '__mj_UDT'). */
+    private defaultSchema;
+    private updateCustomSchemaVisibility;
+    /** Convert "Support Tickets" → "SupportTickets". */
+    deriveTableName(entityName: string): string;
+    private emit;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepBasicsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepBasicsComponent, "mj-entity-step-basics", never, { "InitialValue": { "alias": "InitialValue"; "required": false; }; "AvailableSchemas": { "alias": "AvailableSchemas"; "required": false; }; }, { "ValueChanged": "ValueChanged"; }, never, never, false, never>;
+}
+//# sourceMappingURL=step-basics.component.d.ts.map

package/dist/DatabaseDesigner/components/create-wizard/steps/step-basics.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-basics.component.d.ts","sourceRoot":"","sources":["../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-basics.component.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACuB,YAAY,EAAE,MAAM,EAEjD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;;AAEzF,qBAOa,mBAAoB,YAAW,MAAM;IAE9C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAA6B;IAEjC,YAAY,EAAE,OAAO,CAAC,eAAe,CAAC,CAAM;IAE5D,OAAO,CAAC,iBAAiB,CAAsB;IAC/C,IACI,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,EAS3C;IACD,IAAI,gBAAgB,IAAI,YAAY,EAAE,CAAmC;IAEzE,SAA0B,YAAY,gCAAuC;IAItE,UAAU,SAAM;IAChB,SAAS,SAAM;IACf,UAAU,SAAM;IAChB,WAAW,SAAM;IAExB,2DAA2D;IACpD,eAAe,UAAQ;IAIvB,qBAAqB,UAAS;IAC9B,gBAAgB,SAAM;IAI7B,QAAQ,IAAI,IAAI;IAiBT,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQvC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOtC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOnC,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMzC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAO/C,yEAAyE;IACzE,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,4BAA4B;IASpC,oDAAoD;IAC7C,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM;IASlD,OAAO,CAAC,IAAI;yCApHH,mBAAmB;2CAAnB,mBAAmB;CA8H/B"}