@memberjunction/ng-dashboards 5.30.1 → 5.32.0

package/dist/DatabaseDesigner/components/shared/entity-review-panel.component.js

@@ -0,0 +1,345 @@
+/**
+ * @module entity-review-panel.component
+ * @description Read-only schema review table — mirrors the prototype table the
+ * Database Designer agent produces in chat.  Used in wizard Step 4 (Review) and
+ * in the Modify view's "Review Changes" tab.
+ *
+ * In `alter` mode, new or changed columns are highlighted in green and
+ * existing-but-hidden columns are dimmed to show the diff.
+ */
+import { Component, Input, ChangeDetectionStrategy, } from '@angular/core';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.ColumnName;
+function EntityReviewPanelComponent_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1, "NEW");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵtext(1, "ALTER");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.TableDefinition.Description);
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 26);
+    i0.ɵɵtext(1, "+NEW");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 18);
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 27);
+    i0.ɵɵtext(1, "No");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r2.column.DefaultValue);
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 29);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r2.column.Description);
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function EntityReviewPanelComponent_Conditional_0_For_80_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 13)(2, "code");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_4_Template, 2, 0, "span", 26);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 16)(6, "code");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "td", 17);
+    i0.ɵɵconditionalCreate(9, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_9_Template, 1, 0, "i", 18)(10, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_10_Template, 2, 0, "span", 27);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "td", 19);
+    i0.ɵɵconditionalCreate(12, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_12_Template, 2, 1, "code", 20)(13, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_13_Template, 2, 0, "span", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 21);
+    i0.ɵɵconditionalCreate(15, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_15_Template, 2, 1, "span", 29)(16, EntityReviewPanelComponent_Conditional_0_For_80_Conditional_16_Template, 2, 0, "span", 28);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    i0.ɵɵclassProp("row-new", row_r2.diffState === "new");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r2.column.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r2.diffState === "new" ? 4 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r2.sqlType);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!row_r2.column.IsNullable ? 9 : 10);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(row_r2.column.DefaultValue ? 12 : 13);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(row_r2.column.Description ? 15 : 16);
+} }
+function EntityReviewPanelComponent_Conditional_0_Conditional_81_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li", 33)(1, "code");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 34);
+    i0.ɵɵtext(4, "\u2192");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "code");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 35);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const fk_r3 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(fk_r3.ColumnName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate3("", fk_r3.ReferencedSchema, ".", fk_r3.ReferencedTable, ".", fk_r3.ReferencedColumn);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("soft", fk_r3.IsSoft);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", fk_r3.IsSoft ? "soft FK" : "hard FK", " ");
+} }
+function EntityReviewPanelComponent_Conditional_0_Conditional_81_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25)(1, "h4", 30);
+    i0.ɵɵelement(2, "i", 31);
+    i0.ɵɵtext(3, " Relationships ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "ul", 32);
+    i0.ɵɵrepeaterCreate(5, EntityReviewPanelComponent_Conditional_0_Conditional_81_For_6_Template, 9, 7, "li", 33, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r0.ForeignKeys);
+} }
+function EntityReviewPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 2)(2, "div", 3);
+    i0.ɵɵelement(3, "i", 4);
+    i0.ɵɵelementStart(4, "span", 5);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 6);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, EntityReviewPanelComponent_Conditional_0_Conditional_8_Template, 2, 0, "span", 7)(9, EntityReviewPanelComponent_Conditional_0_Conditional_9_Template, 2, 0, "span", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, EntityReviewPanelComponent_Conditional_0_Conditional_10_Template, 2, 1, "p", 9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "table", 10)(12, "thead")(13, "tr")(14, "th", 11);
+    i0.ɵɵtext(15, "Column");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "th", 11);
+    i0.ɵɵtext(17, "SQL Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "th", 11);
+    i0.ɵɵtext(19, "Required");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "th", 11);
+    i0.ɵɵtext(21, "Default");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "th", 11);
+    i0.ɵɵtext(23, "Description");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(24, "tbody")(25, "tr", 12)(26, "td", 13);
+    i0.ɵɵelement(27, "i", 14);
+    i0.ɵɵelementStart(28, "code");
+    i0.ɵɵtext(29, "ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "span", 15);
+    i0.ɵɵtext(31, "PK");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "td", 16)(33, "code");
+    i0.ɵɵtext(34, "UNIQUEIDENTIFIER");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "td", 17);
+    i0.ɵɵelement(36, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "td", 19)(38, "code", 20);
+    i0.ɵɵtext(39, "NEWSEQUENTIALID()");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "td", 21)(41, "span", 22);
+    i0.ɵɵtext(42, "Primary key \u2014 always present");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(43, "tr", 12)(44, "td", 13);
+    i0.ɵɵelement(45, "i", 14);
+    i0.ɵɵelementStart(46, "code");
+    i0.ɵɵtext(47, "__mj_CreatedAt");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "span", 15);
+    i0.ɵɵtext(49, "AUTO");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "td", 16)(51, "code");
+    i0.ɵɵtext(52, "DATETIMEOFFSET");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(53, "td", 17);
+    i0.ɵɵelement(54, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(55, "td", 19)(56, "code", 20);
+    i0.ɵɵtext(57, "GETUTCDATE()");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(58, "td", 21)(59, "span", 22);
+    i0.ɵɵtext(60, "Record creation timestamp");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(61, "tr", 23)(62, "td", 13);
+    i0.ɵɵelement(63, "i", 14);
+    i0.ɵɵelementStart(64, "code");
+    i0.ɵɵtext(65, "__mj_UpdatedAt");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(66, "span", 15);
+    i0.ɵɵtext(67, "AUTO");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(68, "td", 16)(69, "code");
+    i0.ɵɵtext(70, "DATETIMEOFFSET");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(71, "td", 17);
+    i0.ɵɵelement(72, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(73, "td", 19)(74, "code", 20);
+    i0.ɵɵtext(75, "GETUTCDATE()");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(76, "td", 21)(77, "span", 22);
+    i0.ɵɵtext(78, "Last update timestamp");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵrepeaterCreate(79, EntityReviewPanelComponent_Conditional_0_For_80_Template, 17, 8, "tr", 24, i0.ɵɵcomponentInstance().TrackByName, true);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(81, EntityReviewPanelComponent_Conditional_0_Conditional_81_Template, 7, 0, "div", 25);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.TableDefinition.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.TableDefinition.SchemaName, ".", ctx_r0.TableDefinition.TableName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ModificationType === "create" ? 8 : 9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.TableDefinition.Description ? 10 : -1);
+    i0.ɵɵadvance(69);
+    i0.ɵɵrepeater(ctx_r0.Rows);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.ForeignKeys.length > 0 ? 81 : -1);
+} }
+function EntityReviewPanelComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "i", 36);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No schema defined yet. Complete the previous steps to see a review.");
+    i0.ɵɵelementEnd()();
+} }
+export class EntityReviewPanelComponent {
+    /** The table / entity definition being reviewed. */
+    set TableDefinition(v) {
+        this._tableDefinition = v;
+        this.rebuildRows();
+    }
+    get TableDefinition() { return this._tableDefinition; }
+    _tableDefinition = null;
+    /** 'create' (all rows are new) vs 'alter' (diff against existingColumns). */
+    set ModificationType(v) {
+        this._modificationType = v;
+        this.rebuildRows();
+    }
+    get ModificationType() { return this._modificationType; }
+    _modificationType = 'create';
+    /** Columns already in the DB — used in alter mode to compute the diff. */
+    set ExistingColumns(v) {
+        this._existingColumns = v;
+        this.rebuildRows();
+    }
+    get ExistingColumns() { return this._existingColumns; }
+    _existingColumns = [];
+    /** Prepared rows ready for the template. */
+    Rows = [];
+    /** Convenient accessor for the template. */
+    get ForeignKeys() {
+        return this._tableDefinition?.ForeignKeys ?? [];
+    }
+    TrackByName(_, row) {
+        return row.column.Name;
+    }
+    // ─── Helpers ───────────────────────────────────────────────────────────
+    rebuildRows() {
+        if (!this._tableDefinition) {
+            this.Rows = [];
+            return;
+        }
+        const existingNames = new Set(this._existingColumns.map(c => c.Name.toLowerCase()));
+        this.Rows = this._tableDefinition.Columns.map(col => ({
+            column: col,
+            diffState: this.diffState(col, existingNames),
+            sqlType: this.resolveSqlType(col),
+        }));
+    }
+    diffState(col, existingNames) {
+        if (this._modificationType === 'create')
+            return 'unchanged';
+        return existingNames.has(col.Name.toLowerCase()) ? 'existing' : 'new';
+    }
+    /** Resolve a human-readable SQL type from the ColumnSpec. */
+    resolveSqlType(col) {
+        if (col.RawSqlType)
+            return col.RawSqlType;
+        switch (col.Type) {
+            case 'string': return col.MaxLength ? `NVARCHAR(${col.MaxLength})` : 'NVARCHAR(200)';
+            case 'text':
+            case 'json': return 'NVARCHAR(MAX)';
+            case 'integer': return 'INT';
+            case 'bigint': return 'BIGINT';
+            case 'decimal': return `DECIMAL(${col.Precision ?? 18},${col.Scale ?? 2})`;
+            case 'boolean': return 'BIT';
+            case 'datetime': return 'DATETIMEOFFSET';
+            case 'date': return 'DATE';
+            case 'time': return 'TIME';
+            case 'uuid': return 'UNIQUEIDENTIFIER';
+            case 'float': return 'FLOAT';
+            default: return col.Type ?? 'NVARCHAR(200)';
+        }
+    }
+    static ɵfac = function EntityReviewPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EntityReviewPanelComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityReviewPanelComponent, selectors: [["mj-database-review-panel"]], inputs: { TableDefinition: "TableDefinition", ModificationType: "ModificationType", ExistingColumns: "ExistingColumns" }, standalone: false, decls: 2, vars: 1, consts: [[1, "review-panel"], [1, "review-empty"], [1, "review-header"], [1, "entity-badge"], [1, "fa-solid", "fa-table-cells-large"], [1, "entity-name"], [1, "schema-path"], [1, "mode-tag", "new"], [1, "mode-tag", "alter"], [1, "entity-description"], ["aria-label", "Column definitions", 1, "review-table"], ["scope", "col"], [1, "auto-col-row"], [1, "col-name"], ["title", "Auto-managed", 1, "fa-solid", "fa-lock-keyhole", "auto-lock"], [1, "auto-badge"], [1, "col-type"], [1, "col-req"], ["title", "Required", 1, "fa-solid", "fa-check", "req-yes"], [1, "col-default"], [1, "default-val"], [1, "col-desc"], [1, "desc-text", "auto-desc"], [1, "auto-col-row", "auto-col-divider"], [3, "row-new"], [1, "fk-section"], ["title", "New column", 1, "diff-badge", "new"], [1, "req-no"], [1, "empty-val"], [1, "desc-text"], [1, "fk-title"], [1, "fa-solid", "fa-link"], [1, "fk-list"], [1, "fk-item"], [1, "fk-arrow"], [1, "fk-type"], [1, "fa-regular", "fa-rectangle-list"]], template: function EntityReviewPanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, EntityReviewPanelComponent_Conditional_0_Template, 82, 6, "div", 0)(1, EntityReviewPanelComponent_Conditional_1_Template, 4, 0, "div", 1);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.TableDefinition ? 0 : 1);
+        } }, styles: [".review-panel[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n\n\n\n.review-header[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n}\n\n.entity-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.entity-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.entity-name[_ngcontent-%COMP%] {\n  font-weight: 700;\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n}\n\n.schema-path[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n}\n\n.mode-tag[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 0.7rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 2px 7px;\n  border-radius: 10px;\n}\n\n.mode-tag.new[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n}\n\n.mode-tag.alter[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-warning-text);\n  border: 1px solid color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n}\n\n.entity-description[_ngcontent-%COMP%] {\n  margin: 8px 0 4px;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.5;\n}\n\n\n\n\n.review-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n}\n\n.review-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.review-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  text-align: left;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.review-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: middle;\n  color: var(--mj-text-primary);\n}\n\n.review-table[_ngcontent-%COMP%]   tr.row-new[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n}\n\n\n\n\n.col-name[_ngcontent-%COMP%]   code[_ngcontent-%COMP%], \n.col-type[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 3px;\n  word-break: break-all;\n  overflow-wrap: break-word;\n}\n\n.diff-badge[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 0.65rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  padding: 1px 5px;\n  border-radius: 3px;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n\n.diff-badge.new[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n  border: 1px solid var(--mj-status-success-border);\n}\n\n.req-yes[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.req-no[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.default-val[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  color: var(--mj-text-secondary);\n}\n\n.empty-val[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.desc-text[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 0.875rem;\n}\n\n\n\n\n.auto-col-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  opacity: 0.75;\n}\n\n.auto-col-divider[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.auto-lock[_ngcontent-%COMP%] {\n  font-size: 0.7rem;\n  color: var(--mj-text-muted);\n  margin-right: 5px;\n}\n\n.auto-badge[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 0.6rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 1px 5px;\n  border-radius: 3px;\n  margin-left: 5px;\n  vertical-align: middle;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-default);\n}\n\n.auto-desc[_ngcontent-%COMP%] {\n  font-style: italic;\n  color: var(--mj-text-muted);\n}\n\n\n\n\n.fk-section[_ngcontent-%COMP%] {\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.fk-title[_ngcontent-%COMP%] {\n  margin: 0 0 10px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.fk-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.fk-list[_ngcontent-%COMP%] {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.fk-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n  color: var(--mj-text-primary);\n}\n\n.fk-item[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n.fk-arrow[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.fk-type[_ngcontent-%COMP%] {\n  font-size: 0.75rem;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.fk-type.soft[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n.review-empty[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 48px 24px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.review-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 3rem;\n}\n\n.review-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.9rem;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityReviewPanelComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-review-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (TableDefinition) {\n  <div class=\"review-panel\">\n\n    <!-- \u2500\u2500 Entity header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"review-header\">\n      <div class=\"entity-badge\">\n        <i class=\"fa-solid fa-table-cells-large\"></i>\n        <span class=\"entity-name\">{{ TableDefinition.EntityName }}</span>\n        <span class=\"schema-path\">\n          {{ TableDefinition.SchemaName }}.{{ TableDefinition.TableName }}\n        </span>\n        @if (ModificationType === 'create') {\n          <span class=\"mode-tag new\">NEW</span>\n        } @else {\n          <span class=\"mode-tag alter\">ALTER</span>\n        }\n      </div>\n      @if (TableDefinition.Description) {\n        <p class=\"entity-description\">{{ TableDefinition.Description }}</p>\n      }\n    </div>\n\n    <!-- \u2500\u2500 Column table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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    <table class=\"review-table\" aria-label=\"Column definitions\">\n      <thead>\n        <tr>\n          <th scope=\"col\">Column</th>\n          <th scope=\"col\">SQL Type</th>\n          <th scope=\"col\">Required</th>\n          <th scope=\"col\">Default</th>\n          <th scope=\"col\">Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        <!-- \u2500\u2500 Auto-managed columns \u2014 always injected, cannot be removed \u2500\u2500 -->\n        <tr class=\"auto-col-row\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>ID</code>\n            <span class=\"auto-badge\">PK</span>\n          </td>\n          <td class=\"col-type\"><code>UNIQUEIDENTIFIER</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">NEWSEQUENTIALID()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Primary key \u2014 always present</span></td>\n        </tr>\n        <tr class=\"auto-col-row\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>__mj_CreatedAt</code>\n            <span class=\"auto-badge\">AUTO</span>\n          </td>\n          <td class=\"col-type\"><code>DATETIMEOFFSET</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">GETUTCDATE()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Record creation timestamp</span></td>\n        </tr>\n        <tr class=\"auto-col-row auto-col-divider\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>__mj_UpdatedAt</code>\n            <span class=\"auto-badge\">AUTO</span>\n          </td>\n          <td class=\"col-type\"><code>DATETIMEOFFSET</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">GETUTCDATE()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Last update timestamp</span></td>\n        </tr>\n\n        <!-- \u2500\u2500 User-defined columns \u2500\u2500 -->\n        @for (row of Rows; track TrackByName($index, row)) {\n          <tr [class.row-new]=\"row.diffState === 'new'\">\n            <td class=\"col-name\">\n              <code>{{ row.column.Name }}</code>\n              @if (row.diffState === 'new') {\n                <span class=\"diff-badge new\" title=\"New column\">+NEW</span>\n              }\n            </td>\n            <td class=\"col-type\">\n              <code>{{ row.sqlType }}</code>\n            </td>\n            <td class=\"col-req\">\n              @if (!row.column.IsNullable) {\n                <i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i>\n              } @else {\n                <span class=\"req-no\">No</span>\n              }\n            </td>\n            <td class=\"col-default\">\n              @if (row.column.DefaultValue) {\n                <code class=\"default-val\">{{ row.column.DefaultValue }}</code>\n              } @else {\n                <span class=\"empty-val\">\u2014</span>\n              }\n            </td>\n            <td class=\"col-desc\">\n              @if (row.column.Description) {\n                <span class=\"desc-text\">{{ row.column.Description }}</span>\n              } @else {\n                <span class=\"empty-val\">\u2014</span>\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <!-- \u2500\u2500 Foreign key section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 (ForeignKeys.length > 0) {\n      <div class=\"fk-section\">\n        <h4 class=\"fk-title\">\n          <i class=\"fa-solid fa-link\"></i>\n          Relationships\n        </h4>\n        <ul class=\"fk-list\">\n          @for (fk of ForeignKeys; track fk.ColumnName) {\n            <li class=\"fk-item\">\n              <code>{{ fk.ColumnName }}</code>\n              <span class=\"fk-arrow\">\u2192</span>\n              <code>{{ fk.ReferencedSchema }}.{{ fk.ReferencedTable }}.{{ fk.ReferencedColumn }}</code>\n              <span class=\"fk-type\" [class.soft]=\"fk.IsSoft\">\n                {{ fk.IsSoft ? 'soft FK' : 'hard FK' }}\n              </span>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n\n  </div>\n} @else {\n  <div class=\"review-empty\">\n    <i class=\"fa-regular fa-rectangle-list\"></i>\n    <p>No schema defined yet. Complete the previous steps to see a review.</p>\n  </div>\n}\n", styles: [".review-panel {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n\n/* \u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.review-header {\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n}\n\n.entity-badge {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.entity-badge i {\n  color: var(--mj-brand-primary);\n}\n\n.entity-name {\n  font-weight: 700;\n  font-size: 1rem;\n  color: var(--mj-text-primary);\n}\n\n.schema-path {\n  font-family: monospace;\n  font-size: 0.8rem;\n  color: var(--mj-text-secondary);\n}\n\n.mode-tag {\n  display: inline-block;\n  font-size: 0.7rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  padding: 2px 7px;\n  border-radius: 10px;\n}\n\n.mode-tag.new {\n  background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border: 1px solid color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n}\n\n.mode-tag.alter {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-status-warning-text);\n  border: 1px solid color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n}\n\n.entity-description {\n  margin: 8px 0 4px;\n  font-size: 0.875rem;\n  color: var(--mj-text-secondary);\n  line-height: 1.5;\n}\n\n/* \u2500\u2500 Review table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.review-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.875rem;\n}\n\n.review-table thead tr {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.review-table th {\n  padding: 10px 14px;\n  text-align: left;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.8rem;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n}\n\n.review-table td {\n  padding: 10px 14px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  vertical-align: middle;\n  color: var(--mj-text-primary);\n}\n\n.review-table tr.row-new td {\n  background: var(--mj-status-success-bg);\n}\n\n/* \u2500\u2500 Cell content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.col-name code,\n.col-type code {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 3px;\n  word-break: break-all;\n  overflow-wrap: break-word;\n}\n\n.diff-badge {\n  display: inline-block;\n  font-size: 0.65rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  padding: 1px 5px;\n  border-radius: 3px;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n\n.diff-badge.new {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n  border: 1px solid var(--mj-status-success-border);\n}\n\n.req-yes {\n  color: var(--mj-status-success);\n}\n\n.req-no {\n  color: var(--mj-text-muted);\n}\n\n.default-val {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  color: var(--mj-text-secondary);\n}\n\n.empty-val {\n  color: var(--mj-text-muted);\n}\n\n.desc-text {\n  color: var(--mj-text-secondary);\n  font-size: 0.875rem;\n}\n\n/* \u2500\u2500 Auto-managed columns \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.auto-col-row td {\n  background: var(--mj-bg-surface-sunken);\n  opacity: 0.75;\n}\n\n.auto-col-divider td {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.auto-lock {\n  font-size: 0.7rem;\n  color: var(--mj-text-muted);\n  margin-right: 5px;\n}\n\n.auto-badge {\n  display: inline-block;\n  font-size: 0.6rem;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  padding: 1px 5px;\n  border-radius: 3px;\n  margin-left: 5px;\n  vertical-align: middle;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-muted);\n  border: 1px solid var(--mj-border-default);\n}\n\n.auto-desc {\n  font-style: italic;\n  color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Foreign keys \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-section {\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.fk-title {\n  margin: 0 0 10px;\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.fk-title i {\n  color: var(--mj-text-muted);\n}\n\n.fk-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.fk-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n  color: var(--mj-text-primary);\n}\n\n.fk-item code {\n  font-family: monospace;\n  font-size: 0.8125rem;\n  background: var(--mj-bg-surface-sunken);\n  padding: 2px 6px;\n  border-radius: 3px;\n}\n\n.fk-arrow {\n  color: var(--mj-text-muted);\n}\n\n.fk-type {\n  font-size: 0.75rem;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.fk-type.soft {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.review-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 48px 24px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.review-empty i {\n  font-size: 3rem;\n}\n\n.review-empty p {\n  margin: 0;\n  font-size: 0.9rem;\n}\n"] }]
+    }], null, { TableDefinition: [{
+            type: Input
+        }], ModificationType: [{
+            type: Input
+        }], ExistingColumns: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityReviewPanelComponent, { className: "EntityReviewPanelComponent", filePath: "src/DatabaseDesigner/components/shared/entity-review-panel.component.ts", lineNumber: 31 }); })();
+//# sourceMappingURL=entity-review-panel.component.js.map

package/dist/DatabaseDesigner/components/shared/entity-review-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-review-panel.component.js","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/entity-review-panel.component.ts","../../../../src/DatabaseDesigner/components/shared/entity-review-panel.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module entity-review-panel.component\n * @description Read-only schema review table — mirrors the prototype table the\n * Database Designer agent produces in chat.  Used in wizard Step 4 (Review) and\n * in the Modify view's \"Review Changes\" tab.\n *\n * In `alter` mode, new or changed columns are highlighted in green and\n * existing-but-hidden columns are dimmed to show the diff.\n */\n\nimport {\n    Component, Input, ChangeDetectionStrategy,\n} from '@angular/core';\nimport type { EntityTableSpec, ColumnSpec, ForeignKeySpec } from '../../database-designer.types.js';\n\n/** Internal view model for a row in the review table. */\ninterface ReviewRow {\n    column: ColumnSpec;\n    /** 'existing' | 'new' | 'hidden' — only populated in alter mode. */\n    diffState: 'existing' | 'new' | 'hidden' | 'unchanged';\n    sqlType: string;\n}\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-review-panel',\n    templateUrl: './entity-review-panel.component.html',\n    styleUrls: ['./entity-review-panel.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntityReviewPanelComponent {\n\n    /** The table / entity definition being reviewed. */\n    @Input() public set TableDefinition(v: EntityTableSpec | null) {\n        this._tableDefinition = v;\n        this.rebuildRows();\n    }\n    public get TableDefinition(): EntityTableSpec | null { return this._tableDefinition; }\n    private _tableDefinition: EntityTableSpec | null = null;\n\n    /** 'create' (all rows are new) vs 'alter' (diff against existingColumns). */\n    @Input() public set ModificationType(v: 'create' | 'alter') {\n        this._modificationType = v;\n        this.rebuildRows();\n    }\n    public get ModificationType(): 'create' | 'alter' { return this._modificationType; }\n    private _modificationType: 'create' | 'alter' = 'create';\n\n    /** Columns already in the DB — used in alter mode to compute the diff. */\n    @Input() public set ExistingColumns(v: ColumnSpec[]) {\n        this._existingColumns = v;\n        this.rebuildRows();\n    }\n    public get ExistingColumns(): ColumnSpec[] { return this._existingColumns; }\n    private _existingColumns: ColumnSpec[] = [];\n\n    /** Prepared rows ready for the template. */\n    public Rows: ReviewRow[] = [];\n\n    /** Convenient accessor for the template. */\n    public get ForeignKeys(): ForeignKeySpec[] {\n        return this._tableDefinition?.ForeignKeys ?? [];\n    }\n\n    public TrackByName(_: number, row: ReviewRow): string {\n        return row.column.Name;\n    }\n\n    // ─── Helpers ───────────────────────────────────────────────────────────\n\n    private rebuildRows(): void {\n        if (!this._tableDefinition) {\n            this.Rows = [];\n            return;\n        }\n\n        const existingNames = new Set(\n            this._existingColumns.map(c => c.Name.toLowerCase())\n        );\n\n        this.Rows = this._tableDefinition.Columns.map(col => ({\n            column: col,\n            diffState: this.diffState(col, existingNames),\n            sqlType: this.resolveSqlType(col),\n        }));\n    }\n\n    private diffState(\n        col: ColumnSpec,\n        existingNames: Set<string>,\n    ): ReviewRow['diffState'] {\n        if (this._modificationType === 'create') return 'unchanged';\n        return existingNames.has(col.Name.toLowerCase()) ? 'existing' : 'new';\n    }\n\n    /** Resolve a human-readable SQL type from the ColumnSpec. */\n    private resolveSqlType(col: ColumnSpec): string {\n        if (col.RawSqlType) return col.RawSqlType;\n        switch (col.Type) {\n            case 'string':   return col.MaxLength ? `NVARCHAR(${col.MaxLength})` : 'NVARCHAR(200)';\n            case 'text':\n            case 'json':     return 'NVARCHAR(MAX)';\n            case 'integer':  return 'INT';\n            case 'bigint':   return 'BIGINT';\n            case 'decimal':  return `DECIMAL(${col.Precision ?? 18},${col.Scale ?? 2})`;\n            case 'boolean':  return 'BIT';\n            case 'datetime': return 'DATETIMEOFFSET';\n            case 'date':     return 'DATE';\n            case 'time':     return 'TIME';\n            case 'uuid':     return 'UNIQUEIDENTIFIER';\n            case 'float':    return 'FLOAT';\n            default:         return col.Type ?? 'NVARCHAR(200)';\n        }\n    }\n}\n","@if (TableDefinition) {\n  <div class=\"review-panel\">\n\n    <!-- ── Entity header ─────────────────────────────────────────────────── -->\n    <div class=\"review-header\">\n      <div class=\"entity-badge\">\n        <i class=\"fa-solid fa-table-cells-large\"></i>\n        <span class=\"entity-name\">{{ TableDefinition.EntityName }}</span>\n        <span class=\"schema-path\">\n          {{ TableDefinition.SchemaName }}.{{ TableDefinition.TableName }}\n        </span>\n        @if (ModificationType === 'create') {\n          <span class=\"mode-tag new\">NEW</span>\n        } @else {\n          <span class=\"mode-tag alter\">ALTER</span>\n        }\n      </div>\n      @if (TableDefinition.Description) {\n        <p class=\"entity-description\">{{ TableDefinition.Description }}</p>\n      }\n    </div>\n\n    <!-- ── Column table ───────────────────────────────────────────────────── -->\n    <table class=\"review-table\" aria-label=\"Column definitions\">\n      <thead>\n        <tr>\n          <th scope=\"col\">Column</th>\n          <th scope=\"col\">SQL Type</th>\n          <th scope=\"col\">Required</th>\n          <th scope=\"col\">Default</th>\n          <th scope=\"col\">Description</th>\n        </tr>\n      </thead>\n      <tbody>\n        <!-- ── Auto-managed columns — always injected, cannot be removed ── -->\n        <tr class=\"auto-col-row\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>ID</code>\n            <span class=\"auto-badge\">PK</span>\n          </td>\n          <td class=\"col-type\"><code>UNIQUEIDENTIFIER</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">NEWSEQUENTIALID()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Primary key — always present</span></td>\n        </tr>\n        <tr class=\"auto-col-row\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>__mj_CreatedAt</code>\n            <span class=\"auto-badge\">AUTO</span>\n          </td>\n          <td class=\"col-type\"><code>DATETIMEOFFSET</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">GETUTCDATE()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Record creation timestamp</span></td>\n        </tr>\n        <tr class=\"auto-col-row auto-col-divider\">\n          <td class=\"col-name\">\n            <i class=\"fa-solid fa-lock-keyhole auto-lock\" title=\"Auto-managed\"></i>\n            <code>__mj_UpdatedAt</code>\n            <span class=\"auto-badge\">AUTO</span>\n          </td>\n          <td class=\"col-type\"><code>DATETIMEOFFSET</code></td>\n          <td class=\"col-req\"><i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i></td>\n          <td class=\"col-default\"><code class=\"default-val\">GETUTCDATE()</code></td>\n          <td class=\"col-desc\"><span class=\"desc-text auto-desc\">Last update timestamp</span></td>\n        </tr>\n\n        <!-- ── User-defined columns ── -->\n        @for (row of Rows; track TrackByName($index, row)) {\n          <tr [class.row-new]=\"row.diffState === 'new'\">\n            <td class=\"col-name\">\n              <code>{{ row.column.Name }}</code>\n              @if (row.diffState === 'new') {\n                <span class=\"diff-badge new\" title=\"New column\">+NEW</span>\n              }\n            </td>\n            <td class=\"col-type\">\n              <code>{{ row.sqlType }}</code>\n            </td>\n            <td class=\"col-req\">\n              @if (!row.column.IsNullable) {\n                <i class=\"fa-solid fa-check req-yes\" title=\"Required\"></i>\n              } @else {\n                <span class=\"req-no\">No</span>\n              }\n            </td>\n            <td class=\"col-default\">\n              @if (row.column.DefaultValue) {\n                <code class=\"default-val\">{{ row.column.DefaultValue }}</code>\n              } @else {\n                <span class=\"empty-val\">—</span>\n              }\n            </td>\n            <td class=\"col-desc\">\n              @if (row.column.Description) {\n                <span class=\"desc-text\">{{ row.column.Description }}</span>\n              } @else {\n                <span class=\"empty-val\">—</span>\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n\n    <!-- ── Foreign key section ───────────────────────────────────────────── -->\n    @if (ForeignKeys.length > 0) {\n      <div class=\"fk-section\">\n        <h4 class=\"fk-title\">\n          <i class=\"fa-solid fa-link\"></i>\n          Relationships\n        </h4>\n        <ul class=\"fk-list\">\n          @for (fk of ForeignKeys; track fk.ColumnName) {\n            <li class=\"fk-item\">\n              <code>{{ fk.ColumnName }}</code>\n              <span class=\"fk-arrow\">→</span>\n              <code>{{ fk.ReferencedSchema }}.{{ fk.ReferencedTable }}.{{ fk.ReferencedColumn }}</code>\n              <span class=\"fk-type\" [class.soft]=\"fk.IsSoft\">\n                {{ fk.IsSoft ? 'soft FK' : 'hard FK' }}\n              </span>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n\n  </div>\n} @else {\n  <div class=\"review-empty\">\n    <i class=\"fa-regular fa-rectangle-list\"></i>\n    <p>No schema defined yet. Complete the previous steps to see a review.</p>\n  </div>\n}\n"]}

package/dist/DatabaseDesigner/components/shared/wizard-step-indicator.component.d.ts

@@ -0,0 +1,13 @@
+import type { WizardStepDef } from '../../database-designer.types.js';
+import * as i0 from "@angular/core";
+export declare class WizardStepIndicatorComponent {
+    /** Ordered list of step definitions. */
+    Steps: WizardStepDef[];
+    /** 0-based index of the currently active step. */
+    CurrentStep: number;
+    /** Used by @for track. */
+    TrackByStep(_: number, step: WizardStepDef): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WizardStepIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WizardStepIndicatorComponent, "mj-entity-wizard-step-indicator", never, { "Steps": { "alias": "Steps"; "required": false; }; "CurrentStep": { "alias": "CurrentStep"; "required": false; }; }, {}, never, never, false, never>;
+}
+//# sourceMappingURL=wizard-step-indicator.component.d.ts.map

package/dist/DatabaseDesigner/components/shared/wizard-step-indicator.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step-indicator.component.d.ts","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/wizard-step-indicator.component.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;;AAEtE,qBAOa,4BAA4B;IAErC,wCAAwC;IACxB,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5C,kDAAkD;IAClC,WAAW,SAAK;IAEhC,0BAA0B;IACnB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM;yCATjD,4BAA4B;2CAA5B,4BAA4B;CAYxC"}

package/dist/DatabaseDesigner/components/shared/wizard-step-indicator.component.js

@@ -0,0 +1,81 @@
+/**
+ * @module wizard-step-indicator.component
+ * @description Pure-display step breadcrumb bar for the Database Designer create wizard.
+ *
+ * Renders a horizontal step progression:
+ *   ① Basics ── ② Fields ── ③ Relationships ── ④ Review ── ⑤ Create
+ *
+ * Completed steps show a checkmark. The active step is highlighted.
+ * Future steps are muted.  Parent controls all state via inputs — this
+ * component has no local state and emits no events.
+ */
+import { Component, Input, ChangeDetectionStrategy, } from '@angular/core';
+import * as i0 from "@angular/core";
+function WizardStepIndicatorComponent_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 3);
+} }
+function WizardStepIndicatorComponent_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_3_r1 = i0.ɵɵnextContext().$index;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ɵ$index_3_r1 + 1);
+} }
+function WizardStepIndicatorComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 6);
+} if (rf & 2) {
+    const step_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("connector-done", step_r2.isComplete);
+} }
+function WizardStepIndicatorComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵconditionalCreate(2, WizardStepIndicatorComponent_For_2_Conditional_2_Template, 1, 0, "i", 3)(3, WizardStepIndicatorComponent_For_2_Conditional_3_Template, 2, 1, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 4);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(6, WizardStepIndicatorComponent_For_2_Conditional_6_Template, 1, 2, "div", 5);
+} if (rf & 2) {
+    const step_r2 = ctx.$implicit;
+    const ɵ$index_3_r1 = ctx.$index;
+    const ɵ$count_3_r3 = ctx.$count;
+    i0.ɵɵclassProp("step-complete", step_r2.isComplete)("step-active", step_r2.isActive)("step-future", !step_r2.isComplete && !step_r2.isActive);
+    i0.ɵɵattribute("aria-current", step_r2.isActive ? "step" : null);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(step_r2.isComplete ? 2 : 3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(step_r2.label);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!(ɵ$index_3_r1 === ɵ$count_3_r3 - 1) ? 6 : -1);
+} }
+export class WizardStepIndicatorComponent {
+    /** Ordered list of step definitions. */
+    Steps = [];
+    /** 0-based index of the currently active step. */
+    CurrentStep = 0;
+    /** Used by @for track. */
+    TrackByStep(_, step) {
+        return step.id;
+    }
+    static ɵfac = function WizardStepIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WizardStepIndicatorComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WizardStepIndicatorComponent, selectors: [["mj-entity-wizard-step-indicator"]], inputs: { Steps: "Steps", CurrentStep: "CurrentStep" }, standalone: false, decls: 3, vars: 0, consts: [["aria-label", "Wizard steps", 1, "step-indicator"], [1, "step"], [1, "step-circle"], [1, "fa-solid", "fa-check"], [1, "step-label"], [1, "step-connector", 3, "connector-done"], [1, "step-connector"]], template: function WizardStepIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "nav", 0);
+            i0.ɵɵrepeaterCreate(1, WizardStepIndicatorComponent_For_2_Template, 7, 10, null, null, ctx.TrackByStep, true);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.Steps);
+        } }, styles: [".step-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n  overflow-x: auto;\n  gap: 0;\n}\n\n\n\n\n.step[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.step-circle[_ngcontent-%COMP%] {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.8rem;\n  font-weight: 600;\n  border: 2px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  transition: background 0.2s, border-color 0.2s, color 0.2s;\n  flex-shrink: 0;\n}\n\n.step-label[_ngcontent-%COMP%] {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  transition: color 0.2s;\n}\n\n\n\n\n.step-active[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.step-active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.step-complete[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.step-complete[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n.step-connector[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 20px;\n  height: 3px;\n  background: var(--mj-border-default);\n  margin: 0 8px;\n  border-radius: 2px;\n  transition: background 0.2s;\n}\n\n.connector-done[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WizardStepIndicatorComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-entity-wizard-step-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"step-indicator\" aria-label=\"Wizard steps\">\n  @for (step of Steps; track TrackByStep($index, step); let last = $last; let i = $index) {\n    <div\n      class=\"step\"\n      [class.step-complete]=\"step.isComplete\"\n      [class.step-active]=\"step.isActive\"\n      [class.step-future]=\"!step.isComplete && !step.isActive\"\n      [attr.aria-current]=\"step.isActive ? 'step' : null\">\n\n      <div class=\"step-circle\">\n        @if (step.isComplete) {\n          <i class=\"fa-solid fa-check\"></i>\n        } @else {\n          <span>{{ i + 1 }}</span>\n        }\n      </div>\n\n      <span class=\"step-label\">{{ step.label }}</span>\n    </div>\n\n    @if (!last) {\n      <div class=\"step-connector\" [class.connector-done]=\"step.isComplete\"></div>\n    }\n  }\n</nav>\n", styles: [".step-indicator {\n  display: flex;\n  align-items: center;\n  padding: 16px 24px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  background: var(--mj-bg-surface-card);\n  overflow-x: auto;\n  gap: 0;\n}\n\n/* \u2500\u2500 Step item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.step-circle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 0.8rem;\n  font-weight: 600;\n  border: 2px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  transition: background 0.2s, border-color 0.2s, color 0.2s;\n  flex-shrink: 0;\n}\n\n.step-label {\n  font-size: 0.8125rem;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  transition: color 0.2s;\n}\n\n/* \u2500\u2500 States \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-active .step-circle {\n  background: var(--mj-brand-primary);\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.step-active .step-label {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.step-complete .step-circle {\n  background: var(--mj-status-success);\n  border-color: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n}\n\n.step-complete .step-label {\n  color: var(--mj-text-secondary);\n}\n\n/* \u2500\u2500 Connector line \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-connector {\n  flex: 1;\n  min-width: 20px;\n  height: 3px;\n  background: var(--mj-border-default);\n  margin: 0 8px;\n  border-radius: 2px;\n  transition: background 0.2s;\n}\n\n.connector-done {\n  background: var(--mj-status-success);\n}\n"] }]
+    }], null, { Steps: [{
+            type: Input
+        }], CurrentStep: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WizardStepIndicatorComponent, { className: "WizardStepIndicatorComponent", filePath: "src/DatabaseDesigner/components/shared/wizard-step-indicator.component.ts", lineNumber: 25 }); })();
+//# sourceMappingURL=wizard-step-indicator.component.js.map

package/dist/DatabaseDesigner/components/shared/wizard-step-indicator.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-step-indicator.component.js","sourceRoot":"","sources":["../../../../src/DatabaseDesigner/components/shared/wizard-step-indicator.component.ts","../../../../src/DatabaseDesigner/components/shared/wizard-step-indicator.component.html"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACH,SAAS,EAAE,KAAK,EAAE,uBAAuB,GAC5C,MAAM,eAAe,CAAC;;;ICHb,uBAAiC;;;IAEjC,4BAAM;IAAA,YAAW;IAAA,iBAAO;;;IAAlB,cAAW;IAAX,sCAAW;;;IAQrB,yBAA2E;;;IAA/C,oDAAwC;;;IAZpE,AAPF,8BAKsD,aAE3B;IAGrB,AAFF,kGAAuB,4EAEd;IAGX,iBAAM;IAEN,+BAAyB;IAAA,YAAgB;IAC3C,AAD2C,iBAAO,EAC5C;IAEN,oGAAa;;;;;IAdX,AADA,AADA,mDAAuC,iCACJ,yDACqB;;IAItD,eAIC;IAJD,4CAIC;IAGsB,eAAgB;IAAhB,mCAAgB;IAG3C,cAEC;IAFD,+DAEC;;ADEL,MAAM,OAAO,4BAA4B;IAErC,wCAAwC;IACxB,KAAK,GAAoB,EAAE,CAAC;IAE5C,kDAAkD;IAClC,WAAW,GAAG,CAAC,CAAC;IAEhC,0BAA0B;IACnB,WAAW,CAAC,CAAS,EAAE,IAAmB;QAC7C,OAAO,IAAI,CAAC,EAAE,CAAC;IACnB,CAAC;sHAXQ,4BAA4B;6DAA5B,4BAA4B;YCxBzC,8BAAsD;YACpD,6GAsBC;YACH,iBAAM;;YAvBJ,cAsBC;YAtBD,wBAsBC;;;iFDCU,4BAA4B;cAPxC,SAAS;6BACM,KAAK,YACP,iCAAiC,mBAG1B,uBAAuB,CAAC,MAAM;;kBAK9C,KAAK;;kBAGL,KAAK;;kFANG,4BAA4B","sourcesContent":["/**\n * @module wizard-step-indicator.component\n * @description Pure-display step breadcrumb bar for the Database Designer create wizard.\n *\n * Renders a horizontal step progression:\n *   ① Basics ── ② Fields ── ③ Relationships ── ④ Review ── ⑤ Create\n *\n * Completed steps show a checkmark. The active step is highlighted.\n * Future steps are muted.  Parent controls all state via inputs — this\n * component has no local state and emits no events.\n */\n\nimport {\n    Component, Input, ChangeDetectionStrategy,\n} from '@angular/core';\nimport type { WizardStepDef } from '../../database-designer.types.js';\n\n@Component({\n    standalone: false,\n    selector: 'mj-entity-wizard-step-indicator',\n    templateUrl: './wizard-step-indicator.component.html',\n    styleUrls: ['./wizard-step-indicator.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class WizardStepIndicatorComponent {\n\n    /** Ordered list of step definitions. */\n    @Input() public Steps: WizardStepDef[] = [];\n\n    /** 0-based index of the currently active step. */\n    @Input() public CurrentStep = 0;\n\n    /** Used by @for track. */\n    public TrackByStep(_: number, step: WizardStepDef): string {\n        return step.id;\n    }\n}\n","<nav class=\"step-indicator\" aria-label=\"Wizard steps\">\n  @for (step of Steps; track TrackByStep($index, step); let last = $last; let i = $index) {\n    <div\n      class=\"step\"\n      [class.step-complete]=\"step.isComplete\"\n      [class.step-active]=\"step.isActive\"\n      [class.step-future]=\"!step.isComplete && !step.isActive\"\n      [attr.aria-current]=\"step.isActive ? 'step' : null\">\n\n      <div class=\"step-circle\">\n        @if (step.isComplete) {\n          <i class=\"fa-solid fa-check\"></i>\n        } @else {\n          <span>{{ i + 1 }}</span>\n        }\n      </div>\n\n      <span class=\"step-label\">{{ step.label }}</span>\n    </div>\n\n    @if (!last) {\n      <div class=\"step-connector\" [class.connector-done]=\"step.isComplete\"></div>\n    }\n  }\n</nav>\n"]}

package/dist/DatabaseDesigner/database-designer-dashboards.module.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/database-designer-dashboard.component";
+import * as i2 from "./components/entity-list.component";
+import * as i3 from "./components/shared/wizard-step-indicator.component";
+import * as i4 from "./components/shared/entity-fields-grid.component";
+import * as i5 from "./components/shared/entity-review-panel.component";
+import * as i6 from "./components/shared/entity-pipeline-panel.component";
+import * as i7 from "./components/shared/database-preview-pane.component";
+import * as i8 from "./components/create-wizard/database-create-wizard.component";
+import * as i9 from "./components/create-wizard/steps/step-basics.component";
+import * as i10 from "./components/create-wizard/steps/step-fields.component";
+import * as i11 from "./components/create-wizard/steps/step-relationships.component";
+import * as i12 from "./components/create-wizard/steps/step-review.component";
+import * as i13 from "./components/create-wizard/steps/step-pipeline.component";
+import * as i14 from "./components/modify/database-modify.component";
+import * as i15 from "@angular/common";
+import * as i16 from "@angular/forms";
+import * as i17 from "@memberjunction/ng-ui-components";
+import * as i18 from "@memberjunction/ng-shared-generic";
+import * as i19 from "@memberjunction/ng-versions";
+import * as i20 from "@memberjunction/ng-markdown";
+import * as i21 from "@memberjunction/ng-code-editor";
+import * as i22 from "@memberjunction/ng-entity-relationship-diagram";
+import * as i23 from "angular-split";
+export declare class DatabaseDesignerDashboardsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatabaseDesignerDashboardsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatabaseDesignerDashboardsModule, [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i7.DatabasePreviewPaneComponent, typeof i8.DatabaseCreateWizardComponent, typeof i9.StepBasicsComponent, typeof i10.StepFieldsComponent, typeof i11.StepRelationshipsComponent, typeof i12.StepReviewComponent, typeof i13.StepPipelineComponent, typeof i14.DatabaseModifyComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i17.MJButtonDirective, typeof i18.SharedGenericModule, typeof i19.VersionsModule, typeof i20.MarkdownModule, typeof i21.CodeEditorModule, typeof i22.EntityRelationshipDiagramModule, typeof i23.AngularSplitModule], [typeof i1.DatabaseDesignerDashboardComponent, typeof i2.EntityListComponent, typeof i3.WizardStepIndicatorComponent, typeof i4.EntityFieldsGridComponent, typeof i5.EntityReviewPanelComponent, typeof i6.EntityPipelinePanelComponent, typeof i8.DatabaseCreateWizardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DatabaseDesignerDashboardsModule>;
+}
+//# sourceMappingURL=database-designer-dashboards.module.d.ts.map

package/dist/DatabaseDesigner/database-designer-dashboards.module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"database-designer-dashboards.module.d.ts","sourceRoot":"","sources":["../../src/DatabaseDesigner/database-designer-dashboards.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCA,qBA4Ca,gCAAgC;yCAAhC,gCAAgC;0CAAhC,gCAAgC;0CAAhC,gCAAgC;CAAG"}