@memberjunction/ng-dashboards 5.30.1 → 5.31.0

package/dist/DatabaseDesigner/components/entity-list.component.js

@@ -0,0 +1,485 @@
+/**
+ * @module entity-list.component
+ * @description Displays the list of entities accessible to the current user.
+ *
+ * Loaded from `DatabaseDesignerEngine.Instance.loadAccessibleEntities()` —
+ * data access goes through the engine singleton, not this component directly,
+ * so the cache is shared across wizard openings.
+ */
+import { Component, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, } from '@angular/core';
+import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
+import { debounceTime, takeUntil, map } from 'rxjs/operators';
+import { DatabaseDesignerEngine } from '../services/database-designer.engine.js';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+const _c0 = () => [1, 2, 3, 4];
+function EntityListComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 16);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SearchTerm = ""); });
+    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_13_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const schema_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", schema_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(schema_r4);
+} }
+function EntityListComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 18);
+    i0.ɵɵlistener("change", function EntityListComponent_Conditional_13_Template_select_change_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectedSchema = $event.target.value); });
+    i0.ɵɵelementStart(1, "option", 19);
+    i0.ɵɵtext(2, "All Schemas");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, EntityListComponent_Conditional_13_For_4_Template, 2, 2, "option", 20, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", ctx_r1.SelectedSchema);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.AvailableFilterSchemas);
+} }
+function EntityListComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 21);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ErrorMessage, " ");
+} }
+function EntityListComponent_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "div", 23)(2, "div", 24)(3, "div", 25)(4, "div", 25)(5, "div", 24)(6, "div", 25);
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, EntityListComponent_Conditional_17_For_2_Template, 7, 0, "div", 22, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0));
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("fa-chevron-up", ctx_r1.SortDirection === "asc")("fa-chevron-down", ctx_r1.SortDirection === "desc");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("fa-chevron-up", ctx_r1.SortDirection === "asc")("fa-chevron-down", ctx_r1.SortDirection === "desc");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("fa-chevron-up", ctx_r1.SortDirection === "asc")("fa-chevron-down", ctx_r1.SortDirection === "desc");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("fa-chevron-up", ctx_r1.SortDirection === "asc")("fa-chevron-down", ctx_r1.SortDirection === "desc");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("fa-chevron-up", ctx_r1.SortDirection === "asc")("fa-chevron-down", ctx_r1.SortDirection === "desc");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 32);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵtext(1, "You");
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 50);
+    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵtext(2, " You ");
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 51);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const entity_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(entity_r7.ownerDisplayName);
+} }
+function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 52);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_18_Conditional_0_For_33_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 38)(1, "td", 41)(2, "div", 42)(3, "span", 43);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_5_Template, 2, 0, "span", 44);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "td", 45)(7, "span", 46);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "td", 47)(10, "code", 48);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "td", 49);
+    i0.ɵɵconditionalCreate(13, EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_13_Template, 3, 0, "span", 50)(14, EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_14_Template, 2, 1, "span", 51)(15, EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_15_Template, 2, 0, "span", 52);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "td", 53);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "td", 54)(19, "div", 55)(20, "button", 56);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_For_33_Template_button_click_20_listener() { const entity_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnEditEntity(entity_r7)); });
+    i0.ɵɵelement(21, "i", 57);
+    i0.ɵɵtext(22, " Edit ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const entity_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(entity_r7.entityName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(entity_r7.isOwner ? 5 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(entity_r7.schemaName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(entity_r7.tableName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(entity_r7.isOwner ? 13 : entity_r7.ownerDisplayName ? 14 : 15);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(entity_r7.createdAt));
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" matching \"", ctx_r1.SearchTerm, "\" ");
+} }
+function EntityListComponent_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "table", 28)(2, "thead")(3, "tr")(4, "th", 29);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_Template_th_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("entityName")); });
+    i0.ɵɵtext(5, " Entity Name ");
+    i0.ɵɵelementStart(6, "span", 30);
+    i0.ɵɵconditionalCreate(7, EntityListComponent_Conditional_18_Conditional_0_Conditional_7_Template, 1, 4, "i", 31)(8, EntityListComponent_Conditional_18_Conditional_0_Conditional_8_Template, 1, 0, "i", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "th", 33);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("schemaName")); });
+    i0.ɵɵtext(10, " Schema ");
+    i0.ɵɵelementStart(11, "span", 30);
+    i0.ɵɵconditionalCreate(12, EntityListComponent_Conditional_18_Conditional_0_Conditional_12_Template, 1, 4, "i", 31)(13, EntityListComponent_Conditional_18_Conditional_0_Conditional_13_Template, 1, 0, "i", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "th", 34);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_Template_th_click_14_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("tableName")); });
+    i0.ɵɵtext(15, " Table ");
+    i0.ɵɵelementStart(16, "span", 30);
+    i0.ɵɵconditionalCreate(17, EntityListComponent_Conditional_18_Conditional_0_Conditional_17_Template, 1, 4, "i", 31)(18, EntityListComponent_Conditional_18_Conditional_0_Conditional_18_Template, 1, 0, "i", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "th", 35);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_Template_th_click_19_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("owner")); });
+    i0.ɵɵtext(20, " Owner ");
+    i0.ɵɵelementStart(21, "span", 30);
+    i0.ɵɵconditionalCreate(22, EntityListComponent_Conditional_18_Conditional_0_Conditional_22_Template, 1, 4, "i", 31)(23, EntityListComponent_Conditional_18_Conditional_0_Conditional_23_Template, 1, 0, "i", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "th", 36);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_0_Template_th_click_24_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnSortChange("createdAt")); });
+    i0.ɵɵtext(25, " Created ");
+    i0.ɵɵelementStart(26, "span", 30);
+    i0.ɵɵconditionalCreate(27, EntityListComponent_Conditional_18_Conditional_0_Conditional_27_Template, 1, 4, "i", 31)(28, EntityListComponent_Conditional_18_Conditional_0_Conditional_28_Template, 1, 0, "i", 32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(29, "th", 37);
+    i0.ɵɵtext(30, "Actions");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(31, "tbody");
+    i0.ɵɵrepeaterCreate(32, EntityListComponent_Conditional_18_Conditional_0_For_33_Template, 23, 6, "tr", 38, i0.ɵɵcomponentInstance().TrackByEntityId, true);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(34, "div", 39);
+    i0.ɵɵtext(35);
+    i0.ɵɵconditionalCreate(36, EntityListComponent_Conditional_18_Conditional_0_Conditional_36_Template, 1, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.SortField === "entityName" ? 7 : 8);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.SortField === "schemaName" ? 12 : 13);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.SortField === "tableName" ? 17 : 18);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.SortField === "owner" ? 22 : 23);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.SortField === "createdAt" ? 27 : 28);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.FilteredEntities);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.FilteredEntities.length, " ", ctx_r1.FilteredEntities.length === 1 ? "entity" : "entities", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.SearchTerm ? 36 : -1);
+} }
+function EntityListComponent_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h3", 61);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "p", 62);
+    i0.ɵɵtext(3, "Try a different search term or clear the filter.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 63);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_1_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SearchTerm = ""); });
+    i0.ɵɵtext(5, " Clear search ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("No entities match \"", ctx_r1.SearchTerm, "\"");
+} }
+function EntityListComponent_Conditional_18_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h3", 61);
+    i0.ɵɵtext(1, "No entities yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "p", 62);
+    i0.ɵɵtext(3, " Create your first user-defined entity. You can also use the Database Designer agent in a conversation for guided design. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 64);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_18_Conditional_1_Conditional_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnNewEntity()); });
+    i0.ɵɵelement(5, "i", 5);
+    i0.ɵɵtext(6, " Create Entity ");
+    i0.ɵɵelementEnd();
+} }
+function EntityListComponent_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 59);
+    i0.ɵɵelement(2, "i", 60);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, EntityListComponent_Conditional_18_Conditional_1_Conditional_3_Template, 6, 1)(4, EntityListComponent_Conditional_18_Conditional_1_Conditional_4_Template, 7, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.SearchTerm ? 3 : 4);
+} }
+function EntityListComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, EntityListComponent_Conditional_18_Conditional_0_Template, 37, 8)(1, EntityListComponent_Conditional_18_Conditional_1_Template, 5, 1, "div", 26);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r1.FilteredEntities.length > 0 ? 0 : !ctx_r1.IsLoading ? 1 : -1);
+} }
+export class EntityListComponent {
+    /** Emitted when the user clicks "Edit" on an entity row. */
+    EditEntity = new EventEmitter();
+    /** Emitted when the user clicks "View Details" on an entity row. */
+    ViewEntity = new EventEmitter();
+    /** Emitted when the user clicks "New Entity". */
+    NewEntity = new EventEmitter();
+    IsLoading = false;
+    ErrorMessage = null;
+    /** Full unfiltered list from the engine. */
+    _allEntities = [];
+    /** Cached sorted unique schema names — recomputed only when _allEntities changes. */
+    _availableFilterSchemas = [];
+    /** Currently displayed (filtered + sorted) rows. */
+    FilteredEntities = [];
+    _search$ = new BehaviorSubject('');
+    _schema$ = new BehaviorSubject('');
+    _sortField$ = new BehaviorSubject('entityName');
+    _sortDir$ = new BehaviorSubject('asc');
+    _destroy$ = new Subject();
+    cdr = inject(ChangeDetectorRef);
+    // ─── Lifecycle ─────────────────────────────────────────────────────────
+    ngOnInit() {
+        this.setupFilter();
+        this.loadEntities();
+    }
+    ngOnDestroy() {
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    // ─── Template bindings ─────────────────────────────────────────────────
+    get SearchTerm() { return this._search$.value; }
+    set SearchTerm(v) { this._search$.next(v); }
+    get SelectedSchema() { return this._schema$.value; }
+    set SelectedSchema(v) { this._schema$.next(v); }
+    /** Unique schema names present in the loaded entity list, sorted alphabetically. */
+    get AvailableFilterSchemas() { return this._availableFilterSchemas; }
+    get SortField() { return this._sortField$.value; }
+    get SortDirection() { return this._sortDir$.value; }
+    /** Toggle sort: same field flips direction; new field defaults to asc. */
+    OnSortChange(field) {
+        if (this._sortField$.value === field) {
+            this._sortDir$.next(this._sortDir$.value === 'asc' ? 'desc' : 'asc');
+        }
+        else {
+            this._sortField$.next(field);
+            this._sortDir$.next('asc');
+        }
+    }
+    OnEditEntity(entity) {
+        this.EditEntity.emit(entity);
+    }
+    OnViewEntity(entity) {
+        this.ViewEntity.emit(entity);
+    }
+    OnNewEntity() {
+        this.NewEntity.emit();
+    }
+    OnRefresh() {
+        DatabaseDesignerEngine.Instance.invalidateCache();
+        this.loadEntities();
+    }
+    TrackByEntityId(_, entity) {
+        return entity.entityId;
+    }
+    FormatDate(date) {
+        return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });
+    }
+    // ─── Private helpers ───────────────────────────────────────────────────
+    setupFilter() {
+        combineLatest([this._search$, this._schema$, this._sortField$, this._sortDir$])
+            .pipe(debounceTime(150), map(([search, schema, field, dir]) => this.applyFilterAndSort(search, schema, field, dir)), takeUntil(this._destroy$))
+            .subscribe(result => {
+            this.FilteredEntities = result;
+            this.cdr.markForCheck();
+        });
+    }
+    async loadEntities() {
+        this.IsLoading = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            this._allEntities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();
+            this._availableFilterSchemas = [...new Set(this._allEntities.map(e => e.schemaName))].sort();
+            // Trigger the combineLatest pipe to recalculate; reset schema filter if
+            // the previously selected schema is no longer present in the new entity list.
+            const schemas = this._availableFilterSchemas;
+            if (this._schema$.value && !schemas.includes(this._schema$.value)) {
+                this._schema$.next('');
+            }
+            else {
+                this._search$.next(this._search$.value);
+            }
+        }
+        catch (err) {
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    applyFilterAndSort(search, schema, field, dir) {
+        const term = search.trim().toLowerCase();
+        let results = [...this._allEntities];
+        if (schema) {
+            results = results.filter(e => e.schemaName === schema);
+        }
+        if (term) {
+            results = results.filter(e => e.entityName.toLowerCase().includes(term) ||
+                e.tableName.toLowerCase().includes(term) ||
+                e.schemaName.toLowerCase().includes(term));
+        }
+        results.sort((a, b) => {
+            const aVal = this.sortValue(a, field);
+            const bVal = this.sortValue(b, field);
+            const cmp = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;
+            return dir === 'asc' ? cmp : -cmp;
+        });
+        return results;
+    }
+    sortValue(entity, field) {
+        switch (field) {
+            case 'entityName': return entity.entityName.toLowerCase();
+            case 'tableName': return entity.tableName.toLowerCase();
+            case 'schemaName': return entity.schemaName.toLowerCase();
+            case 'createdAt': return entity.createdAt.getTime();
+            case 'owner': return entity.isOwner ? 0 : 1;
+            default: return entity.entityName.toLowerCase();
+        }
+    }
+    static ɵfac = function EntityListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EntityListComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityListComponent, selectors: [["mj-database-entity-list"]], outputs: { EditEntity: "EditEntity", ViewEntity: "ViewEntity", NewEntity: "NewEntity" }, standalone: false, decls: 19, vars: 9, consts: [[1, "entity-list-root"], [1, "entity-list-header"], [1, "entity-list-title"], [1, "fa-solid", "fa-table-cells-large"], ["mjButton", "", "buttonStyle", "primary", 1, "new-entity-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "entity-list-toolbar"], [1, "search-wrap"], [1, "fa-solid", "fa-magnifying-glass", "search-icon"], ["type", "text", "placeholder", "Search by name, table, or schema\u2026", "aria-label", "Search entities", 1, "mj-input", "search-input", 3, "ngModelChange", "ngModel"], ["aria-label", "Clear search", 1, "search-clear"], ["aria-label", "Filter by schema", 1, "mj-input", "schema-filter", 3, "value"], ["mjButton", "", "buttonStyle", "secondary", "title", "Refresh list", 1, "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-rotate"], ["role", "alert", 1, "entity-list-error"], ["aria-busy", "true", "aria-label", "Loading entities\u2026", 1, "skeleton-table"], ["aria-label", "Clear search", 1, "search-clear", 3, "click"], [1, "fa-solid", "fa-xmark"], ["aria-label", "Filter by schema", 1, "mj-input", "schema-filter", 3, "change", "value"], ["value", ""], [3, "value"], [1, "fa-solid", "fa-circle-exclamation"], [1, "skeleton-row"], [1, "skeleton-cell", "wide"], [1, "skeleton-cell", "medium"], [1, "skeleton-cell", "narrow"], [1, "zero-state"], [1, "table-wrap"], ["role", "grid", "aria-label", "User-defined entities", 1, "entity-table"], ["scope", "col", 1, "col-name", "sortable", 3, "click"], [1, "sort-icon"], [1, "fa-solid", 3, "fa-chevron-up", "fa-chevron-down"], [1, "fa-solid", "fa-chevron-up", "muted"], ["scope", "col", 1, "col-schema", "sortable", 3, "click"], ["scope", "col", 1, "col-table", "sortable", 3, "click"], ["scope", "col", 1, "col-owner", "sortable", 3, "click"], ["scope", "col", 1, "col-created", "sortable", 3, "click"], ["scope", "col", 1, "col-actions"], [1, "entity-row"], [1, "entity-count"], [1, "fa-solid"], [1, "col-name"], [1, "entity-name-cell"], [1, "entity-name"], ["title", "You own this entity", 1, "owner-badge", "owner-you"], [1, "col-schema"], [1, "schema-badge"], [1, "col-table"], [1, "table-name"], [1, "col-owner"], [1, "owner-self"], [1, "owner-other"], [1, "owner-other", "muted"], [1, "col-created"], [1, "col-actions"], [1, "row-actions"], ["mjButton", "", "buttonStyle", "secondary", "title", "Edit this entity", 1, "action-btn", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-user-check"], [1, "zero-state-icon"], [1, "fa-regular", "fa-rectangle-list"], [1, "zero-state-title"], [1, "zero-state-body"], ["mjButton", "", "buttonStyle", "secondary", 3, "click"], ["mjButton", "", "buttonStyle", "primary", 3, "click"]], template: function EntityListComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h2", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Database Designer ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 4);
+            i0.ɵɵlistener("click", function EntityListComponent_Template_button_click_5_listener() { return ctx.OnNewEntity(); });
+            i0.ɵɵelement(6, "i", 5);
+            i0.ɵɵtext(7, " New Entity ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "div", 6)(9, "div", 7);
+            i0.ɵɵelement(10, "i", 8);
+            i0.ɵɵelementStart(11, "input", 9);
+            i0.ɵɵtwoWayListener("ngModelChange", function EntityListComponent_Template_input_ngModelChange_11_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SearchTerm, $event) || (ctx.SearchTerm = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(12, EntityListComponent_Conditional_12_Template, 2, 0, "button", 10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(13, EntityListComponent_Conditional_13_Template, 5, 1, "select", 11);
+            i0.ɵɵelementStart(14, "button", 12);
+            i0.ɵɵlistener("click", function EntityListComponent_Template_button_click_14_listener() { return ctx.OnRefresh(); });
+            i0.ɵɵelement(15, "i", 13);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(16, EntityListComponent_Conditional_16_Template, 3, 1, "div", 14);
+            i0.ɵɵconditionalCreate(17, EntityListComponent_Conditional_17_Template, 3, 1, "div", 15);
+            i0.ɵɵconditionalCreate(18, EntityListComponent_Conditional_18_Template, 2, 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(11);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SearchTerm);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SearchTerm ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.AvailableFilterSchemas.length > 1 ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.IsLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("fa-spin", ctx.IsLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ErrorMessage ? 16 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading && ctx.FilteredEntities.length === 0 ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsLoading || ctx.FilteredEntities.length > 0 ? 18 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective], styles: ["\n\n\n.entity-list-root[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 0;\n}\n\n\n\n\n.entity-list-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.entity-list-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.entity-list-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 1.1rem;\n}\n\n\n\n\n.entity-list-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 24px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.search-wrap[_ngcontent-%COMP%] {\n  position: relative;\n  flex: 1;\n  max-width: 400px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  font-size: 0.875rem;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 32px;\n  padding-right: 32px;\n  box-sizing: border-box;\n}\n\n.schema-filter[_ngcontent-%COMP%] {\n  width: auto;\n  min-width: 160px;\n  max-width: 220px;\n  flex-shrink: 0;\n}\n\n.search-clear[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 4px 6px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  border-radius: 4px;\n  line-height: 1;\n  transition: color 0.15s, background 0.15s;\n}\n\n.search-clear[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n\n\n\n.entity-list-error[_ngcontent-%COMP%] {\n  margin: 12px 24px;\n  padding: 10px 14px;\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n}\n\n\n\n\n.skeleton-table[_ngcontent-%COMP%] {\n  padding: 0 24px;\n  margin-top: 8px;\n}\n\n.skeleton-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  padding: 12px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.skeleton-cell[_ngcontent-%COMP%] {\n  height: 18px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-sunken);\n  animation: _ngcontent-%COMP%_skeleton-pulse 1.4s ease-in-out infinite;\n}\n\n.skeleton-cell.wide[_ngcontent-%COMP%]   { flex: 3; }\n.skeleton-cell.medium[_ngcontent-%COMP%] { flex: 2; }\n.skeleton-cell.narrow[_ngcontent-%COMP%] { flex: 1; }\n\n@keyframes _ngcontent-%COMP%_skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50%       { opacity: 0.45; }\n}\n\n\n\n\n.table-wrap[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: auto;\n  padding: 0 24px;\n}\n\n\n\n\n.entity-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.9rem;\n}\n\n.entity-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.entity-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 10px 12px;\n  text-align: left;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.8125rem;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.entity-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.entity-table[_ngcontent-%COMP%]   th.sortable[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n  display: inline-block;\n  margin-left: 5px;\n  font-size: 0.75rem;\n  vertical-align: middle;\n  min-width: 14px;\n}\n\n.sort-icon[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n  opacity: 0.3;\n}\n\n.entity-row[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.1s;\n}\n\n.entity-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.entity-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 12px 12px;\n  color: var(--mj-text-primary);\n  vertical-align: middle;\n}\n\n\n\n\n\n\n.entity-table[_ngcontent-%COMP%] {\n  table-layout: fixed;\n}\n\n.col-name[_ngcontent-%COMP%]    { width: 28%; }\n.col-schema[_ngcontent-%COMP%]  { width: 14%; }\n.col-table[_ngcontent-%COMP%]   { width: 18%; }\n.col-owner[_ngcontent-%COMP%]   { width: 15%; }\n.col-created[_ngcontent-%COMP%] { width: 13%; white-space: nowrap; }\n.col-actions[_ngcontent-%COMP%] { width: 12%; }\n\n\n\n\n.entity-name-cell[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.owner-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.7rem;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.owner-badge.owner-you[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.schema-badge[_ngcontent-%COMP%] {\n  display: inline-block;\n  font-size: 0.8rem;\n  font-family: monospace;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  border: 1px solid var(--mj-border-subtle);\n}\n\ncode.table-name[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n  font-family: monospace;\n  color: var(--mj-text-secondary);\n}\n\n.owner-self[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--mj-brand-primary);\n  font-size: 0.875rem;\n}\n\n.owner-self[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 0.8rem;\n}\n\n.owner-other[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 0.875rem;\n}\n\n.owner-other.muted[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n\n.row-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-btn[_ngcontent-%COMP%] {\n  font-size: 0.8125rem;\n  padding: 6px 12px;\n}\n\n\n\n\n.entity-count[_ngcontent-%COMP%] {\n  padding: 10px 24px;\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n  border-top: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n\n\n\n.zero-state[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 24px;\n  text-align: center;\n  gap: 16px;\n}\n\n.zero-state-icon[_ngcontent-%COMP%] {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.zero-state-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 2rem;\n  color: var(--mj-text-muted);\n}\n\n.zero-state-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.zero-state-body[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--mj-text-secondary);\n  max-width: 420px;\n  line-height: 1.6;\n  word-break: break-word;\n  overflow-wrap: break-word;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityListComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-database-entity-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"entity-list-root\">\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 -->\n  <div class=\"entity-list-header\">\n    <h2 class=\"entity-list-title\">\n      <i class=\"fa-solid fa-table-cells-large\"></i>\n      Database Designer\n    </h2>\n    <button\n      mjButton\n      buttonStyle=\"primary\"\n      class=\"new-entity-btn\"\n      (click)=\"OnNewEntity()\">\n      <i class=\"fa-solid fa-plus\"></i>\n      New Entity\n    </button>\n  </div>\n\n  <!-- \u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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=\"entity-list-toolbar\">\n    <div class=\"search-wrap\">\n      <i class=\"fa-solid fa-magnifying-glass search-icon\"></i>\n      <input\n        type=\"text\"\n        class=\"mj-input search-input\"\n        placeholder=\"Search by name, table, or schema\u2026\"\n        [(ngModel)]=\"SearchTerm\"\n        aria-label=\"Search entities\" />\n      @if (SearchTerm) {\n        <button\n          class=\"search-clear\"\n          (click)=\"SearchTerm = ''\"\n          aria-label=\"Clear search\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      }\n    </div>\n\n    @if (AvailableFilterSchemas.length > 1) {\n      <select\n        class=\"mj-input schema-filter\"\n        [value]=\"SelectedSchema\"\n        (change)=\"SelectedSchema = $any($event.target).value\"\n        aria-label=\"Filter by schema\">\n        <option value=\"\">All Schemas</option>\n        @for (schema of AvailableFilterSchemas; track schema) {\n          <option [value]=\"schema\">{{ schema }}</option>\n        }\n      </select>\n    }\n\n    <button\n      mjButton\n      buttonStyle=\"secondary\"\n      class=\"refresh-btn\"\n      title=\"Refresh list\"\n      [disabled]=\"IsLoading\"\n      (click)=\"OnRefresh()\">\n      <i class=\"fa-solid fa-rotate\" [class.fa-spin]=\"IsLoading\"></i>\n    </button>\n  </div>\n\n  <!-- \u2500\u2500 Error \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (ErrorMessage) {\n    <div class=\"entity-list-error\" role=\"alert\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      {{ ErrorMessage }}\n    </div>\n  }\n\n  <!-- \u2500\u2500 Loading skeleton \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n  @if (IsLoading && FilteredEntities.length === 0) {\n    <div class=\"skeleton-table\" aria-busy=\"true\" aria-label=\"Loading entities\u2026\">\n      @for (_ of [1, 2, 3, 4]; track $index) {\n        <div class=\"skeleton-row\">\n          <div class=\"skeleton-cell wide\"></div>\n          <div class=\"skeleton-cell medium\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n          <div class=\"skeleton-cell medium\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- \u2500\u2500 Entity 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  @if (!IsLoading || FilteredEntities.length > 0) {\n    @if (FilteredEntities.length > 0) {\n      <div class=\"table-wrap\">\n        <table class=\"entity-table\" role=\"grid\" aria-label=\"User-defined entities\">\n          <thead>\n            <tr>\n              <th class=\"col-name sortable\" (click)=\"OnSortChange('entityName')\" scope=\"col\">\n                Entity Name\n                <span class=\"sort-icon\">\n                  @if (SortField === 'entityName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-schema sortable\" (click)=\"OnSortChange('schemaName')\" scope=\"col\">\n                Schema\n                <span class=\"sort-icon\">\n                  @if (SortField === 'schemaName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-table sortable\" (click)=\"OnSortChange('tableName')\" scope=\"col\">\n                Table\n                <span class=\"sort-icon\">\n                  @if (SortField === 'tableName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-owner sortable\" (click)=\"OnSortChange('owner')\" scope=\"col\">\n                Owner\n                <span class=\"sort-icon\">\n                  @if (SortField === 'owner') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-created sortable\" (click)=\"OnSortChange('createdAt')\" scope=\"col\">\n                Created\n                <span class=\"sort-icon\">\n                  @if (SortField === 'createdAt') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-actions\" scope=\"col\">Actions</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (entity of FilteredEntities; track TrackByEntityId($index, entity)) {\n              <tr class=\"entity-row\">\n                <td class=\"col-name\">\n                  <div class=\"entity-name-cell\">\n                    <span class=\"entity-name\">{{ entity.entityName }}</span>\n                    @if (entity.isOwner) {\n                      <span class=\"owner-badge owner-you\" title=\"You own this entity\">You</span>\n                    }\n                  </div>\n                </td>\n                <td class=\"col-schema\">\n                  <span class=\"schema-badge\">{{ entity.schemaName }}</span>\n                </td>\n                <td class=\"col-table\">\n                  <code class=\"table-name\">{{ entity.tableName }}</code>\n                </td>\n                <td class=\"col-owner\">\n                  @if (entity.isOwner) {\n                    <span class=\"owner-self\">\n                      <i class=\"fa-solid fa-user-check\"></i>\n                      You\n                    </span>\n                  } @else if (entity.ownerDisplayName) {\n                    <span class=\"owner-other\">{{ entity.ownerDisplayName }}</span>\n                  } @else {\n                    <span class=\"owner-other muted\">\u2014</span>\n                  }\n                </td>\n                <td class=\"col-created\">{{ FormatDate(entity.createdAt) }}</td>\n                <td class=\"col-actions\">\n                  <div class=\"row-actions\">\n                    <button\n                      mjButton\n                      buttonStyle=\"secondary\"\n                      class=\"action-btn\"\n                      title=\"Edit this entity\"\n                      (click)=\"OnEditEntity(entity)\">\n                      <i class=\"fa-solid fa-pen-to-square\"></i>\n                      Edit\n                    </button>\n                  </div>\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n\n      <div class=\"entity-count\">\n        {{ FilteredEntities.length }} {{ FilteredEntities.length === 1 ? 'entity' : 'entities' }}\n        @if (SearchTerm) { matching \"{{ SearchTerm }}\" }\n      </div>\n    } @else if (!IsLoading) {\n      <!-- \u2500\u2500 Zero 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 -->\n      <div class=\"zero-state\">\n        <div class=\"zero-state-icon\">\n          <i class=\"fa-regular fa-rectangle-list\"></i>\n        </div>\n        @if (SearchTerm) {\n          <h3 class=\"zero-state-title\">No entities match \"{{ SearchTerm }}\"</h3>\n          <p class=\"zero-state-body\">Try a different search term or clear the filter.</p>\n          <button mjButton buttonStyle=\"secondary\" (click)=\"SearchTerm = ''\">\n            Clear search\n          </button>\n        } @else {\n          <h3 class=\"zero-state-title\">No entities yet</h3>\n          <p class=\"zero-state-body\">\n            Create your first user-defined entity. You can also use the\n            Database Designer agent in a conversation for guided design.\n          </p>\n          <button mjButton buttonStyle=\"primary\" (click)=\"OnNewEntity()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Create Entity\n          </button>\n        }\n      </div>\n    }\n  }\n</div>\n", styles: ["/* \u2500\u2500 Root \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.entity-list-root {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 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 */\n\n.entity-list-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.entity-list-title {\n  margin: 0;\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.entity-list-title i {\n  color: var(--mj-brand-primary);\n  font-size: 1.1rem;\n}\n\n/* \u2500\u2500 Toolbar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.entity-list-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 24px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n.search-wrap {\n  position: relative;\n  flex: 1;\n  max-width: 400px;\n}\n\n.search-icon {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  pointer-events: none;\n  font-size: 0.875rem;\n}\n\n.search-input {\n  width: 100%;\n  padding-left: 32px;\n  padding-right: 32px;\n  box-sizing: border-box;\n}\n\n.schema-filter {\n  width: auto;\n  min-width: 160px;\n  max-width: 220px;\n  flex-shrink: 0;\n}\n\n.search-clear {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 4px 6px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  border-radius: 4px;\n  line-height: 1;\n  transition: color 0.15s, background 0.15s;\n}\n\n.search-clear:hover {\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-hover);\n}\n\n/* \u2500\u2500 Error 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\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.entity-list-error {\n  margin: 12px 24px;\n  padding: 10px 14px;\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error-text);\n  border: 1px solid var(--mj-status-error-border);\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n}\n\n/* \u2500\u2500 Skeleton loader \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.skeleton-table {\n  padding: 0 24px;\n  margin-top: 8px;\n}\n\n.skeleton-row {\n  display: flex;\n  gap: 16px;\n  padding: 12px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.skeleton-cell {\n  height: 18px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-sunken);\n  animation: skeleton-pulse 1.4s ease-in-out infinite;\n}\n\n.skeleton-cell.wide   { flex: 3; }\n.skeleton-cell.medium { flex: 2; }\n.skeleton-cell.narrow { flex: 1; }\n\n@keyframes skeleton-pulse {\n  0%, 100% { opacity: 1; }\n  50%       { opacity: 0.45; }\n}\n\n/* \u2500\u2500 Table wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.table-wrap {\n  flex: 1;\n  overflow: auto;\n  padding: 0 24px;\n}\n\n/* \u2500\u2500 Entity 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 */\n\n.entity-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 0.9rem;\n}\n\n.entity-table thead tr {\n  border-bottom: 2px solid var(--mj-border-default);\n}\n\n.entity-table th {\n  padding: 10px 12px;\n  text-align: left;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  font-size: 0.8125rem;\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  white-space: nowrap;\n  user-select: none;\n}\n\n.entity-table th.sortable {\n  cursor: pointer;\n}\n\n.entity-table th.sortable:hover {\n  color: var(--mj-text-primary);\n}\n\n.sort-icon {\n  display: inline-block;\n  margin-left: 5px;\n  font-size: 0.75rem;\n  vertical-align: middle;\n  min-width: 14px;\n}\n\n.sort-icon .muted {\n  opacity: 0.3;\n}\n\n.entity-row {\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.1s;\n}\n\n.entity-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.entity-table td {\n  padding: 12px 12px;\n  color: var(--mj-text-primary);\n  vertical-align: middle;\n}\n\n/* \u2500\u2500 Column sizing \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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/* Fixed layout \u2014 percentages for content columns, px only for utility columns */\n\n.entity-table {\n  table-layout: fixed;\n}\n\n.col-name    { width: 28%; }\n.col-schema  { width: 14%; }\n.col-table   { width: 18%; }\n.col-owner   { width: 15%; }\n.col-created { width: 13%; white-space: nowrap; }\n.col-actions { width: 12%; }\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 */\n\n.entity-name-cell {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.entity-name {\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.owner-badge {\n  display: inline-flex;\n  align-items: center;\n  font-size: 0.7rem;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.owner-badge.owner-you {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.schema-badge {\n  display: inline-block;\n  font-size: 0.8rem;\n  font-family: monospace;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-secondary);\n  border: 1px solid var(--mj-border-subtle);\n}\n\ncode.table-name {\n  font-size: 0.8rem;\n  font-family: monospace;\n  color: var(--mj-text-secondary);\n}\n\n.owner-self {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--mj-brand-primary);\n  font-size: 0.875rem;\n}\n\n.owner-self i {\n  font-size: 0.8rem;\n}\n\n.owner-other {\n  color: var(--mj-text-secondary);\n  font-size: 0.875rem;\n}\n\n.owner-other.muted {\n  color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Row actions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.row-actions {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.action-btn {\n  font-size: 0.8125rem;\n  padding: 6px 12px;\n}\n\n/* \u2500\u2500 Row count footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.entity-count {\n  padding: 10px 24px;\n  font-size: 0.8rem;\n  color: var(--mj-text-muted);\n  border-top: 1px solid var(--mj-border-subtle);\n  flex-shrink: 0;\n}\n\n/* \u2500\u2500 Zero 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.zero-state {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 24px;\n  text-align: center;\n  gap: 16px;\n}\n\n.zero-state-icon {\n  width: 72px;\n  height: 72px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.zero-state-icon i {\n  font-size: 2rem;\n  color: var(--mj-text-muted);\n}\n\n.zero-state-title {\n  margin: 0;\n  font-size: 1.1rem;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.zero-state-body {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--mj-text-secondary);\n  max-width: 420px;\n  line-height: 1.6;\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n"] }]
+    }], null, { EditEntity: [{
+            type: Output
+        }], ViewEntity: [{
+            type: Output
+        }], NewEntity: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityListComponent, { className: "EntityListComponent", filePath: "src/DatabaseDesigner/components/entity-list.component.ts", lineNumber: 32 }); })();
+//# sourceMappingURL=entity-list.component.js.map

package/dist/DatabaseDesigner/components/entity-list.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-list.component.js","sourceRoot":"","sources":["../../../src/DatabaseDesigner/components/entity-list.component.ts","../../../src/DatabaseDesigner/components/entity-list.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @module entity-list.component\n * @description Displays the list of entities accessible to the current user.\n *\n * Loaded from `DatabaseDesignerEngine.Instance.loadAccessibleEntities()` —\n * data access goes through the engine singleton, not this component directly,\n * so the cache is shared across wizard openings.\n */\n\nimport {\n    Component, OnInit, OnDestroy, Output, EventEmitter,\n    ChangeDetectionStrategy, ChangeDetectorRef, inject,\n} from '@angular/core';\nimport { Subject, BehaviorSubject, combineLatest } from 'rxjs';\nimport { debounceTime, takeUntil, map } from 'rxjs/operators';\n\nimport { DatabaseDesignerEngine } from '../services/database-designer.engine.js';\nimport type { AccessibleEntity } from '../database-designer.types.js';\n\n// ─── Sort state ───────────────────────────────────────────────────────────────\n\ntype SortField = 'entityName' | 'tableName' | 'schemaName' | 'createdAt' | 'owner';\ntype SortDirection = 'asc' | 'desc';\n\n@Component({\n    standalone: false,\n    selector: 'mj-database-entity-list',\n    templateUrl: './entity-list.component.html',\n    styleUrls: ['./entity-list.component.css'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EntityListComponent implements OnInit, OnDestroy {\n\n    /** Emitted when the user clicks \"Edit\" on an entity row. */\n    @Output() public readonly EditEntity = new EventEmitter<AccessibleEntity>();\n    /** Emitted when the user clicks \"View Details\" on an entity row. */\n    @Output() public readonly ViewEntity = new EventEmitter<AccessibleEntity>();\n    /** Emitted when the user clicks \"New Entity\". */\n    @Output() public readonly NewEntity = new EventEmitter<void>();\n\n    public IsLoading = false;\n    public ErrorMessage: string | null = null;\n\n    /** Full unfiltered list from the engine. */\n    private _allEntities: AccessibleEntity[] = [];\n\n    /** Cached sorted unique schema names — recomputed only when _allEntities changes. */\n    private _availableFilterSchemas: string[] = [];\n\n    /** Currently displayed (filtered + sorted) rows. */\n    public FilteredEntities: AccessibleEntity[] = [];\n\n    private readonly _search$ = new BehaviorSubject<string>('');\n    private readonly _schema$ = new BehaviorSubject<string>('');\n    private readonly _sortField$ = new BehaviorSubject<SortField>('entityName');\n    private readonly _sortDir$ = new BehaviorSubject<SortDirection>('asc');\n    private readonly _destroy$ = new Subject<void>();\n\n    private readonly cdr = inject(ChangeDetectorRef);\n\n    // ─── Lifecycle ─────────────────────────────────────────────────────────\n\n    ngOnInit(): void {\n        this.setupFilter();\n        this.loadEntities();\n    }\n\n    ngOnDestroy(): void {\n        this._destroy$.next();\n        this._destroy$.complete();\n    }\n\n    // ─── Template bindings ─────────────────────────────────────────────────\n\n    get SearchTerm(): string { return this._search$.value; }\n    set SearchTerm(v: string) { this._search$.next(v); }\n\n    get SelectedSchema(): string { return this._schema$.value; }\n    set SelectedSchema(v: string) { this._schema$.next(v); }\n\n    /** Unique schema names present in the loaded entity list, sorted alphabetically. */\n    get AvailableFilterSchemas(): string[] { return this._availableFilterSchemas; }\n\n    get SortField(): SortField { return this._sortField$.value; }\n    get SortDirection(): SortDirection { return this._sortDir$.value; }\n\n    /** Toggle sort: same field flips direction; new field defaults to asc. */\n    public OnSortChange(field: SortField): void {\n        if (this._sortField$.value === field) {\n            this._sortDir$.next(this._sortDir$.value === 'asc' ? 'desc' : 'asc');\n        } else {\n            this._sortField$.next(field);\n            this._sortDir$.next('asc');\n        }\n    }\n\n    public OnEditEntity(entity: AccessibleEntity): void {\n        this.EditEntity.emit(entity);\n    }\n\n    public OnViewEntity(entity: AccessibleEntity): void {\n        this.ViewEntity.emit(entity);\n    }\n\n    public OnNewEntity(): void {\n        this.NewEntity.emit();\n    }\n\n    public OnRefresh(): void {\n        DatabaseDesignerEngine.Instance.invalidateCache();\n        this.loadEntities();\n    }\n\n    public TrackByEntityId(_: number, entity: AccessibleEntity): string {\n        return entity.entityId;\n    }\n\n    public FormatDate(date: Date): string {\n        return date.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n    }\n\n    // ─── Private helpers ───────────────────────────────────────────────────\n\n    private setupFilter(): void {\n        combineLatest([this._search$, this._schema$, this._sortField$, this._sortDir$])\n            .pipe(\n                debounceTime(150),\n                map(([search, schema, field, dir]) => this.applyFilterAndSort(search, schema, field, dir)),\n                takeUntil(this._destroy$),\n            )\n            .subscribe(result => {\n                this.FilteredEntities = result;\n                this.cdr.markForCheck();\n            });\n    }\n\n    private async loadEntities(): Promise<void> {\n        this.IsLoading = true;\n        this.ErrorMessage = null;\n        this.cdr.markForCheck();\n\n        try {\n            this._allEntities = await DatabaseDesignerEngine.Instance.loadAccessibleEntities();\n            this._availableFilterSchemas = [...new Set(this._allEntities.map(e => e.schemaName))].sort();\n            // Trigger the combineLatest pipe to recalculate; reset schema filter if\n            // the previously selected schema is no longer present in the new entity list.\n            const schemas = this._availableFilterSchemas;\n            if (this._schema$.value && !schemas.includes(this._schema$.value)) {\n                this._schema$.next('');\n            } else {\n                this._search$.next(this._search$.value);\n            }\n        } catch (err) {\n            this.ErrorMessage = err instanceof Error ? err.message : String(err);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    private applyFilterAndSort(search: string, schema: string, field: SortField, dir: SortDirection): AccessibleEntity[] {\n        const term = search.trim().toLowerCase();\n        let results = [...this._allEntities];\n\n        if (schema) {\n            results = results.filter(e => e.schemaName === schema);\n        }\n\n        if (term) {\n            results = results.filter(e =>\n                e.entityName.toLowerCase().includes(term) ||\n                e.tableName.toLowerCase().includes(term) ||\n                e.schemaName.toLowerCase().includes(term)\n            );\n        }\n\n        results.sort((a, b) => {\n            const aVal = this.sortValue(a, field);\n            const bVal = this.sortValue(b, field);\n            const cmp = aVal < bVal ? -1 : aVal > bVal ? 1 : 0;\n            return dir === 'asc' ? cmp : -cmp;\n        });\n\n        return results;\n    }\n\n    private sortValue(entity: AccessibleEntity, field: SortField): string | number {\n        switch (field) {\n            case 'entityName':  return entity.entityName.toLowerCase();\n            case 'tableName':   return entity.tableName.toLowerCase();\n            case 'schemaName':  return entity.schemaName.toLowerCase();\n            case 'createdAt':   return entity.createdAt.getTime();\n            case 'owner':       return entity.isOwner ? 0 : 1;\n            default:            return entity.entityName.toLowerCase();\n        }\n    }\n}\n","<div class=\"entity-list-root\">\n\n  <!-- ── Header ─────────────────────────────────────────────────────────── -->\n  <div class=\"entity-list-header\">\n    <h2 class=\"entity-list-title\">\n      <i class=\"fa-solid fa-table-cells-large\"></i>\n      Database Designer\n    </h2>\n    <button\n      mjButton\n      buttonStyle=\"primary\"\n      class=\"new-entity-btn\"\n      (click)=\"OnNewEntity()\">\n      <i class=\"fa-solid fa-plus\"></i>\n      New Entity\n    </button>\n  </div>\n\n  <!-- ── Toolbar ────────────────────────────────────────────────────────── -->\n  <div class=\"entity-list-toolbar\">\n    <div class=\"search-wrap\">\n      <i class=\"fa-solid fa-magnifying-glass search-icon\"></i>\n      <input\n        type=\"text\"\n        class=\"mj-input search-input\"\n        placeholder=\"Search by name, table, or schema…\"\n        [(ngModel)]=\"SearchTerm\"\n        aria-label=\"Search entities\" />\n      @if (SearchTerm) {\n        <button\n          class=\"search-clear\"\n          (click)=\"SearchTerm = ''\"\n          aria-label=\"Clear search\">\n          <i class=\"fa-solid fa-xmark\"></i>\n        </button>\n      }\n    </div>\n\n    @if (AvailableFilterSchemas.length > 1) {\n      <select\n        class=\"mj-input schema-filter\"\n        [value]=\"SelectedSchema\"\n        (change)=\"SelectedSchema = $any($event.target).value\"\n        aria-label=\"Filter by schema\">\n        <option value=\"\">All Schemas</option>\n        @for (schema of AvailableFilterSchemas; track schema) {\n          <option [value]=\"schema\">{{ schema }}</option>\n        }\n      </select>\n    }\n\n    <button\n      mjButton\n      buttonStyle=\"secondary\"\n      class=\"refresh-btn\"\n      title=\"Refresh list\"\n      [disabled]=\"IsLoading\"\n      (click)=\"OnRefresh()\">\n      <i class=\"fa-solid fa-rotate\" [class.fa-spin]=\"IsLoading\"></i>\n    </button>\n  </div>\n\n  <!-- ── Error ──────────────────────────────────────────────────────────── -->\n  @if (ErrorMessage) {\n    <div class=\"entity-list-error\" role=\"alert\">\n      <i class=\"fa-solid fa-circle-exclamation\"></i>\n      {{ ErrorMessage }}\n    </div>\n  }\n\n  <!-- ── Loading skeleton ───────────────────────────────────────────────── -->\n  @if (IsLoading && FilteredEntities.length === 0) {\n    <div class=\"skeleton-table\" aria-busy=\"true\" aria-label=\"Loading entities…\">\n      @for (_ of [1, 2, 3, 4]; track $index) {\n        <div class=\"skeleton-row\">\n          <div class=\"skeleton-cell wide\"></div>\n          <div class=\"skeleton-cell medium\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n          <div class=\"skeleton-cell medium\"></div>\n          <div class=\"skeleton-cell narrow\"></div>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- ── Entity table ───────────────────────────────────────────────────── -->\n  @if (!IsLoading || FilteredEntities.length > 0) {\n    @if (FilteredEntities.length > 0) {\n      <div class=\"table-wrap\">\n        <table class=\"entity-table\" role=\"grid\" aria-label=\"User-defined entities\">\n          <thead>\n            <tr>\n              <th class=\"col-name sortable\" (click)=\"OnSortChange('entityName')\" scope=\"col\">\n                Entity Name\n                <span class=\"sort-icon\">\n                  @if (SortField === 'entityName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-schema sortable\" (click)=\"OnSortChange('schemaName')\" scope=\"col\">\n                Schema\n                <span class=\"sort-icon\">\n                  @if (SortField === 'schemaName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-table sortable\" (click)=\"OnSortChange('tableName')\" scope=\"col\">\n                Table\n                <span class=\"sort-icon\">\n                  @if (SortField === 'tableName') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-owner sortable\" (click)=\"OnSortChange('owner')\" scope=\"col\">\n                Owner\n                <span class=\"sort-icon\">\n                  @if (SortField === 'owner') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-created sortable\" (click)=\"OnSortChange('createdAt')\" scope=\"col\">\n                Created\n                <span class=\"sort-icon\">\n                  @if (SortField === 'createdAt') {\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"SortDirection === 'asc'\" [class.fa-chevron-down]=\"SortDirection === 'desc'\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-chevron-up muted\"></i>\n                  }\n                </span>\n              </th>\n              <th class=\"col-actions\" scope=\"col\">Actions</th>\n            </tr>\n          </thead>\n          <tbody>\n            @for (entity of FilteredEntities; track TrackByEntityId($index, entity)) {\n              <tr class=\"entity-row\">\n                <td class=\"col-name\">\n                  <div class=\"entity-name-cell\">\n                    <span class=\"entity-name\">{{ entity.entityName }}</span>\n                    @if (entity.isOwner) {\n                      <span class=\"owner-badge owner-you\" title=\"You own this entity\">You</span>\n                    }\n                  </div>\n                </td>\n                <td class=\"col-schema\">\n                  <span class=\"schema-badge\">{{ entity.schemaName }}</span>\n                </td>\n                <td class=\"col-table\">\n                  <code class=\"table-name\">{{ entity.tableName }}</code>\n                </td>\n                <td class=\"col-owner\">\n                  @if (entity.isOwner) {\n                    <span class=\"owner-self\">\n                      <i class=\"fa-solid fa-user-check\"></i>\n                      You\n                    </span>\n                  } @else if (entity.ownerDisplayName) {\n                    <span class=\"owner-other\">{{ entity.ownerDisplayName }}</span>\n                  } @else {\n                    <span class=\"owner-other muted\">—</span>\n                  }\n                </td>\n                <td class=\"col-created\">{{ FormatDate(entity.createdAt) }}</td>\n                <td class=\"col-actions\">\n                  <div class=\"row-actions\">\n                    <button\n                      mjButton\n                      buttonStyle=\"secondary\"\n                      class=\"action-btn\"\n                      title=\"Edit this entity\"\n                      (click)=\"OnEditEntity(entity)\">\n                      <i class=\"fa-solid fa-pen-to-square\"></i>\n                      Edit\n                    </button>\n                  </div>\n                </td>\n              </tr>\n            }\n          </tbody>\n        </table>\n      </div>\n\n      <div class=\"entity-count\">\n        {{ FilteredEntities.length }} {{ FilteredEntities.length === 1 ? 'entity' : 'entities' }}\n        @if (SearchTerm) { matching \"{{ SearchTerm }}\" }\n      </div>\n    } @else if (!IsLoading) {\n      <!-- ── Zero state ───────────────────────────────────────────────── -->\n      <div class=\"zero-state\">\n        <div class=\"zero-state-icon\">\n          <i class=\"fa-regular fa-rectangle-list\"></i>\n        </div>\n        @if (SearchTerm) {\n          <h3 class=\"zero-state-title\">No entities match \"{{ SearchTerm }}\"</h3>\n          <p class=\"zero-state-body\">Try a different search term or clear the filter.</p>\n          <button mjButton buttonStyle=\"secondary\" (click)=\"SearchTerm = ''\">\n            Clear search\n          </button>\n        } @else {\n          <h3 class=\"zero-state-title\">No entities yet</h3>\n          <p class=\"zero-state-body\">\n            Create your first user-defined entity. You can also use the\n            Database Designer agent in a conversation for guided design.\n          </p>\n          <button mjButton buttonStyle=\"primary\" (click)=\"OnNewEntity()\">\n            <i class=\"fa-solid fa-plus\"></i>\n            Create Entity\n          </button>\n        }\n      </div>\n    }\n  }\n</div>\n"]}