npm - @memberjunction/ng-dashboards - Versions diffs - 5.34.1 → 5.35.0 - Mend

@memberjunction/ng-dashboards 5.34.1 → 5.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (346) hide show

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

@@ -14,31 +14,24 @@ 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);
+function EntityListComponent_Conditional_11_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 14);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const schema_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", schema_r4);
+    const schema_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", schema_r3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(schema_r4);
+    i0.ɵɵtextInterpolate(schema_r3);
 } }
-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);
+function EntityListComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 12);
+    i0.ɵɵlistener("change", function EntityListComponent_Conditional_11_Template_select_change_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SelectedSchema = $event.target.value); });
+    i0.ɵɵelementStart(1, "option", 13);
     i0.ɵɵtext(2, "All Schemas");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, EntityListComponent_Conditional_13_For_4_Template, 2, 2, "option", 20, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(3, EntityListComponent_Conditional_11_For_4_Template, 2, 2, "option", 14, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -46,9 +39,9 @@ function EntityListComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     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);
+function EntityListComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 15);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -56,176 +49,176 @@ function EntityListComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     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);
+function EntityListComponent_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "div", 17)(2, "div", 18)(3, "div", 19)(4, "div", 19)(5, "div", 18)(6, "div", 19);
     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);
+function EntityListComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵrepeaterCreate(1, EntityListComponent_Conditional_14_For_2_Template, 7, 0, "div", 16, 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);
+function EntityListComponent_Conditional_15_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } 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_15_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 40);
+function EntityListComponent_Conditional_15_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } 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_15_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 40);
+function EntityListComponent_Conditional_15_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } 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_15_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 40);
+function EntityListComponent_Conditional_15_Conditional_0_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } 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_15_Conditional_0_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 40);
+function EntityListComponent_Conditional_15_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } 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_15_Conditional_0_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 26);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 44);
+function EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
     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);
+function EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵelement(1, "i", 52);
     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);
+function EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 45);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const entity_r7 = i0.ɵɵnextContext().$implicit;
+    const entity_r6 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(entity_r7.ownerDisplayName);
+    i0.ɵɵtextInterpolate(entity_r6.ownerDisplayName);
 } }
-function EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 52);
+function EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 46);
     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);
+function EntityListComponent_Conditional_15_Conditional_0_For_33_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 32)(1, "td", 35)(2, "div", 36)(3, "span", 37);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, EntityListComponent_Conditional_18_Conditional_0_For_33_Conditional_5_Template, 2, 0, "span", 44);
+    i0.ɵɵconditionalCreate(5, EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_5_Template, 2, 0, "span", 38);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "td", 45)(7, "span", 46);
+    i0.ɵɵelementStart(6, "td", 39)(7, "span", 40);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "td", 47)(10, "code", 48);
+    i0.ɵɵelementStart(9, "td", 41)(10, "code", 42);
     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.ɵɵelementStart(12, "td", 43);
+    i0.ɵɵconditionalCreate(13, EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_13_Template, 3, 0, "span", 44)(14, EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_14_Template, 2, 1, "span", 45)(15, EntityListComponent_Conditional_15_Conditional_0_For_33_Conditional_15_Template, 2, 0, "span", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 53);
+    i0.ɵɵelementStart(16, "td", 47);
     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.ɵɵelementStart(18, "td", 48)(19, "div", 49)(20, "button", 50);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_For_33_Template_button_click_20_listener() { const entity_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnEditEntity(entity_r6)); });
+    i0.ɵɵelement(21, "i", 51);
     i0.ɵɵtext(22, " Edit ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const entity_r7 = ctx.$implicit;
+    const entity_r6 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(entity_r7.entityName);
+    i0.ɵɵtextInterpolate(entity_r6.entityName);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(entity_r7.isOwner ? 5 : -1);
+    i0.ɵɵconditional(entity_r6.isOwner ? 5 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entity_r7.schemaName);
+    i0.ɵɵtextInterpolate(entity_r6.schemaName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entity_r7.tableName);
+    i0.ɵɵtextInterpolate(entity_r6.tableName);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(entity_r7.isOwner ? 13 : entity_r7.ownerDisplayName ? 14 : 15);
+    i0.ɵɵconditional(entity_r6.isOwner ? 13 : entity_r6.ownerDisplayName ? 14 : 15);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(entity_r7.createdAt));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(entity_r6.createdAt));
 } }
-function EntityListComponent_Conditional_18_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+function EntityListComponent_Conditional_15_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")); });
+function EntityListComponent_Conditional_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "table", 22)(2, "thead")(3, "tr")(4, "th", 23);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_Template_th_click_4_listener() { i0.ɵɵrestoreView(_r4); 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.ɵɵelementStart(6, "span", 24);
+    i0.ɵɵconditionalCreate(7, EntityListComponent_Conditional_15_Conditional_0_Conditional_7_Template, 1, 4, "i", 25)(8, EntityListComponent_Conditional_15_Conditional_0_Conditional_8_Template, 1, 0, "i", 26);
     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.ɵɵelementStart(9, "th", 27);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_Template_th_click_9_listener() { i0.ɵɵrestoreView(_r4); 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.ɵɵelementStart(11, "span", 24);
+    i0.ɵɵconditionalCreate(12, EntityListComponent_Conditional_15_Conditional_0_Conditional_12_Template, 1, 4, "i", 25)(13, EntityListComponent_Conditional_15_Conditional_0_Conditional_13_Template, 1, 0, "i", 26);
     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.ɵɵelementStart(14, "th", 28);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_Template_th_click_14_listener() { i0.ɵɵrestoreView(_r4); 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.ɵɵelementStart(16, "span", 24);
+    i0.ɵɵconditionalCreate(17, EntityListComponent_Conditional_15_Conditional_0_Conditional_17_Template, 1, 4, "i", 25)(18, EntityListComponent_Conditional_15_Conditional_0_Conditional_18_Template, 1, 0, "i", 26);
     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.ɵɵelementStart(19, "th", 29);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_Template_th_click_19_listener() { i0.ɵɵrestoreView(_r4); 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.ɵɵelementStart(21, "span", 24);
+    i0.ɵɵconditionalCreate(22, EntityListComponent_Conditional_15_Conditional_0_Conditional_22_Template, 1, 4, "i", 25)(23, EntityListComponent_Conditional_15_Conditional_0_Conditional_23_Template, 1, 0, "i", 26);
     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.ɵɵelementStart(24, "th", 30);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_0_Template_th_click_24_listener() { i0.ɵɵrestoreView(_r4); 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.ɵɵelementStart(26, "span", 24);
+    i0.ɵɵconditionalCreate(27, EntityListComponent_Conditional_15_Conditional_0_Conditional_27_Template, 1, 4, "i", 25)(28, EntityListComponent_Conditional_15_Conditional_0_Conditional_28_Template, 1, 0, "i", 26);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "th", 37);
+    i0.ɵɵelementStart(29, "th", 31);
     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.ɵɵrepeaterCreate(32, EntityListComponent_Conditional_15_Conditional_0_For_33_Template, 23, 6, "tr", 32, i0.ɵɵcomponentInstance().TrackByEntityId, true);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(34, "div", 39);
+    i0.ɵɵelementStart(34, "div", 33);
     i0.ɵɵtext(35);
-    i0.ɵɵconditionalCreate(36, EntityListComponent_Conditional_18_Conditional_0_Conditional_36_Template, 1, 1);
+    i0.ɵɵconditionalCreate(36, EntityListComponent_Conditional_15_Conditional_0_Conditional_36_Template, 1, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -246,16 +239,16 @@ function EntityListComponent_Conditional_18_Conditional_0_Template(rf, ctx) { if
     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);
+function EntityListComponent_Conditional_15_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h3", 55);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "p", 62);
+    i0.ɵɵelementStart(2, "p", 56);
     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.ɵɵelementStart(4, "button", 57);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_1_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SearchTerm = ""); });
     i0.ɵɵtext(5, " Clear search ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -263,33 +256,33 @@ function EntityListComponent_Conditional_18_Conditional_1_Conditional_3_Template
     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);
+function EntityListComponent_Conditional_15_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h3", 55);
     i0.ɵɵtext(1, "No entities yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "p", 62);
+    i0.ɵɵelementStart(2, "p", 56);
     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.ɵɵelementStart(4, "button", 58);
+    i0.ɵɵlistener("click", function EntityListComponent_Conditional_15_Conditional_1_Conditional_4_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnNewEntity()); });
+    i0.ɵɵelement(5, "i", 6);
     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);
+function EntityListComponent_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 53);
+    i0.ɵɵelement(2, "i", 54);
     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.ɵɵconditionalCreate(3, EntityListComponent_Conditional_15_Conditional_1_Conditional_3_Template, 6, 1)(4, EntityListComponent_Conditional_15_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);
+function EntityListComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, EntityListComponent_Conditional_15_Conditional_0_Template, 37, 8)(1, EntityListComponent_Conditional_15_Conditional_1_Template, 5, 1, "div", 20);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.FilteredEntities.length > 0 ? 0 : !ctx_r1.IsLoading ? 1 : -1);
@@ -426,54 +419,48 @@ export class EntityListComponent {
         }
     }
     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 ");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityListComponent, selectors: [["mj-database-entity-list"]], outputs: { EditEntity: "EditEntity", ViewEntity: "ViewEntity", NewEntity: "NewEntity" }, standalone: false, decls: 16, vars: 7, consts: [["Title", "Database Designer", "Icon", "fa-solid fa-table-cells-large", "Subtitle", "Browse and create user-defined entities"], ["meta", ""], ["Label", "entities", 3, "Count"], ["actions", ""], [3, "Clicked", "Loading"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["toolbar", ""], ["Placeholder", "Search by name, table, or schema...", 3, "ValueChange", "Value"], ["aria-label", "Filter by schema", 1, "mj-input", "schema-filter", 3, "value"], ["role", "alert", 1, "entity-list-error"], ["aria-busy", "true", "aria-label", "Loading entities\u2026", 1, "skeleton-table"], ["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, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1);
+            i0.ɵɵelement(3, "mj-stat-badge", 2);
             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.ɵɵelementStart(4, "div", 3)(5, "mj-refresh-button", 4);
+            i0.ɵɵlistener("Clicked", function EntityListComponent_Template_mj_refresh_button_Clicked_5_listener() { return ctx.OnRefresh(); });
             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.ɵɵelementStart(6, "button", 5);
+            i0.ɵɵlistener("click", function EntityListComponent_Template_button_click_6_listener() { return ctx.OnNewEntity(); });
+            i0.ɵɵelement(7, "i", 6);
+            i0.ɵɵtext(8, " New Entity ");
             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.ɵɵelementStart(9, "div", 7)(10, "mj-page-search", 8);
+            i0.ɵɵlistener("ValueChange", function EntityListComponent_Template_mj_page_search_ValueChange_10_listener($event) { return ctx.SearchTerm = $event; });
             i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(11, EntityListComponent_Conditional_11_Template, 5, 1, "select", 9);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "mj-page-body");
+            i0.ɵɵconditionalCreate(13, EntityListComponent_Conditional_13_Template, 3, 1, "div", 10);
+            i0.ɵɵconditionalCreate(14, EntityListComponent_Conditional_14_Template, 3, 1, "div", 11);
+            i0.ɵɵconditionalCreate(15, EntityListComponent_Conditional_15_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(3);
+            i0.ɵɵproperty("Count", ctx.FilteredEntities.length);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("Value", ctx.SearchTerm);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ErrorMessage ? 16 : -1);
+            i0.ɵɵconditional(ctx.AvailableFilterSchemas.length > 1 ? 11 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ErrorMessage ? 13 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading && ctx.FilteredEntities.length === 0 ? 17 : -1);
+            i0.ɵɵconditional(ctx.IsLoading && ctx.FilteredEntities.length === 0 ? 14 : -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 });
+            i0.ɵɵconditional(!ctx.IsLoading || ctx.FilteredEntities.length > 0 ? 15 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i2.MJButtonDirective, i2.MJPageLayoutComponent, i2.MJPageHeaderComponent, i2.MJPageBodyComponent, i2.MJPageSearchComponent, i2.MJRefreshButtonComponent, i2.MJStatBadgeComponent], styles: ["\n\n.schema-filter[_ngcontent-%COMP%] {\n  width: auto;\n  min-width: 160px;\n  max-width: 220px;\n  flex-shrink: 0;\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"] }]
+        args: [{ standalone: false, selector: 'mj-database-entity-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Database Designer\"\n    Icon=\"fa-solid fa-table-cells-large\"\n    Subtitle=\"Browse and create user-defined entities\">\n    <div meta>\n      <mj-stat-badge [Count]=\"FilteredEntities.length\" Label=\"entities\"></mj-stat-badge>\n    </div>\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"OnRefresh()\"></mj-refresh-button>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OnNewEntity()\">\n        <i class=\"fa-solid fa-plus\"></i> New Entity\n      </button>\n    </div>\n    <div toolbar>\n      <mj-page-search\n        Placeholder=\"Search by name, table, or schema...\"\n        [Value]=\"SearchTerm\"\n        (ValueChange)=\"SearchTerm = $event\">\n      </mj-page-search>\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    </div>\n  </mj-page-header>\n\n  <mj-page-body>\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  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* Schema filter used in the [toolbar] slot. */\n.schema-filter {\n  width: auto;\n  min-width: 160px;\n  max-width: 220px;\n  flex-shrink: 0;\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: [{