@memberjunction/ng-dashboards 5.30.1 → 5.32.0

package/dist/DatabaseDesigner/components/create-wizard/steps/step-relationships.component.js

@@ -0,0 +1,404 @@
+/**
+ * @module step-relationships.component
+ * @description Step 3 — optional foreign key relationship definitions.
+ *
+ * Presents one card per FK row. Each card has cascading dropdowns:
+ *   Source Column → Target Schema → Target Table → Target Column → FK Type
+ *
+ * All FK target data comes from `Metadata.Entities` (already in-memory at login),
+ * so every dropdown is synchronous — no async loading needed.
+ *
+ * Phase C: FK source columns are no longer restricted to UUID type — any column
+ * may be used as a FK source.  When the user selects a target column, the
+ * component reads its SQL type and auto-selects the first source column whose
+ * type matches, improving UX and preventing silent type mismatches.
+ */
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _forTrack0 = ($index, $item) => $item.Name;
+const _forTrack1 = ($index, $item) => $item.ID;
+function StepRelationshipsComponent_Conditional_4_For_2_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", col_r4.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r4.Name);
+} }
+function StepRelationshipsComponent_Conditional_4_For_2_For_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const schema_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", schema_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(schema_r5);
+} }
+function StepRelationshipsComponent_Conditional_4_For_2_For_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r6 = ctx.$implicit;
+    i0.ɵɵproperty("value", entity_r6.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(entity_r6.BaseTable);
+} }
+function StepRelationshipsComponent_Conditional_4_For_2_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r7 = ctx.$implicit;
+    i0.ɵɵproperty("value", col_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", col_r7.Name, " (", col_r7.SqlType, ")");
+} }
+function StepRelationshipsComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "span", 9);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 10);
+    i0.ɵɵlistener("click", function StepRelationshipsComponent_Conditional_4_For_2_Template_button_click_4_listener() { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.DeleteRow(row_r2.rowIndex)); });
+    i0.ɵɵelement(5, "i", 11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 12)(7, "div", 13)(8, "label", 14);
+    i0.ɵɵtext(9, "Source Column");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "select", 15);
+    i0.ɵɵlistener("change", function StepRelationshipsComponent_Conditional_4_For_2_Template_select_change_10_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSourceColumnChange(row_r2.rowIndex, $event.target.value)); });
+    i0.ɵɵelementStart(11, "option", 16);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(13, StepRelationshipsComponent_Conditional_4_For_2_For_14_Template, 2, 2, "option", 17, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 13)(16, "label", 14);
+    i0.ɵɵtext(17, "Target Schema");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "select", 15);
+    i0.ɵɵlistener("change", function StepRelationshipsComponent_Conditional_4_For_2_Template_select_change_18_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnSchemaChange(row_r2.rowIndex, $event.target.value)); });
+    i0.ɵɵelementStart(19, "option", 16);
+    i0.ɵɵtext(20, "\u2014 select schema \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(21, StepRelationshipsComponent_Conditional_4_For_2_For_22_Template, 2, 2, "option", 17, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 13)(24, "label", 14);
+    i0.ɵɵtext(25, "Target Table");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "select", 18);
+    i0.ɵɵlistener("change", function StepRelationshipsComponent_Conditional_4_For_2_Template_select_change_26_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnTableChange(row_r2.rowIndex, $event.target.value)); });
+    i0.ɵɵelementStart(27, "option", 16);
+    i0.ɵɵtext(28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(29, StepRelationshipsComponent_Conditional_4_For_2_For_30_Template, 2, 2, "option", 17, _forTrack1);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(31, "div", 13)(32, "label", 14);
+    i0.ɵɵtext(33, "Target Column");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "select", 18);
+    i0.ɵɵlistener("change", function StepRelationshipsComponent_Conditional_4_For_2_Template_select_change_34_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnColumnChange(row_r2.rowIndex, $event.target.value, row_r2.selectedEntityId)); });
+    i0.ɵɵelementStart(35, "option", 16);
+    i0.ɵɵtext(36);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(37, StepRelationshipsComponent_Conditional_4_For_2_For_38_Template, 2, 3, "option", 17, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(39, "div", 13)(40, "label", 14);
+    i0.ɵɵtext(41, "FK Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "select", 15);
+    i0.ɵɵlistener("change", function StepRelationshipsComponent_Conditional_4_For_2_Template_select_change_42_listener($event) { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnFkTypeChange(row_r2.rowIndex, $event.target.value === "soft")); });
+    i0.ɵɵelementStart(43, "option", 19);
+    i0.ɵɵtext(44, "Soft (metadata only)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(45, "option", 20);
+    i0.ɵɵtext(46, "Hard (DB constraint)");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("Relationship ", row_r2.rowIndex + 1);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("value", row_r2.ColumnName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("\u2014 auto-create ", row_r2.ColumnName || "\u2014", " \u2014");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.AllColumns);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", row_r2.ReferencedSchema);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r2.AvailableSchemas);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", row_r2.selectedEntityId)("disabled", !row_r2.ReferencedSchema);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.TablePlaceholder(row_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.EntitiesForSchema(row_r2.ReferencedSchema));
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", row_r2.ReferencedColumn)("disabled", !row_r2.selectedEntityId);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.ColumnPlaceholder(row_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.ColumnsForEntity(row_r2.selectedEntityId));
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("value", row_r2.IsSoft ? "soft" : "hard");
+} }
+function StepRelationshipsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵrepeaterCreate(1, StepRelationshipsComponent_Conditional_4_For_2_Template, 47, 11, "div", 7, i0.ɵɵcomponentInstance().TrackByIndex, true);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.rows);
+} }
+// `MJ: Schema Info` only surfaces MJ-registered schemas, so only __mj needs blocking here.
+// Server-side RSM.GetAllProtectedSchemas() remains the authoritative gate.
+const FRONTEND_BLOCKED_SCHEMAS = new Set(['__mj']);
+/** Default referenced column name used when a FK relationship is first created or schema/table changes. */
+const DEFAULT_PK_COLUMN = 'ID';
+export class StepRelationshipsComponent {
+    cdr = inject(ChangeDetectorRef);
+    InitialForeignKeys = [];
+    AvailableColumns = [];
+    ForeignKeysChanged = new EventEmitter();
+    /** All Step 2 columns are valid FK source candidates (not just UUID). */
+    get AllColumns() {
+        return this.AvailableColumns;
+    }
+    // ─── Metadata-backed synchronous getters ──────────────────────────────────
+    /**
+     * Sorted schema names present in Metadata.Entities, excluding blocked schemas.
+     * `MJ: Schema Info` only surfaces MJ-registered schemas, so __mj is the only
+     * schema that needs filtering here.
+     */
+    get AvailableSchemas() {
+        return [...new Set(new Metadata().Entities.map(e => e.SchemaName))] // global-provider-ok: client-side Angular component, single provider
+            .filter(s => !FRONTEND_BLOCKED_SCHEMAS.has(s))
+            .sort();
+    }
+    /** Entities that belong to the given schema, sorted by BaseTable. */
+    EntitiesForSchema(schemaName) {
+        if (!schemaName)
+            return [];
+        return new Metadata().Entities // global-provider-ok: client-side Angular component, single provider
+            .filter(e => e.SchemaName === schemaName)
+            .sort((a, b) => a.BaseTable.localeCompare(b.BaseTable));
+    }
+    /**
+     * Physical columns for the entity identified by `entityId`, including SQL type info.
+     * Returns `EntityColumnInfo[]` so the template can display `Name (SqlType)` and
+     * the component can auto-match source columns by type.
+     */
+    ColumnsForEntity(entityId) {
+        if (!entityId)
+            return [];
+        const entity = new Metadata().Entities.find(e => UUIDsEqual(e.ID, entityId)); // global-provider-ok: client-side Angular component, single provider
+        if (!entity)
+            return [{ Name: 'ID', SqlType: 'uniqueidentifier' }];
+        return entity.Fields
+            .filter(f => !f.IsVirtual)
+            .map(f => ({ Name: f.Name, SqlType: f.Type ?? '' }));
+    }
+    // ─── Placeholder helpers ───────────────────────────────────────────────────
+    TablePlaceholder(row) {
+        if (!row.ReferencedSchema)
+            return '— select schema first —';
+        if (this.EntitiesForSchema(row.ReferencedSchema).length === 0)
+            return '— no entities in this schema —';
+        return '— select table —';
+    }
+    ColumnPlaceholder(row) {
+        if (!row.selectedEntityId)
+            return '— select table first —';
+        return '— select column —';
+    }
+    // ─── Row state ─────────────────────────────────────────────────────────────
+    rows = [];
+    // ─── Cascade handlers ──────────────────────────────────────────────────────
+    OnSchemaChange(rowIndex, schema) {
+        this.rows = this.rows.map(r => r.rowIndex === rowIndex
+            ? { ...r, ReferencedSchema: schema, ReferencedTable: '', ReferencedColumn: DEFAULT_PK_COLUMN, selectedEntityId: '', referencedColumnType: undefined }
+            : r);
+        this.emit();
+    }
+    OnTableChange(rowIndex, entityId) {
+        if (!entityId) {
+            this.rows = this.rows.map(r => r.rowIndex === rowIndex
+                ? { ...r, ReferencedTable: '', ReferencedColumn: DEFAULT_PK_COLUMN, selectedEntityId: '', referencedColumnType: undefined }
+                : r);
+            this.emit();
+            return;
+        }
+        const entity = new Metadata().Entities.find(e => UUIDsEqual(e.ID, entityId)); // global-provider-ok: client-side Angular component, single provider
+        this.rows = this.rows.map(r => {
+            if (r.rowIndex !== rowIndex)
+                return r;
+            // Auto-name the source FK column if the user hasn't chosen one — the
+            // wizard state service will materialize this as a real UUID column.
+            const autoSourceName = !r.ColumnName && entity?.BaseTable
+                ? this.defaultFkColumnName(entity.BaseTable)
+                : r.ColumnName;
+            return {
+                ...r,
+                ColumnName: autoSourceName,
+                ReferencedTable: entity?.BaseTable ?? '',
+                ReferencedColumn: DEFAULT_PK_COLUMN,
+                selectedEntityId: entityId,
+                referencedColumnType: undefined,
+            };
+        });
+        this.emit();
+    }
+    /** "CustomerOrders" → "CustomerOrderID"; "People" → "PersonID". Best-effort singularizer. */
+    defaultFkColumnName(tableName) {
+        const base = tableName.endsWith('ies')
+            ? tableName.slice(0, -3) + 'y'
+            : tableName.endsWith('s') && !tableName.endsWith('ss')
+                ? tableName.slice(0, -1)
+                : tableName;
+        return `${base}ID`;
+    }
+    /**
+     * Handle target-column selection.  Reads the column's SQL type, stores it in row
+     * state, then auto-selects the first source column whose (normalised) type matches.
+     */
+    OnColumnChange(rowIndex, column, entityId) {
+        const colInfo = this.ColumnsForEntity(entityId).find(c => c.Name === column);
+        const targetType = colInfo?.SqlType;
+        const autoSourceColumn = targetType
+            ? this.findMatchingSourceColumn(targetType)
+            : undefined;
+        this.rows = this.rows.map(r => {
+            if (r.rowIndex !== rowIndex)
+                return r;
+            return {
+                ...r,
+                ReferencedColumn: column,
+                referencedColumnType: targetType,
+                // Only update source column if a better match was found
+                ColumnName: autoSourceColumn ?? r.ColumnName,
+            };
+        });
+        this.emit();
+    }
+    OnSourceColumnChange(rowIndex, column) {
+        this.rows = this.rows.map(r => r.rowIndex === rowIndex ? { ...r, ColumnName: column } : r);
+        this.emit();
+    }
+    OnFkTypeChange(rowIndex, isSoft) {
+        this.rows = this.rows.map(r => r.rowIndex === rowIndex ? { ...r, IsSoft: isSoft } : r);
+        this.emit();
+    }
+    // ─── Add / Delete ──────────────────────────────────────────────────────────
+    AddRelationship() {
+        const schemas = this.AvailableSchemas;
+        const defaultSchema = schemas.includes('__mj_UDT') ? '__mj_UDT' : (schemas[0] ?? '');
+        // Default the new row's source column to the first Step 2 column
+        // that isn't already used by another FK row.  This honours the
+        // "give the user a sensible default of any type" intent from
+        // f842848683 while avoiding the multi-FK source-column collision
+        // bug fixed in 8e52898ec6 — when every existing column is already
+        // wired up, we fall through to OnTableChange's auto-naming
+        // (mints a unique "<TargetTable>ID" once the user picks a table).
+        const usedColumns = new Set(this.rows.map(r => r.ColumnName).filter(Boolean));
+        const firstFreeColumn = this.AllColumns.find(c => !usedColumns.has(c.Name))?.Name ?? '';
+        this.rows = [
+            ...this.rows,
+            {
+                ColumnName: firstFreeColumn,
+                ReferencedSchema: defaultSchema,
+                ReferencedTable: '',
+                ReferencedColumn: DEFAULT_PK_COLUMN,
+                IsSoft: true,
+                rowIndex: this.rows.length,
+                selectedEntityId: '',
+            },
+        ];
+        this.emit();
+    }
+    DeleteRow(index) {
+        this.rows = this.rows
+            .filter(r => r.rowIndex !== index)
+            .map((r, i) => ({ ...r, rowIndex: i }));
+        this.emit();
+    }
+    // ─── Restore from InitialForeignKeys (when navigating back) ───────────────
+    InitFromForeignKeys(fks) {
+        this.rows = fks.map((fk, index) => this.buildRowState(fk, index));
+        this.cdr.markForCheck();
+    }
+    buildRowState(fk, index) {
+        const entity = new Metadata().Entities.find(// global-provider-ok: client-side Angular component, single provider
+        // global-provider-ok: client-side Angular component, single provider
+        e => e.SchemaName === fk.ReferencedSchema && e.BaseTable === fk.ReferencedTable);
+        return { ...fk, rowIndex: index, selectedEntityId: entity?.ID ?? '' };
+    }
+    TrackByIndex(_, row) { return row.rowIndex; }
+    // ─── Source-column type matching ───────────────────────────────────────────
+    /**
+     * Find the first Step 2 source column whose SQL type matches `targetSqlType`.
+     * Type comparison is case-insensitive and ignores length/precision qualifiers
+     * (e.g. `NVARCHAR(255)` normalises to `NVARCHAR`).
+     *
+     * Returns `undefined` when no match is found so the caller can decide whether
+     * to leave the existing selection untouched.
+     */
+    findMatchingSourceColumn(targetSqlType) {
+        const normalise = (t) => t.toUpperCase().replace(/\s*\(.*\)$/, '').trim();
+        const targetNorm = normalise(targetSqlType);
+        const match = this.AllColumns.find(c => {
+            const colType = c.RawSqlType ?? c.Type ?? '';
+            return normalise(colType) === targetNorm;
+        });
+        return match?.Name;
+    }
+    // ─── Emit ──────────────────────────────────────────────────────────────────
+    emit() {
+        const fks = this.rows.map(row => ({
+            ColumnName: row.ColumnName,
+            ReferencedSchema: row.ReferencedSchema,
+            ReferencedTable: row.ReferencedTable,
+            ReferencedColumn: row.ReferencedColumn,
+            IsSoft: row.IsSoft,
+        }));
+        this.ForeignKeysChanged.emit(fks);
+        this.cdr.markForCheck();
+    }
+    static ɵfac = function StepRelationshipsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepRelationshipsComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepRelationshipsComponent, selectors: [["mj-entity-step-relationships"]], inputs: { InitialForeignKeys: "InitialForeignKeys", AvailableColumns: "AvailableColumns" }, outputs: { ForeignKeysChanged: "ForeignKeysChanged" }, standalone: false, decls: 9, vars: 1, consts: [[1, "step-relationships"], [1, "step-info"], [1, "fa-solid", "fa-circle-info"], [1, "fk-rows"], [1, "add-bar"], ["mjButton", "", "buttonStyle", "secondary", "type", "button", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fk-row"], [1, "fk-row-header"], [1, "fk-row-label"], ["type", "button", "title", "Remove relationship", 1, "delete-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "fk-row-grid"], [1, "fk-field"], [1, "fk-label"], [1, "mj-input", 3, "change", "value"], ["value", ""], [3, "value"], [1, "mj-input", 3, "change", "value", "disabled"], ["value", "soft"], ["value", "hard"]], template: function StepRelationshipsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "p", 1);
+            i0.ɵɵelement(2, "i", 2);
+            i0.ɵɵtext(3, " Optionally define foreign key relationships to other entities. Picking a target table auto-creates the UUID source column for you \u2014 or you can reuse an existing UUID column via the Source Column dropdown. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(4, StepRelationshipsComponent_Conditional_4_Template, 3, 0, "div", 3);
+            i0.ɵɵelementStart(5, "div", 4)(6, "button", 5);
+            i0.ɵɵlistener("click", function StepRelationshipsComponent_Template_button_click_6_listener() { return ctx.AddRelationship(); });
+            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵtext(8, " Add Relationship ");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.rows.length > 0 ? 4 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i2.MJButtonDirective], styles: [".step-relationships[_ngcontent-%COMP%] {\n  padding: 16px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n\n\n\n.step-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n\n.step-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-info);\n  margin-top: 2px;\n  flex-shrink: 0;\n}\n\n\n\n\n.no-fk-hint[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  padding: 32px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.no-fk-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 1.8rem;\n}\n\n.no-fk-hint[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.875rem;\n  max-width: 400px;\n}\n\n\n\n\n.fk-rows[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.fk-row[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  padding: 12px 16px;\n}\n\n\n\n\n.fk-row-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.fk-row-label[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n.fk-row-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1.5fr 1fr 1.2fr;\n  gap: 12px;\n  align-items: end;\n}\n\n\n\n\n.fk-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.fk-label[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n}\n\n.fk-field[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 100%;\n  font-size: 0.875rem;\n}\n\n\n\n\n.delete-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  padding: 5px 7px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  border-radius: 4px;\n  transition: color 0.15s, background 0.15s;\n  line-height: 1;\n}\n\n.delete-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n}\n\n\n\n\n.add-bar[_ngcontent-%COMP%] {\n  padding-top: 4px;\n}\n\n\n\n\n@media (max-width: 640px) {\n  .fk-row-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepRelationshipsComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-entity-step-relationships', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"step-relationships\">\n\n  <p class=\"step-info\">\n    <i class=\"fa-solid fa-circle-info\"></i>\n    Optionally define foreign key relationships to other entities.\n    Picking a target table auto-creates the UUID source column for you \u2014 or you can reuse an existing UUID column via the Source Column dropdown.\n  </p>\n\n  @if (rows.length > 0) {\n    <div class=\"fk-rows\">\n      @for (row of rows; track TrackByIndex($index, row)) {\n        <div class=\"fk-row\">\n\n          <div class=\"fk-row-header\">\n            <span class=\"fk-row-label\">Relationship {{ row.rowIndex + 1 }}</span>\n            <button type=\"button\" class=\"delete-btn\" title=\"Remove relationship\" (click)=\"DeleteRow(row.rowIndex)\">\n              <i class=\"fa-solid fa-trash\"></i>\n            </button>\n          </div>\n\n          <div class=\"fk-row-grid\">\n\n            <!-- Source Column \u2014 any Step 2 column, not just UUID -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Source Column</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ColumnName\"\n                      (change)=\"OnSourceColumnChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">\u2014 auto-create {{ row.ColumnName || '\u2014' }} \u2014</option>\n                @for (col of AllColumns; track col.Name) {\n                  <option [value]=\"col.Name\">{{ col.Name }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Schema -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Schema</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ReferencedSchema\"\n                      (change)=\"OnSchemaChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">\u2014 select schema \u2014</option>\n                @for (schema of AvailableSchemas; track schema) {\n                  <option [value]=\"schema\">{{ schema }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Table -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Table</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.selectedEntityId\"\n                      [disabled]=\"!row.ReferencedSchema\"\n                      (change)=\"OnTableChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">{{ TablePlaceholder(row) }}</option>\n                @for (entity of EntitiesForSchema(row.ReferencedSchema); track entity.ID) {\n                  <option [value]=\"entity.ID\">{{ entity.BaseTable }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Column \u2014 shows SQL type to help user match source column type -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Column</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ReferencedColumn\"\n                      [disabled]=\"!row.selectedEntityId\"\n                      (change)=\"OnColumnChange(row.rowIndex, $any($event.target).value, row.selectedEntityId)\">\n                <option value=\"\">{{ ColumnPlaceholder(row) }}</option>\n                @for (col of ColumnsForEntity(row.selectedEntityId); track col.Name) {\n                  <option [value]=\"col.Name\">{{ col.Name }} ({{ col.SqlType }})</option>\n                }\n              </select>\n            </div>\n\n            <!-- FK Type -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">FK Type</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.IsSoft ? 'soft' : 'hard'\"\n                      (change)=\"OnFkTypeChange(row.rowIndex, $any($event.target).value === 'soft')\">\n                <option value=\"soft\">Soft (metadata only)</option>\n                <option value=\"hard\">Hard (DB constraint)</option>\n              </select>\n            </div>\n\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"add-bar\">\n    <button mjButton buttonStyle=\"secondary\" type=\"button\"\n            (click)=\"AddRelationship()\">\n      <i class=\"fa-solid fa-plus\"></i>\n      Add Relationship\n    </button>\n  </div>\n\n</div>\n", styles: [".step-relationships {\n  padding: 16px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* \u2500\u2500 Info banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.step-info {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin: 0;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n}\n\n.step-info i {\n  color: var(--mj-status-info);\n  margin-top: 2px;\n  flex-shrink: 0;\n}\n\n/* \u2500\u2500 Empty state \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.no-fk-hint {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  padding: 32px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.no-fk-hint i {\n  font-size: 1.8rem;\n}\n\n.no-fk-hint p {\n  margin: 0;\n  font-size: 0.875rem;\n  max-width: 400px;\n}\n\n/* \u2500\u2500 FK card list \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.fk-rows {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.fk-row {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface-card);\n  padding: 12px 16px;\n}\n\n/* \u2500\u2500 Card 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 */\n\n.fk-row-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.fk-row-label {\n  font-size: 0.8rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-secondary);\n}\n\n/* \u2500\u2500 5-column grid \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.fk-row-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1.5fr 1fr 1.2fr;\n  gap: 12px;\n  align-items: end;\n}\n\n/* \u2500\u2500 Field (label + select) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.fk-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.fk-label {\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  white-space: nowrap;\n}\n\n.fk-field select {\n  width: 100%;\n  font-size: 0.875rem;\n}\n\n/* \u2500\u2500 Delete button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.delete-btn {\n  background: none;\n  border: none;\n  padding: 5px 7px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  border-radius: 4px;\n  transition: color 0.15s, background 0.15s;\n  line-height: 1;\n}\n\n.delete-btn:hover {\n  color: var(--mj-status-error-text);\n  background: var(--mj-status-error-bg);\n}\n\n/* \u2500\u2500 Add 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 */\n\n.add-bar {\n  padding-top: 4px;\n}\n\n/* \u2500\u2500 Responsive: stack to 2-col on narrow panels \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n@media (max-width: 640px) {\n  .fk-row-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n"] }]
+    }], null, { InitialForeignKeys: [{
+            type: Input
+        }], AvailableColumns: [{
+            type: Input
+        }], ForeignKeysChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepRelationshipsComponent, { className: "StepRelationshipsComponent", filePath: "src/DatabaseDesigner/components/create-wizard/steps/step-relationships.component.ts", lineNumber: 55 }); })();
+//# sourceMappingURL=step-relationships.component.js.map

package/dist/DatabaseDesigner/components/create-wizard/steps/step-relationships.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-relationships.component.js","sourceRoot":"","sources":["../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-relationships.component.ts","../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-relationships.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module step-relationships.component\n * @description Step 3 — optional foreign key relationship definitions.\n *\n * Presents one card per FK row. Each card has cascading dropdowns:\n *   Source Column → Target Schema → Target Table → Target Column → FK Type\n *\n * All FK target data comes from `Metadata.Entities` (already in-memory at login),\n * so every dropdown is synchronous — no async loading needed.\n *\n * Phase C: FK source columns are no longer restricted to UUID type — any column\n * may be used as a FK source.  When the user selects a target column, the\n * component reads its SQL type and auto-selects the first source column whose\n * type matches, improving UX and preventing silent type mismatches.\n */\n\nimport {\n    Component, Input, Output, EventEmitter,\n    ChangeDetectionStrategy, ChangeDetectorRef, inject,\n} from '@angular/core';\nimport { Metadata, EntityInfo } from '@memberjunction/core';\nimport { UUIDsEqual } from '@memberjunction/global';\nimport type { ColumnSpec, ForeignKeySpec } from '../../../database-designer.types.js';\n\n// `MJ: Schema Info` only surfaces MJ-registered schemas, so only __mj needs blocking here.\n// Server-side RSM.GetAllProtectedSchemas() remains the authoritative gate.\nconst FRONTEND_BLOCKED_SCHEMAS = new Set(['__mj']);\n\n/** Default referenced column name used when a FK relationship is first created or schema/table changes. */\nconst DEFAULT_PK_COLUMN = 'ID';\n\n/** Target entity column with its SQL type — used for source-column auto-matching. */\nexport interface EntityColumnInfo {\n    Name: string;\n    /** SQL type string from EntityInfo.Fields (e.g. 'uniqueidentifier', 'int', 'nvarchar'). */\n    SqlType: string;\n}\n\n/** Internal per-row state — carries the resolved entityId alongside the FK spec. */\ninterface FkRowState extends ForeignKeySpec {\n    rowIndex: number;\n    /** EntityInfo.ID of the selected target entity — used to look up columns. */\n    selectedEntityId: string;\n    /** SQL type of the selected target column — used for source-column auto-matching. */\n    referencedColumnType?: string;\n}\n\n@Component({\n    standalone: false,\n    selector: 'mj-entity-step-relationships',\n    templateUrl: './step-relationships.component.html',\n    styleUrls: ['./step-relationships.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class StepRelationshipsComponent {\n\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    @Input() public InitialForeignKeys: ForeignKeySpec[] = [];\n    @Input() public AvailableColumns: ColumnSpec[] = [];\n    @Output() public readonly ForeignKeysChanged = new EventEmitter<ForeignKeySpec[]>();\n\n    /** All Step 2 columns are valid FK source candidates (not just UUID). */\n    public get AllColumns(): ColumnSpec[] {\n        return this.AvailableColumns;\n    }\n\n    // ─── Metadata-backed synchronous getters ──────────────────────────────────\n\n    /**\n     * Sorted schema names present in Metadata.Entities, excluding blocked schemas.\n     * `MJ: Schema Info` only surfaces MJ-registered schemas, so __mj is the only\n     * schema that needs filtering here.\n     */\n    public get AvailableSchemas(): string[] {\n        return [...new Set(new Metadata().Entities.map(e => e.SchemaName))] // global-provider-ok: client-side Angular component, single provider\n            .filter(s => !FRONTEND_BLOCKED_SCHEMAS.has(s))\n            .sort();\n    }\n\n    /** Entities that belong to the given schema, sorted by BaseTable. */\n    public EntitiesForSchema(schemaName: string): EntityInfo[] {\n        if (!schemaName) return [];\n        return new Metadata().Entities // global-provider-ok: client-side Angular component, single provider\n            .filter(e => e.SchemaName === schemaName)\n            .sort((a, b) => a.BaseTable.localeCompare(b.BaseTable));\n    }\n\n    /**\n     * Physical columns for the entity identified by `entityId`, including SQL type info.\n     * Returns `EntityColumnInfo[]` so the template can display `Name (SqlType)` and\n     * the component can auto-match source columns by type.\n     */\n    public ColumnsForEntity(entityId: string): EntityColumnInfo[] {\n        if (!entityId) return [];\n        const entity = new Metadata().Entities.find(e => UUIDsEqual(e.ID, entityId)); // global-provider-ok: client-side Angular component, single provider\n        if (!entity) return [{ Name: 'ID', SqlType: 'uniqueidentifier' }];\n        return entity.Fields\n            .filter(f => !f.IsVirtual)\n            .map(f => ({ Name: f.Name, SqlType: f.Type ?? '' }));\n    }\n\n    // ─── Placeholder helpers ───────────────────────────────────────────────────\n\n    public TablePlaceholder(row: FkRowState): string {\n        if (!row.ReferencedSchema) return '— select schema first —';\n        if (this.EntitiesForSchema(row.ReferencedSchema).length === 0) return '— no entities in this schema —';\n        return '— select table —';\n    }\n\n    public ColumnPlaceholder(row: FkRowState): string {\n        if (!row.selectedEntityId) return '— select table first —';\n        return '— select column —';\n    }\n\n    // ─── Row state ─────────────────────────────────────────────────────────────\n\n    public rows: FkRowState[] = [];\n\n    // ─── Cascade handlers ──────────────────────────────────────────────────────\n\n    public OnSchemaChange(rowIndex: number, schema: string): void {\n        this.rows = this.rows.map(r =>\n            r.rowIndex === rowIndex\n                ? { ...r, ReferencedSchema: schema, ReferencedTable: '', ReferencedColumn: DEFAULT_PK_COLUMN, selectedEntityId: '', referencedColumnType: undefined }\n                : r\n        );\n        this.emit();\n    }\n\n    public OnTableChange(rowIndex: number, entityId: string): void {\n        if (!entityId) {\n            this.rows = this.rows.map(r =>\n                r.rowIndex === rowIndex\n                    ? { ...r, ReferencedTable: '', ReferencedColumn: DEFAULT_PK_COLUMN, selectedEntityId: '', referencedColumnType: undefined }\n                    : r\n            );\n            this.emit();\n            return;\n        }\n        const entity = new Metadata().Entities.find(e => UUIDsEqual(e.ID, entityId)); // global-provider-ok: client-side Angular component, single provider\n        this.rows = this.rows.map(r => {\n            if (r.rowIndex !== rowIndex) return r;\n            // Auto-name the source FK column if the user hasn't chosen one — the\n            // wizard state service will materialize this as a real UUID column.\n            const autoSourceName = !r.ColumnName && entity?.BaseTable\n                ? this.defaultFkColumnName(entity.BaseTable)\n                : r.ColumnName;\n            return {\n                ...r,\n                ColumnName: autoSourceName,\n                ReferencedTable: entity?.BaseTable ?? '',\n                ReferencedColumn: DEFAULT_PK_COLUMN,\n                selectedEntityId: entityId,\n                referencedColumnType: undefined,\n            };\n        });\n        this.emit();\n    }\n\n    /** \"CustomerOrders\" → \"CustomerOrderID\"; \"People\" → \"PersonID\". Best-effort singularizer. */\n    private defaultFkColumnName(tableName: string): string {\n        const base = tableName.endsWith('ies')\n            ? tableName.slice(0, -3) + 'y'\n            : tableName.endsWith('s') && !tableName.endsWith('ss')\n                ? tableName.slice(0, -1)\n                : tableName;\n        return `${base}ID`;\n    }\n\n    /**\n     * Handle target-column selection.  Reads the column's SQL type, stores it in row\n     * state, then auto-selects the first source column whose (normalised) type matches.\n     */\n    public OnColumnChange(rowIndex: number, column: string, entityId: string): void {\n        const colInfo = this.ColumnsForEntity(entityId).find(c => c.Name === column);\n        const targetType = colInfo?.SqlType;\n\n        const autoSourceColumn = targetType\n            ? this.findMatchingSourceColumn(targetType)\n            : undefined;\n\n        this.rows = this.rows.map(r => {\n            if (r.rowIndex !== rowIndex) return r;\n            return {\n                ...r,\n                ReferencedColumn: column,\n                referencedColumnType: targetType,\n                // Only update source column if a better match was found\n                ColumnName: autoSourceColumn ?? r.ColumnName,\n            };\n        });\n        this.emit();\n    }\n\n    public OnSourceColumnChange(rowIndex: number, column: string): void {\n        this.rows = this.rows.map(r =>\n            r.rowIndex === rowIndex ? { ...r, ColumnName: column } : r\n        );\n        this.emit();\n    }\n\n    public OnFkTypeChange(rowIndex: number, isSoft: boolean): void {\n        this.rows = this.rows.map(r =>\n            r.rowIndex === rowIndex ? { ...r, IsSoft: isSoft } : r\n        );\n        this.emit();\n    }\n\n    // ─── Add / Delete ──────────────────────────────────────────────────────────\n\n    public AddRelationship(): void {\n        const schemas = this.AvailableSchemas;\n        const defaultSchema = schemas.includes('__mj_UDT') ? '__mj_UDT' : (schemas[0] ?? '');\n\n        // Default the new row's source column to the first Step 2 column\n        // that isn't already used by another FK row.  This honours the\n        // \"give the user a sensible default of any type\" intent from\n        // f842848683 while avoiding the multi-FK source-column collision\n        // bug fixed in 8e52898ec6 — when every existing column is already\n        // wired up, we fall through to OnTableChange's auto-naming\n        // (mints a unique \"<TargetTable>ID\" once the user picks a table).\n        const usedColumns = new Set(this.rows.map(r => r.ColumnName).filter(Boolean));\n        const firstFreeColumn = this.AllColumns.find(c => !usedColumns.has(c.Name))?.Name ?? '';\n\n        this.rows = [\n            ...this.rows,\n            {\n                ColumnName: firstFreeColumn,\n                ReferencedSchema: defaultSchema,\n                ReferencedTable: '',\n                ReferencedColumn: DEFAULT_PK_COLUMN,\n                IsSoft: true,\n                rowIndex: this.rows.length,\n                selectedEntityId: '',\n            },\n        ];\n        this.emit();\n    }\n\n    public DeleteRow(index: number): void {\n        this.rows = this.rows\n            .filter(r => r.rowIndex !== index)\n            .map((r, i) => ({ ...r, rowIndex: i }));\n        this.emit();\n    }\n\n    // ─── Restore from InitialForeignKeys (when navigating back) ───────────────\n\n    public InitFromForeignKeys(fks: ForeignKeySpec[]): void {\n        this.rows = fks.map((fk, index) => this.buildRowState(fk, index));\n        this.cdr.markForCheck();\n    }\n\n    private buildRowState(fk: ForeignKeySpec, index: number): FkRowState {\n        const entity = new Metadata().Entities.find( // global-provider-ok: client-side Angular component, single provider\n            e => e.SchemaName === fk.ReferencedSchema && e.BaseTable === fk.ReferencedTable\n        );\n        return { ...fk, rowIndex: index, selectedEntityId: entity?.ID ?? '' };\n    }\n\n    public TrackByIndex(_: number, row: FkRowState): number { return row.rowIndex; }\n\n    // ─── Source-column type matching ───────────────────────────────────────────\n\n    /**\n     * Find the first Step 2 source column whose SQL type matches `targetSqlType`.\n     * Type comparison is case-insensitive and ignores length/precision qualifiers\n     * (e.g. `NVARCHAR(255)` normalises to `NVARCHAR`).\n     *\n     * Returns `undefined` when no match is found so the caller can decide whether\n     * to leave the existing selection untouched.\n     */\n    private findMatchingSourceColumn(targetSqlType: string): string | undefined {\n        const normalise = (t: string) => t.toUpperCase().replace(/\\s*\\(.*\\)$/, '').trim();\n        const targetNorm = normalise(targetSqlType);\n        const match = this.AllColumns.find(c => {\n            const colType = c.RawSqlType ?? c.Type ?? '';\n            return normalise(colType) === targetNorm;\n        });\n        return match?.Name;\n    }\n\n    // ─── Emit ──────────────────────────────────────────────────────────────────\n\n    private emit(): void {\n        const fks: ForeignKeySpec[] = this.rows.map(row => ({\n            ColumnName: row.ColumnName,\n            ReferencedSchema: row.ReferencedSchema,\n            ReferencedTable: row.ReferencedTable,\n            ReferencedColumn: row.ReferencedColumn,\n            IsSoft: row.IsSoft,\n        }));\n        this.ForeignKeysChanged.emit(fks);\n        this.cdr.markForCheck();\n    }\n}\n","<div class=\"step-relationships\">\n\n  <p class=\"step-info\">\n    <i class=\"fa-solid fa-circle-info\"></i>\n    Optionally define foreign key relationships to other entities.\n    Picking a target table auto-creates the UUID source column for you — or you can reuse an existing UUID column via the Source Column dropdown.\n  </p>\n\n  @if (rows.length > 0) {\n    <div class=\"fk-rows\">\n      @for (row of rows; track TrackByIndex($index, row)) {\n        <div class=\"fk-row\">\n\n          <div class=\"fk-row-header\">\n            <span class=\"fk-row-label\">Relationship {{ row.rowIndex + 1 }}</span>\n            <button type=\"button\" class=\"delete-btn\" title=\"Remove relationship\" (click)=\"DeleteRow(row.rowIndex)\">\n              <i class=\"fa-solid fa-trash\"></i>\n            </button>\n          </div>\n\n          <div class=\"fk-row-grid\">\n\n            <!-- Source Column — any Step 2 column, not just UUID -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Source Column</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ColumnName\"\n                      (change)=\"OnSourceColumnChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">— auto-create {{ row.ColumnName || '—' }} —</option>\n                @for (col of AllColumns; track col.Name) {\n                  <option [value]=\"col.Name\">{{ col.Name }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Schema -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Schema</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ReferencedSchema\"\n                      (change)=\"OnSchemaChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">— select schema —</option>\n                @for (schema of AvailableSchemas; track schema) {\n                  <option [value]=\"schema\">{{ schema }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Table -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Table</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.selectedEntityId\"\n                      [disabled]=\"!row.ReferencedSchema\"\n                      (change)=\"OnTableChange(row.rowIndex, $any($event.target).value)\">\n                <option value=\"\">{{ TablePlaceholder(row) }}</option>\n                @for (entity of EntitiesForSchema(row.ReferencedSchema); track entity.ID) {\n                  <option [value]=\"entity.ID\">{{ entity.BaseTable }}</option>\n                }\n              </select>\n            </div>\n\n            <!-- Target Column — shows SQL type to help user match source column type -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">Target Column</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.ReferencedColumn\"\n                      [disabled]=\"!row.selectedEntityId\"\n                      (change)=\"OnColumnChange(row.rowIndex, $any($event.target).value, row.selectedEntityId)\">\n                <option value=\"\">{{ ColumnPlaceholder(row) }}</option>\n                @for (col of ColumnsForEntity(row.selectedEntityId); track col.Name) {\n                  <option [value]=\"col.Name\">{{ col.Name }} ({{ col.SqlType }})</option>\n                }\n              </select>\n            </div>\n\n            <!-- FK Type -->\n            <div class=\"fk-field\">\n              <label class=\"fk-label\">FK Type</label>\n              <select class=\"mj-input\"\n                      [value]=\"row.IsSoft ? 'soft' : 'hard'\"\n                      (change)=\"OnFkTypeChange(row.rowIndex, $any($event.target).value === 'soft')\">\n                <option value=\"soft\">Soft (metadata only)</option>\n                <option value=\"hard\">Hard (DB constraint)</option>\n              </select>\n            </div>\n\n          </div>\n        </div>\n      }\n    </div>\n  }\n\n  <div class=\"add-bar\">\n    <button mjButton buttonStyle=\"secondary\" type=\"button\"\n            (click)=\"AddRelationship()\">\n      <i class=\"fa-solid fa-plus\"></i>\n      Add Relationship\n    </button>\n  </div>\n\n</div>\n"]}

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

@@ -0,0 +1,12 @@
+import type { EntityTableSpec } from '../../../database-designer.types.js';
+import * as i0 from "@angular/core";
+export declare class StepReviewComponent {
+    TableDefinition: Partial<EntityTableSpec>;
+    ValidationErrors: string[];
+    IsValidating: boolean;
+    get AsEntityTableSpec(): EntityTableSpec | null;
+    get ERDMermaidBlock(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepReviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepReviewComponent, "mj-entity-step-review", never, { "TableDefinition": { "alias": "TableDefinition"; "required": false; }; "ValidationErrors": { "alias": "ValidationErrors"; "required": false; }; "IsValidating": { "alias": "IsValidating"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=step-review.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step-review.component.d.ts","sourceRoot":"","sources":["../../../../../src/DatabaseDesigner/components/create-wizard/steps/step-review.component.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;;AAG3E,qBAyCa,mBAAmB;IACZ,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAM;IAC/C,gBAAgB,EAAE,MAAM,EAAE,CAAM;IAChC,YAAY,UAAS;IAErC,IAAW,iBAAiB,IAAI,eAAe,GAAG,IAAI,CAIrD;IAED,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAM1C;yCAjBQ,mBAAmB;2CAAnB,mBAAmB;CAkB/B"}

package/dist/DatabaseDesigner/components/create-wizard/steps/step-review.component.js

@@ -0,0 +1,116 @@
+/**
+ * @module step-review.component
+ * @description Step 4 wrapper — hosts EntityReviewPanelComponent.
+ * Also renders server-side validation errors returned from ValidateSchema().
+ */
+import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
+import { generateERDFromTableSpec } from '../../../database-designer-erd.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-markdown";
+import * as i2 from "../../shared/entity-review-panel.component";
+function StepReviewComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 7);
+    i0.ɵɵtext(2, " Validating schema\u2026 ");
+    i0.ɵɵelementEnd();
+} }
+function StepReviewComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵtext(2, " Schema validated \u2014 review the definition below, then click ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4, "Create Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, " to build it. ");
+    i0.ɵɵelementEnd();
+} }
+function StepReviewComponent_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const err_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", err_r1, " ");
+} }
+function StepReviewComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵrepeaterCreate(1, StepReviewComponent_Conditional_3_For_2_Template, 3, 1, "div", 9, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ValidationErrors);
+} }
+function StepReviewComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.TableDefinition.Description);
+} }
+function StepReviewComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "mj-markdown", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r1.ERDMermaidBlock);
+} }
+export class StepReviewComponent {
+    TableDefinition = {};
+    ValidationErrors = [];
+    IsValidating = false;
+    get AsEntityTableSpec() {
+        const td = this.TableDefinition;
+        if (!td.EntityName || !td.TableName || !td.SchemaName)
+            return null;
+        return td;
+    }
+    get ERDMermaidBlock() {
+        const spec = this.AsEntityTableSpec;
+        if (!spec)
+            return null;
+        const erd = generateERDFromTableSpec([spec]);
+        if (!erd)
+            return null;
+        return `\`\`\`mermaid\n${erd}\n\`\`\``;
+    }
+    static ɵfac = function StepReviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StepReviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StepReviewComponent, selectors: [["mj-entity-step-review"]], inputs: { TableDefinition: "TableDefinition", ValidationErrors: "ValidationErrors", IsValidating: "IsValidating" }, standalone: false, decls: 7, vars: 5, consts: [[1, "step-review"], [1, "step-banner", "step-banner-validating"], [1, "step-banner", "step-banner-success"], [1, "step-banner", "step-banner-error"], [1, "entity-description"], ["ModificationType", "create", 3, "TableDefinition"], [1, "erd-container"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-circle-check"], [1, "banner-err-item"], [1, "fa-solid", "fa-triangle-exclamation"], [3, "data"]], template: function StepReviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, StepReviewComponent_Conditional_1_Template, 3, 0, "div", 1)(2, StepReviewComponent_Conditional_2_Template, 6, 0, "div", 2);
+            i0.ɵɵconditionalCreate(3, StepReviewComponent_Conditional_3_Template, 3, 0, "div", 3);
+            i0.ɵɵconditionalCreate(4, StepReviewComponent_Conditional_4_Template, 2, 1, "p", 4);
+            i0.ɵɵelement(5, "mj-database-review-panel", 5);
+            i0.ɵɵconditionalCreate(6, StepReviewComponent_Conditional_6_Template, 2, 1, "div", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsValidating ? 1 : ctx.ValidationErrors.length === 0 && ctx.AsEntityTableSpec ? 2 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ValidationErrors.length > 0 ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.TableDefinition.Description ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("TableDefinition", ctx.AsEntityTableSpec);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ERDMermaidBlock ? 6 : -1);
+        } }, dependencies: [i1.MarkdownComponent, i2.EntityReviewPanelComponent], styles: [".step-banner[_ngcontent-%COMP%] {\n            display: flex; flex-direction: column; gap: 6px;\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n        .step-banner-validating[_ngcontent-%COMP%] {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-text-secondary);\n        }\n        .step-banner-success[_ngcontent-%COMP%] {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-status-success-text);\n            background: var(--mj-status-success-bg);\n            border-color: var(--mj-status-success-border);\n        }\n        .step-banner-error[_ngcontent-%COMP%] {\n            background: var(--mj-status-error-bg);\n            border-color: var(--mj-status-error-border);\n        }\n        .banner-err-item[_ngcontent-%COMP%] {\n            display: flex; align-items: flex-start; gap: 8px;\n            color: var(--mj-status-error-text);\n        }\n        .entity-description[_ngcontent-%COMP%] {\n            margin: 12px 16px 0;\n            font-size: 0.875rem;\n            color: var(--mj-text-secondary);\n            line-height: 1.5;\n        }\n        .erd-container[_ngcontent-%COMP%] {\n            padding: 0 16px 12px;\n        }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StepReviewComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-entity-step-review', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"step-review\">\n\n  @if (IsValidating) {\n    <div class=\"step-banner step-banner-validating\">\n      <i class=\"fa-solid fa-spinner fa-spin\"></i>\n      Validating schema\u2026\n    </div>\n  } @else if (ValidationErrors.length === 0 && AsEntityTableSpec) {\n    <div class=\"step-banner step-banner-success\">\n      <i class=\"fa-solid fa-circle-check\"></i>\n      Schema validated \u2014 review the definition below, then click <strong>Create Entity</strong> to build it.\n    </div>\n  }\n\n  @if (ValidationErrors.length > 0) {\n    <div class=\"step-banner step-banner-error\">\n      @for (err of ValidationErrors; track $index) {\n        <div class=\"banner-err-item\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          {{ err }}\n        </div>\n      }\n    </div>\n  }\n\n  @if (TableDefinition.Description) {\n    <p class=\"entity-description\">{{ TableDefinition.Description }}</p>\n  }\n\n  <mj-database-review-panel\n    [TableDefinition]=\"AsEntityTableSpec\"\n    ModificationType=\"create\">\n  </mj-database-review-panel>\n\n  @if (ERDMermaidBlock) {\n    <div class=\"erd-container\">\n      <mj-markdown [data]=\"ERDMermaidBlock\"></mj-markdown>\n    </div>\n  }\n\n</div>\n", styles: ["\n        .step-banner {\n            display: flex; flex-direction: column; gap: 6px;\n            padding: 12px 16px;\n            font-size: 0.875rem;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n        .step-banner-validating {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-text-secondary);\n        }\n        .step-banner-success {\n            flex-direction: row; align-items: center; gap: 10px;\n            color: var(--mj-status-success-text);\n            background: var(--mj-status-success-bg);\n            border-color: var(--mj-status-success-border);\n        }\n        .step-banner-error {\n            background: var(--mj-status-error-bg);\n            border-color: var(--mj-status-error-border);\n        }\n        .banner-err-item {\n            display: flex; align-items: flex-start; gap: 8px;\n            color: var(--mj-status-error-text);\n        }\n        .entity-description {\n            margin: 12px 16px 0;\n            font-size: 0.875rem;\n            color: var(--mj-text-secondary);\n            line-height: 1.5;\n        }\n        .erd-container {\n            padding: 0 16px 12px;\n        }\n    "] }]
+    }], null, { TableDefinition: [{
+            type: Input
+        }], ValidationErrors: [{
+            type: Input
+        }], IsValidating: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StepReviewComponent, { className: "StepReviewComponent", filePath: "src/DatabaseDesigner/components/create-wizard/steps/step-review.component.ts", lineNumber: 52 }); })();
+//# sourceMappingURL=step-review.component.js.map