npm - @memberjunction/ng-core-entity-forms - Versions diffs - 4.0.0 → 4.2.0 - Mend

@memberjunction/ng-core-entity-forms 4.0.0 → 4.2.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 (2204) hide show

package/dist/lib/custom/Entities/entity-form.component.js CHANGED Viewed

@@ -4,12 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, inject } from '@angular/core';
 import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Metadata, CompositeKey, RunView } from '@memberjunction/core';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
+import { SharedService } from '@memberjunction/ng-shared';
 import { EntityFormComponent } from '../../generated/Entities/Entity/entity.form.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -20,1145 +21,1426 @@ import * as i5 from "@memberjunction/ng-entity-relationship-diagram";
 const _c0 = () => [1, 2, 3, 4, 5];
 const _c1 = a0 => [a0];
 const _c2 = () => [];
-function EntityFormComponentExtended_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 11);
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.EntityName;
+function EntityFormComponentExtended_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 8);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵtext(2, " Virtual ");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_12_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(ctx_r2.ParentChain[0])); });
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" IS-A ", ctx_r2.ParentChain[0] == null ? null : ctx_r2.ParentChain[0].Name, " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r2.ChildEntities.length, " child type", ctx_r2.ChildEntities.length !== 1 ? "s" : "", " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.IsaBreadcrumb, " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "slice");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", ctx_r1.entity.Description);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", ctx_r2.entity.Description);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind3(2, 3, ctx_r1.entity.Description, 0, 80), "", ctx_r1.entity.Description.length > 80 ? "..." : "", " ");
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind3(2, 3, ctx_r2.entity.Description, 0, 80), "", ctx_r2.entity.Description.length > 80 ? "..." : "", " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 15);
+function EntityFormComponentExtended_Conditional_0_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 19);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.formattedRowCount);
+    i0.ɵɵtextInterpolate(ctx_r2.formattedRowCount);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 21);
-    i0.ɵɵelement(1, "i", 38);
+function EntityFormComponentExtended_Conditional_0_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵelement(1, "i", 47);
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_For_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 41);
+function EntityFormComponentExtended_Conditional_0_For_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 50);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = i0.ɵɵnextContext().$implicit;
+    const item_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r4.badge);
+    i0.ɵɵtextInterpolate(item_r5.badge);
 } }
-function EntityFormComponentExtended_Conditional_0_For_45_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_For_45_Template_button_click_0_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setActiveSection(item_r4.id)); });
+function EntityFormComponentExtended_Conditional_0_For_49_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_For_49_Template_button_click_0_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setActiveSection(item_r5.id)); });
     i0.ɵɵelement(1, "i");
-    i0.ɵɵelementStart(2, "span", 40);
+    i0.ɵɵelementStart(2, "span", 49);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_For_45_Conditional_4_Template, 2, 1, "span", 41);
+    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_For_49_Conditional_4_Template, 2, 1, "span", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r1.activeSection === item_r4.id);
-    i0.ɵɵproperty("title", item_r4.label);
+    const item_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("active", ctx_r2.activeSection === item_r5.id);
+    i0.ɵɵproperty("title", item_r5.label);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(item_r4.icon);
+    i0.ɵɵclassMap(item_r5.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r4.label);
+    i0.ɵɵtextInterpolate(item_r5.label);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r4.badge ? 4 : -1);
+    i0.ɵɵconditional(item_r5.badge ? 4 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", ctx_r1.stats.encryptedFieldCount, " Encrypted");
+    i0.ɵɵtextInterpolate1("", ctx_r2.stats.encryptedFieldCount, " Encrypted");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Updated ", i0.ɵɵpipeBind2(2, 1, ctx_r1.entity.RowCountRunAt, "short"));
+    i0.ɵɵtextInterpolate1("Updated ", i0.ɵɵpipeBind2(2, 1, ctx_r2.entity.RowCountRunAt, "short"));
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_57_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Row count");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_For_64_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 61);
-    i0.ɵɵelement(1, "i", 72);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_For_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵelement(1, "i", 82);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cap_r6 = ctx.$implicit;
+    const cap_r7 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", cap_r6, " ");
+    i0.ɵɵtextInterpolate1(" ", cap_r7, " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 62);
-    i0.ɵɵelement(1, "i", 36);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
+    i0.ɵɵelement(1, "i", 40);
     i0.ɵɵtext(2, " No API ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_91_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "span", 67);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Virtual Entity \u2014 read-only view backed by ");
+    i0.ɵɵelementStart(4, "span", 85);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.BaseView);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelement(0, "i", 93);
+    i0.ɵɵelementStart(1, "span", 94);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_For_7_Template_span_click_1_listener() { const parent_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(parent_r9)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const parent_r9 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", "Navigate to " + parent_r9.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", parent_r9.Name, " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 102);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 103);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_For_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 106);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 107);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r11 = ctx.$implicit;
+    i0.ɵɵproperty("title", field_r11.Description || field_r11.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", field_r11.DisplayName || field_r11.Name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r11.Type);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99)(1, "div", 100)(2, "span", 101);
+    i0.ɵɵconditionalCreate(3, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Conditional_3_Template, 1, 0, "i", 102)(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Conditional_4_Template, 1, 0, "i", 103);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 104);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 105);
+    i0.ɵɵrepeaterCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_For_10_Template, 4, 3, "span", 106, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const group_r12 = ctx.$implicit;
+    i0.ɵɵclassProp("own", group_r12.Level === 0)("inherited", group_r12.Level > 0);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(group_r12.Level === 0 ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", group_r12.Label, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", group_r12.Fields.length, " field", group_r12.Fields.length !== 1 ? "s" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(group_r12.Fields);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_For_2_Template, 11, 8, "div", 98, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.isaFieldGroups);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 91)(1, "div", 95);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.isaFieldInspectorExpanded = !ctx_r2.isaFieldInspectorExpanded); });
+    i0.ɵɵelement(2, "i", 96);
+    i0.ɵɵtext(3, " Field Source Inspector ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Conditional_4_Template, 3, 0, "div", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r2.isaFieldInspectorExpanded ? "fa-chevron-down" : "fa-chevron-right");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.isaFieldInspectorExpanded ? 4 : -1);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_13_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 110);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_13_For_5_Template_span_click_0_listener() { const sibling_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(sibling_r14)); });
+    i0.ɵɵelement(1, "i", 111);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const sibling_r14 = ctx.$implicit;
+    i0.ɵɵproperty("title", "Navigate to " + sibling_r14.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", sibling_r14.Name, " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 92)(1, "div", 87);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 108);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_13_For_5_Template, 3, 2, "span", 109, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Sibling Types (disjoint under ", ctx_r2.ParentChain[0] == null ? null : ctx_r2.ParentChain[0].Name, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.SiblingEntities);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "div", 87);
+    i0.ɵɵtext(2, "Inheritance Chain");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 88)(4, "span", 89);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(6, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_For_7_Template, 3, 2, null, null, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 90);
+    i0.ɵɵelement(9, "i", 55);
+    i0.ɵɵelementStart(10, "span");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_12_Template, 5, 2, "div", 91);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Conditional_13_Template, 6, 1, "div", 92);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.ParentChain);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate3("", ctx_r2.InheritedFieldCount, " field", ctx_r2.InheritedFieldCount !== 1 ? "s" : "", " inherited from parent", ctx_r2.ParentChain.length > 1 ? "s" : "");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.isaFieldGroups.length > 1 ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SiblingEntities.length > 0 ? 13 : -1);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 47);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "number");
+} if (rf & 2) {
+    const childCount_r16 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, childCount_r16.RecordCount), " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 113);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Template_span_click_0_listener() { const childCount_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(childCount_r16.EntityInfo)); });
+    i0.ɵɵelement(1, "i", 114);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(3, "span", 115);
+    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Conditional_4_Template, 1, 0, "i", 47)(5, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Conditional_5_Template, 2, 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const childCount_r16 = ctx.$implicit;
+    i0.ɵɵproperty("title", "Navigate to " + childCount_r16.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", childCount_r16.EntityName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(childCount_r16.IsLoading ? 4 : 5);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 87);
+    i0.ɵɵtext(2, "Child Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 108);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_For_5_Template, 6, 3, "span", 112, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.childEntityCounts);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72)(1, "h3", 67);
+    i0.ɵɵelement(2, "i", 46);
+    i0.ɵɵtext(3, " Type Hierarchy ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_4_Template, 6, 1, "div", 83);
+    i0.ɵɵconditionalCreate(5, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_5_Template, 14, 6);
+    i0.ɵɵconditionalCreate(6, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Conditional_6_Template, 6, 0, "div", 84);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r2.IsVirtualEntity ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsChildType ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsParentType ? 6 : -1);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_92_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "span", 77);
     i0.ɵɵtext(2, "SP Create");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 71);
+    i0.ɵɵelementStart(3, "span", 81);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.spCreate);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.spCreate);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_92_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "span", 67);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_93_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "span", 77);
     i0.ɵɵtext(2, "SP Update");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 71);
+    i0.ɵɵelementStart(3, "span", 81);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.spUpdate);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.spUpdate);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_93_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "span", 67);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_94_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "span", 77);
     i0.ɵɵtext(2, "SP Delete");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 71);
+    i0.ɵɵelementStart(3, "span", 81);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.spDelete);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.spDelete);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_109_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66)(1, "span", 67);
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_110_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 76)(1, "span", 77);
     i0.ɵɵtext(2, "Subclass");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 71);
+    i0.ɵɵelementStart(3, "span", 81);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.EntityObjectSubclassName);
-} }
-function EntityFormComponentExtended_Conditional_0_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 26)(1, "div", 42)(2, "div", 43)(3, "div", 44);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_47_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setActiveSection("fields")); });
-    i0.ɵɵelementStart(4, "div", 45);
-    i0.ɵɵelement(5, "i", 46);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.EntityObjectSubclassName);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 30)(1, "div", 51)(2, "div", 52)(3, "div", 53);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setActiveSection("fields")); });
+    i0.ɵɵelementStart(4, "div", 54);
+    i0.ɵɵelement(5, "i", 55);
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Fields");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 47)(9, "div", 48);
+    i0.ɵɵelementStart(8, "div", 56)(9, "div", 57);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 49)(12, "span");
+    i0.ɵɵelementStart(11, "div", 58)(12, "span");
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "span");
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_16_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_16_Template, 2, 1, "span");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 50);
-    i0.ɵɵelement(18, "i", 51);
+    i0.ɵɵelementStart(17, "div", 59);
+    i0.ɵɵelement(18, "i", 60);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 52);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_47_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setActiveSection("relationships")); });
-    i0.ɵɵelementStart(20, "div", 45);
-    i0.ɵɵelement(21, "i", 53);
+    i0.ɵɵelementStart(19, "div", 61);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setActiveSection("relationships")); });
+    i0.ɵɵelementStart(20, "div", 54);
+    i0.ɵɵelement(21, "i", 62);
     i0.ɵɵelementStart(22, "span");
     i0.ɵɵtext(23, "Relationships");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 47)(25, "div", 48);
+    i0.ɵɵelementStart(24, "div", 56)(25, "div", 57);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 49)(28, "span");
+    i0.ɵɵelementStart(27, "div", 58)(28, "span");
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(30, "span");
     i0.ɵɵtext(31);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(32, "div", 50);
-    i0.ɵɵelement(33, "i", 51);
+    i0.ɵɵelementStart(32, "div", 59);
+    i0.ɵɵelement(33, "i", 60);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(34, "div", 54);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_47_Template_div_click_34_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setActiveSection("permissions")); });
-    i0.ɵɵelementStart(35, "div", 45);
-    i0.ɵɵelement(36, "i", 55);
+    i0.ɵɵelementStart(34, "div", 63);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_51_Template_div_click_34_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.setActiveSection("permissions")); });
+    i0.ɵɵelementStart(35, "div", 54);
+    i0.ɵɵelement(36, "i", 64);
     i0.ɵɵelementStart(37, "span");
     i0.ɵɵtext(38, "Security");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(39, "div", 47)(40, "div", 48);
+    i0.ɵɵelementStart(39, "div", 56)(40, "div", 57);
     i0.ɵɵtext(41);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(42, "div", 49)(43, "span");
+    i0.ɵɵelementStart(42, "div", 58)(43, "span");
     i0.ɵɵtext(44, "Roles configured");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(45, "div", 50);
-    i0.ɵɵelement(46, "i", 51);
+    i0.ɵɵelementStart(45, "div", 59);
+    i0.ɵɵelement(46, "i", 60);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(47, "div", 56)(48, "div", 45);
-    i0.ɵɵelement(49, "i", 20);
+    i0.ɵɵelementStart(47, "div", 65)(48, "div", 54);
+    i0.ɵɵelement(49, "i", 24);
     i0.ɵɵelementStart(50, "span");
     i0.ɵɵtext(51, "Data");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(52, "div", 47)(53, "div", 48);
+    i0.ɵɵelementStart(52, "div", 56)(53, "div", 57);
     i0.ɵɵtext(54);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(55, "div", 49);
-    i0.ɵɵconditionalCreate(56, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_56_Template, 3, 4, "span");
-    i0.ɵɵconditionalCreate(57, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_57_Template, 2, 0, "span");
+    i0.ɵɵelementStart(55, "div", 58);
+    i0.ɵɵconditionalCreate(56, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_56_Template, 3, 4, "span");
+    i0.ɵɵconditionalCreate(57, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_57_Template, 2, 0, "span");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(58, "div", 57)(59, "h3", 58);
-    i0.ɵɵelement(60, "i", 59);
+    i0.ɵɵelementStart(58, "div", 66)(59, "h3", 67);
+    i0.ɵɵelement(60, "i", 68);
     i0.ɵɵtext(61, " Capabilities ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(62, "div", 60);
-    i0.ɵɵrepeaterCreate(63, EntityFormComponentExtended_Conditional_0_Conditional_47_For_64_Template, 3, 1, "span", 61, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(65, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_65_Template, 3, 0, "span", 62);
+    i0.ɵɵelementStart(62, "div", 69);
+    i0.ɵɵrepeaterCreate(63, EntityFormComponentExtended_Conditional_0_Conditional_51_For_64_Template, 3, 1, "span", 70, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(65, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_65_Template, 3, 0, "span", 71);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(66, "div", 63)(67, "h3", 58);
-    i0.ɵɵelement(68, "i", 64);
-    i0.ɵɵtext(69, " Database ");
+    i0.ɵɵconditionalCreate(66, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_66_Template, 7, 3, "div", 72);
+    i0.ɵɵelementStart(67, "div", 73)(68, "h3", 67);
+    i0.ɵɵelement(69, "i", 74);
+    i0.ɵɵtext(70, " Database ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(70, "div", 65)(71, "div", 66)(72, "span", 67);
-    i0.ɵɵtext(73, "Schema");
+    i0.ɵɵelementStart(71, "div", 75)(72, "div", 76)(73, "span", 77);
+    i0.ɵɵtext(74, "Schema");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(74, "span", 68);
-    i0.ɵɵtext(75);
+    i0.ɵɵelementStart(75, "span", 78);
+    i0.ɵɵtext(76);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(76, "div", 66)(77, "span", 67);
-    i0.ɵɵtext(78, "Table");
+    i0.ɵɵelementStart(77, "div", 76)(78, "span", 77);
+    i0.ɵɵtext(79, "Table");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(79, "span", 68);
-    i0.ɵɵtext(80);
+    i0.ɵɵelementStart(80, "span", 78);
+    i0.ɵɵtext(81);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(81, "div", 66)(82, "span", 67);
-    i0.ɵɵtext(83, "View");
+    i0.ɵɵelementStart(82, "div", 76)(83, "span", 77);
+    i0.ɵɵtext(84, "View");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(84, "span", 68);
-    i0.ɵɵtext(85);
+    i0.ɵɵelementStart(85, "span", 78);
+    i0.ɵɵtext(86);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(86, "div", 66)(87, "span", 67);
-    i0.ɵɵtext(88, "Delete Type");
+    i0.ɵɵelementStart(87, "div", 76)(88, "span", 77);
+    i0.ɵɵtext(89, "Delete Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(89, "span", 68);
-    i0.ɵɵtext(90);
+    i0.ɵɵelementStart(90, "span", 78);
+    i0.ɵɵtext(91);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(91, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_91_Template, 5, 1, "div", 66);
-    i0.ɵɵconditionalCreate(92, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_92_Template, 5, 1, "div", 66);
-    i0.ɵɵconditionalCreate(93, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_93_Template, 5, 1, "div", 66);
+    i0.ɵɵconditionalCreate(92, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_92_Template, 5, 1, "div", 76);
+    i0.ɵɵconditionalCreate(93, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_93_Template, 5, 1, "div", 76);
+    i0.ɵɵconditionalCreate(94, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_94_Template, 5, 1, "div", 76);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(94, "div", 69)(95, "h3", 58);
-    i0.ɵɵelement(96, "i", 70);
-    i0.ɵɵtext(97, " Code Generation ");
+    i0.ɵɵelementStart(95, "div", 79)(96, "h3", 67);
+    i0.ɵɵelement(97, "i", 80);
+    i0.ɵɵtext(98, " Code Generation ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(98, "div", 65)(99, "div", 66)(100, "span", 67);
-    i0.ɵɵtext(101, "Class Name");
+    i0.ɵɵelementStart(99, "div", 75)(100, "div", 76)(101, "span", 77);
+    i0.ɵɵtext(102, "Class Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(102, "span", 71);
-    i0.ɵɵtext(103);
+    i0.ɵɵelementStart(103, "span", 81);
+    i0.ɵɵtext(104);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(104, "div", 66)(105, "span", 67);
-    i0.ɵɵtext(106, "Code Name");
+    i0.ɵɵelementStart(105, "div", 76)(106, "span", 77);
+    i0.ɵɵtext(107, "Code Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(107, "span", 71);
-    i0.ɵɵtext(108);
+    i0.ɵɵelementStart(108, "span", 81);
+    i0.ɵɵtext(109);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(109, EntityFormComponentExtended_Conditional_0_Conditional_47_Conditional_109_Template, 5, 1, "div", 66);
+    i0.ɵɵconditionalCreate(110, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_110_Template, 5, 1, "div", 76);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.fieldCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.fieldCount);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", ctx_r1.stats.primaryKeyCount, " PKs");
+    i0.ɵɵtextInterpolate1("", ctx_r2.stats.primaryKeyCount, " PKs");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r1.stats.foreignKeyCount, " FKs");
+    i0.ɵɵtextInterpolate1("", ctx_r2.stats.foreignKeyCount, " FKs");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.stats.encryptedFieldCount ? 16 : -1);
+    i0.ɵɵconditional(ctx_r2.stats.encryptedFieldCount ? 16 : -1);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.relationshipCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.relationshipCount);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", ctx_r1.groupedOutgoingRelationships.length, " Out");
+    i0.ɵɵtextInterpolate1("", ctx_r2.groupedOutgoingRelationships.length, " Out");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r1.groupedIncomingRelationships.length, " In");
+    i0.ɵɵtextInterpolate1("", ctx_r2.groupedIncomingRelationships.length, " In");
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.permissionCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.permissionCount);
     i0.ɵɵadvance(13);
-    i0.ɵɵtextInterpolate(ctx_r1.formattedRowCount);
+    i0.ɵɵtextInterpolate(ctx_r2.formattedRowCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.entity.RowCountRunAt ? 56 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.RowCountRunAt ? 56 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.entity.RowCountRunAt ? 57 : -1);
+    i0.ɵɵconditional(!ctx_r2.entity.RowCountRunAt ? 57 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵrepeater(ctx_r1.capabilitySummary);
+    i0.ɵɵrepeater(ctx_r2.capabilitySummary);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r1.entity.IncludeInAPI ? 65 : -1);
+    i0.ɵɵconditional(!ctx_r2.entity.IncludeInAPI ? 65 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.HasISARelationship || ctx_r2.IsVirtualEntity ? 66 : -1);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.SchemaName);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.SchemaName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.BaseTable);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.BaseTable);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.BaseView);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.BaseView);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.DeleteType);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.DeleteType);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.spCreate ? 91 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.spCreate ? 92 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.spUpdate ? 92 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.spUpdate ? 93 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.spDelete ? 93 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.spDelete ? 94 : -1);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.ClassName);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.ClassName);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.CodeName);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.CodeName);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.EntityObjectSubclassName ? 109 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.EntityObjectSubclassName ? 110 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 83)(1, "button", 87);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.expandAllFieldGroups()); });
-    i0.ɵɵelement(2, "i", 88);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 125)(1, "button", 129);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_11_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.expandAllFieldGroups()); });
+    i0.ɵɵelement(2, "i", 130);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 89);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_11_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.collapseAllFieldGroups()); });
-    i0.ɵɵelement(4, "i", 90);
+    i0.ɵɵelementStart(3, "button", 131);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_11_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.collapseAllFieldGroups()); });
+    i0.ɵɵelement(4, "i", 132);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r1.allFieldGroupsExpanded);
+    i0.ɵɵproperty("disabled", ctx_r2.allFieldGroupsExpanded);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.allFieldGroupsCollapsed);
+    i0.ɵɵproperty("disabled", ctx_r2.allFieldGroupsCollapsed);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 106);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 148);
     i0.ɵɵtext(1, "Required");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 112);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const field_r12 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(6); ctx_r1.navigateToRelatedEntity(field_r12); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "i", 51);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 155);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r23); const field_r22 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(6); ctx_r2.navigateToRelatedEntity(field_r22); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 60);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r12 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(6);
+    const field_r22 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getRelatedEntityName(field_r12), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getRelatedEntityName(field_r22), " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 109);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 151);
     i0.ɵɵtext(1, "PK");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 110);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 152);
     i0.ɵɵtext(1, "FK");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
-    i0.ɵɵelement(1, "i", 55);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 153);
+    i0.ɵɵelement(1, "i", 64);
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 100);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Template_div_click_0_listener() { const field_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.selectField(field_r12)); });
-    i0.ɵɵelementStart(1, "div", 101);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 154);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r22 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵproperty("title", "Inherited from " + ctx_r2.GetISAFieldSource(field_r22));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetISAFieldSource(field_r22), " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Template_div_click_0_listener() { const field_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r2 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r2.selectField(field_r22)); });
+    i0.ɵɵelementStart(1, "div", 143);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 102)(4, "div", 103);
+    i0.ɵɵelementStart(3, "div", 144)(4, "div", 145);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 104)(7, "span", 105);
+    i0.ɵɵelementStart(6, "div", 146)(7, "span", 147);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_9_Template, 2, 0, "span", 106);
-    i0.ɵɵconditionalCreate(10, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template, 3, 1, "span", 107);
+    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_9_Template, 2, 0, "span", 148);
+    i0.ɵɵconditionalCreate(10, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_10_Template, 3, 1, "span", 149);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 108);
-    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_12_Template, 2, 0, "span", 109);
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_13_Template, 2, 0, "span", 110);
-    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Conditional_14_Template, 2, 0, "span", 111);
+    i0.ɵɵelementStart(11, "div", 150);
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_12_Template, 2, 0, "span", 151);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_13_Template, 2, 0, "span", 152);
+    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_14_Template, 2, 0, "span", 153);
+    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Conditional_15_Template, 3, 2, "span", 154);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const field_r12 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(6);
-    i0.ɵɵclassProp("selected", (ctx_r1.selectedField == null ? null : ctx_r1.selectedField.ID) === field_r12.ID);
+    const field_r22 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(6);
+    i0.ɵɵclassProp("selected", (ctx_r2.selectedField == null ? null : ctx_r2.selectedField.ID) === field_r22.ID);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getFieldTypeIcon(field_r12));
+    i0.ɵɵclassMap(ctx_r2.getFieldTypeIcon(field_r22));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(field_r12.DisplayName || field_r12.Name);
+    i0.ɵɵtextInterpolate(field_r22.DisplayName || field_r22.Name);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.formatFieldType(field_r12));
+    i0.ɵɵtextInterpolate(ctx_r2.formatFieldType(field_r22));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!field_r12.AllowsNull ? 9 : -1);
+    i0.ɵɵconditional(!field_r22.AllowsNull ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r12.RelatedEntityID ? 10 : -1);
+    i0.ɵɵconditional(field_r22.RelatedEntityID ? 10 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(field_r12.IsPrimaryKey ? 12 : -1);
+    i0.ɵɵconditional(field_r22.IsPrimaryKey ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r12.RelatedEntityID && !field_r12.IsPrimaryKey ? 13 : -1);
+    i0.ɵɵconditional(field_r22.RelatedEntityID && !field_r22.IsPrimaryKey ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r12.Encrypt ? 14 : -1);
+    i0.ɵɵconditional(field_r22.Encrypt ? 14 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsInheritedField(field_r22) ? 15 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 98);
-    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_For_2_Template, 15, 11, "div", 99, i0.ɵɵrepeaterTrackByIdentity);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_For_2_Template, 16, 12, "div", 141, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r10 = i0.ɵɵnextContext().$implicit;
+    const group_r20 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(group_r10.fields);
+    i0.ɵɵrepeater(group_r20.fields);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 92)(1, "div", 93);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Template_div_click_1_listener() { const group_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleFieldGroup(group_r10.id)); });
-    i0.ɵɵelement(2, "i", 94)(3, "i", 95);
-    i0.ɵɵelementStart(4, "span", 96);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 134)(1, "div", 135);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Template_div_click_1_listener() { const group_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleFieldGroup(group_r20.id)); });
+    i0.ɵɵelement(2, "i", 136)(3, "i", 137);
+    i0.ɵɵelementStart(4, "span", 138);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 97);
+    i0.ɵɵelementStart(6, "span", 139);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Conditional_8_Template, 3, 0, "div", 98);
+    i0.ɵɵconditionalCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Conditional_8_Template, 3, 0, "div", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r10 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r1.isFieldGroupExpanded(group_r10.id));
+    const group_r20 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("expanded", ctx_r2.isFieldGroupExpanded(group_r20.id));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.isFieldGroupExpanded(group_r10.id) ? "fa-chevron-down" : "fa-chevron-right");
+    i0.ɵɵproperty("ngClass", ctx_r2.isFieldGroupExpanded(group_r20.id) ? "fa-chevron-down" : "fa-chevron-right");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(group_r10.icon);
+    i0.ɵɵclassMap(group_r20.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r10.label);
+    i0.ɵɵtextInterpolate(group_r20.label);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r10.fields.length);
+    i0.ɵɵtextInterpolate(group_r20.fields.length);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isFieldGroupExpanded(group_r10.id) ? 8 : -1);
+    i0.ɵɵconditional(ctx_r2.isFieldGroupExpanded(group_r20.id) ? 8 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
-    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_For_2_Template, 9, 8, "div", 91, i0.ɵɵrepeaterTrackByIdentity);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 127);
+    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_For_2_Template, 9, 8, "div", 133, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.getFilteredFieldGroups());
+    i0.ɵɵrepeater(ctx_r2.getFilteredFieldGroups());
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 134);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 177);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r16 = i0.ɵɵnextContext().$implicit;
+    const field_r26 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(field_r16.Length);
+    i0.ɵɵtextInterpolate(field_r26.Length);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 135);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 178);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 139);
-    i0.ɵɵelement(1, "i", 144);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 182);
+    i0.ɵɵelement(1, "i", 188);
     i0.ɵɵtext(2, " PK ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 140);
-    i0.ɵɵelement(1, "i", 17);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 183);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2, " FK ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 141);
-    i0.ɵɵelement(1, "i", 55);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 184);
+    i0.ɵɵelement(1, "i", 64);
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 125);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Template_div_click_0_listener() { const field_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectField(field_r16)); });
-    i0.ɵɵelementStart(1, "div", 126)(2, "span", 127);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 185);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r26 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("title", "Inherited from " + ctx_r2.GetISAFieldSource(field_r26));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetISAFieldSource(field_r26), " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 168);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Template_div_click_0_listener() { const field_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.selectField(field_r26)); });
+    i0.ɵɵelementStart(1, "div", 169)(2, "span", 170);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 128);
-    i0.ɵɵelement(5, "i", 129);
-    i0.ɵɵelementStart(6, "span", 130);
+    i0.ɵɵelementStart(4, "div", 171);
+    i0.ɵɵelement(5, "i", 172);
+    i0.ɵɵelementStart(6, "span", 173);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 131)(9, "span", 132);
+    i0.ɵɵelementStart(8, "div", 174)(9, "span", 175);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 133);
-    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_12_Template, 2, 1, "span", 134);
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_13_Template, 2, 0, "span", 135);
+    i0.ɵɵelementStart(11, "div", 176);
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_12_Template, 2, 1, "span", 177);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_13_Template, 2, 0, "span", 178);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 136)(15, "span", 137);
+    i0.ɵɵelementStart(14, "div", 179)(15, "span", 180);
     i0.ɵɵelement(16, "i");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 120)(19, "div", 138);
-    i0.ɵɵconditionalCreate(20, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_20_Template, 3, 0, "span", 139);
-    i0.ɵɵconditionalCreate(21, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_21_Template, 3, 0, "span", 140);
-    i0.ɵɵconditionalCreate(22, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Conditional_22_Template, 2, 0, "span", 141);
+    i0.ɵɵelementStart(18, "div", 163)(19, "div", 181);
+    i0.ɵɵconditionalCreate(20, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_20_Template, 3, 0, "span", 182);
+    i0.ɵɵconditionalCreate(21, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_21_Template, 3, 0, "span", 183);
+    i0.ɵɵconditionalCreate(22, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_22_Template, 2, 0, "span", 184);
+    i0.ɵɵconditionalCreate(23, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Conditional_23_Template, 3, 2, "span", 185);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 142)(24, "span", 143);
-    i0.ɵɵtext(25);
+    i0.ɵɵelementStart(24, "div", 186)(25, "span", 187);
+    i0.ɵɵtext(26);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const field_r16 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("selected", (ctx_r1.selectedField == null ? null : ctx_r1.selectedField.ID) === field_r16.ID);
+    const field_r26 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", (ctx_r2.selectedField == null ? null : ctx_r2.selectedField.ID) === field_r26.ID);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(field_r16.Sequence);
+    i0.ɵɵtextInterpolate(field_r26.Sequence);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getFieldTypeIcon(field_r16));
+    i0.ɵɵclassMap(ctx_r2.getFieldTypeIcon(field_r26));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r16.DisplayName || field_r16.Name);
+    i0.ɵɵtextInterpolate(field_r26.DisplayName || field_r26.Name);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(field_r16.Type);
+    i0.ɵɵtextInterpolate(field_r26.Type);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(field_r16.Length > 0 ? 12 : -1);
+    i0.ɵɵconditional(field_r26.Length > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r16.Length <= 0 ? 13 : -1);
+    i0.ɵɵconditional(field_r26.Length <= 0 ? 13 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("required", !field_r16.AllowsNull)("optional", field_r16.AllowsNull);
+    i0.ɵɵclassProp("required", !field_r26.AllowsNull)("optional", field_r26.AllowsNull);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(field_r16.AllowsNull ? "fa-solid fa-circle-minus" : "fa-solid fa-circle-check");
+    i0.ɵɵclassMap(field_r26.AllowsNull ? "fa-solid fa-circle-minus" : "fa-solid fa-circle-check");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", field_r16.AllowsNull ? "Optional" : "Required", " ");
+    i0.ɵɵtextInterpolate1(" ", field_r26.AllowsNull ? "Optional" : "Required", " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(field_r16.IsPrimaryKey ? 20 : -1);
+    i0.ɵɵconditional(field_r26.IsPrimaryKey ? 20 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(field_r26.RelatedEntityID && !field_r26.IsPrimaryKey ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r16.RelatedEntityID && !field_r16.IsPrimaryKey ? 21 : -1);
+    i0.ɵɵconditional(field_r26.Encrypt ? 22 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r16.Encrypt ? 22 : -1);
+    i0.ɵɵconditional(ctx_r2.IsInheritedField(field_r26) ? 23 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("title", field_r16.Description || "");
+    i0.ɵɵproperty("title", field_r26.Description || "");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(field_r16.Description || "\u2014");
+    i0.ɵɵtextInterpolate(field_r26.Description || "\u2014");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵelement(1, "i", 75);
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 167);
+    i0.ɵɵelement(1, "i", 118);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No fields match your search");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 86)(1, "div", 113)(2, "div", 114);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_2_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("Sequence")); });
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 128)(1, "div", 156)(2, "div", 157);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_2_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("Sequence")); });
     i0.ɵɵtext(3, " # ");
-    i0.ɵɵelement(4, "i", 115);
+    i0.ɵɵelement(4, "i", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 116);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("Name")); });
+    i0.ɵɵelementStart(5, "div", 159);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("Name")); });
     i0.ɵɵtext(6, " Field Name ");
-    i0.ɵɵelement(7, "i", 115);
+    i0.ɵɵelement(7, "i", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 117);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_8_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("Type")); });
+    i0.ɵɵelementStart(8, "div", 160);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_8_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("Type")); });
     i0.ɵɵtext(9, " Type ");
-    i0.ɵɵelement(10, "i", 115);
+    i0.ɵɵelement(10, "i", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 118);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("Length")); });
+    i0.ɵɵelementStart(11, "div", 161);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_11_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("Length")); });
     i0.ɵɵtext(12, " Length ");
-    i0.ɵɵelement(13, "i", 115);
+    i0.ɵɵelement(13, "i", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 119);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_14_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("AllowsNull")); });
+    i0.ɵɵelementStart(14, "div", 162);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_14_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("AllowsNull")); });
     i0.ɵɵtext(15, " Required ");
-    i0.ɵɵelement(16, "i", 115);
+    i0.ɵɵelement(16, "i", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 120);
+    i0.ɵɵelementStart(17, "div", 163);
     i0.ɵɵtext(18, "Flags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 121);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortFieldList("Description")); });
+    i0.ɵɵelementStart(19, "div", 164);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template_div_click_19_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.sortFieldList("Description")); });
     i0.ɵɵtext(20, " Description ");
-    i0.ɵɵelement(21, "i", 115);
+    i0.ɵɵelement(21, "i", 158);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 122);
-    i0.ɵɵrepeaterCreate(23, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_For_24_Template, 26, 21, "div", 123, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(22, "div", 165);
+    i0.ɵɵrepeaterCreate(23, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_For_24_Template, 27, 22, "div", 166, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Conditional_25_Template, 4, 0, "div", 124);
+    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Conditional_25_Template, 4, 0, "div", 167);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "Sequence");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "Sequence");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "Sequence" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "Sequence" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "Name");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "Name");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "Name" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "Name" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "Type");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "Type");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "Type" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "Type" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "Length");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "Length");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "Length" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "Length" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "AllowsNull");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "AllowsNull");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "AllowsNull" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "AllowsNull" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("sorted", ctx_r1.fieldListSortColumn === "Description");
+    i0.ɵɵclassProp("sorted", ctx_r2.fieldListSortColumn === "Description");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.fieldListSortColumn === "Description" ? ctx_r1.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
+    i0.ɵɵproperty("ngClass", ctx_r2.fieldListSortColumn === "Description" ? ctx_r2.fieldListSortDirection === "asc" ? "fa-caret-up" : "fa-caret-down" : "fa-sort");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.getFilteredFieldsList());
+    i0.ɵɵrepeater(ctx_r2.getFilteredFieldsList());
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.getFilteredFieldsList().length === 0 ? 25 : -1);
+    i0.ɵɵconditional(ctx_r2.getFilteredFieldsList().length === 0 ? 25 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 27)(1, "div", 73)(2, "div", 74);
-    i0.ɵɵelement(3, "i", 75);
-    i0.ɵɵelementStart(4, "input", 76);
-    i0.ɵɵlistener("ngModelChange", function EntityFormComponentExtended_Conditional_0_Conditional_48_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFieldSearch($event)); });
+function EntityFormComponentExtended_Conditional_0_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 31)(1, "div", 116)(2, "div", 117);
+    i0.ɵɵelement(3, "i", 118);
+    i0.ɵɵelementStart(4, "input", 119);
+    i0.ɵɵlistener("ngModelChange", function EntityFormComponentExtended_Conditional_0_Conditional_52_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onFieldSearch($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 77)(6, "div", 78)(7, "button", 79);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.fieldViewMode = "grouped"); });
-    i0.ɵɵelement(8, "i", 80);
+    i0.ɵɵelementStart(5, "div", 120)(6, "div", 121)(7, "button", 122);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.fieldViewMode = "grouped"); });
+    i0.ɵɵelement(8, "i", 46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 81);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_48_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.fieldViewMode = "list"); });
-    i0.ɵɵelement(10, "i", 82);
+    i0.ɵɵelementStart(9, "button", 123);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_52_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.fieldViewMode = "list"); });
+    i0.ɵɵelement(10, "i", 124);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_11_Template, 5, 2, "div", 83);
+    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_11_Template, 5, 2, "div", 125);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 84);
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_13_Template, 3, 0, "div", 85);
-    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_48_Conditional_14_Template, 26, 19, "div", 86);
+    i0.ɵɵelementStart(12, "div", 126);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_13_Template, 3, 0, "div", 127);
+    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_14_Template, 26, 19, "div", 128);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r1.fieldSearchTerm);
+    i0.ɵɵproperty("ngModel", ctx_r2.fieldSearchTerm);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.fieldViewMode === "grouped");
+    i0.ɵɵclassProp("active", ctx_r2.fieldViewMode === "grouped");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.fieldViewMode === "list");
+    i0.ɵɵclassProp("active", ctx_r2.fieldViewMode === "list");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.fieldViewMode === "grouped" ? 11 : -1);
+    i0.ɵɵconditional(ctx_r2.fieldViewMode === "grouped" ? 11 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.fieldViewMode === "grouped" ? 13 : -1);
+    i0.ɵɵconditional(ctx_r2.fieldViewMode === "grouped" ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.fieldViewMode === "list" ? 14 : -1);
+    i0.ɵɵconditional(ctx_r2.fieldViewMode === "list" ? 14 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 153);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_9_For_5_Template_button_click_0_listener() { const d_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.setErdDepth(d_r19)); });
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 197);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_9_For_5_Template_button_click_0_listener() { const d_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.setErdDepth(d_r29)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const d_r19 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("active", ctx_r1.erdDepth === d_r19);
-    i0.ɵɵproperty("title", "Show " + d_r19 + " level(s) of relationships");
+    const d_r29 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("active", ctx_r2.erdDepth === d_r29);
+    i0.ɵɵproperty("title", "Show " + d_r29 + " level(s) of relationships");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", d_r19, " ");
+    i0.ɵɵtextInterpolate1(" ", d_r29, " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 147)(1, "span", 150);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 191)(1, "span", 194);
     i0.ɵɵtext(2, "Depth:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 151);
-    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_9_For_5_Template, 2, 4, "button", 152, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 195);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_9_For_5_Template, 2, 4, "button", 196, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0));
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 148)(1, "mj-erd-composite", 154);
-    i0.ɵɵlistener("stateChange", function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_11_Template_mj_erd_composite_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onERDStateChange($event)); })("openRecord", function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_11_Template_mj_erd_composite_openRecord_1_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onERDOpenRecord($event)); });
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 192)(1, "mj-erd-composite", 198);
+    i0.ɵɵlistener("stateChange", function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_11_Template_mj_erd_composite_stateChange_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onERDStateChange($event)); })("openRecord", function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_11_Template_mj_erd_composite_openRecord_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.onERDOpenRecord($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("focusEntities", ctx_r1.entity ? i0.ɵɵpureFunction1(4, _c1, ctx_r1.entity) : i0.ɵɵpureFunction0(6, _c2))("showFilterPanel", false)("showHeader", false)("depth", ctx_r1.erdDepth);
+    i0.ɵɵproperty("focusEntities", ctx_r2.entity ? i0.ɵɵpureFunction1(4, _c1, ctx_r2.entity) : i0.ɵɵpureFunction0(6, _c2))("showFilterPanel", false)("showHeader", false)("depth", ctx_r2.erdDepth);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_9_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 167);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_9_For_8_Template_span_click_0_listener() { const field_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.selectField(field_r22)); });
-    i0.ɵɵelement(1, "i", 17);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_9_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 211);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_9_For_8_Template_span_click_0_listener() { const field_r32 = i0.ɵɵrestoreView(_r31).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.selectField(field_r32)); });
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r22 = ctx.$implicit;
-    i0.ɵɵproperty("title", field_r22.Description || field_r22.Name);
+    const field_r32 = ctx.$implicit;
+    i0.ɵɵproperty("title", field_r32.Description || field_r32.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", field_r22.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", field_r32.Name, " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 159)(1, "div", 162)(2, "div", 163);
-    i0.ɵɵelement(3, "i", 51);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 203)(1, "div", 206)(2, "div", 207);
+    i0.ɵɵelement(3, "i", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 164);
+    i0.ɵɵelementStart(4, "div", 208);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 165);
-    i0.ɵɵrepeaterCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_9_For_8_Template, 3, 2, "span", 166, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 209);
+    i0.ɵɵrepeaterCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_9_For_8_Template, 3, 2, "span", 210, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const group_r23 = ctx.$implicit;
+    const group_r33 = ctx.$implicit;
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(group_r23.entityName);
+    i0.ɵɵtextInterpolate(group_r33.entityName);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(group_r23.fields);
+    i0.ɵɵrepeater(group_r33.fields);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 160)(1, "p");
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204)(1, "p");
     i0.ɵɵtext(2, "No outgoing relationships");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_For_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 171);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_For_8_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 215);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 170);
-    i0.ɵɵelement(1, "i", 17);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 214);
+    i0.ɵɵelement(1, "i", 21);
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_For_8_Conditional_3_Template, 1, 0, "i", 171);
+    i0.ɵɵconditionalCreate(3, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_For_8_Conditional_3_Template, 1, 0, "i", 215);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r24 = ctx.$implicit;
-    i0.ɵɵproperty("title", "Type: " + field_r24.type);
+    const field_r34 = ctx.$implicit;
+    i0.ɵɵproperty("title", "Type: " + field_r34.type);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", field_r24.fieldName, " ");
+    i0.ɵɵtextInterpolate1(" ", field_r34.fieldName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r24.bundleInAPI ? 3 : -1);
+    i0.ɵɵconditional(field_r34.bundleInAPI ? 3 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 159)(1, "div", 162)(2, "div", 168);
-    i0.ɵɵelement(3, "i", 169);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 203)(1, "div", 206)(2, "div", 212);
+    i0.ɵɵelement(3, "i", 213);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 164);
+    i0.ɵɵelementStart(4, "div", 208);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 165);
-    i0.ɵɵrepeaterCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_For_8_Template, 4, 3, "span", 170, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 209);
+    i0.ɵɵrepeaterCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_For_8_Template, 4, 3, "span", 214, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const group_r25 = ctx.$implicit;
+    const group_r35 = ctx.$implicit;
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(group_r25.entityName);
+    i0.ɵɵtextInterpolate(group_r35.entityName);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(group_r25.fields);
+    i0.ɵɵrepeater(group_r35.fields);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 160)(1, "p");
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204)(1, "p");
     i0.ɵɵtext(2, "No incoming relationships");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 149)(1, "div", 155)(2, "h3", 156);
-    i0.ɵɵelement(3, "i", 157);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 193)(1, "div", 199)(2, "h3", 200);
+    i0.ɵɵelement(3, "i", 201);
     i0.ɵɵtext(4, " Outgoing (References to other entities) ");
-    i0.ɵɵelementStart(5, "span", 97);
+    i0.ɵɵelementStart(5, "span", 139);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 158);
-    i0.ɵɵrepeaterCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_9_Template, 9, 1, "div", 159, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(10, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Conditional_10_Template, 3, 0, "div", 160);
+    i0.ɵɵelementStart(7, "div", 202);
+    i0.ɵɵrepeaterCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_9_Template, 9, 1, "div", 203, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(10, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_10_Template, 3, 0, "div", 204);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 155)(12, "h3", 156);
-    i0.ɵɵelement(13, "i", 161);
+    i0.ɵɵelementStart(11, "div", 199)(12, "h3", 200);
+    i0.ɵɵelement(13, "i", 205);
     i0.ɵɵtext(14, " Incoming (Entities that reference this one) ");
-    i0.ɵɵelementStart(15, "span", 97);
+    i0.ɵɵelementStart(15, "span", 139);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 158);
-    i0.ɵɵrepeaterCreate(18, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_For_19_Template, 9, 1, "div", 159, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(20, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Conditional_20_Template, 3, 0, "div", 160);
+    i0.ɵɵelementStart(17, "div", 202);
+    i0.ɵɵrepeaterCreate(18, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_For_19_Template, 9, 1, "div", 203, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(20, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_20_Template, 3, 0, "div", 204);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.groupedOutgoingRelationships.length);
+    i0.ɵɵtextInterpolate(ctx_r2.groupedOutgoingRelationships.length);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.groupedOutgoingRelationships);
+    i0.ɵɵrepeater(ctx_r2.groupedOutgoingRelationships);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.groupedOutgoingRelationships.length === 0 ? 10 : -1);
+    i0.ɵɵconditional(ctx_r2.groupedOutgoingRelationships.length === 0 ? 10 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.groupedIncomingRelationships.length);
+    i0.ɵɵtextInterpolate(ctx_r2.groupedIncomingRelationships.length);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.groupedIncomingRelationships);
+    i0.ɵɵrepeater(ctx_r2.groupedIncomingRelationships);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.groupedIncomingRelationships.length === 0 ? 20 : -1);
+    i0.ɵɵconditional(ctx_r2.groupedIncomingRelationships.length === 0 ? 20 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section", 28)(1, "div", 73)(2, "div", 145)(3, "button", 146);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_49_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.relationshipViewMode = "diagram"); });
-    i0.ɵɵelement(4, "i", 53);
+function EntityFormComponentExtended_Conditional_0_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 32)(1, "div", 116)(2, "div", 189)(3, "button", 190);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_53_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.relationshipViewMode = "diagram"); });
+    i0.ɵɵelement(4, "i", 62);
     i0.ɵɵtext(5, " Diagram ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 146);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_49_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.relationshipViewMode = "list"); });
-    i0.ɵɵelement(7, "i", 82);
+    i0.ɵɵelementStart(6, "button", 190);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_53_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.relationshipViewMode = "list"); });
+    i0.ɵɵelement(7, "i", 124);
     i0.ɵɵtext(8, " List ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_9_Template, 6, 1, "div", 147);
+    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_9_Template, 6, 1, "div", 191);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 42);
-    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_11_Template, 2, 7, "div", 148);
-    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_49_Conditional_12_Template, 21, 4, "div", 149);
+    i0.ɵɵelementStart(10, "div", 51);
+    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_11_Template, 2, 7, "div", 192);
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Template, 21, 4, "div", 193);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.relationshipViewMode === "diagram");
+    i0.ɵɵclassProp("active", ctx_r2.relationshipViewMode === "diagram");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.relationshipViewMode === "list");
+    i0.ɵɵclassProp("active", ctx_r2.relationshipViewMode === "list");
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.relationshipViewMode === "diagram" ? 9 : -1);
+    i0.ɵɵconditional(ctx_r2.relationshipViewMode === "diagram" ? 9 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.relationshipViewMode === "diagram" ? 11 : -1);
+    i0.ɵɵconditional(ctx_r2.relationshipViewMode === "diagram" ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.relationshipViewMode === "list" ? 12 : -1);
+    i0.ɵɵconditional(ctx_r2.relationshipViewMode === "list" ? 12 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 183);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 226);
     i0.ɵɵtext(1, "R");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 184);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 227);
     i0.ɵɵtext(1, "C");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 185);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 228);
     i0.ɵɵtext(1, "U");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 186);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 229);
     i0.ɵɵtext(1, "D");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 187);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 230);
     i0.ɵɵtext(1, "None");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 180);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 223);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 174);
-    i0.ɵɵelement(4, "i", 181);
+    i0.ɵɵelementStart(3, "td", 218);
+    i0.ɵɵelement(4, "i", 224);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 174);
-    i0.ɵɵelement(6, "i", 181);
+    i0.ɵɵelementStart(5, "td", 218);
+    i0.ɵɵelement(6, "i", 224);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 174);
-    i0.ɵɵelement(8, "i", 181);
+    i0.ɵɵelementStart(7, "td", 218);
+    i0.ɵɵelement(8, "i", 224);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 174);
-    i0.ɵɵelement(10, "i", 181);
+    i0.ɵɵelementStart(9, "td", 218);
+    i0.ɵɵelement(10, "i", 224);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td", 182);
-    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_12_Template, 2, 0, "span", 183);
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_13_Template, 2, 0, "span", 184);
-    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_14_Template, 2, 0, "span", 185);
-    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_15_Template, 2, 0, "span", 186);
-    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Conditional_16_Template, 2, 0, "span", 187);
+    i0.ɵɵelementStart(11, "td", 225);
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_12_Template, 2, 0, "span", 226);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_13_Template, 2, 0, "span", 227);
+    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_14_Template, 2, 0, "span", 228);
+    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_15_Template, 2, 0, "span", 229);
+    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Conditional_16_Template, 2, 0, "span", 230);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const perm_r26 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const perm_r36 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.getRoleName(perm_r26));
+    i0.ɵɵtextInterpolate(ctx_r2.getRoleName(perm_r36));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", perm_r26.CanCreate ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
+    i0.ɵɵproperty("ngClass", perm_r36.CanCreate ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", perm_r26.CanRead ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
+    i0.ɵɵproperty("ngClass", perm_r36.CanRead ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", perm_r26.CanUpdate ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
+    i0.ɵɵproperty("ngClass", perm_r36.CanUpdate ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngClass", perm_r26.CanDelete ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
+    i0.ɵɵproperty("ngClass", perm_r36.CanDelete ? "fa-solid fa-check granted" : "fa-solid fa-xmark denied");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(perm_r26.ReadRLSFilterID ? 12 : -1);
+    i0.ɵɵconditional(perm_r36.ReadRLSFilterID ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(perm_r26.CreateRLSFilterID ? 13 : -1);
+    i0.ɵɵconditional(perm_r36.CreateRLSFilterID ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(perm_r26.UpdateRLSFilterID ? 14 : -1);
+    i0.ɵɵconditional(perm_r36.UpdateRLSFilterID ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(perm_r26.DeleteRLSFilterID ? 15 : -1);
+    i0.ɵɵconditional(perm_r36.DeleteRLSFilterID ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!perm_r26.ReadRLSFilterID && !perm_r26.CreateRLSFilterID && !perm_r26.UpdateRLSFilterID && !perm_r26.DeleteRLSFilterID ? 16 : -1);
+    i0.ɵɵconditional(!perm_r36.ReadRLSFilterID && !perm_r36.CreateRLSFilterID && !perm_r36.UpdateRLSFilterID && !perm_r36.DeleteRLSFilterID ? 16 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 160);
-    i0.ɵɵelement(1, "i", 18);
+function EntityFormComponentExtended_Conditional_0_Conditional_54_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204);
+    i0.ɵɵelement(1, "i", 22);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No permissions configured");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 29)(1, "div", 42)(2, "div", 172)(3, "table", 173)(4, "thead")(5, "tr")(6, "th");
+function EntityFormComponentExtended_Conditional_0_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 33)(1, "div", 51)(2, "div", 216)(3, "table", 217)(4, "thead")(5, "tr")(6, "th");
     i0.ɵɵtext(7, "Role");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th", 174);
+    i0.ɵɵelementStart(8, "th", 218);
     i0.ɵɵtext(9, "Create");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 174);
+    i0.ɵɵelementStart(10, "th", 218);
     i0.ɵɵtext(11, "Read");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th", 174);
+    i0.ɵɵelementStart(12, "th", 218);
     i0.ɵɵtext(13, "Update");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th", 174);
+    i0.ɵɵelementStart(14, "th", 218);
     i0.ɵɵtext(15, "Delete");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "th");
     i0.ɵɵtext(17, "RLS");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(18, "tbody");
-    i0.ɵɵrepeaterCreate(19, EntityFormComponentExtended_Conditional_0_Conditional_50_For_20_Template, 17, 10, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(19, EntityFormComponentExtended_Conditional_0_Conditional_54_For_20_Template, 17, 10, "tr", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(21, EntityFormComponentExtended_Conditional_0_Conditional_50_Conditional_21_Template, 4, 0, "div", 160);
+    i0.ɵɵconditionalCreate(21, EntityFormComponentExtended_Conditional_0_Conditional_54_Conditional_21_Template, 4, 0, "div", 204);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 175)(23, "h3", 58);
-    i0.ɵɵelement(24, "i", 176);
+    i0.ɵɵelementStart(22, "div", 219)(23, "h3", 67);
+    i0.ɵɵelement(24, "i", 220);
     i0.ɵɵtext(25, " API Capabilities ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 177)(27, "div", 178);
-    i0.ɵɵelement(28, "i", 179);
+    i0.ɵɵelementStart(26, "div", 221)(27, "div", 222);
+    i0.ɵɵelement(28, "i", 96);
     i0.ɵɵelementStart(29, "span");
     i0.ɵɵtext(30, "Include in API");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 178);
-    i0.ɵɵelement(32, "i", 179);
+    i0.ɵɵelementStart(31, "div", 222);
+    i0.ɵɵelement(32, "i", 96);
     i0.ɵɵelementStart(33, "span");
     i0.ɵɵtext(34, "Allow All Rows");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "div", 178);
-    i0.ɵɵelement(36, "i", 179);
+    i0.ɵɵelementStart(35, "div", 222);
+    i0.ɵɵelement(36, "i", 96);
     i0.ɵɵelementStart(37, "span");
     i0.ɵɵtext(38, "Allow Create");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(39, "div", 178);
-    i0.ɵɵelement(40, "i", 179);
+    i0.ɵɵelementStart(39, "div", 222);
+    i0.ɵɵelement(40, "i", 96);
     i0.ɵɵelementStart(41, "span");
     i0.ɵɵtext(42, "Allow Update");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(43, "div", 178);
-    i0.ɵɵelement(44, "i", 179);
+    i0.ɵɵelementStart(43, "div", 222);
+    i0.ɵɵelement(44, "i", 96);
     i0.ɵɵelementStart(45, "span");
     i0.ɵɵtext(46, "Allow Delete");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(47, "div", 178);
-    i0.ɵɵelement(48, "i", 179);
+    i0.ɵɵelementStart(47, "div", 222);
+    i0.ɵɵelement(48, "i", 96);
     i0.ɵɵelementStart(49, "span");
     i0.ɵɵtext(50, "User Search");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(51, "div", 178);
-    i0.ɵɵelement(52, "i", 179);
+    i0.ɵɵelementStart(51, "div", 222);
+    i0.ɵɵelement(52, "i", 96);
     i0.ɵɵelementStart(53, "span");
     i0.ɵɵtext(54, "Custom Resolver");
     i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(19);
-    i0.ɵɵrepeater(ctx_r1.entity.Permissions);
+    i0.ɵɵrepeater(ctx_r2.entity.Permissions);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.entity.Permissions.length === 0 ? 21 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.Permissions.length === 0 ? 21 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.IncludeInAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.IncludeInAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.IncludeInAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.IncludeInAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AllowAllRowsAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AllowAllRowsAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AllowAllRowsAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AllowAllRowsAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AllowCreateAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AllowCreateAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AllowCreateAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AllowCreateAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AllowUpdateAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AllowUpdateAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AllowUpdateAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AllowUpdateAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AllowDeleteAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AllowDeleteAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AllowDeleteAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AllowDeleteAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AllowUserSearchAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AllowUserSearchAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AllowUserSearchAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AllowUserSearchAPI ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.CustomResolverAPI);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.CustomResolverAPI);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.CustomResolverAPI ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.CustomResolverAPI ? "fa-check" : "fa-xmark");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 191);
-    i0.ɵɵelement(1, "i", 176);
+function EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 234);
+    i0.ɵɵelement(1, "i", 220);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "API Create");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 191);
-    i0.ɵɵelement(1, "i", 198);
+function EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 234);
+    i0.ɵɵelement(1, "i", 241);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Record Changes");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 191);
-    i0.ɵɵelement(1, "i", 203);
+function EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 234);
+    i0.ɵɵelement(1, "i", 42);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Access Audit");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 30)(1, "div", 42)(2, "div", 188)(3, "div", 189)(4, "h4");
+function EntityFormComponentExtended_Conditional_0_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 34)(1, "div", 51)(2, "div", 231)(3, "div", 232)(4, "h4");
     i0.ɵɵtext(5, "Data Sources");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 190)(7, "div", 191);
-    i0.ɵɵelement(8, "i", 192);
+    i0.ɵɵelementStart(6, "div", 233)(7, "div", 234);
+    i0.ɵɵelement(8, "i", 235);
     i0.ɵɵelementStart(9, "span");
     i0.ɵɵtext(10, "Manual Entry");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_11_Template, 4, 0, "div", 191);
+    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_11_Template, 4, 0, "div", 234);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 193);
-    i0.ɵɵelement(13, "i", 51);
+    i0.ɵɵelementStart(12, "div", 236);
+    i0.ɵɵelement(13, "i", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 194)(15, "div", 195);
+    i0.ɵɵelementStart(14, "div", 237)(15, "div", 238);
     i0.ɵɵelement(16, "i");
     i0.ɵɵelementStart(17, "span");
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(19, "div", 193);
-    i0.ɵɵelement(20, "i", 51);
+    i0.ɵɵelementStart(19, "div", 236);
+    i0.ɵɵelement(20, "i", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 196)(22, "h4");
+    i0.ɵɵelementStart(21, "div", 239)(22, "h4");
     i0.ɵɵtext(23, "Data Sinks");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 190);
-    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_25_Template, 4, 0, "div", 191);
-    i0.ɵɵconditionalCreate(26, EntityFormComponentExtended_Conditional_0_Conditional_51_Conditional_26_Template, 4, 0, "div", 191);
-    i0.ɵɵelementStart(27, "div", 191);
-    i0.ɵɵelement(28, "i", 17);
+    i0.ɵɵelementStart(24, "div", 233);
+    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_25_Template, 4, 0, "div", 234);
+    i0.ɵɵconditionalCreate(26, EntityFormComponentExtended_Conditional_0_Conditional_55_Conditional_26_Template, 4, 0, "div", 234);
+    i0.ɵɵelementStart(27, "div", 234);
+    i0.ɵɵelement(28, "i", 21);
     i0.ɵɵelementStart(29, "span");
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(31, "div", 197)(32, "h3", 58);
-    i0.ɵɵelement(33, "i", 198);
+    i0.ɵɵelementStart(31, "div", 240)(32, "h3", 67);
+    i0.ɵɵelement(33, "i", 241);
     i0.ɵɵtext(34, " Tracking Configuration ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 199)(36, "div", 200);
-    i0.ɵɵelement(37, "i", 179);
+    i0.ɵɵelementStart(35, "div", 242)(36, "div", 243);
+    i0.ɵɵelement(37, "i", 96);
     i0.ɵɵelementStart(38, "span");
     i0.ɵɵtext(39, "Track Record Changes");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 200);
-    i0.ɵɵelement(41, "i", 179);
+    i0.ɵɵelementStart(40, "div", 243);
+    i0.ɵɵelement(41, "i", 96);
     i0.ɵɵelementStart(42, "span");
     i0.ɵɵtext(43, "Audit Record Access");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(44, "div", 200);
-    i0.ɵɵelement(45, "i", 179);
+    i0.ɵɵelementStart(44, "div", 243);
+    i0.ɵɵelement(45, "i", 96);
     i0.ɵɵelementStart(46, "span");
     i0.ɵɵtext(47, "Audit View Runs");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(48, "div", 200)(49, "span", 201);
+    i0.ɵɵelementStart(48, "div", 243)(49, "span", 244);
     i0.ɵɵtext(50, "Delete Type:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(51, "span", 202);
+    i0.ɵɵelementStart(51, "span", 245);
     i0.ɵɵtext(52);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(53, "div", 200);
-    i0.ɵɵelement(54, "i", 179);
+    i0.ɵɵelementStart(53, "div", 243);
+    i0.ɵɵelement(54, "i", 96);
     i0.ɵɵelementStart(55, "span");
     i0.ɵɵtext(56, "Cascade Deletes");
     i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(11);
-    i0.ɵɵconditional(ctx_r1.entity.IncludeInAPI ? 11 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.IncludeInAPI ? 11 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r1.entityIcon);
+    i0.ɵɵclassMap(ctx_r2.entityIcon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.Name);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.Name);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.entity.TrackRecordChanges ? 25 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.TrackRecordChanges ? 25 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.AuditRecordAccess ? 26 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.AuditRecordAccess ? 26 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("Related Entities (", ctx_r1.stats.relationshipCount, ")");
+    i0.ɵɵtextInterpolate1("Related Entities (", ctx_r2.stats.relationshipCount, ")");
     i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.TrackRecordChanges);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.TrackRecordChanges);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.TrackRecordChanges ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.TrackRecordChanges ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AuditRecordAccess);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AuditRecordAccess);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AuditRecordAccess ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AuditRecordAccess ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.AuditViewRuns);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.AuditViewRuns);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.AuditViewRuns ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.AuditViewRuns ? "fa-check" : "fa-xmark");
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.DeleteType);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.DeleteType);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.CascadeDeletes);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.CascadeDeletes);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.CascadeDeletes ? "fa-check" : "fa-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.CascadeDeletes ? "fa-check" : "fa-xmark");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " This entity has change tracking enabled. All modifications to records are stored in the ");
     i0.ɵɵelementStart(2, "code");
@@ -1167,7 +1449,7 @@ function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_15
     i0.ɵɵtext(4, " table, including the user who made the change, timestamp, and the before/after values. ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
     i0.ɵɵtext(1, " This entity does not have change tracking enabled. To enable it, set ");
     i0.ɵɵelementStart(2, "code");
@@ -1180,19 +1462,19 @@ function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_16
     i0.ɵɵtext(7, " in the entity metadata. ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li")(1, "code");
     i0.ɵɵtext(2, "__mj_DeletedAt");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3, " - Soft delete timestamp (when applicable) ");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 208)(1, "h4");
-    i0.ɵɵelement(2, "i", 20);
+function EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 250)(1, "h4");
+    i0.ɵɵelement(2, "i", 24);
     i0.ɵɵtext(3, " Audit Fields ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "ul", 210)(5, "li")(6, "code");
+    i0.ɵɵelementStart(4, "ul", 252)(5, "li")(6, "code");
     i0.ɵɵtext(7, "__mj_CreatedAt");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(8, " - Record creation timestamp ");
@@ -1202,533 +1484,716 @@ function EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_17
     i0.ɵɵelementEnd();
     i0.ɵɵtext(12, " - Last modification timestamp ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_17_Conditional_13_Template, 4, 0, "li");
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_17_Conditional_13_Template, 4, 0, "li");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(13);
-    i0.ɵɵconditional(ctx_r1.entity.DeleteType === "Soft" ? 13 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.DeleteType === "Soft" ? 13 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 31)(1, "div", 42)(2, "div", 204)(3, "div", 205);
-    i0.ɵɵelement(4, "i", 179);
-    i0.ɵɵelementStart(5, "div", 206)(6, "strong");
+function EntityFormComponentExtended_Conditional_0_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 35)(1, "div", 51)(2, "div", 246)(3, "div", 247);
+    i0.ɵɵelement(4, "i", 96);
+    i0.ɵɵelementStart(5, "div", 248)(6, "strong");
     i0.ɵɵtext(7, "Record Change Tracking");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "span");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(10, "div", 207)(11, "div", 208)(12, "h4");
-    i0.ɵɵelement(13, "i", 209);
+    i0.ɵɵelementStart(10, "div", 249)(11, "div", 250)(12, "h4");
+    i0.ɵɵelement(13, "i", 251);
     i0.ɵɵtext(14, " About Change Tracking ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_15_Template, 5, 0, "p");
-    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_16_Template, 8, 0, "p");
+    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_15_Template, 5, 0, "p");
+    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_16_Template, 8, 0, "p");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(17, EntityFormComponentExtended_Conditional_0_Conditional_52_Conditional_17_Template, 14, 1, "div", 208);
+    i0.ɵɵconditionalCreate(17, EntityFormComponentExtended_Conditional_0_Conditional_56_Conditional_17_Template, 14, 1, "div", 250);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("enabled", ctx_r1.entity.TrackRecordChanges);
+    i0.ɵɵclassProp("enabled", ctx_r2.entity.TrackRecordChanges);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.entity.TrackRecordChanges ? "fa-circle-check" : "fa-circle-xmark");
+    i0.ɵɵproperty("ngClass", ctx_r2.entity.TrackRecordChanges ? "fa-circle-check" : "fa-circle-xmark");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.TrackRecordChanges ? "Enabled - All changes are recorded" : "Disabled - Changes are not tracked");
+    i0.ɵɵtextInterpolate(ctx_r2.entity.TrackRecordChanges ? "Enabled - All changes are recorded" : "Disabled - Changes are not tracked");
     i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.entity.TrackRecordChanges ? 15 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.TrackRecordChanges ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.entity.TrackRecordChanges ? 16 : -1);
+    i0.ɵɵconditional(!ctx_r2.entity.TrackRecordChanges ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.TrackRecordChanges ? 17 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.TrackRecordChanges ? 17 : -1);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 263);
+    i0.ɵɵtext(1, " Yes \u2014 read-only view ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 264);
+    i0.ɵɵtext(1, " No ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 220);
-    i0.ɵɵelement(1, "mj-code-editor", 223);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 265);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_15_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(ctx_r2.ParentChain[0])); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelement(2, "i", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const setting_r27 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("value", ctx_r1.formatJsonValue(setting_r27.Value))("readonly", true)("lineWrapping", true);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.ParentChain[0] == null ? null : ctx_r2.ParentChain[0].Name, " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 262);
+    i0.ɵɵtext(1, "None");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
+    i0.ɵɵtext(2, "Full Inheritance Chain");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 245);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 260)(6, "span", 244);
+    i0.ɵɵtext(7, "Inherited Fields");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 245);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.IsaBreadcrumb);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate2("", ctx_r2.InheritedFieldCount, " field", ctx_r2.InheritedFieldCount !== 1 ? "s" : "");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 221);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 266);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_18_For_5_Template_span_click_0_listener() { const child_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(child_r39)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+    i0.ɵɵtext(2);
 } if (rf & 2) {
-    const setting_r27 = i0.ɵɵnextContext().$implicit;
+    const child_r39 = ctx.$implicit;
+    const ɵ$index_1228_r40 = ctx.$index;
+    const ɵ$count_1228_r41 = ctx.$count;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(setting_r27.Value);
+    i0.ɵɵtextInterpolate(child_r39.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ɵ$index_1228_r40 === ɵ$count_1228_r41 - 1 ? "" : ", ", " ");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 222);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
+    i0.ɵɵtext(2, "Child Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 245);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_18_For_5_Template, 3, 2, null, null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.ChildEntities);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_19_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r42 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 266);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_19_For_5_Template_span_click_0_listener() { const sibling_r43 = i0.ɵɵrestoreView(_r42).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(sibling_r43)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+    i0.ɵɵtext(2);
 } if (rf & 2) {
-    const setting_r27 = i0.ɵɵnextContext().$implicit;
+    const sibling_r43 = ctx.$implicit;
+    const ɵ$index_1241_r44 = ctx.$index;
+    const ɵ$count_1241_r45 = ctx.$count;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(sibling_r43.Name);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(setting_r27.Comments);
+    i0.ɵɵtextInterpolate1("", ɵ$index_1241_r44 === ɵ$count_1241_r45 - 1 ? "" : ", ", " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
+    i0.ɵɵtext(2, "Sibling Types");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 245);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_19_For_5_Template, 3, 2, null, null, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r2.SiblingEntities);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 218)(1, "div", 219);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 267);
+    i0.ɵɵtext(1, " Enforced \u2014 a parent record can only be one child type ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 262);
+    i0.ɵɵtext(1, "N/A");
+    i0.ɵɵelementEnd();
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 253)(1, "h3", 67);
+    i0.ɵɵelement(2, "i", 46);
+    i0.ɵɵtext(3, " Type Relationship (IS-A) ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 242)(5, "div", 260)(6, "span", 244);
+    i0.ɵɵtext(7, "Virtual Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 245);
+    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_9_Template, 2, 0)(10, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_10_Template, 2, 0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 260)(12, "span", 244);
+    i0.ɵɵtext(13, "Parent Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 245);
+    i0.ɵɵconditionalCreate(15, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_15_Template, 3, 1, "span", 261)(16, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_16_Template, 2, 0, "span", 262);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(17, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_17_Template, 10, 3);
+    i0.ɵɵconditionalCreate(18, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_18_Template, 6, 0, "div", 260);
+    i0.ɵɵconditionalCreate(19, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_19_Template, 6, 0, "div", 260);
+    i0.ɵɵelementStart(20, "div", 260)(21, "span", 244);
+    i0.ɵɵtext(22, "Disjoint Subtypes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "span", 245);
+    i0.ɵɵconditionalCreate(24, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_24_Template, 2, 0)(25, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Conditional_25_Template, 2, 0, "span", 262);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(9);
+    i0.ɵɵconditional(ctx_r2.IsVirtualEntity ? 9 : 10);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r2.IsChildType ? 15 : 16);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.IsChildType ? 17 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsParentType ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.SiblingEntities.length > 0 ? 19 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.IsParentType || ctx_r2.IsChildType ? 24 : 25);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 270);
+    i0.ɵɵelement(1, "mj-code-editor", 273);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const setting_r46 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r2.formatJsonValue(setting_r46.Value))("readonly", true)("lineWrapping", true);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 271);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const setting_r46 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(setting_r46.Value);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 272);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const setting_r46 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(setting_r46.Comments);
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 268)(1, "div", 269);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_3_Template, 2, 3, "div", 220)(4, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_4_Template, 2, 1, "div", 221);
-    i0.ɵɵconditionalCreate(5, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Conditional_5_Template, 2, 1, "div", 222);
+    i0.ɵɵconditionalCreate(3, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_3_Template, 2, 3, "div", 270)(4, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_4_Template, 2, 1, "div", 271);
+    i0.ɵɵconditionalCreate(5, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Conditional_5_Template, 2, 1, "div", 272);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const setting_r27 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const setting_r46 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(setting_r27.Name);
+    i0.ɵɵtextInterpolate(setting_r46.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isJsonValue(setting_r27.Value) ? 3 : 4);
+    i0.ɵɵconditional(ctx_r2.isJsonValue(setting_r46.Value) ? 3 : 4);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(setting_r27.Comments ? 5 : -1);
+    i0.ɵɵconditional(setting_r46.Comments ? 5 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 213);
-    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_For_2_Template, 6, 3, "div", 218, i0.ɵɵrepeaterTrackByIdentity);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 256);
+    i0.ɵɵrepeaterCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_For_2_Template, 6, 3, "div", 268, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.entity.Settings);
+    i0.ɵɵrepeater(ctx_r2.entity.Settings);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 160)(1, "p");
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204)(1, "p");
     i0.ɵɵtext(2, "No custom settings configured");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217)(1, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
     i0.ɵɵtext(2, "Catalog");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 226);
+    i0.ɵɵelementStart(3, "span", 276);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.FullTextCatalog);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.FullTextCatalog);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217)(1, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
     i0.ɵɵtext(2, "Index");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 226);
+    i0.ɵɵelementStart(3, "span", 276);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.FullTextIndex);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.FullTextIndex);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217)(1, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
     i0.ɵɵtext(2, "Function");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 226);
+    i0.ɵɵelementStart(3, "span", 276);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.FullTextSearchFunction);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.FullTextSearchFunction);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 215)(1, "div", 217)(2, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 258)(1, "div", 260)(2, "span", 244);
     i0.ɵɵtext(3, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 224);
-    i0.ɵɵelement(5, "i", 225);
+    i0.ɵɵelementStart(4, "span", 274);
+    i0.ɵɵelement(5, "i", 275);
     i0.ɵɵtext(6, " Enabled ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_7_Template, 5, 1, "div", 217);
-    i0.ɵɵconditionalCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_8_Template, 5, 1, "div", 217);
-    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Conditional_9_Template, 5, 1, "div", 217);
+    i0.ɵɵconditionalCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_7_Template, 5, 1, "div", 260);
+    i0.ɵɵconditionalCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_8_Template, 5, 1, "div", 260);
+    i0.ɵɵconditionalCreate(9, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Conditional_9_Template, 5, 1, "div", 260);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.entity.FullTextCatalog ? 7 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.FullTextCatalog ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.FullTextIndex ? 8 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.FullTextIndex ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.FullTextSearchFunction ? 9 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.FullTextSearchFunction ? 9 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 160)(1, "p");
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204)(1, "p");
     i0.ɵɵtext(2, "Full-text search is not enabled for this entity");
     i0.ɵɵelementEnd()();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217)(1, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
     i0.ɵɵtext(2, "Sample Count");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 202);
+    i0.ɵɵelementStart(3, "span", 245);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.RowsToPackSampleCount);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.RowsToPackSampleCount);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217)(1, "span", 201);
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 260)(1, "span", 244);
     i0.ɵɵtext(2, "Sample Method");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 202);
+    i0.ɵɵelementStart(3, "span", 245);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.RowsToPackSampleMethod);
+    i0.ɵɵtextInterpolate(ctx_r2.entity.RowsToPackSampleMethod);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section", 32)(1, "div", 42)(2, "div", 211)(3, "h3", 58);
-    i0.ɵɵelement(4, "i", 212);
-    i0.ɵɵtext(5, " Entity Settings ");
+function EntityFormComponentExtended_Conditional_0_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 36)(1, "div", 51);
+    i0.ɵɵconditionalCreate(2, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_2_Template, 26, 6, "div", 253);
+    i0.ɵɵelementStart(3, "div", 254)(4, "h3", 67);
+    i0.ɵɵelement(5, "i", 255);
+    i0.ɵɵtext(6, " Entity Settings ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_6_Template, 3, 0, "div", 213);
-    i0.ɵɵconditionalCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_7_Template, 3, 0, "div", 160);
+    i0.ɵɵconditionalCreate(7, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_7_Template, 3, 0, "div", 256);
+    i0.ɵɵconditionalCreate(8, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_8_Template, 3, 0, "div", 204);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 211)(9, "h3", 58);
-    i0.ɵɵelement(10, "i", 214);
-    i0.ɵɵtext(11, " Full-Text Search ");
+    i0.ɵɵelementStart(9, "div", 254)(10, "h3", 67);
+    i0.ɵɵelement(11, "i", 257);
+    i0.ɵɵtext(12, " Full-Text Search ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_12_Template, 10, 3, "div", 215);
-    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_13_Template, 3, 0, "div", 160);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_13_Template, 10, 3, "div", 258);
+    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_14_Template, 3, 0, "div", 204);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 211)(15, "h3", 58);
-    i0.ɵɵelement(16, "i", 216);
-    i0.ɵɵtext(17, " Schema Packaging ");
+    i0.ɵɵelementStart(15, "div", 254)(16, "h3", 67);
+    i0.ɵɵelement(17, "i", 259);
+    i0.ɵɵtext(18, " Schema Packaging ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 199)(19, "div", 217)(20, "span", 201);
-    i0.ɵɵtext(21, "Rows to Pack");
+    i0.ɵɵelementStart(19, "div", 242)(20, "div", 260)(21, "span", 244);
+    i0.ɵɵtext(22, "Rows to Pack");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 202);
-    i0.ɵɵtext(23);
+    i0.ɵɵelementStart(23, "span", 245);
+    i0.ɵɵtext(24);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(24, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_24_Template, 5, 1, "div", 217);
-    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_53_Conditional_25_Template, 5, 1, "div", 217);
+    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_25_Template, 5, 1, "div", 260);
+    i0.ɵɵconditionalCreate(26, EntityFormComponentExtended_Conditional_0_Conditional_57_Conditional_26_Template, 5, 1, "div", 260);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.entity.Settings.length > 0 ? 6 : -1);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.HasISARelationship || ctx_r2.IsVirtualEntity ? 2 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r2.entity.Settings.length > 0 ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.Settings.length === 0 ? 7 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.Settings.length === 0 ? 8 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.entity.FullTextSearchEnabled ? 12 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.FullTextSearchEnabled ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.entity.FullTextSearchEnabled ? 13 : -1);
+    i0.ɵɵconditional(!ctx_r2.entity.FullTextSearchEnabled ? 14 : -1);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate(ctx_r1.entity.RowsToPackWithSchema || "None");
+    i0.ɵɵtextInterpolate(ctx_r2.entity.RowsToPackWithSchema || "None");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.RowsToPackSampleCount ? 24 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.RowsToPackSampleCount ? 25 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.entity.RowsToPackSampleMethod ? 25 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.RowsToPackSampleMethod ? 26 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_60_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "Field Details");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+function EntityFormComponentExtended_Conditional_0_Conditional_61_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1, "Relationship Details");
     i0.ɵɵelementEnd();
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 228);
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 278);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.Description);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.Description);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 230)(1, "span", 231);
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 280)(1, "span", 281);
     i0.ɵɵtext(2, "Default");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 232);
+    i0.ɵɵelementStart(3, "span", 282);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.DefaultValue);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.DefaultValue);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 227)(1, "h5");
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    const _r47 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 284)(1, "h5");
+    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵtext(3, " IS-A Inherited Field ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 279)(5, "div", 280)(6, "span", 281);
+    i0.ɵɵtext(7, "Source Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 285);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_25_Template_span_click_8_listener() { i0.ɵɵrestoreView(_r47); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.NavigateToEntity(ctx_r2.ParentChain[0])); });
+    i0.ɵɵtext(9);
+    i0.ɵɵelement(10, "i", 60);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 280)(12, "span", 281);
+    i0.ɵɵtext(13, "Routing");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 283);
+    i0.ɵɵtext(15, "ORM routes Set/Get to parent");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.GetISAFieldSource(ctx_r2.selectedField), " ");
+} }
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 277)(1, "h5");
     i0.ɵɵtext(2, "Relationship");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 229)(4, "div", 230)(5, "span", 231);
+    i0.ɵɵelementStart(3, "div", 279)(4, "div", 280)(5, "span", 281);
     i0.ɵɵtext(6, "Related Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 234);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_25_Template_span_click_7_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.navigateToRelatedEntity(ctx_r1.selectedField)); });
+    i0.ɵɵelementStart(7, "span", 286);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_26_Template_span_click_7_listener() { i0.ɵɵrestoreView(_r48); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.navigateToRelatedEntity(ctx_r2.selectedField)); });
     i0.ɵɵtext(8);
-    i0.ɵɵelement(9, "i", 51);
+    i0.ɵɵelement(9, "i", 60);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 230)(11, "span", 231);
+    i0.ɵɵelementStart(10, "div", 280)(11, "span", 281);
     i0.ɵɵtext(12, "Display Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "span", 233);
+    i0.ɵɵelementStart(13, "span", 283);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.getRelatedEntityName(ctx_r1.selectedField), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getRelatedEntityName(ctx_r2.selectedField), " ");
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.RelatedEntityDisplayType);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.RelatedEntityDisplayType);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 227)(1, "h5");
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 277)(1, "h5");
     i0.ɵɵtext(2, "Encryption");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 229)(4, "div", 230)(5, "span", 231);
+    i0.ɵɵelementStart(3, "div", 279)(4, "div", 280)(5, "span", 281);
     i0.ɵɵtext(6, "Encrypted");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 233);
+    i0.ɵɵelementStart(7, "span", 283);
     i0.ɵɵtext(8, "Yes");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 230)(10, "span", 231);
+    i0.ɵɵelementStart(9, "div", 280)(10, "span", 281);
     i0.ɵɵtext(11, "Decrypt in API");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 233);
+    i0.ɵɵelementStart(12, "span", 283);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(13);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.AllowDecryptInAPI ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.AllowDecryptInAPI ? "Yes" : "No");
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 230)(1, "span", 231);
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 280)(1, "span", 281);
     i0.ɵɵtext(2, "Category");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 233);
+    i0.ɵɵelementStart(3, "span", 283);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.Category);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.Category);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 237);
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_For_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 289);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const val_r29 = i0.ɵɵnextContext().$implicit;
+    const val_r49 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(val_r29.Code);
+    i0.ɵɵtextInterpolate(val_r49.Code);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 236);
-    i0.ɵɵconditionalCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_For_5_Conditional_1_Template, 2, 1, "span", 237);
-    i0.ɵɵelementStart(2, "span", 238);
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 288);
+    i0.ɵɵconditionalCreate(1, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_For_5_Conditional_1_Template, 2, 1, "span", 289);
+    i0.ɵɵelementStart(2, "span", 290);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const val_r29 = ctx.$implicit;
+    const val_r49 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵconditional(val_r29.Code !== val_r29.Value ? 1 : -1);
+    i0.ɵɵconditional(val_r49.Code !== val_r49.Value ? 1 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(val_r29.Value);
+    i0.ɵɵtextInterpolate(val_r49.Value);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 227)(1, "h5");
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 277)(1, "h5");
     i0.ɵɵtext(2, "Allowed Values");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 235);
-    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_For_5_Template, 4, 2, "div", 236, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 287);
+    i0.ɵɵrepeaterCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_For_5_Template, 4, 2, "div", 288, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r1.selectedField.EntityFieldValues);
+    i0.ɵɵrepeater(ctx_r2.selectedField.EntityFieldValues);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "div", 227)(2, "h4");
+function EntityFormComponentExtended_Conditional_0_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 277)(2, "h4");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_4_Template, 2, 1, "p", 228);
+    i0.ɵɵconditionalCreate(4, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_4_Template, 2, 1, "p", 278);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 227)(6, "h5");
+    i0.ɵɵelementStart(5, "div", 277)(6, "h5");
     i0.ɵɵtext(7, "Type Information");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 229)(9, "div", 230)(10, "span", 231);
+    i0.ɵɵelementStart(8, "div", 279)(9, "div", 280)(10, "span", 281);
     i0.ɵɵtext(11, "SQL Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 232);
+    i0.ɵɵelementStart(12, "span", 282);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 230)(15, "span", 231);
+    i0.ɵɵelementStart(14, "div", 280)(15, "span", 281);
     i0.ɵɵtext(16, "TypeScript Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 232);
+    i0.ɵɵelementStart(17, "span", 282);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 230)(20, "span", 231);
+    i0.ɵɵelementStart(19, "div", 280)(20, "span", 281);
     i0.ɵɵtext(21, "Nullable");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 233);
+    i0.ɵɵelementStart(22, "span", 283);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(24, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_24_Template, 5, 1, "div", 230);
+    i0.ɵɵconditionalCreate(24, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_24_Template, 5, 1, "div", 280);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_25_Template, 15, 2, "div", 227);
-    i0.ɵɵconditionalCreate(26, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_26_Template, 14, 1, "div", 227);
-    i0.ɵɵelementStart(27, "div", 227)(28, "h5");
-    i0.ɵɵtext(29, "API Settings");
+    i0.ɵɵconditionalCreate(25, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_25_Template, 16, 1, "div", 284);
+    i0.ɵɵconditionalCreate(26, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_26_Template, 15, 2, "div", 277);
+    i0.ɵɵconditionalCreate(27, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_27_Template, 14, 1, "div", 277);
+    i0.ɵɵelementStart(28, "div", 277)(29, "h5");
+    i0.ɵɵtext(30, "API Settings");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "div", 229)(31, "div", 230)(32, "span", 231);
-    i0.ɵɵtext(33, "Allow Update");
+    i0.ɵɵelementStart(31, "div", 279)(32, "div", 280)(33, "span", 281);
+    i0.ɵɵtext(34, "Allow Update");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 233);
-    i0.ɵɵtext(35);
+    i0.ɵɵelementStart(35, "span", 283);
+    i0.ɵɵtext(36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 230)(37, "span", 231);
-    i0.ɵɵtext(38, "Include in Search");
+    i0.ɵɵelementStart(37, "div", 280)(38, "span", 281);
+    i0.ɵɵtext(39, "Include in Search");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span", 233);
-    i0.ɵɵtext(40);
+    i0.ɵɵelementStart(40, "span", 283);
+    i0.ɵɵtext(41);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 230)(42, "span", 231);
-    i0.ɵɵtext(43, "Full-Text Search");
+    i0.ɵɵelementStart(42, "div", 280)(43, "span", 281);
+    i0.ɵɵtext(44, "Full-Text Search");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "span", 233);
-    i0.ɵɵtext(45);
+    i0.ɵɵelementStart(45, "span", 283);
+    i0.ɵɵtext(46);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(46, "div", 227)(47, "h5");
-    i0.ɵɵtext(48, "Form Settings");
+    i0.ɵɵelementStart(47, "div", 277)(48, "h5");
+    i0.ɵɵtext(49, "Form Settings");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "div", 229)(50, "div", 230)(51, "span", 231);
-    i0.ɵɵtext(52, "Include in Form");
+    i0.ɵɵelementStart(50, "div", 279)(51, "div", 280)(52, "span", 281);
+    i0.ɵɵtext(53, "Include in Form");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "span", 233);
-    i0.ɵɵtext(54);
+    i0.ɵɵelementStart(54, "span", 283);
+    i0.ɵɵtext(55);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(55, "div", 230)(56, "span", 231);
-    i0.ɵɵtext(57, "Section");
+    i0.ɵɵelementStart(56, "div", 280)(57, "span", 281);
+    i0.ɵɵtext(58, "Section");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "span", 233);
-    i0.ɵɵtext(59);
+    i0.ɵɵelementStart(59, "span", 283);
+    i0.ɵɵtext(60);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(60, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_60_Template, 5, 1, "div", 230);
-    i0.ɵɵelementStart(61, "div", 230)(62, "span", 231);
-    i0.ɵɵtext(63, "Sequence");
+    i0.ɵɵconditionalCreate(61, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_61_Template, 5, 1, "div", 280);
+    i0.ɵɵelementStart(62, "div", 280)(63, "span", 281);
+    i0.ɵɵtext(64, "Sequence");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "span", 233);
-    i0.ɵɵtext(65);
+    i0.ɵɵelementStart(65, "span", 283);
+    i0.ɵɵtext(66);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(66, EntityFormComponentExtended_Conditional_0_Conditional_60_Conditional_66_Template, 6, 0, "div", 227);
+    i0.ɵɵconditionalCreate(67, EntityFormComponentExtended_Conditional_0_Conditional_64_Conditional_67_Template, 6, 0, "div", 277);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.DisplayName || ctx_r1.selectedField.Name);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.DisplayName || ctx_r2.selectedField.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.Description ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField.Description ? 4 : -1);
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(ctx_r1.formatFieldType(ctx_r1.selectedField));
+    i0.ɵɵtextInterpolate(ctx_r2.formatFieldType(ctx_r2.selectedField));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.TSType);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.TSType);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.AllowsNull ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.AllowsNull ? "Yes" : "No");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.DefaultValue ? 24 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField.DefaultValue ? 24 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.RelatedEntityID ? 25 : -1);
+    i0.ɵɵconditional(ctx_r2.IsInheritedField(ctx_r2.selectedField) ? 25 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.Encrypt ? 26 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField.RelatedEntityID ? 26 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.selectedField.Encrypt ? 27 : -1);
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.AllowUpdateAPI ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.AllowUpdateAPI ? "Yes" : "No");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.IncludeInUserSearchAPI ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.IncludeInUserSearchAPI ? "Yes" : "No");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.FullTextSearchEnabled ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.FullTextSearchEnabled ? "Yes" : "No");
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.IncludeInGeneratedForm ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.IncludeInGeneratedForm ? "Yes" : "No");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.GeneratedFormSection);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.GeneratedFormSection);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.Category ? 60 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField.Category ? 61 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedField.Sequence);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedField.Sequence);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedField.EntityFieldValues.length > 0 ? 66 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField.EntityFieldValues.length > 0 ? 67 : -1);
 } }
-function EntityFormComponentExtended_Conditional_0_Conditional_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37)(1, "div", 227)(2, "h4");
+function EntityFormComponentExtended_Conditional_0_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 277)(2, "h4");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 227)(5, "h5");
+    i0.ɵɵelementStart(4, "div", 277)(5, "h5");
     i0.ɵɵtext(6, "Connection");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 229)(8, "div", 230)(9, "span", 231);
+    i0.ɵɵelementStart(7, "div", 279)(8, "div", 280)(9, "span", 281);
     i0.ɵɵtext(10, "From Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 233);
+    i0.ɵɵelementStart(11, "span", 283);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 230)(14, "span", 231);
+    i0.ɵɵelementStart(13, "div", 280)(14, "span", 281);
     i0.ɵɵtext(15, "Join Field");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 232);
+    i0.ɵɵelementStart(16, "span", 282);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 230)(19, "span", 231);
+    i0.ɵɵelementStart(18, "div", 280)(19, "span", 281);
     i0.ɵɵtext(20, "Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 233);
+    i0.ɵɵelementStart(21, "span", 283);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(23, "div", 227)(24, "h5");
+    i0.ɵɵelementStart(23, "div", 277)(24, "h5");
     i0.ɵɵtext(25, "Display Settings");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 229)(27, "div", 230)(28, "span", 231);
+    i0.ɵɵelementStart(26, "div", 279)(27, "div", 280)(28, "span", 281);
     i0.ɵɵtext(29, "Display in Form");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "span", 233);
+    i0.ɵɵelementStart(30, "span", 283);
     i0.ɵɵtext(31);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 230)(33, "span", 231);
+    i0.ɵɵelementStart(32, "div", 280)(33, "span", 281);
     i0.ɵɵtext(34, "Location");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "span", 233);
+    i0.ɵɵelementStart(35, "span", 283);
     i0.ɵɵtext(36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "div", 230)(38, "span", 231);
+    i0.ɵɵelementStart(37, "div", 280)(38, "span", 281);
     i0.ɵɵtext(39, "Bundle in API");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "span", 233);
+    i0.ɵɵelementStart(40, "span", 283);
     i0.ɵɵtext(41);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.DisplayName || ctx_r1.selectedRelationship.Entity);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.DisplayName || ctx_r2.selectedRelationship.Entity);
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.Entity);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.Entity);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.RelatedEntityJoinField);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.RelatedEntityJoinField);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.Type);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.Type);
     i0.ɵɵadvance(9);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.DisplayInForm ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.DisplayInForm ? "Yes" : "No");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.DisplayLocation);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.DisplayLocation);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRelationship.BundleInAPI ? "Yes" : "No");
+    i0.ɵɵtextInterpolate(ctx_r2.selectedRelationship.BundleInAPI ? "Yes" : "No");
 } }
 function EntityFormComponentExtended_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -1740,160 +2205,173 @@ function EntityFormComponentExtended_Conditional_0_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(9, "span", 7);
     i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 8)(12, "span", 9);
-    i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 10);
-    i0.ɵɵtext(15, "|");
+    i0.ɵɵconditionalCreate(11, EntityFormComponentExtended_Conditional_0_Conditional_11_Template, 3, 0, "span", 8);
+    i0.ɵɵconditionalCreate(12, EntityFormComponentExtended_Conditional_0_Conditional_12_Template, 3, 1, "span", 9);
+    i0.ɵɵconditionalCreate(13, EntityFormComponentExtended_Conditional_0_Conditional_13_Template, 3, 2, "span", 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(14, EntityFormComponentExtended_Conditional_0_Conditional_14_Template, 3, 1, "div", 11);
+    i0.ɵɵelementStart(15, "div", 12)(16, "span", 13);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 14);
+    i0.ɵɵtext(19, "|");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, EntityFormComponentExtended_Conditional_0_Conditional_16_Template, 3, 7, "span", 11);
+    i0.ɵɵconditionalCreate(20, EntityFormComponentExtended_Conditional_0_Conditional_20_Template, 3, 7, "span", 15);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 12)(18, "div", 13);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_18_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveSection("fields")); });
-    i0.ɵɵelement(19, "i", 14);
-    i0.ɵɵelementStart(20, "span", 15);
-    i0.ɵɵtext(21);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 16);
-    i0.ɵɵtext(23, "Fields");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 13);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_24_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveSection("relationships")); });
-    i0.ɵɵelement(25, "i", 17);
-    i0.ɵɵelementStart(26, "span", 15);
-    i0.ɵɵtext(27);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 16);
-    i0.ɵɵtext(29, "Relations");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 13);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_30_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setActiveSection("permissions")); });
-    i0.ɵɵelement(31, "i", 18);
-    i0.ɵɵelementStart(32, "span", 15);
-    i0.ɵɵtext(33);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 16);
-    i0.ɵɵtext(35, "Roles");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 19);
-    i0.ɵɵelement(37, "i", 20);
-    i0.ɵɵconditionalCreate(38, EntityFormComponentExtended_Conditional_0_Conditional_38_Template, 2, 1, "span", 15);
-    i0.ɵɵconditionalCreate(39, EntityFormComponentExtended_Conditional_0_Conditional_39_Template, 2, 0, "span", 21);
-    i0.ɵɵelementStart(40, "span", 16);
-    i0.ɵɵtext(41, "Rows");
+    i0.ɵɵelementStart(21, "div", 16)(22, "div", 17);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_22_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setActiveSection("fields")); });
+    i0.ɵɵelement(23, "i", 18);
+    i0.ɵɵelementStart(24, "span", 19);
+    i0.ɵɵtext(25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "span", 20);
+    i0.ɵɵtext(27, "Fields");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div", 17);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_28_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setActiveSection("relationships")); });
+    i0.ɵɵelement(29, "i", 21);
+    i0.ɵɵelementStart(30, "span", 19);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "span", 20);
+    i0.ɵɵtext(33, "Relations");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 17);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_div_click_34_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setActiveSection("permissions")); });
+    i0.ɵɵelement(35, "i", 22);
+    i0.ɵɵelementStart(36, "span", 19);
+    i0.ɵɵtext(37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "span", 20);
+    i0.ɵɵtext(39, "Roles");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 23);
+    i0.ɵɵelement(41, "i", 24);
+    i0.ɵɵconditionalCreate(42, EntityFormComponentExtended_Conditional_0_Conditional_42_Template, 2, 1, "span", 19);
+    i0.ɵɵconditionalCreate(43, EntityFormComponentExtended_Conditional_0_Conditional_43_Template, 2, 0, "span", 25);
+    i0.ɵɵelementStart(44, "span", 20);
+    i0.ɵɵtext(45, "Rows");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(42, "div", 22)(43, "nav", 23);
-    i0.ɵɵrepeaterCreate(44, EntityFormComponentExtended_Conditional_0_For_45_Template, 5, 7, "button", 24, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "main", 25);
-    i0.ɵɵconditionalCreate(47, EntityFormComponentExtended_Conditional_0_Conditional_47_Template, 110, 22, "section", 26);
-    i0.ɵɵconditionalCreate(48, EntityFormComponentExtended_Conditional_0_Conditional_48_Template, 15, 8, "section", 27);
-    i0.ɵɵconditionalCreate(49, EntityFormComponentExtended_Conditional_0_Conditional_49_Template, 13, 7, "section", 28);
-    i0.ɵɵconditionalCreate(50, EntityFormComponentExtended_Conditional_0_Conditional_50_Template, 55, 22, "section", 29);
-    i0.ɵɵconditionalCreate(51, EntityFormComponentExtended_Conditional_0_Conditional_51_Template, 57, 20, "section", 30);
-    i0.ɵɵconditionalCreate(52, EntityFormComponentExtended_Conditional_0_Conditional_52_Template, 18, 7, "section", 31);
-    i0.ɵɵconditionalCreate(53, EntityFormComponentExtended_Conditional_0_Conditional_53_Template, 26, 7, "section", 32);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "aside", 33)(55, "div", 34);
-    i0.ɵɵconditionalCreate(56, EntityFormComponentExtended_Conditional_0_Conditional_56_Template, 2, 0, "h3");
-    i0.ɵɵconditionalCreate(57, EntityFormComponentExtended_Conditional_0_Conditional_57_Template, 2, 0, "h3");
-    i0.ɵɵelementStart(58, "button", 35);
-    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_button_click_58_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeDetailPanel()); });
-    i0.ɵɵelement(59, "i", 36);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(60, EntityFormComponentExtended_Conditional_0_Conditional_60_Template, 67, 16, "div", 37);
-    i0.ɵɵconditionalCreate(61, EntityFormComponentExtended_Conditional_0_Conditional_61_Template, 42, 7, "div", 37);
+    i0.ɵɵelementStart(46, "div", 26)(47, "nav", 27);
+    i0.ɵɵrepeaterCreate(48, EntityFormComponentExtended_Conditional_0_For_49_Template, 5, 7, "button", 28, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "main", 29);
+    i0.ɵɵconditionalCreate(51, EntityFormComponentExtended_Conditional_0_Conditional_51_Template, 111, 23, "section", 30);
+    i0.ɵɵconditionalCreate(52, EntityFormComponentExtended_Conditional_0_Conditional_52_Template, 15, 8, "section", 31);
+    i0.ɵɵconditionalCreate(53, EntityFormComponentExtended_Conditional_0_Conditional_53_Template, 13, 7, "section", 32);
+    i0.ɵɵconditionalCreate(54, EntityFormComponentExtended_Conditional_0_Conditional_54_Template, 55, 22, "section", 33);
+    i0.ɵɵconditionalCreate(55, EntityFormComponentExtended_Conditional_0_Conditional_55_Template, 57, 20, "section", 34);
+    i0.ɵɵconditionalCreate(56, EntityFormComponentExtended_Conditional_0_Conditional_56_Template, 18, 7, "section", 35);
+    i0.ɵɵconditionalCreate(57, EntityFormComponentExtended_Conditional_0_Conditional_57_Template, 27, 8, "section", 36);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(58, "aside", 37)(59, "div", 38);
+    i0.ɵɵconditionalCreate(60, EntityFormComponentExtended_Conditional_0_Conditional_60_Template, 2, 0, "h3");
+    i0.ɵɵconditionalCreate(61, EntityFormComponentExtended_Conditional_0_Conditional_61_Template, 2, 0, "h3");
+    i0.ɵɵelementStart(62, "button", 39);
+    i0.ɵɵlistener("click", function EntityFormComponentExtended_Conditional_0_Template_button_click_62_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeDetailPanel()); });
+    i0.ɵɵelement(63, "i", 40);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(64, EntityFormComponentExtended_Conditional_0_Conditional_64_Template, 68, 17, "div", 41);
+    i0.ɵɵconditionalCreate(65, EntityFormComponentExtended_Conditional_0_Conditional_65_Template, 42, 7, "div", 41);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
     i0.ɵɵstyleProp("background-color", "#3b82f6");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.entityIcon);
+    i0.ɵɵclassMap(ctx_r2.entityIcon);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.entityDisplayName);
+    i0.ɵɵtextInterpolate(ctx_r2.entityDisplayName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r2.statusClass);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", ctx_r1.statusClass);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.entity.Status, " ");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.entity.Status, " ");
+    i0.ɵɵconditional(ctx_r2.IsVirtualEntity ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsChildType ? 12 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsParentType ? 13 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsChildType ? 14 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.entity.SchemaName, ".", ctx_r1.entity.BaseTable);
+    i0.ɵɵtextInterpolate2("", ctx_r2.entity.SchemaName, ".", ctx_r2.entity.BaseTable);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.entity.Description ? 16 : -1);
+    i0.ɵɵconditional(ctx_r2.entity.Description ? 20 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.fieldCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.fieldCount);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.relationshipCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.relationshipCount);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.stats.permissionCount);
+    i0.ɵɵtextInterpolate(ctx_r2.stats.permissionCount);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(!ctx_r1.isRowCountLoading ? 38 : -1);
+    i0.ɵɵconditional(!ctx_r2.isRowCountLoading ? 42 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isRowCountLoading ? 39 : -1);
+    i0.ɵɵconditional(ctx_r2.isRowCountLoading ? 43 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵrepeater(ctx_r1.navItems);
+    i0.ɵɵrepeater(ctx_r2.navItems);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("panel-open", ctx_r1.detailPanelOpen);
+    i0.ɵɵclassProp("panel-open", ctx_r2.detailPanelOpen);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "overview" ? 47 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "overview" ? 51 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "fields" ? 48 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "fields" ? 52 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "relationships" ? 49 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "relationships" ? 53 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "permissions" ? 50 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "permissions" ? 54 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "lineage" ? 51 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "lineage" ? 55 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "history" ? 52 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "history" ? 56 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeSection === "settings" ? 53 : -1);
+    i0.ɵɵconditional(ctx_r2.activeSection === "settings" ? 57 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("open", ctx_r1.detailPanelOpen);
+    i0.ɵɵclassProp("open", ctx_r2.detailPanelOpen);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.selectedField ? 56 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField ? 60 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedRelationship ? 57 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedRelationship ? 61 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.selectedField ? 60 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedField ? 64 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedRelationship ? 61 : -1);
+    i0.ɵɵconditional(ctx_r2.selectedRelationship ? 65 : -1);
 } }
 function EntityFormComponentExtended_Conditional_1_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 239);
-    i0.ɵɵelement(1, "mj-loading", 242);
+    i0.ɵɵelementStart(0, "div", 291);
+    i0.ɵɵelement(1, "mj-loading", 294);
     i0.ɵɵelementEnd();
 } }
 function EntityFormComponentExtended_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 240);
-    i0.ɵɵelement(1, "i", 243);
+    i0.ɵɵelementStart(0, "div", 292);
+    i0.ɵɵelement(1, "i", 295);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.explorerError);
+    i0.ɵɵtextInterpolate(ctx_r2.explorerError);
 } }
 function EntityFormComponentExtended_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 241);
-    i0.ɵɵelement(1, "i", 20);
+    i0.ɵɵelementStart(0, "div", 293);
+    i0.ɵɵelement(1, "i", 24);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Entity metadata not available");
     i0.ɵɵelementEnd()();
 } }
 function EntityFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, EntityFormComponentExtended_Conditional_1_Conditional_0_Template, 2, 0, "div", 239);
-    i0.ɵɵconditionalCreate(1, EntityFormComponentExtended_Conditional_1_Conditional_1_Template, 4, 1, "div", 240);
-    i0.ɵɵconditionalCreate(2, EntityFormComponentExtended_Conditional_1_Conditional_2_Template, 4, 0, "div", 241);
+    i0.ɵɵconditionalCreate(0, EntityFormComponentExtended_Conditional_1_Conditional_0_Template, 2, 0, "div", 291);
+    i0.ɵɵconditionalCreate(1, EntityFormComponentExtended_Conditional_1_Conditional_1_Template, 4, 1, "div", 292);
+    i0.ɵɵconditionalCreate(2, EntityFormComponentExtended_Conditional_1_Conditional_2_Template, 4, 0, "div", 293);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.isExplorerLoading ? 0 : -1);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.isExplorerLoading ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.isExplorerLoading && ctx_r1.explorerError ? 1 : -1);
+    i0.ɵɵconditional(!ctx_r2.isExplorerLoading && ctx_r2.explorerError ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.isExplorerLoading && !ctx_r1.explorerError && !ctx_r1.entity ? 2 : -1);
+    i0.ɵɵconditional(!ctx_r2.isExplorerLoading && !ctx_r2.explorerError && !ctx_r2.entity ? 2 : -1);
 } }
 /**
  * World-class Entity Explorer form component that provides an exploration-focused
@@ -1910,6 +2388,7 @@ function EntityFormComponentExtended_Conditional_1_Template(rf, ctx) { if (rf &
 let EntityFormComponentExtended = class EntityFormComponentExtended extends EntityFormComponent {
     constructor() {
         super(...arguments);
+        this.sharedService = inject(SharedService);
         /** Runtime EntityInfo metadata (populated from record.ID) */
         this.entity = null;
         /** All entities for relationship lookups */
@@ -1951,6 +2430,12 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
         this.expandedFieldGroups = new Set();
         /** Field view mode: grouped by category or flat list */
         this.fieldViewMode = 'grouped';
+        /** IS-A field groups organized by source entity */
+        this.isaFieldGroups = [];
+        /** Child entity record counts for the IS-A parent type summary */
+        this.childEntityCounts = [];
+        /** Whether the IS-A field inspector panel is expanded */
+        this.isaFieldInspectorExpanded = true;
         /** Field list sort configuration */
         this.fieldListSortColumn = 'Sequence';
         this.fieldListSortDirection = 'asc';
@@ -2007,10 +2492,15 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
             if (this.entity) {
                 this.computeStats();
                 this.buildFieldGroups();
+                this.buildISAFieldGroups();
                 this.buildRelationships();
                 this.updateNavBadges();
                 // Load row count asynchronously (don't block UI)
                 this.loadRowCountAsync();
+                // Load IS-A child entity counts asynchronously
+                if (this.IsParentType) {
+                    this.loadChildEntityCounts();
+                }
             }
             else {
                 this.explorerError = `Entity metadata not found for: ${this.record?.Name || 'Unknown'}`;
@@ -2179,6 +2669,78 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
             }
         }
     }
+    /**
+     * Builds field groups organized by source entity in the IS-A hierarchy.
+     * Own fields first, then parent fields, then grandparent, etc.
+     */
+    buildISAFieldGroups() {
+        if (!this.entity)
+            return;
+        const groups = [];
+        const allFields = this.entity.Fields;
+        // Own fields (non-virtual, or virtual but NOT inherited from parent)
+        const ownFields = allFields.filter(f => !this.IsInheritedField(f));
+        groups.push({
+            EntityName: this.entity.Name,
+            EntityInfo: this.entity,
+            Label: 'Own Fields',
+            Level: 0,
+            Fields: ownFields.sort((a, b) => a.Sequence - b.Sequence),
+            Expanded: true
+        });
+        // Parent chain fields, grouped by source entity
+        if (this.IsChildType) {
+            for (let i = 0; i < this.ParentChain.length; i++) {
+                const parent = this.ParentChain[i];
+                const parentFields = allFields.filter(f => {
+                    const source = this.GetISAFieldSource(f);
+                    return source === parent.Name;
+                });
+                if (parentFields.length > 0) {
+                    const levelLabel = i === 0 ? 'parent' : i === 1 ? 'grandparent' : `ancestor level ${i + 1}`;
+                    groups.push({
+                        EntityName: parent.Name,
+                        EntityInfo: parent,
+                        Label: `Inherited from ${parent.Name} (${levelLabel})`,
+                        Level: i + 1,
+                        Fields: parentFields.sort((a, b) => a.Sequence - b.Sequence),
+                        Expanded: true
+                    });
+                }
+            }
+        }
+        this.isaFieldGroups = groups;
+    }
+    /**
+     * Loads record counts for each IS-A child entity type asynchronously.
+     */
+    async loadChildEntityCounts() {
+        if (!this.entity || !this.IsParentType)
+            return;
+        // Initialize with loading state
+        this.childEntityCounts = this.ChildEntities.map(child => ({
+            EntityName: child.Name,
+            EntityInfo: child,
+            RecordCount: null,
+            IsLoading: true
+        }));
+        this.cdr.markForCheck();
+        // Load counts in parallel using count_only for efficiency
+        const rv = new RunView();
+        const countPromises = this.ChildEntities.map(async (child, index) => {
+            const result = await rv.RunView({
+                EntityName: child.Name,
+                ExtraFilter: '',
+                ResultType: 'count_only'
+            });
+            if (this.childEntityCounts[index]) {
+                this.childEntityCounts[index].RecordCount = result?.TotalRowCount ?? 0;
+                this.childEntityCounts[index].IsLoading = false;
+            }
+        });
+        await Promise.all(countPromises);
+        this.cdr.markForCheck();
+    }
     buildRelationships() {
         if (!this.entity)
             return;
@@ -2410,6 +2972,91 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
             .filter(group => group.fields.length > 0);
     }
     // === Computed Getters ===
+    // === IS-A Type Relationship Computed Properties ===
+    /** Whether this entity is a virtual entity (read-only view) */
+    get IsVirtualEntity() {
+        return this.entity?.VirtualEntity === true;
+    }
+    /** Whether this entity is a child type in an IS-A relationship */
+    get IsChildType() {
+        return this.entity?.IsChildType === true;
+    }
+    /** Whether this entity is a parent type in an IS-A relationship */
+    get IsParentType() {
+        return this.entity?.IsParentType === true;
+    }
+    /** The parent chain for IS-A child entities */
+    get ParentChain() {
+        return this.entity?.ParentChain ?? [];
+    }
+    /** Child entities for IS-A parent entities */
+    get ChildEntities() {
+        return this.entity?.ChildEntities ?? [];
+    }
+    /** Whether this entity has any IS-A relationship (parent or child) */
+    get HasISARelationship() {
+        return this.IsChildType || this.IsParentType;
+    }
+    /** IS-A breadcrumb string: "Webinar IS-A Meeting IS-A Product" */
+    get IsaBreadcrumb() {
+        if (!this.entity?.IsChildType)
+            return '';
+        const chain = [this.entity, ...this.entity.ParentChain];
+        return chain.map(e => e.Name).join(' IS-A ');
+    }
+    /** Number of fields inherited from parent entities */
+    get InheritedFieldCount() {
+        return this.entity?.AllParentFields?.length ?? 0;
+    }
+    /** Navigate to an entity record in the Entity Explorer */
+    NavigateToEntity(entityInfo) {
+        const pkey = new CompositeKey([{ FieldName: 'ID', Value: entityInfo.ID }]);
+        this.sharedService.OpenEntityRecord('Entities', pkey);
+    }
+    /**
+     * Returns the source entity name for an IS-A inherited field, or null if the
+     * field is owned by this entity. Used for displaying field source badges.
+     */
+    GetISAFieldSource(field) {
+        if (!this.IsChildType || !field.IsVirtual || !field.AllowUpdateAPI)
+            return null;
+        for (const parent of this.ParentChain) {
+            const parentField = parent.Fields.find(pf => pf.Name === field.Name && !pf.IsVirtual);
+            if (parentField)
+                return parent.Name;
+        }
+        return this.ParentChain[0]?.Name ?? null;
+    }
+    /**
+     * Returns true if the given field is inherited from a parent entity via IS-A.
+     */
+    IsInheritedField(field) {
+        return this.GetISAFieldSource(field) !== null;
+    }
+    /** All entities available as potential IS-A parents (excluding self and descendants) */
+    get AvailableParentEntities() {
+        if (!this.entity)
+            return [];
+        const md = new Metadata();
+        const descendantIds = new Set();
+        const collectDescendants = (e) => {
+            descendantIds.add(e.ID);
+            for (const child of e.ChildEntities) {
+                collectDescendants(child);
+            }
+        };
+        collectDescendants(this.entity);
+        return md.Entities
+            .filter(e => !descendantIds.has(e.ID) && e.ID !== this.entity.ID && !e.VirtualEntity)
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    /** Sibling entities that share the same parent type */
+    get SiblingEntities() {
+        if (!this.IsChildType || !this.entity?.ParentEntityInfo)
+            return [];
+        return this.entity.ParentEntityInfo.ChildEntities
+            .filter(e => e.ID !== this.entity.ID);
+    }
     get statusClass() {
         if (!this.entity)
             return '';
@@ -2551,11 +3198,11 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
         }
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵEntityFormComponentExtended_BaseFactory; return function EntityFormComponentExtended_Factory(__ngFactoryType__) { return (ɵEntityFormComponentExtended_BaseFactory || (ɵEntityFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(EntityFormComponentExtended)))(__ngFactoryType__ || EntityFormComponentExtended); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFormComponentExtended, selectors: [["mj-entity-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "entity-explorer"], [1, "explorer-header"], [1, "entity-identity"], [1, "entity-icon"], [1, "entity-info"], [1, "entity-title-row"], [1, "entity-name"], [1, "status-badge", 3, "ngClass"], [1, "entity-subtitle"], [1, "schema-table"], [1, "separator"], [1, "entity-description", 3, "title"], [1, "header-stats"], [1, "stat-item", 3, "click"], [1, "fa-solid", "fa-table-columns"], [1, "stat-value"], [1, "stat-label"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-shield-halved"], [1, "stat-item"], [1, "fa-solid", "fa-database"], [1, "stat-value", "loading"], [1, "explorer-body"], [1, "nav-rail"], [1, "nav-item", 3, "active", "title"], [1, "main-canvas"], [1, "section", "overview-section"], [1, "section", "fields-section"], [1, "section", "relationships-section"], [1, "section", "permissions-section"], [1, "section", "lineage-section"], [1, "section", "history-section"], [1, "section", "settings-section"], [1, "detail-panel"], [1, "panel-header"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "panel-content"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "nav-item", 3, "click", "title"], [1, "nav-label"], [1, "nav-badge"], [1, "section-content"], [1, "stats-cards"], ["title", "View all fields", 1, "stat-card", "clickable", 3, "click"], [1, "stat-card-header"], [1, "fa-solid", "fa-table-cells"], [1, "stat-card-body"], [1, "stat-main"], [1, "stat-details"], [1, "stat-card-action"], [1, "fa-solid", "fa-arrow-right"], ["title", "View relationships", 1, "stat-card", "clickable", 3, "click"], [1, "fa-solid", "fa-diagram-project"], ["title", "View security settings", 1, "stat-card", "clickable", 3, "click"], [1, "fa-solid", "fa-lock"], [1, "stat-card"], [1, "info-panel", "capabilities-panel"], [1, "panel-title"], [1, "fa-solid", "fa-bolt"], [1, "capability-tags"], [1, "capability-tag"], [1, "capability-tag", "disabled"], [1, "info-panel", "database-panel"], [1, "fa-solid", "fa-server"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "info-panel", "codegen-panel"], [1, "fa-solid", "fa-code"], [1, "info-value", "code"], [1, "fa-solid", "fa-check"], [1, "section-header"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search fields...", 3, "ngModelChange", "ngModel"], [1, "header-controls"], [1, "view-mode-toggle"], ["title", "Group by category", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-layer-group"], ["title", "List view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "expand-collapse-controls"], [1, "section-content", "fields-content"], [1, "field-groups"], [1, "fields-list-view"], ["title", "Expand all", 1, "control-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-down"], ["title", "Collapse all", 1, "control-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-up"], [1, "field-group", 3, "expanded"], [1, "field-group"], [1, "group-header", 3, "click"], [1, "expand-icon", "fa-solid", 3, "ngClass"], [1, "group-icon"], [1, "group-label"], [1, "group-count"], [1, "group-content"], [1, "field-item", 3, "selected"], [1, "field-item", 3, "click"], [1, "field-icon"], [1, "field-info"], [1, "field-name"], [1, "field-meta"], [1, "field-type"], [1, "field-nullable"], [1, "field-related"], [1, "field-badges"], ["title", "Primary Key", 1, "badge", "pk"], ["title", "Foreign Key", 1, "badge", "fk"], ["title", "Encrypted", 1, "badge", "encrypted"], [1, "field-related", 3, "click"], [1, "list-header"], [1, "list-col", "col-seq", "sortable", 3, "click"], [1, "sort-icon", "fa-solid", 3, "ngClass"], [1, "list-col", "col-name", "sortable", 3, "click"], [1, "list-col", "col-type", "sortable", 3, "click"], [1, "list-col", "col-length", "sortable", 3, "click"], [1, "list-col", "col-nullable", "sortable", 3, "click"], [1, "list-col", "col-flags"], [1, "list-col", "col-desc", "sortable", 3, "click"], [1, "list-body"], [1, "list-row", 3, "selected"], [1, "list-empty"], [1, "list-row", 3, "click"], [1, "list-col", "col-seq"], [1, "seq-num"], [1, "list-col", "col-name"], [1, "field-type-icon"], [1, "field-name-text"], [1, "list-col", "col-type"], [1, "type-tag"], [1, "list-col", "col-length"], [1, "length-value"], [1, "length-value", "muted"], [1, "list-col", "col-nullable"], [1, "required-indicator"], [1, "flag-badges"], ["title", "Primary Key", 1, "flag-badge", "pk"], ["title", "Foreign Key", 1, "flag-badge", "fk"], ["title", "Encrypted", 1, "flag-badge", "encrypted"], [1, "list-col", "col-desc"], [1, "desc-text", 3, "title"], [1, "fa-solid", "fa-key"], [1, "view-toggle"], [1, "toggle-btn", 3, "click"], [1, "depth-selector"], [1, "relationships-graph"], [1, "relationships-list"], [1, "depth-label"], [1, "depth-buttons"], [1, "depth-btn", 3, "active", "title"], [1, "depth-btn", 3, "click", "title"], [3, "stateChange", "openRecord", "focusEntities", "showFilterPanel", "showHeader", "depth"], [1, "relationship-group"], [1, "relationship-group-title"], [1, "fa-solid", "fa-arrow-right-from-bracket"], [1, "relationship-items", "grouped"], [1, "relationship-item-grouped"], [1, "empty-state"], [1, "fa-solid", "fa-arrow-right-to-bracket"], [1, "rel-header"], [1, "rel-icon", "outgoing"], [1, "rel-entity-name"], [1, "rel-fields-chips"], [1, "field-chip", "outgoing", 3, "title"], [1, "field-chip", "outgoing", 3, "click", "title"], [1, "rel-icon", "incoming"], [1, "fa-solid", "fa-arrow-left"], [1, "field-chip", "incoming", 3, "title"], ["title", "Bundled in API", 1, "fa-solid", "fa-box", "bundle-icon"], [1, "permissions-matrix"], [1, "matrix-table"], [1, "center"], [1, "api-capabilities"], [1, "fa-solid", "fa-plug"], [1, "capability-grid"], [1, "capability-item"], [1, "fa-solid", 3, "ngClass"], [1, "role-name"], [1, "permission-icon", 3, "ngClass"], [1, "rls-info"], ["title", "Read RLS", 1, "rls-badge"], ["title", "Create RLS", 1, "rls-badge"], ["title", "Update RLS", 1, "rls-badge"], ["title", "Delete RLS", 1, "rls-badge"], [1, "no-rls"], [1, "lineage-diagram"], [1, "lineage-stage", "sources"], [1, "lineage-items"], [1, "lineage-item"], [1, "fa-solid", "fa-keyboard"], [1, "lineage-arrow"], [1, "lineage-stage", "entity-node"], [1, "entity-box"], [1, "lineage-stage", "sinks"], [1, "tracking-config"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "config-grid"], [1, "config-item"], [1, "config-label"], [1, "config-value"], [1, "fa-solid", "fa-eye"], [1, "history-config"], [1, "config-status"], [1, "config-text"], [1, "history-info"], [1, "info-card"], [1, "fa-solid", "fa-info-circle"], [1, "audit-fields-list"], [1, "settings-panel"], [1, "fa-solid", "fa-sliders"], [1, "settings-list"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fts-config"], [1, "fa-solid", "fa-box"], [1, "config-row"], [1, "setting-item"], [1, "setting-name"], [1, "setting-value-json"], [1, "setting-value"], [1, "setting-comment"], ["language", "json", "setup", "minimal", 3, "value", "readonly", "lineWrapping"], [1, "config-value", "enabled"], [1, "fa-solid", "fa-circle-check"], [1, "config-value", "code"], [1, "detail-section"], [1, "field-description"], [1, "detail-grid"], [1, "detail-item"], [1, "label"], [1, "value", "code"], [1, "value"], [1, "value", "link", 3, "click"], [1, "value-list"], [1, "value-item"], [1, "value-code"], [1, "value-display"], [1, "explorer-loading"], [1, "explorer-error"], [1, "explorer-empty"], ["text", "Loading entity..."], [1, "fa-solid", "fa-exclamation-triangle"]], template: function EntityFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, EntityFormComponentExtended_Conditional_0_Template, 62, 30, "div", 0)(1, EntityFormComponentExtended_Conditional_1_Template, 3, 3);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityFormComponentExtended, selectors: [["mj-entity-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "entity-explorer"], [1, "explorer-header"], [1, "entity-identity"], [1, "entity-icon"], [1, "entity-info"], [1, "entity-title-row"], [1, "entity-name"], [1, "status-badge", 3, "ngClass"], [1, "status-badge", "isa-badge", "virtual"], ["title", "Click to navigate to parent entity", 1, "status-badge", "isa-badge", "child-type"], [1, "status-badge", "isa-badge", "parent-type"], [1, "isa-breadcrumb"], [1, "entity-subtitle"], [1, "schema-table"], [1, "separator"], [1, "entity-description", 3, "title"], [1, "header-stats"], [1, "stat-item", 3, "click"], [1, "fa-solid", "fa-table-columns"], [1, "stat-value"], [1, "stat-label"], [1, "fa-solid", "fa-link"], [1, "fa-solid", "fa-shield-halved"], [1, "stat-item"], [1, "fa-solid", "fa-database"], [1, "stat-value", "loading"], [1, "explorer-body"], [1, "nav-rail"], [1, "nav-item", 3, "active", "title"], [1, "main-canvas"], [1, "section", "overview-section"], [1, "section", "fields-section"], [1, "section", "relationships-section"], [1, "section", "permissions-section"], [1, "section", "lineage-section"], [1, "section", "history-section"], [1, "section", "settings-section"], [1, "detail-panel"], [1, "panel-header"], [1, "close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "panel-content"], [1, "fa-solid", "fa-eye"], ["title", "Click to navigate to parent entity", 1, "status-badge", "isa-badge", "child-type", 3, "click"], [1, "fa-solid", "fa-arrow-up"], [1, "fa-solid", "fa-sitemap"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "nav-item", 3, "click", "title"], [1, "nav-label"], [1, "nav-badge"], [1, "section-content"], [1, "stats-cards"], ["title", "View all fields", 1, "stat-card", "clickable", 3, "click"], [1, "stat-card-header"], [1, "fa-solid", "fa-table-cells"], [1, "stat-card-body"], [1, "stat-main"], [1, "stat-details"], [1, "stat-card-action"], [1, "fa-solid", "fa-arrow-right"], ["title", "View relationships", 1, "stat-card", "clickable", 3, "click"], [1, "fa-solid", "fa-diagram-project"], ["title", "View security settings", 1, "stat-card", "clickable", 3, "click"], [1, "fa-solid", "fa-lock"], [1, "stat-card"], [1, "info-panel", "capabilities-panel"], [1, "panel-title"], [1, "fa-solid", "fa-bolt"], [1, "capability-tags"], [1, "capability-tag"], [1, "capability-tag", "disabled"], [1, "info-panel", "isa-panel"], [1, "info-panel", "database-panel"], [1, "fa-solid", "fa-server"], [1, "info-grid"], [1, "info-item"], [1, "info-label"], [1, "info-value"], [1, "info-panel", "codegen-panel"], [1, "fa-solid", "fa-code"], [1, "info-value", "code"], [1, "fa-solid", "fa-check"], [1, "isa-info-row", "virtual-info"], [1, "isa-children"], [1, "code"], [1, "isa-chain"], [1, "isa-chain-label"], [1, "isa-chain-nodes"], [1, "isa-node", "current"], [1, "isa-inherited-fields"], [1, "isa-field-inspector"], [1, "isa-siblings"], [1, "fa-solid", "fa-arrow-right", "isa-arrow"], [1, "isa-node", "parent", "clickable", 3, "click", "title"], [1, "isa-chain-label", "clickable", 3, "click"], [1, "fa-solid", 3, "ngClass"], [1, "isa-inspector-groups"], [1, "isa-inspector-group", 3, "own", "inherited"], [1, "isa-inspector-group"], [1, "isa-inspector-header"], [1, "isa-inspector-entity"], [1, "fa-solid", "fa-circle", 2, "color", "#3b82f6", "font-size", "8px"], [1, "fa-solid", "fa-arrow-up", 2, "color", "#6366f1", "font-size", "10px"], [1, "isa-inspector-count"], [1, "isa-inspector-fields"], [1, "isa-inspector-field", 3, "title"], [1, "isa-inspector-type"], [1, "isa-child-list"], [1, "isa-sibling-chip", "clickable", 3, "title"], [1, "isa-sibling-chip", "clickable", 3, "click", "title"], [1, "fa-solid", "fa-arrows-left-right"], [1, "isa-child-chip", "clickable", 3, "title"], [1, "isa-child-chip", "clickable", 3, "click", "title"], [1, "fa-solid", "fa-arrow-down"], [1, "isa-child-count"], [1, "section-header"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search fields...", 3, "ngModelChange", "ngModel"], [1, "header-controls"], [1, "view-mode-toggle"], ["title", "Group by category", 1, "toggle-btn", 3, "click"], ["title", "List view", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "expand-collapse-controls"], [1, "section-content", "fields-content"], [1, "field-groups"], [1, "fields-list-view"], ["title", "Expand all", 1, "control-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-down"], ["title", "Collapse all", 1, "control-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-angles-up"], [1, "field-group", 3, "expanded"], [1, "field-group"], [1, "group-header", 3, "click"], [1, "expand-icon", "fa-solid", 3, "ngClass"], [1, "group-icon"], [1, "group-label"], [1, "group-count"], [1, "group-content"], [1, "field-item", 3, "selected"], [1, "field-item", 3, "click"], [1, "field-icon"], [1, "field-info"], [1, "field-name"], [1, "field-meta"], [1, "field-type"], [1, "field-nullable"], [1, "field-related"], [1, "field-badges"], ["title", "Primary Key", 1, "badge", "pk"], ["title", "Foreign Key", 1, "badge", "fk"], ["title", "Encrypted", 1, "badge", "encrypted"], [1, "badge", "inherited", 3, "title"], [1, "field-related", 3, "click"], [1, "list-header"], [1, "list-col", "col-seq", "sortable", 3, "click"], [1, "sort-icon", "fa-solid", 3, "ngClass"], [1, "list-col", "col-name", "sortable", 3, "click"], [1, "list-col", "col-type", "sortable", 3, "click"], [1, "list-col", "col-length", "sortable", 3, "click"], [1, "list-col", "col-nullable", "sortable", 3, "click"], [1, "list-col", "col-flags"], [1, "list-col", "col-desc", "sortable", 3, "click"], [1, "list-body"], [1, "list-row", 3, "selected"], [1, "list-empty"], [1, "list-row", 3, "click"], [1, "list-col", "col-seq"], [1, "seq-num"], [1, "list-col", "col-name"], [1, "field-type-icon"], [1, "field-name-text"], [1, "list-col", "col-type"], [1, "type-tag"], [1, "list-col", "col-length"], [1, "length-value"], [1, "length-value", "muted"], [1, "list-col", "col-nullable"], [1, "required-indicator"], [1, "flag-badges"], ["title", "Primary Key", 1, "flag-badge", "pk"], ["title", "Foreign Key", 1, "flag-badge", "fk"], ["title", "Encrypted", 1, "flag-badge", "encrypted"], [1, "flag-badge", "inherited", 3, "title"], [1, "list-col", "col-desc"], [1, "desc-text", 3, "title"], [1, "fa-solid", "fa-key"], [1, "view-toggle"], [1, "toggle-btn", 3, "click"], [1, "depth-selector"], [1, "relationships-graph"], [1, "relationships-list"], [1, "depth-label"], [1, "depth-buttons"], [1, "depth-btn", 3, "active", "title"], [1, "depth-btn", 3, "click", "title"], [3, "stateChange", "openRecord", "focusEntities", "showFilterPanel", "showHeader", "depth"], [1, "relationship-group"], [1, "relationship-group-title"], [1, "fa-solid", "fa-arrow-right-from-bracket"], [1, "relationship-items", "grouped"], [1, "relationship-item-grouped"], [1, "empty-state"], [1, "fa-solid", "fa-arrow-right-to-bracket"], [1, "rel-header"], [1, "rel-icon", "outgoing"], [1, "rel-entity-name"], [1, "rel-fields-chips"], [1, "field-chip", "outgoing", 3, "title"], [1, "field-chip", "outgoing", 3, "click", "title"], [1, "rel-icon", "incoming"], [1, "fa-solid", "fa-arrow-left"], [1, "field-chip", "incoming", 3, "title"], ["title", "Bundled in API", 1, "fa-solid", "fa-box", "bundle-icon"], [1, "permissions-matrix"], [1, "matrix-table"], [1, "center"], [1, "api-capabilities"], [1, "fa-solid", "fa-plug"], [1, "capability-grid"], [1, "capability-item"], [1, "role-name"], [1, "permission-icon", 3, "ngClass"], [1, "rls-info"], ["title", "Read RLS", 1, "rls-badge"], ["title", "Create RLS", 1, "rls-badge"], ["title", "Update RLS", 1, "rls-badge"], ["title", "Delete RLS", 1, "rls-badge"], [1, "no-rls"], [1, "lineage-diagram"], [1, "lineage-stage", "sources"], [1, "lineage-items"], [1, "lineage-item"], [1, "fa-solid", "fa-keyboard"], [1, "lineage-arrow"], [1, "lineage-stage", "entity-node"], [1, "entity-box"], [1, "lineage-stage", "sinks"], [1, "tracking-config"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "config-grid"], [1, "config-item"], [1, "config-label"], [1, "config-value"], [1, "history-config"], [1, "config-status"], [1, "config-text"], [1, "history-info"], [1, "info-card"], [1, "fa-solid", "fa-info-circle"], [1, "audit-fields-list"], [1, "settings-panel", "isa-settings-panel"], [1, "settings-panel"], [1, "fa-solid", "fa-sliders"], [1, "settings-list"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fts-config"], [1, "fa-solid", "fa-box"], [1, "config-row"], ["title", "Navigate to parent entity", 1, "link"], [1, "muted"], [1, "fa-solid", "fa-circle-check", 2, "color", "#7c3aed"], [1, "fa-solid", "fa-circle-minus", 2, "color", "#94a3b8"], ["title", "Navigate to parent entity", 1, "link", 3, "click"], [1, "link", 3, "click"], [1, "fa-solid", "fa-circle-check", 2, "color", "#059669"], [1, "setting-item"], [1, "setting-name"], [1, "setting-value-json"], [1, "setting-value"], [1, "setting-comment"], ["language", "json", "setup", "minimal", 3, "value", "readonly", "lineWrapping"], [1, "config-value", "enabled"], [1, "fa-solid", "fa-circle-check"], [1, "config-value", "code"], [1, "detail-section"], [1, "field-description"], [1, "detail-grid"], [1, "detail-item"], [1, "label"], [1, "value", "code"], [1, "value"], [1, "detail-section", "isa-source-section"], ["title", "Navigate to source entity", 1, "value", "link", 3, "click"], [1, "value", "link", 3, "click"], [1, "value-list"], [1, "value-item"], [1, "value-code"], [1, "value-display"], [1, "explorer-loading"], [1, "explorer-error"], [1, "explorer-empty"], ["text", "Loading entity..."], [1, "fa-solid", "fa-exclamation-triangle"]], template: function EntityFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, EntityFormComponentExtended_Conditional_0_Template, 66, 34, "div", 0)(1, EntityFormComponentExtended_Conditional_1_Template, 3, 3);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.isExplorerLoading && ctx.entity ? 0 : 1);
-        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CodeEditorComponent, i4.LoadingComponent, i5.ERDCompositeComponent, i1.SlicePipe, i1.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: #ffffff;\n    --bg-secondary: #f8fafc;\n    --bg-tertiary: #f1f5f9;\n\n    --text-primary: #1e293b;\n    --text-secondary: #64748b;\n    --text-muted: #94a3b8;\n\n    --border-color: #e2e8f0;\n    --border-light: #f1f5f9;\n\n    --accent-color: #3b82f6;\n    --accent-light: #eff6ff;\n    --accent-dark: #1d4ed8;\n\n    --success-color: #10b981;\n    --warning-color: #f59e0b;\n    --danger-color: #ef4444;\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n\n\n\n\n\n.explorer-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.status-badge.status-deprecated[_ngcontent-%COMP%] {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.status-badge.status-disabled[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.entity-subtitle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator[_ngcontent-%COMP%] {\n    color: var(--border-color);\n}\n\n.entity-description[_ngcontent-%COMP%] {\n    color: var(--text-secondary);\n}\n\n\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n\n\n\n.explorer-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n\n\n.nav-rail[_ngcontent-%COMP%] {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n    transform: scale(1.1);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n.nav-item.active[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n\n\n\n\n\n.main-canvas[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n}\n\n.main-canvas.panel-open[_ngcontent-%COMP%] {\n    margin-right: var(--detail-panel-width);\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n\n\n.search-box[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-muted);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.depth-selector[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n\n\n.fields-list-view[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%]:hover {\n    color: var(--accent-color);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable.sorted[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.list-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n.col-seq[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.seq-num[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .seq-num[_ngcontent-%COMP%], \n.list-row.selected[_ngcontent-%COMP%]   .seq-num[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n    background: rgba(239, 68, 68, 0.1);\n}\n\n.required-indicator.required[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n    color: #78350f;\n}\n\n.flag-badge.fk[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n    color: white;\n}\n\n.flag-badge.encrypted[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);\n    color: white;\n}\n\n.col-desc[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.desc-text[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n.list-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    gap: 12px;\n}\n\n.list-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    opacity: 0.5;\n}\n\n.list-empty[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n\n\n\n.stats-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover   .stat-card-action[_ngcontent-%COMP%] {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-main[_ngcontent-%COMP%] {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-details[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n\n\n.info-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n\n\n.capability-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #dcfce7;\n    color: #166534;\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.capability-tag.disabled[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n\n\n.info-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n\n\n\n\n\n.fields-content[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.field-group[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-group[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    user-select: none;\n    background: linear-gradient(to right, var(--bg-secondary), transparent);\n    border-left: 3px solid var(--accent-color);\n}\n\n.group-header[_ngcontent-%COMP%]:hover {\n    background: linear-gradient(to right, var(--bg-tertiary), var(--bg-secondary));\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--text-muted);\n    width: 16px;\n    transition: transform var(--transition-fast);\n}\n\n.group-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.field-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.field-related[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.field-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.badge[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk[_ngcontent-%COMP%] {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.badge.fk[_ngcontent-%COMP%] {\n    background: #dbeafe;\n    color: #1e40af;\n}\n\n.badge.encrypted[_ngcontent-%COMP%] {\n    background: #fce7f3;\n    color: #9d174d;\n}\n\n\n\n\n\n\n.relationships-graph[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-erd[_ngcontent-%COMP%], \n.relationships-graph[_ngcontent-%COMP%]   mj-erd-composite[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n\n\n.relationships-graph[_ngcontent-%COMP%]   .erd-splitter[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   kendo-splitter-pane[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-details[_ngcontent-%COMP%] {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder[_ngcontent-%COMP%] {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.relationship-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.relationship-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.rel-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.rel-entity[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.rel-field[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type[_ngcontent-%COMP%], \n.rel-display-type[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n.relationship-group-title[_ngcontent-%COMP%]   .group-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.rel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing[_ngcontent-%COMP%] {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n}\n\n.rel-icon.incoming[_ngcontent-%COMP%] {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n}\n\n.rel-entity-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; \n\n}\n\n.field-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%] {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n    border: 1px solid var(--info-border, #90caf9);\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%]:hover {\n    background: var(--info-color, #1976d2);\n    color: white;\n}\n\n.field-chip.incoming[_ngcontent-%COMP%] {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n    border: 1px solid var(--success-border, #a5d6a7);\n}\n\n.field-chip.incoming[_ngcontent-%COMP%]:hover {\n    background: var(--success-color, #388e3c);\n    color: white;\n}\n\n.field-chip[_ngcontent-%COMP%]   .bundle-icon[_ngcontent-%COMP%] {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n\n\n\n\n\n.permissions-matrix[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th.center[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td.center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.matrix-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.permission-icon.granted[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.permission-icon.denied[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.rls-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge[_ngcontent-%COMP%] {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n\n\n.api-capabilities[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.lineage-diagram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.lineage-stage[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.lineage-arrow[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.tracking-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.config-item[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n\n\n\n\n\n.history-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.config-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.info-card[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list[_ngcontent-%COMP%] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n\n\n\n.settings-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: #fafafa;\n}\n\n.setting-value-json[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-editor {\n    font-size: 12px;\n    background: #fafafa;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-gutters {\n    background: #f0f0f0;\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config[_ngcontent-%COMP%], \n.settings-section[_ngcontent-%COMP%]   .config-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.enabled[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.detail-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.field-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.value-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display[_ngcontent-%COMP%] {\n    color: var(--text-primary);\n}\n\n\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\n\n\n\n.explorer-loading[_ngcontent-%COMP%], \n.explorer-error[_ngcontent-%COMP%], \n.explorer-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.explorer-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.explorer-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.explorer-error[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.explorer-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 1;\n}", ".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: #9ca3af;\n}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.CodeEditorComponent, i4.LoadingComponent, i5.ERDCompositeComponent, i1.SlicePipe, i1.DecimalPipe, i1.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: #ffffff;\n    --bg-secondary: #f8fafc;\n    --bg-tertiary: #f1f5f9;\n\n    --text-primary: #1e293b;\n    --text-secondary: #64748b;\n    --text-muted: #94a3b8;\n\n    --border-color: #e2e8f0;\n    --border-light: #f1f5f9;\n\n    --accent-color: #3b82f6;\n    --accent-light: #eff6ff;\n    --accent-dark: #1d4ed8;\n\n    --success-color: #10b981;\n    --warning-color: #f59e0b;\n    --danger-color: #ef4444;\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n\n\n\n\n\n.explorer-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.status-badge.status-deprecated[_ngcontent-%COMP%] {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.status-badge.status-disabled[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.entity-subtitle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator[_ngcontent-%COMP%] {\n    color: var(--border-color);\n}\n\n.entity-description[_ngcontent-%COMP%] {\n    color: var(--text-secondary);\n}\n\n\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n\n\n\n.explorer-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n\n\n.nav-rail[_ngcontent-%COMP%] {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n    transform: scale(1.1);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n.nav-item.active[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n\n\n\n\n\n.main-canvas[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n}\n\n.main-canvas.panel-open[_ngcontent-%COMP%] {\n    margin-right: var(--detail-panel-width);\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n\n\n.search-box[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-muted);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.depth-selector[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n\n\n.fields-list-view[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%]:hover {\n    color: var(--accent-color);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable.sorted[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.list-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n.col-seq[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.seq-num[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .seq-num[_ngcontent-%COMP%], \n.list-row.selected[_ngcontent-%COMP%]   .seq-num[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n    background: rgba(239, 68, 68, 0.1);\n}\n\n.required-indicator.required[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n    color: #78350f;\n}\n\n.flag-badge.fk[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n    color: white;\n}\n\n.flag-badge.encrypted[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);\n    color: white;\n}\n\n.col-desc[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.desc-text[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n.list-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    gap: 12px;\n}\n\n.list-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    opacity: 0.5;\n}\n\n.list-empty[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n\n\n\n.stats-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover   .stat-card-action[_ngcontent-%COMP%] {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-main[_ngcontent-%COMP%] {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-details[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n\n\n.info-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n\n\n.capability-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #dcfce7;\n    color: #166534;\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.capability-tag.disabled[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n\n\n.info-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n\n\n\n\n\n.fields-content[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.field-group[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-group[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    user-select: none;\n    background: linear-gradient(to right, var(--bg-secondary), transparent);\n    border-left: 3px solid var(--accent-color);\n}\n\n.group-header[_ngcontent-%COMP%]:hover {\n    background: linear-gradient(to right, var(--bg-tertiary), var(--bg-secondary));\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--text-muted);\n    width: 16px;\n    transition: transform var(--transition-fast);\n}\n\n.group-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.field-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.field-related[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.field-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.badge[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk[_ngcontent-%COMP%] {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.badge.fk[_ngcontent-%COMP%] {\n    background: #dbeafe;\n    color: #1e40af;\n}\n\n.badge.encrypted[_ngcontent-%COMP%] {\n    background: #fce7f3;\n    color: #9d174d;\n}\n\n\n\n\n\n\n.relationships-graph[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-erd[_ngcontent-%COMP%], \n.relationships-graph[_ngcontent-%COMP%]   mj-erd-composite[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n\n\n.relationships-graph[_ngcontent-%COMP%]   .erd-splitter[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   kendo-splitter-pane[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-details[_ngcontent-%COMP%] {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder[_ngcontent-%COMP%] {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.relationship-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.relationship-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.rel-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.rel-entity[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.rel-field[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type[_ngcontent-%COMP%], \n.rel-display-type[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n.relationship-group-title[_ngcontent-%COMP%]   .group-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.rel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing[_ngcontent-%COMP%] {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n}\n\n.rel-icon.incoming[_ngcontent-%COMP%] {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n}\n\n.rel-entity-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; \n\n}\n\n.field-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%] {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n    border: 1px solid var(--info-border, #90caf9);\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%]:hover {\n    background: var(--info-color, #1976d2);\n    color: white;\n}\n\n.field-chip.incoming[_ngcontent-%COMP%] {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n    border: 1px solid var(--success-border, #a5d6a7);\n}\n\n.field-chip.incoming[_ngcontent-%COMP%]:hover {\n    background: var(--success-color, #388e3c);\n    color: white;\n}\n\n.field-chip[_ngcontent-%COMP%]   .bundle-icon[_ngcontent-%COMP%] {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n\n\n\n\n\n.permissions-matrix[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th.center[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td.center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.matrix-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.permission-icon.granted[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.permission-icon.denied[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.rls-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge[_ngcontent-%COMP%] {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n\n\n.api-capabilities[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.lineage-diagram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.lineage-stage[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.lineage-arrow[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.tracking-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled[_ngcontent-%COMP%] {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.config-item[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n\n\n\n\n\n.history-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.config-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.info-card[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list[_ngcontent-%COMP%] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n\n\n\n.settings-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: #fafafa;\n}\n\n.setting-value-json[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-editor {\n    font-size: 12px;\n    background: #fafafa;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-gutters {\n    background: #f0f0f0;\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config[_ngcontent-%COMP%], \n.settings-section[_ngcontent-%COMP%]   .config-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.enabled[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.detail-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.field-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.value-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display[_ngcontent-%COMP%] {\n    color: var(--text-primary);\n}\n\n\n\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n}\n\n\n\n\n\n\n.explorer-loading[_ngcontent-%COMP%], \n.explorer-error[_ngcontent-%COMP%], \n.explorer-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.explorer-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.explorer-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.explorer-error[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.explorer-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n\n\n\n\n\n\n\n.isa-badge[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    cursor: default;\n    white-space: nowrap;\n}\n\n.isa-badge.virtual[_ngcontent-%COMP%] {\n    background: rgba(139, 92, 246, 0.12);\n    color: #7c3aed;\n    border: 1px solid rgba(139, 92, 246, 0.25);\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%] {\n    background: rgba(59, 130, 246, 0.12);\n    color: #2563eb;\n    border: 1px solid rgba(59, 130, 246, 0.25);\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%]:hover {\n    background: rgba(59, 130, 246, 0.22);\n}\n\n.isa-badge.parent-type[_ngcontent-%COMP%] {\n    background: rgba(16, 185, 129, 0.12);\n    color: #059669;\n    border: 1px solid rgba(16, 185, 129, 0.25);\n}\n\n\n\n.isa-breadcrumb[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: #6366f1;\n    font-weight: 500;\n    margin-top: 2px;\n    padding: 2px 0;\n}\n\n.isa-breadcrumb[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n    opacity: 0.7;\n}\n\n\n\n.isa-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid #6366f1;\n}\n\n.isa-info-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--text-primary, #334155);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%] {\n    background: rgba(139, 92, 246, 0.06);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #7c3aed;\n    font-size: 14px;\n}\n\n.isa-info-row[_ngcontent-%COMP%]   .code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n    font-size: 12px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 1px 6px;\n    border-radius: 3px;\n    color: #7c3aed;\n}\n\n\n\n.isa-chain[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-chain-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted, #94a3b8);\n    margin-bottom: 8px;\n}\n\n.isa-chain-nodes[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    padding: 6px 0;\n}\n\n.isa-node[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.isa-node.current[_ngcontent-%COMP%] {\n    background: #3b82f6;\n    color: white;\n}\n\n.isa-node.parent[_ngcontent-%COMP%] {\n    background: rgba(59, 130, 246, 0.1);\n    color: #2563eb;\n    border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.isa-arrow[_ngcontent-%COMP%] {\n    color: var(--text-muted, #94a3b8);\n    font-size: 11px;\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-muted, #94a3b8);\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: #6366f1;\n}\n\n\n\n.isa-children[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-child-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 4px 0;\n}\n\n.isa-child-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: rgba(16, 185, 129, 0.1);\n    color: #059669;\n    border: 1px solid rgba(16, 185, 129, 0.2);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.clickable[_ngcontent-%COMP%]:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.isa-node.parent.clickable[_ngcontent-%COMP%]:hover {\n    background: rgba(59, 130, 246, 0.2);\n    border-color: rgba(59, 130, 246, 0.35);\n}\n\n.isa-child-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: rgba(16, 185, 129, 0.2);\n    border-color: rgba(16, 185, 129, 0.35);\n}\n\n\n\n.badge.inherited[_ngcontent-%COMP%], \n.flag-badge.inherited[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.1);\n    color: #6366f1;\n    border: 1px solid rgba(99, 102, 241, 0.2);\n    font-size: 10px;\n    font-weight: 600;\n    gap: 3px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 9px;\n}\n\n\n\n.isa-source-section[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.04);\n    border-radius: 6px;\n    padding: 12px;\n    margin: -4px -12px 8px;\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    color: #6366f1;\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n}\n\n\n\n.isa-settings-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid #6366f1;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%] {\n    color: #3b82f6;\n    cursor: pointer;\n    transition: color 0.15s ease;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%]:hover {\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n    color: var(--text-muted, #94a3b8);\n}\n\n\n\n.isa-field-inspector[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-field-inspector[_ngcontent-%COMP%]    > .isa-chain-label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.isa-inspector-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n.isa-inspector-group[_ngcontent-%COMP%] {\n    border-radius: 6px;\n    padding: 8px 12px;\n    border: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-inspector-group.own[_ngcontent-%COMP%] {\n    background: rgba(59, 130, 246, 0.04);\n    border-color: rgba(59, 130, 246, 0.15);\n}\n\n.isa-inspector-group.inherited[_ngcontent-%COMP%] {\n    background: rgba(99, 102, 241, 0.04);\n    border-color: rgba(99, 102, 241, 0.15);\n}\n\n.isa-inspector-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.isa-inspector-entity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-primary, #334155);\n}\n\n.isa-inspector-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted, #94a3b8);\n    font-weight: 500;\n}\n\n.isa-inspector-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.isa-inspector-field[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    background: rgba(0, 0, 0, 0.04);\n    color: var(--text-primary, #334155);\n}\n\n.isa-inspector-type[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--text-muted, #94a3b8);\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n}\n\n\n\n.isa-siblings[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-sibling-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: rgba(245, 158, 11, 0.1);\n    color: #d97706;\n    border: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.isa-sibling-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: rgba(245, 158, 11, 0.2);\n    border-color: rgba(245, 158, 11, 0.35);\n}\n\n\n\n.isa-child-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.08);\n    padding: 1px 6px;\n    border-radius: 8px;\n    margin-left: 2px;\n    font-weight: 600;\n}\n\n.isa-child-count[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}", ".k-pane[_ngcontent-%COMP%] {\n  background-color: #F5F6FA;\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n} \n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #3b82f6;\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: #9ca3af;\n}"], changeDetection: 0 }); }
 };
 EntityFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'Entities')
@@ -2563,7 +3210,7 @@ EntityFormComponentExtended = __decorate([
 export { EntityFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityFormComponentExtended, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-entity-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!isExplorerLoading && entity) {\n  <div class=\"entity-explorer\">\n    <!-- ============================================================ -->\n    <!-- HEADER BAR -->\n    <!-- ============================================================ -->\n    <header class=\"explorer-header\">\n      <div class=\"entity-identity\">\n        <div class=\"entity-icon\" [style.background-color]=\"'#3b82f6'\">\n          <i [class]=\"entityIcon\"></i>\n        </div>\n        <div class=\"entity-info\">\n          <div class=\"entity-title-row\">\n            <h1 class=\"entity-name\">{{ entityDisplayName }}</h1>\n            <span class=\"status-badge\" [ngClass]=\"statusClass\">\n              {{ entity.Status }}\n            </span>\n          </div>\n          <div class=\"entity-subtitle\">\n            <span class=\"schema-table\">{{ entity.SchemaName }}.{{ entity.BaseTable }}</span>\n            <span class=\"separator\">|</span>\n            @if (entity.Description) {\n              <span class=\"entity-description\" [title]=\"entity.Description\">\n                {{ entity.Description | slice:0:80 }}{{ entity.Description.length > 80 ? '...' : '' }}\n              </span>\n            }\n          </div>\n        </div>\n      </div>\n      <div class=\"header-stats\">\n        <div class=\"stat-item\" (click)=\"setActiveSection('fields')\">\n          <i class=\"fa-solid fa-table-columns\"></i>\n          <span class=\"stat-value\">{{ stats.fieldCount }}</span>\n          <span class=\"stat-label\">Fields</span>\n        </div>\n        <div class=\"stat-item\" (click)=\"setActiveSection('relationships')\">\n          <i class=\"fa-solid fa-link\"></i>\n          <span class=\"stat-value\">{{ stats.relationshipCount }}</span>\n          <span class=\"stat-label\">Relations</span>\n        </div>\n        <div class=\"stat-item\" (click)=\"setActiveSection('permissions')\">\n          <i class=\"fa-solid fa-shield-halved\"></i>\n          <span class=\"stat-value\">{{ stats.permissionCount }}</span>\n          <span class=\"stat-label\">Roles</span>\n        </div>\n        <div class=\"stat-item\">\n          <i class=\"fa-solid fa-database\"></i>\n          @if (!isRowCountLoading) {\n            <span class=\"stat-value\">{{ formattedRowCount }}</span>\n          }\n          @if (isRowCountLoading) {\n            <span class=\"stat-value loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            </span>\n          }\n          <span class=\"stat-label\">Rows</span>\n        </div>\n      </div>\n    </header>\n    <!-- ============================================================ -->\n    <!-- MAIN CONTENT AREA -->\n    <!-- ============================================================ -->\n    <div class=\"explorer-body\">\n      <!-- Navigation Rail -->\n      <nav class=\"nav-rail\">\n        @for (item of navItems; track item) {\n          <button\n            class=\"nav-item\"\n            [class.active]=\"activeSection === item.id\"\n            (click)=\"setActiveSection(item.id)\"\n            [title]=\"item.label\">\n            <i [class]=\"item.icon\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n            @if (item.badge) {\n              <span class=\"nav-badge\">{{ item.badge }}</span>\n            }\n          </button>\n        }\n      </nav>\n      <!-- Main Canvas -->\n      <main class=\"main-canvas\" [class.panel-open]=\"detailPanelOpen\">\n        <!-- ============================================================ -->\n        <!-- OVERVIEW SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'overview') {\n          <section class=\"section overview-section\">\n            <div class=\"section-content\">\n              <!-- Stats Cards Row - Clickable to navigate to sections -->\n              <div class=\"stats-cards\">\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('fields')\" title=\"View all fields\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-table-cells\"></i>\n                    <span>Fields</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.fieldCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>{{ stats.primaryKeyCount }} PKs</span>\n                      <span>{{ stats.foreignKeyCount }} FKs</span>\n                      @if (stats.encryptedFieldCount) {\n                        <span>{{ stats.encryptedFieldCount }} Encrypted</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('relationships')\" title=\"View relationships\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-diagram-project\"></i>\n                    <span>Relationships</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.relationshipCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>{{ groupedOutgoingRelationships.length }} Out</span>\n                      <span>{{ groupedIncomingRelationships.length }} In</span>\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('permissions')\" title=\"View security settings\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-lock\"></i>\n                    <span>Security</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.permissionCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>Roles configured</span>\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-database\"></i>\n                    <span>Data</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ formattedRowCount }}</div>\n                    <div class=\"stat-details\">\n                      @if (entity.RowCountRunAt) {\n                        <span>Updated {{ entity.RowCountRunAt | date:'short' }}</span>\n                      }\n                      @if (!entity.RowCountRunAt) {\n                        <span>Row count</span>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- Capabilities -->\n              <div class=\"info-panel capabilities-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-bolt\"></i>\n                  Capabilities\n                </h3>\n                <div class=\"capability-tags\">\n                  @for (cap of capabilitySummary; track cap) {\n                    <span class=\"capability-tag\">\n                      <i class=\"fa-solid fa-check\"></i>\n                      {{ cap }}\n                    </span>\n                  }\n                  @if (!entity.IncludeInAPI) {\n                    <span class=\"capability-tag disabled\">\n                      <i class=\"fa-solid fa-xmark\"></i>\n                      No API\n                    </span>\n                  }\n                </div>\n              </div>\n              <!-- Database Info -->\n              <div class=\"info-panel database-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-server\"></i>\n                  Database\n                </h3>\n                <div class=\"info-grid\">\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Schema</span>\n                    <span class=\"info-value\">{{ entity.SchemaName }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Table</span>\n                    <span class=\"info-value\">{{ entity.BaseTable }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">View</span>\n                    <span class=\"info-value\">{{ entity.BaseView }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Delete Type</span>\n                    <span class=\"info-value\">{{ entity.DeleteType }}</span>\n                  </div>\n                  @if (entity.spCreate) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Create</span>\n                      <span class=\"info-value code\">{{ entity.spCreate }}</span>\n                    </div>\n                  }\n                  @if (entity.spUpdate) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Update</span>\n                      <span class=\"info-value code\">{{ entity.spUpdate }}</span>\n                    </div>\n                  }\n                  @if (entity.spDelete) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Delete</span>\n                      <span class=\"info-value code\">{{ entity.spDelete }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n              <!-- Code Gen Info -->\n              <div class=\"info-panel codegen-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-code\"></i>\n                  Code Generation\n                </h3>\n                <div class=\"info-grid\">\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Class Name</span>\n                    <span class=\"info-value code\">{{ entity.ClassName }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Code Name</span>\n                    <span class=\"info-value code\">{{ entity.CodeName }}</span>\n                  </div>\n                  @if (entity.EntityObjectSubclassName) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">Subclass</span>\n                      <span class=\"info-value code\">{{ entity.EntityObjectSubclassName }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- FIELDS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'fields') {\n          <section class=\"section fields-section\">\n            <div class=\"section-header\">\n              <div class=\"search-box\">\n                <i class=\"fa-solid fa-search\"></i>\n                <input\n                  type=\"text\"\n                  placeholder=\"Search fields...\"\n                  [ngModel]=\"fieldSearchTerm\"\n                  (ngModelChange)=\"onFieldSearch($event)\">\n              </div>\n              <div class=\"header-controls\">\n                <!-- View mode toggle -->\n                <div class=\"view-mode-toggle\">\n                  <button\n                    class=\"toggle-btn\"\n                    [class.active]=\"fieldViewMode === 'grouped'\"\n                    (click)=\"fieldViewMode = 'grouped'\"\n                    title=\"Group by category\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                  </button>\n                  <button\n                    class=\"toggle-btn\"\n                    [class.active]=\"fieldViewMode === 'list'\"\n                    (click)=\"fieldViewMode = 'list'\"\n                    title=\"List view\">\n                    <i class=\"fa-solid fa-list\"></i>\n                  </button>\n                </div>\n                <!-- Expand/Collapse controls (only in grouped mode) -->\n                @if (fieldViewMode === 'grouped') {\n                  <div class=\"expand-collapse-controls\">\n                    <button\n                      class=\"control-btn\"\n                      (click)=\"expandAllFieldGroups()\"\n                      [disabled]=\"allFieldGroupsExpanded\"\n                      title=\"Expand all\">\n                      <i class=\"fa-solid fa-angles-down\"></i>\n                    </button>\n                    <button\n                      class=\"control-btn\"\n                      (click)=\"collapseAllFieldGroups()\"\n                      [disabled]=\"allFieldGroupsCollapsed\"\n                      title=\"Collapse all\">\n                      <i class=\"fa-solid fa-angles-up\"></i>\n                    </button>\n                  </div>\n                }\n              </div>\n            </div>\n            <div class=\"section-content fields-content\">\n              <!-- Grouped View -->\n              @if (fieldViewMode === 'grouped') {\n                <div class=\"field-groups\">\n                  @for (group of getFilteredFieldGroups(); track group) {\n                    <div\n                      class=\"field-group\"\n                      [class.expanded]=\"isFieldGroupExpanded(group.id)\">\n                      <div class=\"group-header\" (click)=\"toggleFieldGroup(group.id)\">\n                        <i class=\"expand-icon fa-solid\" [ngClass]=\"isFieldGroupExpanded(group.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"></i>\n                        <i [class]=\"group.icon\" class=\"group-icon\"></i>\n                        <span class=\"group-label\">{{ group.label }}</span>\n                        <span class=\"group-count\">{{ group.fields.length }}</span>\n                      </div>\n                      @if (isFieldGroupExpanded(group.id)) {\n                        <div class=\"group-content\">\n                          @for (field of group.fields; track field) {\n                            <div\n                              class=\"field-item\"\n                              (click)=\"selectField(field)\"\n                              [class.selected]=\"selectedField?.ID === field.ID\">\n                              <div class=\"field-icon\">\n                                <i [class]=\"getFieldTypeIcon(field)\"></i>\n                              </div>\n                              <div class=\"field-info\">\n                                <div class=\"field-name\">{{ field.DisplayName || field.Name }}</div>\n                                <div class=\"field-meta\">\n                                  <span class=\"field-type\">{{ formatFieldType(field) }}</span>\n                                  @if (!field.AllowsNull) {\n                                    <span class=\"field-nullable\">Required</span>\n                                  }\n                                  @if (field.RelatedEntityID) {\n                                    <span class=\"field-related\" (click)=\"navigateToRelatedEntity(field); $event.stopPropagation()\">\n                                      <i class=\"fa-solid fa-arrow-right\"></i>\n                                      {{ getRelatedEntityName(field) }}\n                                    </span>\n                                  }\n                                </div>\n                              </div>\n                              <div class=\"field-badges\">\n                                @if (field.IsPrimaryKey) {\n                                  <span class=\"badge pk\" title=\"Primary Key\">PK</span>\n                                }\n                                @if (field.RelatedEntityID && !field.IsPrimaryKey) {\n                                  <span class=\"badge fk\" title=\"Foreign Key\">FK</span>\n                                }\n                                @if (field.Encrypt) {\n                                  <span class=\"badge encrypted\" title=\"Encrypted\">\n                                    <i class=\"fa-solid fa-lock\"></i>\n                                  </span>\n                                }\n                              </div>\n                            </div>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n              <!-- List View - Modern Card-style Table -->\n              @if (fieldViewMode === 'list') {\n                <div class=\"fields-list-view\">\n                  <!-- Table Header -->\n                  <div class=\"list-header\">\n                    <div class=\"list-col col-seq sortable\" (click)=\"sortFieldList('Sequence')\" [class.sorted]=\"fieldListSortColumn === 'Sequence'\">\n                      #\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Sequence' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-name sortable\" (click)=\"sortFieldList('Name')\" [class.sorted]=\"fieldListSortColumn === 'Name'\">\n                      Field Name\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Name' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-type sortable\" (click)=\"sortFieldList('Type')\" [class.sorted]=\"fieldListSortColumn === 'Type'\">\n                      Type\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Type' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-length sortable\" (click)=\"sortFieldList('Length')\" [class.sorted]=\"fieldListSortColumn === 'Length'\">\n                      Length\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Length' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-nullable sortable\" (click)=\"sortFieldList('AllowsNull')\" [class.sorted]=\"fieldListSortColumn === 'AllowsNull'\">\n                      Required\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'AllowsNull' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-flags\">Flags</div>\n                    <div class=\"list-col col-desc sortable\" (click)=\"sortFieldList('Description')\" [class.sorted]=\"fieldListSortColumn === 'Description'\">\n                      Description\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Description' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                  </div>\n                  <!-- Table Body -->\n                  <div class=\"list-body\">\n                    @for (field of getFilteredFieldsList(); track field; let i = $index) {\n                      <div\n                        class=\"list-row\"\n                        [class.selected]=\"selectedField?.ID === field.ID\"\n                        (click)=\"selectField(field)\">\n                        <div class=\"list-col col-seq\">\n                          <span class=\"seq-num\">{{ field.Sequence }}</span>\n                        </div>\n                        <div class=\"list-col col-name\">\n                          <i [class]=\"getFieldTypeIcon(field)\" class=\"field-type-icon\"></i>\n                          <span class=\"field-name-text\">{{ field.DisplayName || field.Name }}</span>\n                        </div>\n                        <div class=\"list-col col-type\">\n                          <span class=\"type-tag\">{{ field.Type }}</span>\n                        </div>\n                        <div class=\"list-col col-length\">\n                          @if (field.Length > 0) {\n                            <span class=\"length-value\">{{ field.Length }}</span>\n                          }\n                          @if (field.Length <= 0) {\n                            <span class=\"length-value muted\">\u2014</span>\n                          }\n                        </div>\n                        <div class=\"list-col col-nullable\">\n                          <span class=\"required-indicator\" [class.required]=\"!field.AllowsNull\" [class.optional]=\"field.AllowsNull\">\n                            <i [class]=\"field.AllowsNull ? 'fa-solid fa-circle-minus' : 'fa-solid fa-circle-check'\"></i>\n                            {{ field.AllowsNull ? 'Optional' : 'Required' }}\n                          </span>\n                        </div>\n                        <div class=\"list-col col-flags\">\n                          <div class=\"flag-badges\">\n                            @if (field.IsPrimaryKey) {\n                              <span class=\"flag-badge pk\" title=\"Primary Key\">\n                                <i class=\"fa-solid fa-key\"></i> PK\n                              </span>\n                            }\n                            @if (field.RelatedEntityID && !field.IsPrimaryKey) {\n                              <span class=\"flag-badge fk\" title=\"Foreign Key\">\n                                <i class=\"fa-solid fa-link\"></i> FK\n                              </span>\n                            }\n                            @if (field.Encrypt) {\n                              <span class=\"flag-badge encrypted\" title=\"Encrypted\">\n                                <i class=\"fa-solid fa-lock\"></i>\n                              </span>\n                            }\n                          </div>\n                        </div>\n                        <div class=\"list-col col-desc\">\n                          <span class=\"desc-text\" [title]=\"field.Description || ''\">{{ field.Description || '\u2014' }}</span>\n                        </div>\n                      </div>\n                    }\n                  </div>\n                  <!-- Empty state -->\n                  @if (getFilteredFieldsList().length === 0) {\n                    <div class=\"list-empty\">\n                      <i class=\"fa-solid fa-search\"></i>\n                      <span>No fields match your search</span>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- RELATIONSHIPS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'relationships') {\n          <section class=\"section relationships-section\">\n            <div class=\"section-header\">\n              <div class=\"view-toggle\">\n                <button\n                  class=\"toggle-btn\"\n                  [class.active]=\"relationshipViewMode === 'diagram'\"\n                  (click)=\"relationshipViewMode = 'diagram'\">\n                  <i class=\"fa-solid fa-diagram-project\"></i>\n                  Diagram\n                </button>\n                <button\n                  class=\"toggle-btn\"\n                  [class.active]=\"relationshipViewMode === 'list'\"\n                  (click)=\"relationshipViewMode = 'list'\">\n                  <i class=\"fa-solid fa-list\"></i>\n                  List\n                </button>\n              </div>\n              <!-- Depth selector (only in diagram mode) -->\n              @if (relationshipViewMode === 'diagram') {\n                <div class=\"depth-selector\">\n                  <span class=\"depth-label\">Depth:</span>\n                  <div class=\"depth-buttons\">\n                    @for (d of [1, 2, 3, 4, 5]; track d) {\n                      <button\n                        class=\"depth-btn\"\n                        [class.active]=\"erdDepth === d\"\n                        (click)=\"setErdDepth(d)\"\n                        [title]=\"'Show ' + d + ' level(s) of relationships'\">\n                        {{ d }}\n                      </button>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n            <div class=\"section-content\">\n              <!-- Diagram View using the ERD composite component -->\n              @if (relationshipViewMode === 'diagram') {\n                <div class=\"relationships-graph\">\n                  <mj-erd-composite\n                    [focusEntities]=\"entity ? [entity] : []\"\n                    [showFilterPanel]=\"false\"\n                    [showHeader]=\"false\"\n                    [depth]=\"erdDepth\"\n                    (stateChange)=\"onERDStateChange($event)\"\n                    (openRecord)=\"onERDOpenRecord($event)\">\n                  </mj-erd-composite>\n                </div>\n              }\n              <!-- List View -->\n              @if (relationshipViewMode === 'list') {\n                <div class=\"relationships-list\">\n                  <!-- Outgoing Relationships (FK fields on this entity) - Grouped by target entity -->\n                  <div class=\"relationship-group\">\n                    <h3 class=\"relationship-group-title\">\n                      <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n                      Outgoing (References to other entities)\n                      <span class=\"group-count\">{{ groupedOutgoingRelationships.length }}</span>\n                    </h3>\n                    <div class=\"relationship-items grouped\">\n                      @for (group of groupedOutgoingRelationships; track group) {\n                        <div\n                          class=\"relationship-item-grouped\"\n                          >\n                          <div class=\"rel-header\">\n                            <div class=\"rel-icon outgoing\">\n                              <i class=\"fa-solid fa-arrow-right\"></i>\n                            </div>\n                            <div class=\"rel-entity-name\">{{ group.entityName }}</div>\n                          </div>\n                          <div class=\"rel-fields-chips\">\n                            @for (field of group.fields; track field) {\n                              <span\n                                class=\"field-chip outgoing\"\n                                [title]=\"field.Description || field.Name\"\n                                (click)=\"selectField(field)\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                {{ field.Name }}\n                              </span>\n                            }\n                          </div>\n                        </div>\n                      }\n                      @if (groupedOutgoingRelationships.length === 0) {\n                        <div class=\"empty-state\">\n                          <p>No outgoing relationships</p>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                  <!-- Incoming Relationships - Grouped by source entity -->\n                  <div class=\"relationship-group\">\n                    <h3 class=\"relationship-group-title\">\n                      <i class=\"fa-solid fa-arrow-right-to-bracket\"></i>\n                      Incoming (Entities that reference this one)\n                      <span class=\"group-count\">{{ groupedIncomingRelationships.length }}</span>\n                    </h3>\n                    <div class=\"relationship-items grouped\">\n                      @for (group of groupedIncomingRelationships; track group) {\n                        <div\n                          class=\"relationship-item-grouped\"\n                          >\n                          <div class=\"rel-header\">\n                            <div class=\"rel-icon incoming\">\n                              <i class=\"fa-solid fa-arrow-left\"></i>\n                            </div>\n                            <div class=\"rel-entity-name\">{{ group.entityName }}</div>\n                          </div>\n                          <div class=\"rel-fields-chips\">\n                            @for (field of group.fields; track field) {\n                              <span\n                                class=\"field-chip incoming\"\n                                [title]=\"'Type: ' + field.type\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                {{ field.fieldName }}\n                                @if (field.bundleInAPI) {\n                                  <i class=\"fa-solid fa-box bundle-icon\" title=\"Bundled in API\"></i>\n                                }\n                              </span>\n                            }\n                          </div>\n                        </div>\n                      }\n                      @if (groupedIncomingRelationships.length === 0) {\n                        <div class=\"empty-state\">\n                          <p>No incoming relationships</p>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- PERMISSIONS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'permissions') {\n          <section class=\"section permissions-section\">\n            <div class=\"section-content\">\n              <div class=\"permissions-matrix\">\n                <table class=\"matrix-table\">\n                  <thead>\n                    <tr>\n                      <th>Role</th>\n                      <th class=\"center\">Create</th>\n                      <th class=\"center\">Read</th>\n                      <th class=\"center\">Update</th>\n                      <th class=\"center\">Delete</th>\n                      <th>RLS</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (perm of entity.Permissions; track perm) {\n                      <tr>\n                        <td class=\"role-name\">{{ getRoleName(perm) }}</td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanCreate ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanRead ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanUpdate ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanDelete ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"rls-info\">\n                          @if (perm.ReadRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Read RLS\">R</span>\n                          }\n                          @if (perm.CreateRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Create RLS\">C</span>\n                          }\n                          @if (perm.UpdateRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Update RLS\">U</span>\n                          }\n                          @if (perm.DeleteRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Delete RLS\">D</span>\n                          }\n                          @if (!perm.ReadRLSFilterID && !perm.CreateRLSFilterID && !perm.UpdateRLSFilterID && !perm.DeleteRLSFilterID) {\n                            <span class=\"no-rls\">None</span>\n                          }\n                        </td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n                @if (entity.Permissions.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-shield-halved\"></i>\n                    <p>No permissions configured</p>\n                  </div>\n                }\n              </div>\n              <div class=\"api-capabilities\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-plug\"></i>\n                  API Capabilities\n                </h3>\n                <div class=\"capability-grid\">\n                  <div class=\"capability-item\" [class.enabled]=\"entity.IncludeInAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.IncludeInAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Include in API</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowAllRowsAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowAllRowsAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow All Rows</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowCreateAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowCreateAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Create</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowUpdateAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowUpdateAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Update</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowDeleteAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowDeleteAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Delete</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowUserSearchAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowUserSearchAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>User Search</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.CustomResolverAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.CustomResolverAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Custom Resolver</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- LINEAGE SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'lineage') {\n          <section class=\"section lineage-section\">\n            <div class=\"section-content\">\n              <div class=\"lineage-diagram\">\n                <div class=\"lineage-stage sources\">\n                  <h4>Data Sources</h4>\n                  <div class=\"lineage-items\">\n                    <div class=\"lineage-item\">\n                      <i class=\"fa-solid fa-keyboard\"></i>\n                      <span>Manual Entry</span>\n                    </div>\n                    @if (entity.IncludeInAPI) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-plug\"></i>\n                        <span>API Create</span>\n                      </div>\n                    }\n                  </div>\n                </div>\n                <div class=\"lineage-arrow\">\n                  <i class=\"fa-solid fa-arrow-right\"></i>\n                </div>\n                <div class=\"lineage-stage entity-node\">\n                  <div class=\"entity-box\">\n                    <i [class]=\"entityIcon\"></i>\n                    <span>{{ entity.Name }}</span>\n                  </div>\n                </div>\n                <div class=\"lineage-arrow\">\n                  <i class=\"fa-solid fa-arrow-right\"></i>\n                </div>\n                <div class=\"lineage-stage sinks\">\n                  <h4>Data Sinks</h4>\n                  <div class=\"lineage-items\">\n                    @if (entity.TrackRecordChanges) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n                        <span>Record Changes</span>\n                      </div>\n                    }\n                    @if (entity.AuditRecordAccess) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-eye\"></i>\n                        <span>Access Audit</span>\n                      </div>\n                    }\n                    <div class=\"lineage-item\">\n                      <i class=\"fa-solid fa-link\"></i>\n                      <span>Related Entities ({{ stats.relationshipCount }})</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"tracking-config\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-clock-rotate-left\"></i>\n                  Tracking Configuration\n                </h3>\n                <div class=\"config-grid\">\n                  <div class=\"config-item\" [class.enabled]=\"entity.TrackRecordChanges\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.TrackRecordChanges ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Track Record Changes</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.AuditRecordAccess\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AuditRecordAccess ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Audit Record Access</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.AuditViewRuns\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AuditViewRuns ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Audit View Runs</span>\n                  </div>\n                  <div class=\"config-item\">\n                    <span class=\"config-label\">Delete Type:</span>\n                    <span class=\"config-value\">{{ entity.DeleteType }}</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.CascadeDeletes\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.CascadeDeletes ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Cascade Deletes</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- HISTORY SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'history') {\n          <section class=\"section history-section\">\n            <div class=\"section-content\">\n              <div class=\"history-config\">\n                <div class=\"config-status\" [class.enabled]=\"entity.TrackRecordChanges\">\n                  <i class=\"fa-solid\" [ngClass]=\"entity.TrackRecordChanges ? 'fa-circle-check' : 'fa-circle-xmark'\"></i>\n                  <div class=\"config-text\">\n                    <strong>Record Change Tracking</strong>\n                    <span>{{ entity.TrackRecordChanges ? 'Enabled - All changes are recorded' : 'Disabled - Changes are not tracked' }}</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"history-info\">\n                <div class=\"info-card\">\n                  <h4>\n                    <i class=\"fa-solid fa-info-circle\"></i>\n                    About Change Tracking\n                  </h4>\n                  @if (entity.TrackRecordChanges) {\n                    <p>\n                      This entity has change tracking enabled. All modifications to records are stored in the\n                      <code>RecordChange</code> table, including the user who made the change, timestamp, and\n                      the before/after values.\n                    </p>\n                  }\n                  @if (!entity.TrackRecordChanges) {\n                    <p>\n                      This entity does not have change tracking enabled. To enable it, set\n                      <code>TrackRecordChanges</code> to <code>true</code> in the entity metadata.\n                    </p>\n                  }\n                </div>\n                @if (entity.TrackRecordChanges) {\n                  <div class=\"info-card\">\n                    <h4>\n                      <i class=\"fa-solid fa-database\"></i>\n                      Audit Fields\n                    </h4>\n                    <ul class=\"audit-fields-list\">\n                      <li>\n                        <code>__mj_CreatedAt</code> - Record creation timestamp\n                      </li>\n                      <li>\n                        <code>__mj_UpdatedAt</code> - Last modification timestamp\n                      </li>\n                      @if (entity.DeleteType === 'Soft') {\n                        <li>\n                          <code>__mj_DeletedAt</code> - Soft delete timestamp (when applicable)\n                        </li>\n                      }\n                    </ul>\n                  </div>\n                }\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- SETTINGS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'settings') {\n          <section class=\"section settings-section\">\n            <div class=\"section-content\">\n              <!-- Entity Settings -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-sliders\"></i>\n                  Entity Settings\n                </h3>\n                @if (entity.Settings.length > 0) {\n                  <div class=\"settings-list\">\n                    @for (setting of entity.Settings; track setting) {\n                      <div class=\"setting-item\">\n                        <div class=\"setting-name\">{{ setting.Name }}</div>\n                        @if (isJsonValue(setting.Value)) {\n                          <div class=\"setting-value-json\">\n                            <mj-code-editor\n                              [value]=\"formatJsonValue(setting.Value)\"\n                              language=\"json\"\n                              [readonly]=\"true\"\n                              [lineWrapping]=\"true\"\n                              setup=\"minimal\">\n                            </mj-code-editor>\n                          </div>\n                        } @else {\n                          <div class=\"setting-value\">{{ setting.Value }}</div>\n                        }\n                        @if (setting.Comments) {\n                          <div class=\"setting-comment\">{{ setting.Comments }}</div>\n                        }\n                      </div>\n                    }\n                  </div>\n                }\n                @if (entity.Settings.length === 0) {\n                  <div class=\"empty-state\">\n                    <p>No custom settings configured</p>\n                  </div>\n                }\n              </div>\n              <!-- Full Text Search -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-magnifying-glass\"></i>\n                  Full-Text Search\n                </h3>\n                @if (entity.FullTextSearchEnabled) {\n                  <div class=\"fts-config\">\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Status</span>\n                      <span class=\"config-value enabled\">\n                        <i class=\"fa-solid fa-circle-check\"></i>\n                        Enabled\n                      </span>\n                    </div>\n                    @if (entity.FullTextCatalog) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Catalog</span>\n                        <span class=\"config-value code\">{{ entity.FullTextCatalog }}</span>\n                      </div>\n                    }\n                    @if (entity.FullTextIndex) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Index</span>\n                        <span class=\"config-value code\">{{ entity.FullTextIndex }}</span>\n                      </div>\n                    }\n                    @if (entity.FullTextSearchFunction) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Function</span>\n                        <span class=\"config-value code\">{{ entity.FullTextSearchFunction }}</span>\n                      </div>\n                    }\n                  </div>\n                }\n                @if (!entity.FullTextSearchEnabled) {\n                  <div class=\"empty-state\">\n                    <p>Full-text search is not enabled for this entity</p>\n                  </div>\n                }\n              </div>\n              <!-- Row Packaging -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-box\"></i>\n                  Schema Packaging\n                </h3>\n                <div class=\"config-grid\">\n                  <div class=\"config-row\">\n                    <span class=\"config-label\">Rows to Pack</span>\n                    <span class=\"config-value\">{{ entity.RowsToPackWithSchema || 'None' }}</span>\n                  </div>\n                  @if (entity.RowsToPackSampleCount) {\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Sample Count</span>\n                      <span class=\"config-value\">{{ entity.RowsToPackSampleCount }}</span>\n                    </div>\n                  }\n                  @if (entity.RowsToPackSampleMethod) {\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Sample Method</span>\n                      <span class=\"config-value\">{{ entity.RowsToPackSampleMethod }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n      </main>\n      <!-- ============================================================ -->\n      <!-- DETAIL PANEL (Slides in from right) -->\n      <!-- ============================================================ -->\n      <aside class=\"detail-panel\" [class.open]=\"detailPanelOpen\">\n        <div class=\"panel-header\">\n          @if (selectedField) {\n            <h3>Field Details</h3>\n          }\n          @if (selectedRelationship) {\n            <h3>Relationship Details</h3>\n          }\n          <button class=\"close-btn\" (click)=\"closeDetailPanel()\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </button>\n        </div>\n        <!-- Field Details -->\n        @if (selectedField) {\n          <div class=\"panel-content\">\n            <div class=\"detail-section\">\n              <h4>{{ selectedField.DisplayName || selectedField.Name }}</h4>\n              @if (selectedField.Description) {\n                <p class=\"field-description\">{{ selectedField.Description }}</p>\n              }\n            </div>\n            <div class=\"detail-section\">\n              <h5>Type Information</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">SQL Type</span>\n                  <span class=\"value code\">{{ formatFieldType(selectedField) }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">TypeScript Type</span>\n                  <span class=\"value code\">{{ selectedField.TSType }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Nullable</span>\n                  <span class=\"value\">{{ selectedField.AllowsNull ? 'Yes' : 'No' }}</span>\n                </div>\n                @if (selectedField.DefaultValue) {\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Default</span>\n                    <span class=\"value code\">{{ selectedField.DefaultValue }}</span>\n                  </div>\n                }\n              </div>\n            </div>\n            @if (selectedField.RelatedEntityID) {\n              <div class=\"detail-section\">\n                <h5>Relationship</h5>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Related Entity</span>\n                    <span class=\"value link\" (click)=\"navigateToRelatedEntity(selectedField)\">\n                      {{ getRelatedEntityName(selectedField) }}\n                      <i class=\"fa-solid fa-arrow-right\"></i>\n                    </span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Display Type</span>\n                    <span class=\"value\">{{ selectedField.RelatedEntityDisplayType }}</span>\n                  </div>\n                </div>\n              </div>\n            }\n            @if (selectedField.Encrypt) {\n              <div class=\"detail-section\">\n                <h5>Encryption</h5>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Encrypted</span>\n                    <span class=\"value\">Yes</span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Decrypt in API</span>\n                    <span class=\"value\">{{ selectedField.AllowDecryptInAPI ? 'Yes' : 'No' }}</span>\n                  </div>\n                </div>\n              </div>\n            }\n            <div class=\"detail-section\">\n              <h5>API Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Allow Update</span>\n                  <span class=\"value\">{{ selectedField.AllowUpdateAPI ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Include in Search</span>\n                  <span class=\"value\">{{ selectedField.IncludeInUserSearchAPI ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Full-Text Search</span>\n                  <span class=\"value\">{{ selectedField.FullTextSearchEnabled ? 'Yes' : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Form Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Include in Form</span>\n                  <span class=\"value\">{{ selectedField.IncludeInGeneratedForm ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Section</span>\n                  <span class=\"value\">{{ selectedField.GeneratedFormSection }}</span>\n                </div>\n                @if (selectedField.Category) {\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Category</span>\n                    <span class=\"value\">{{ selectedField.Category }}</span>\n                  </div>\n                }\n                <div class=\"detail-item\">\n                  <span class=\"label\">Sequence</span>\n                  <span class=\"value\">{{ selectedField.Sequence }}</span>\n                </div>\n              </div>\n            </div>\n            @if (selectedField.EntityFieldValues.length > 0) {\n              <div class=\"detail-section\">\n                <h5>Allowed Values</h5>\n                <div class=\"value-list\">\n                  @for (val of selectedField.EntityFieldValues; track val) {\n                    <div class=\"value-item\">\n                      @if (val.Code !== val.Value) {\n                        <span class=\"value-code\">{{ val.Code }}</span>\n                      }\n                      <span class=\"value-display\">{{ val.Value }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n        <!-- Relationship Details -->\n        @if (selectedRelationship) {\n          <div class=\"panel-content\">\n            <div class=\"detail-section\">\n              <h4>{{ selectedRelationship.DisplayName || selectedRelationship.Entity }}</h4>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Connection</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">From Entity</span>\n                  <span class=\"value\">{{ selectedRelationship.Entity }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Join Field</span>\n                  <span class=\"value code\">{{ selectedRelationship.RelatedEntityJoinField }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Type</span>\n                  <span class=\"value\">{{ selectedRelationship.Type }}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Display Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Display in Form</span>\n                  <span class=\"value\">{{ selectedRelationship.DisplayInForm ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Location</span>\n                  <span class=\"value\">{{ selectedRelationship.DisplayLocation }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Bundle in API</span>\n                  <span class=\"value\">{{ selectedRelationship.BundleInAPI ? 'Yes' : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n      </aside>\n    </div>\n  </div>\n} @else {\n  @if (isExplorerLoading) {\n    <div class=\"explorer-loading\">\n      <mj-loading text=\"Loading entity...\"></mj-loading>\n    </div>\n  }\n  @if (!isExplorerLoading && explorerError) {\n    <div class=\"explorer-error\">\n      <i class=\"fa-solid fa-exclamation-triangle\"></i>\n      <p>{{ explorerError }}</p>\n    </div>\n  }\n  @if (!isExplorerLoading && !explorerError && !entity) {\n    <div class=\"explorer-empty\">\n      <i class=\"fa-solid fa-database\"></i>\n      <p>Entity metadata not available</p>\n    </div>\n  }\n}\n\n<!-- Loading / Error State -->\n", styles: ["/* ============================================================\n   ENTITY EXPLORER FORM - MAIN STYLES\n   A world-class exploration-focused entity intelligence hub\n   ============================================================ */\n\n/* CSS Variables */\n:host {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: #ffffff;\n    --bg-secondary: #f8fafc;\n    --bg-tertiary: #f1f5f9;\n\n    --text-primary: #1e293b;\n    --text-secondary: #64748b;\n    --text-muted: #94a3b8;\n\n    --border-color: #e2e8f0;\n    --border-light: #f1f5f9;\n\n    --accent-color: #3b82f6;\n    --accent-light: #eff6ff;\n    --accent-dark: #1d4ed8;\n\n    --success-color: #10b981;\n    --warning-color: #f59e0b;\n    --danger-color: #ef4444;\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n/* ============================================================\n   HEADER BAR\n   ============================================================ */\n\n.explorer-header {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.status-badge.status-deprecated {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.status-badge.status-disabled {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.entity-subtitle {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator {\n    color: var(--border-color);\n}\n\n.entity-description {\n    color: var(--text-secondary);\n}\n\n/* Header Stats */\n.header-stats {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item i {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* ============================================================\n   MAIN BODY (NAV RAIL + CANVAS)\n   ============================================================ */\n\n.explorer-body {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n/* Navigation Rail - Minimalist Icon-First Design */\n.nav-rail {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item i {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item:hover i {\n    transform: scale(1.1);\n}\n\n.nav-item.active {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active i {\n    transform: scale(1.05);\n}\n\n.nav-item.active::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n/* ============================================================\n   MAIN CANVAS\n   ============================================================ */\n\n.main-canvas {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n}\n\n.main-canvas.panel-open {\n    margin-right: var(--detail-panel-width);\n}\n\n/* Sections */\n.section {\n    padding: 24px;\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n/* Search Box */\n.search-box {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box i {\n    color: var(--text-muted);\n}\n\n.search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box input::placeholder {\n    color: var(--text-muted);\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active {\n    background: var(--accent-color);\n    color: white;\n}\n\n/* Depth Selector */\n.depth-selector {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active {\n    background: var(--accent-color);\n    color: white;\n}\n\n/* Header Controls (view mode + expand/collapse) */\n.header-controls {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n/* Fields List View - Modern Design */\n.fields-list-view {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header .list-col {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header .list-col.sortable {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header .list-col.sortable:hover {\n    color: var(--accent-color);\n}\n\n.list-header .list-col.sortable.sorted {\n    color: var(--accent-color);\n}\n\n.sort-icon {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable:hover .sort-icon {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted .sort-icon {\n    opacity: 1;\n}\n\n.list-body {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row:last-child {\n    border-bottom: none;\n}\n\n/* Column-specific styling */\n.col-seq {\n    text-align: center;\n}\n\n.seq-num {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row:hover .seq-num,\n.list-row.selected .seq-num {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted {\n    color: var(--text-muted);\n}\n\n.required-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required {\n    color: var(--danger-color);\n    background: rgba(239, 68, 68, 0.1);\n}\n\n.required-indicator.required i {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk {\n    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n    color: #78350f;\n}\n\n.flag-badge.fk {\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n    color: white;\n}\n\n.flag-badge.encrypted {\n    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);\n    color: white;\n}\n\n.col-desc {\n    min-width: 0;\n}\n\n.desc-text {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n.list-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    gap: 12px;\n}\n\n.list-empty i {\n    font-size: 32px;\n    opacity: 0.5;\n}\n\n.list-empty span {\n    font-size: 14px;\n}\n\n/* ============================================================\n   OVERVIEW SECTION\n   ============================================================ */\n\n.stats-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable {\n    cursor: pointer;\n}\n\n.stat-card.clickable:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable:hover .stat-card-action {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action i {\n    font-size: 14px;\n}\n\n.stat-card-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header i {\n    font-size: 14px;\n}\n\n.stat-card-body .stat-main {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body .stat-details {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n/* Info Panels */\n.info-panel {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title i {\n    color: var(--accent-color);\n}\n\n/* Capability Tags */\n.capability-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #dcfce7;\n    color: #166534;\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag i {\n    font-size: 10px;\n}\n\n.capability-tag.disabled {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n/* Info Grid */\n.info-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n/* ============================================================\n   FIELDS SECTION\n   ============================================================ */\n\n.fields-content {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups {\n    display: flex;\n    flex-direction: column;\n}\n\n.field-group {\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-group:last-child {\n    border-bottom: none;\n}\n\n.group-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    user-select: none;\n    background: linear-gradient(to right, var(--bg-secondary), transparent);\n    border-left: 3px solid var(--accent-color);\n}\n\n.group-header:hover {\n    background: linear-gradient(to right, var(--bg-tertiary), var(--bg-secondary));\n}\n\n.expand-icon {\n    font-size: 10px;\n    color: var(--text-muted);\n    width: 16px;\n    transition: transform var(--transition-fast);\n}\n\n.group-icon {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item:last-child {\n    border-bottom: none;\n}\n\n.field-item:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable {\n    color: var(--danger-color);\n}\n\n.field-related {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related:hover {\n    text-decoration: underline;\n}\n\n.field-badges {\n    display: flex;\n    gap: 4px;\n}\n\n.badge {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.badge.fk {\n    background: #dbeafe;\n    color: #1e40af;\n}\n\n.badge.encrypted {\n    background: #fce7f3;\n    color: #9d174d;\n}\n\n/* ============================================================\n   RELATIONSHIPS SECTION\n   ============================================================ */\n\n.relationships-graph {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph mj-entity-erd,\n.relationships-graph mj-erd-composite {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n/* ERD Splitter for details panel */\n.relationships-graph .erd-splitter {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph kendo-splitter-pane {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationships-graph mj-entity-details {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder p {\n    margin: 0;\n}\n\n.graph-placeholder .hint {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title i {\n    color: var(--accent-color);\n}\n\n.relationship-items {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item:last-child {\n    border-bottom: none;\n}\n\n.relationship-item:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden {\n    display: none;\n}\n\n.rel-icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info {\n    flex: 1;\n}\n\n.rel-entity {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity:hover {\n    text-decoration: underline;\n}\n\n.rel-field {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type,\n.rel-display-type {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle {\n    color: var(--success-color);\n}\n\n/* Grouped relationship styles */\n.relationship-group-title .group-count {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped:last-child {\n    border-bottom: none;\n}\n\n.rel-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n}\n\n.rel-icon.incoming {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n}\n\n.rel-entity-name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; /* Align with entity name (icon width + gap) */\n}\n\n.field-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip i {\n    font-size: 10px;\n}\n\n.field-chip.outgoing {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n    border: 1px solid var(--info-border, #90caf9);\n}\n\n.field-chip.outgoing:hover {\n    background: var(--info-color, #1976d2);\n    color: white;\n}\n\n.field-chip.incoming {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n    border: 1px solid var(--success-border, #a5d6a7);\n}\n\n.field-chip.incoming:hover {\n    background: var(--success-color, #388e3c);\n    color: white;\n}\n\n.field-chip .bundle-icon {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n/* ============================================================\n   PERMISSIONS SECTION\n   ============================================================ */\n\n.permissions-matrix {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table th,\n.matrix-table td {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table th {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table th.center,\n.matrix-table td.center {\n    text-align: center;\n}\n\n.matrix-table tbody tr:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon {\n    font-size: 14px;\n}\n\n.permission-icon.granted {\n    color: var(--success-color);\n}\n\n.permission-icon.denied {\n    color: var(--text-muted);\n}\n\n.rls-info {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n/* API Capabilities */\n.api-capabilities {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item i {\n    font-size: 12px;\n}\n\n.capability-item.enabled {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.capability-item.enabled i {\n    color: var(--success-color);\n}\n\n/* ============================================================\n   LINEAGE SECTION\n   ============================================================ */\n\n.lineage-diagram {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage {\n    text-align: center;\n}\n\n.lineage-stage h4 {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item i {\n    color: var(--accent-color);\n}\n\n.lineage-arrow {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node .entity-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node .entity-box i {\n    font-size: 24px;\n}\n\n.tracking-config {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.config-item .config-label {\n    color: var(--text-muted);\n}\n\n.config-item .config-value {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n/* ============================================================\n   HISTORY SECTION\n   ============================================================ */\n\n.history-config {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status i {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled i {\n    color: var(--success-color);\n}\n\n.config-text strong {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text span {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card h4 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card h4 i {\n    color: var(--accent-color);\n}\n\n.info-card p {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card code {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list li {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list li:last-child {\n    border-bottom: none;\n}\n\n/* ============================================================\n   SETTINGS SECTION\n   ============================================================ */\n\n.settings-panel {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: #fafafa;\n}\n\n.setting-value-json mj-code-editor {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json ::ng-deep .cm-editor {\n    font-size: 12px;\n    background: #fafafa;\n}\n\n.setting-value-json ::ng-deep .cm-gutters {\n    background: #f0f0f0;\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config,\n.settings-section .config-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row .config-label {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row .config-value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row .config-value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row .config-value.enabled {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n/* ============================================================\n   DETAIL PANEL (Slide-in from right)\n   ============================================================ */\n\n.detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open {\n    transform: translateX(0);\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section {\n    margin-bottom: 24px;\n}\n\n.detail-section:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section h4 {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section h5 {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.field-description {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item .value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item .value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item .value.link {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item .value.link:hover {\n    text-decoration: underline;\n}\n\n.value-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display {\n    color: var(--text-primary);\n}\n\n/* ============================================================\n   EMPTY STATES\n   ============================================================ */\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.empty-state i {\n    font-size: 32px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 14px;\n}\n\n/* ============================================================\n   LOADING / ERROR STATES\n   ============================================================ */\n\n.explorer-loading,\n.explorer-error,\n.explorer-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.explorer-error i,\n.explorer-empty i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.explorer-error {\n    color: var(--danger-color);\n}\n\n.explorer-error i {\n    opacity: 1;\n}\n", ".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n/* Collapsible Panel Styles */\n.form-panels-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n/* All field sections take full width */\n.form-panels-container > .form-card {\n  width: 100%;\n}\n\n/* Related entity grid container - responsive layout */\n.form-panels-container .related-entity-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Responsive multi-column layout for related entities on wider screens */\n@media (min-width: 1400px) {\n  .form-panels-container .related-entity-grid {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card {\n  overflow: hidden;\n}\n\n.collapsible-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title i {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body {\n  padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n  color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls button {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls button:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n  transform: translateY(0);\n}\n\n.form-section-controls button i {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls .section-search {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls .section-search:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls .section-count {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n  display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* Search highlighting in section names */\n.collapsible-title h3 .search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n/* Row count badge in section headers */\n.collapsible-title .row-count-badge {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n  background: #9ca3af;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-entity-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!isExplorerLoading && entity) {\n  <div class=\"entity-explorer\">\n    <!-- ============================================================ -->\n    <!-- HEADER BAR -->\n    <!-- ============================================================ -->\n    <header class=\"explorer-header\">\n      <div class=\"entity-identity\">\n        <div class=\"entity-icon\" [style.background-color]=\"'#3b82f6'\">\n          <i [class]=\"entityIcon\"></i>\n        </div>\n        <div class=\"entity-info\">\n          <div class=\"entity-title-row\">\n            <h1 class=\"entity-name\">{{ entityDisplayName }}</h1>\n            <span class=\"status-badge\" [ngClass]=\"statusClass\">\n              {{ entity.Status }}\n            </span>\n            @if (IsVirtualEntity) {\n              <span class=\"status-badge isa-badge virtual\">\n                <i class=\"fa-solid fa-eye\"></i> Virtual\n              </span>\n            }\n            @if (IsChildType) {\n              <span class=\"status-badge isa-badge child-type\" (click)=\"NavigateToEntity(ParentChain[0])\" title=\"Click to navigate to parent entity\">\n                <i class=\"fa-solid fa-arrow-up\"></i> IS-A {{ ParentChain[0]?.Name }}\n              </span>\n            }\n            @if (IsParentType) {\n              <span class=\"status-badge isa-badge parent-type\">\n                <i class=\"fa-solid fa-sitemap\"></i> {{ ChildEntities.length }} child type{{ ChildEntities.length !== 1 ? 's' : '' }}\n              </span>\n            }\n          </div>\n          @if (IsChildType) {\n            <div class=\"isa-breadcrumb\">\n              <i class=\"fa-solid fa-layer-group\"></i>\n              {{ IsaBreadcrumb }}\n            </div>\n          }\n          <div class=\"entity-subtitle\">\n            <span class=\"schema-table\">{{ entity.SchemaName }}.{{ entity.BaseTable }}</span>\n            <span class=\"separator\">|</span>\n            @if (entity.Description) {\n              <span class=\"entity-description\" [title]=\"entity.Description\">\n                {{ entity.Description | slice:0:80 }}{{ entity.Description.length > 80 ? '...' : '' }}\n              </span>\n            }\n          </div>\n        </div>\n      </div>\n      <div class=\"header-stats\">\n        <div class=\"stat-item\" (click)=\"setActiveSection('fields')\">\n          <i class=\"fa-solid fa-table-columns\"></i>\n          <span class=\"stat-value\">{{ stats.fieldCount }}</span>\n          <span class=\"stat-label\">Fields</span>\n        </div>\n        <div class=\"stat-item\" (click)=\"setActiveSection('relationships')\">\n          <i class=\"fa-solid fa-link\"></i>\n          <span class=\"stat-value\">{{ stats.relationshipCount }}</span>\n          <span class=\"stat-label\">Relations</span>\n        </div>\n        <div class=\"stat-item\" (click)=\"setActiveSection('permissions')\">\n          <i class=\"fa-solid fa-shield-halved\"></i>\n          <span class=\"stat-value\">{{ stats.permissionCount }}</span>\n          <span class=\"stat-label\">Roles</span>\n        </div>\n        <div class=\"stat-item\">\n          <i class=\"fa-solid fa-database\"></i>\n          @if (!isRowCountLoading) {\n            <span class=\"stat-value\">{{ formattedRowCount }}</span>\n          }\n          @if (isRowCountLoading) {\n            <span class=\"stat-value loading\">\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n            </span>\n          }\n          <span class=\"stat-label\">Rows</span>\n        </div>\n      </div>\n    </header>\n    <!-- ============================================================ -->\n    <!-- MAIN CONTENT AREA -->\n    <!-- ============================================================ -->\n    <div class=\"explorer-body\">\n      <!-- Navigation Rail -->\n      <nav class=\"nav-rail\">\n        @for (item of navItems; track item) {\n          <button\n            class=\"nav-item\"\n            [class.active]=\"activeSection === item.id\"\n            (click)=\"setActiveSection(item.id)\"\n            [title]=\"item.label\">\n            <i [class]=\"item.icon\"></i>\n            <span class=\"nav-label\">{{ item.label }}</span>\n            @if (item.badge) {\n              <span class=\"nav-badge\">{{ item.badge }}</span>\n            }\n          </button>\n        }\n      </nav>\n      <!-- Main Canvas -->\n      <main class=\"main-canvas\" [class.panel-open]=\"detailPanelOpen\">\n        <!-- ============================================================ -->\n        <!-- OVERVIEW SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'overview') {\n          <section class=\"section overview-section\">\n            <div class=\"section-content\">\n              <!-- Stats Cards Row - Clickable to navigate to sections -->\n              <div class=\"stats-cards\">\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('fields')\" title=\"View all fields\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-table-cells\"></i>\n                    <span>Fields</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.fieldCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>{{ stats.primaryKeyCount }} PKs</span>\n                      <span>{{ stats.foreignKeyCount }} FKs</span>\n                      @if (stats.encryptedFieldCount) {\n                        <span>{{ stats.encryptedFieldCount }} Encrypted</span>\n                      }\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('relationships')\" title=\"View relationships\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-diagram-project\"></i>\n                    <span>Relationships</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.relationshipCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>{{ groupedOutgoingRelationships.length }} Out</span>\n                      <span>{{ groupedIncomingRelationships.length }} In</span>\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card clickable\" (click)=\"setActiveSection('permissions')\" title=\"View security settings\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-lock\"></i>\n                    <span>Security</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ stats.permissionCount }}</div>\n                    <div class=\"stat-details\">\n                      <span>Roles configured</span>\n                    </div>\n                  </div>\n                  <div class=\"stat-card-action\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </div>\n                </div>\n                <div class=\"stat-card\">\n                  <div class=\"stat-card-header\">\n                    <i class=\"fa-solid fa-database\"></i>\n                    <span>Data</span>\n                  </div>\n                  <div class=\"stat-card-body\">\n                    <div class=\"stat-main\">{{ formattedRowCount }}</div>\n                    <div class=\"stat-details\">\n                      @if (entity.RowCountRunAt) {\n                        <span>Updated {{ entity.RowCountRunAt | date:'short' }}</span>\n                      }\n                      @if (!entity.RowCountRunAt) {\n                        <span>Row count</span>\n                      }\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- Capabilities -->\n              <div class=\"info-panel capabilities-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-bolt\"></i>\n                  Capabilities\n                </h3>\n                <div class=\"capability-tags\">\n                  @for (cap of capabilitySummary; track cap) {\n                    <span class=\"capability-tag\">\n                      <i class=\"fa-solid fa-check\"></i>\n                      {{ cap }}\n                    </span>\n                  }\n                  @if (!entity.IncludeInAPI) {\n                    <span class=\"capability-tag disabled\">\n                      <i class=\"fa-solid fa-xmark\"></i>\n                      No API\n                    </span>\n                  }\n                </div>\n              </div>\n              <!-- IS-A Type Hierarchy -->\n              @if (HasISARelationship || IsVirtualEntity) {\n                <div class=\"info-panel isa-panel\">\n                  <h3 class=\"panel-title\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                    Type Hierarchy\n                  </h3>\n                  @if (IsVirtualEntity) {\n                    <div class=\"isa-info-row virtual-info\">\n                      <i class=\"fa-solid fa-eye\"></i>\n                      <span>Virtual Entity \u2014 read-only view backed by <span class=\"code\">{{ entity.BaseView }}</span></span>\n                    </div>\n                  }\n                  @if (IsChildType) {\n                    <div class=\"isa-chain\">\n                      <div class=\"isa-chain-label\">Inheritance Chain</div>\n                      <div class=\"isa-chain-nodes\">\n                        <span class=\"isa-node current\">{{ entity.Name }}</span>\n                        @for (parent of ParentChain; track parent.ID) {\n                          <i class=\"fa-solid fa-arrow-right isa-arrow\"></i>\n                          <span class=\"isa-node parent clickable\" (click)=\"NavigateToEntity(parent)\" [title]=\"'Navigate to ' + parent.Name\">\n                            {{ parent.Name }}\n                          </span>\n                        }\n                      </div>\n                      <div class=\"isa-inherited-fields\">\n                        <i class=\"fa-solid fa-table-cells\"></i>\n                        <span>{{ InheritedFieldCount }} field{{ InheritedFieldCount !== 1 ? 's' : '' }} inherited from parent{{ ParentChain.length > 1 ? 's' : '' }}</span>\n                      </div>\n                    </div>\n                    <!-- IS-A Field Inspector: shows fields grouped by source entity -->\n                    @if (isaFieldGroups.length > 1) {\n                      <div class=\"isa-field-inspector\">\n                        <div class=\"isa-chain-label clickable\" (click)=\"isaFieldInspectorExpanded = !isaFieldInspectorExpanded\">\n                          <i class=\"fa-solid\" [ngClass]=\"isaFieldInspectorExpanded ? 'fa-chevron-down' : 'fa-chevron-right'\"></i>\n                          Field Source Inspector\n                        </div>\n                        @if (isaFieldInspectorExpanded) {\n                          <div class=\"isa-inspector-groups\">\n                            @for (group of isaFieldGroups; track group.EntityName) {\n                              <div class=\"isa-inspector-group\" [class.own]=\"group.Level === 0\" [class.inherited]=\"group.Level > 0\">\n                                <div class=\"isa-inspector-header\">\n                                  <span class=\"isa-inspector-entity\">\n                                    @if (group.Level === 0) {\n                                      <i class=\"fa-solid fa-circle\" style=\"color: #3b82f6; font-size: 8px;\"></i>\n                                    } @else {\n                                      <i class=\"fa-solid fa-arrow-up\" style=\"color: #6366f1; font-size: 10px;\"></i>\n                                    }\n                                    {{ group.Label }}\n                                  </span>\n                                  <span class=\"isa-inspector-count\">{{ group.Fields.length }} field{{ group.Fields.length !== 1 ? 's' : '' }}</span>\n                                </div>\n                                <div class=\"isa-inspector-fields\">\n                                  @for (field of group.Fields; track field.ID) {\n                                    <span class=\"isa-inspector-field\" [title]=\"field.Description || field.Name\">\n                                      {{ field.DisplayName || field.Name }}\n                                      <span class=\"isa-inspector-type\">{{ field.Type }}</span>\n                                    </span>\n                                  }\n                                </div>\n                              </div>\n                            }\n                          </div>\n                        }\n                      </div>\n                    }\n                    <!-- Sibling Types -->\n                    @if (SiblingEntities.length > 0) {\n                      <div class=\"isa-siblings\">\n                        <div class=\"isa-chain-label\">Sibling Types (disjoint under {{ ParentChain[0]?.Name }})</div>\n                        <div class=\"isa-child-list\">\n                          @for (sibling of SiblingEntities; track sibling.ID) {\n                            <span class=\"isa-sibling-chip clickable\" (click)=\"NavigateToEntity(sibling)\" [title]=\"'Navigate to ' + sibling.Name\">\n                              <i class=\"fa-solid fa-arrows-left-right\"></i>\n                              {{ sibling.Name }}\n                            </span>\n                          }\n                        </div>\n                      </div>\n                    }\n                  }\n                  @if (IsParentType) {\n                    <div class=\"isa-children\">\n                      <div class=\"isa-chain-label\">Child Types</div>\n                      <div class=\"isa-child-list\">\n                        @for (childCount of childEntityCounts; track childCount.EntityName) {\n                          <span class=\"isa-child-chip clickable\" (click)=\"NavigateToEntity(childCount.EntityInfo)\" [title]=\"'Navigate to ' + childCount.EntityName\">\n                            <i class=\"fa-solid fa-arrow-down\"></i>\n                            {{ childCount.EntityName }}\n                            <span class=\"isa-child-count\">\n                              @if (childCount.IsLoading) {\n                                <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                              } @else {\n                                {{ childCount.RecordCount | number }}\n                              }\n                            </span>\n                          </span>\n                        }\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n              <!-- Database Info -->\n              <div class=\"info-panel database-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-server\"></i>\n                  Database\n                </h3>\n                <div class=\"info-grid\">\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Schema</span>\n                    <span class=\"info-value\">{{ entity.SchemaName }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Table</span>\n                    <span class=\"info-value\">{{ entity.BaseTable }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">View</span>\n                    <span class=\"info-value\">{{ entity.BaseView }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Delete Type</span>\n                    <span class=\"info-value\">{{ entity.DeleteType }}</span>\n                  </div>\n                  @if (entity.spCreate) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Create</span>\n                      <span class=\"info-value code\">{{ entity.spCreate }}</span>\n                    </div>\n                  }\n                  @if (entity.spUpdate) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Update</span>\n                      <span class=\"info-value code\">{{ entity.spUpdate }}</span>\n                    </div>\n                  }\n                  @if (entity.spDelete) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">SP Delete</span>\n                      <span class=\"info-value code\">{{ entity.spDelete }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n              <!-- Code Gen Info -->\n              <div class=\"info-panel codegen-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-code\"></i>\n                  Code Generation\n                </h3>\n                <div class=\"info-grid\">\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Class Name</span>\n                    <span class=\"info-value code\">{{ entity.ClassName }}</span>\n                  </div>\n                  <div class=\"info-item\">\n                    <span class=\"info-label\">Code Name</span>\n                    <span class=\"info-value code\">{{ entity.CodeName }}</span>\n                  </div>\n                  @if (entity.EntityObjectSubclassName) {\n                    <div class=\"info-item\">\n                      <span class=\"info-label\">Subclass</span>\n                      <span class=\"info-value code\">{{ entity.EntityObjectSubclassName }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- FIELDS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'fields') {\n          <section class=\"section fields-section\">\n            <div class=\"section-header\">\n              <div class=\"search-box\">\n                <i class=\"fa-solid fa-search\"></i>\n                <input\n                  type=\"text\"\n                  placeholder=\"Search fields...\"\n                  [ngModel]=\"fieldSearchTerm\"\n                  (ngModelChange)=\"onFieldSearch($event)\">\n              </div>\n              <div class=\"header-controls\">\n                <!-- View mode toggle -->\n                <div class=\"view-mode-toggle\">\n                  <button\n                    class=\"toggle-btn\"\n                    [class.active]=\"fieldViewMode === 'grouped'\"\n                    (click)=\"fieldViewMode = 'grouped'\"\n                    title=\"Group by category\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                  </button>\n                  <button\n                    class=\"toggle-btn\"\n                    [class.active]=\"fieldViewMode === 'list'\"\n                    (click)=\"fieldViewMode = 'list'\"\n                    title=\"List view\">\n                    <i class=\"fa-solid fa-list\"></i>\n                  </button>\n                </div>\n                <!-- Expand/Collapse controls (only in grouped mode) -->\n                @if (fieldViewMode === 'grouped') {\n                  <div class=\"expand-collapse-controls\">\n                    <button\n                      class=\"control-btn\"\n                      (click)=\"expandAllFieldGroups()\"\n                      [disabled]=\"allFieldGroupsExpanded\"\n                      title=\"Expand all\">\n                      <i class=\"fa-solid fa-angles-down\"></i>\n                    </button>\n                    <button\n                      class=\"control-btn\"\n                      (click)=\"collapseAllFieldGroups()\"\n                      [disabled]=\"allFieldGroupsCollapsed\"\n                      title=\"Collapse all\">\n                      <i class=\"fa-solid fa-angles-up\"></i>\n                    </button>\n                  </div>\n                }\n              </div>\n            </div>\n            <div class=\"section-content fields-content\">\n              <!-- Grouped View -->\n              @if (fieldViewMode === 'grouped') {\n                <div class=\"field-groups\">\n                  @for (group of getFilteredFieldGroups(); track group) {\n                    <div\n                      class=\"field-group\"\n                      [class.expanded]=\"isFieldGroupExpanded(group.id)\">\n                      <div class=\"group-header\" (click)=\"toggleFieldGroup(group.id)\">\n                        <i class=\"expand-icon fa-solid\" [ngClass]=\"isFieldGroupExpanded(group.id) ? 'fa-chevron-down' : 'fa-chevron-right'\"></i>\n                        <i [class]=\"group.icon\" class=\"group-icon\"></i>\n                        <span class=\"group-label\">{{ group.label }}</span>\n                        <span class=\"group-count\">{{ group.fields.length }}</span>\n                      </div>\n                      @if (isFieldGroupExpanded(group.id)) {\n                        <div class=\"group-content\">\n                          @for (field of group.fields; track field) {\n                            <div\n                              class=\"field-item\"\n                              (click)=\"selectField(field)\"\n                              [class.selected]=\"selectedField?.ID === field.ID\">\n                              <div class=\"field-icon\">\n                                <i [class]=\"getFieldTypeIcon(field)\"></i>\n                              </div>\n                              <div class=\"field-info\">\n                                <div class=\"field-name\">{{ field.DisplayName || field.Name }}</div>\n                                <div class=\"field-meta\">\n                                  <span class=\"field-type\">{{ formatFieldType(field) }}</span>\n                                  @if (!field.AllowsNull) {\n                                    <span class=\"field-nullable\">Required</span>\n                                  }\n                                  @if (field.RelatedEntityID) {\n                                    <span class=\"field-related\" (click)=\"navigateToRelatedEntity(field); $event.stopPropagation()\">\n                                      <i class=\"fa-solid fa-arrow-right\"></i>\n                                      {{ getRelatedEntityName(field) }}\n                                    </span>\n                                  }\n                                </div>\n                              </div>\n                              <div class=\"field-badges\">\n                                @if (field.IsPrimaryKey) {\n                                  <span class=\"badge pk\" title=\"Primary Key\">PK</span>\n                                }\n                                @if (field.RelatedEntityID && !field.IsPrimaryKey) {\n                                  <span class=\"badge fk\" title=\"Foreign Key\">FK</span>\n                                }\n                                @if (field.Encrypt) {\n                                  <span class=\"badge encrypted\" title=\"Encrypted\">\n                                    <i class=\"fa-solid fa-lock\"></i>\n                                  </span>\n                                }\n                                @if (IsInheritedField(field)) {\n                                  <span class=\"badge inherited\" [title]=\"'Inherited from ' + GetISAFieldSource(field)\">\n                                    <i class=\"fa-solid fa-arrow-up\"></i> {{ GetISAFieldSource(field) }}\n                                  </span>\n                                }\n                              </div>\n                            </div>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n              <!-- List View - Modern Card-style Table -->\n              @if (fieldViewMode === 'list') {\n                <div class=\"fields-list-view\">\n                  <!-- Table Header -->\n                  <div class=\"list-header\">\n                    <div class=\"list-col col-seq sortable\" (click)=\"sortFieldList('Sequence')\" [class.sorted]=\"fieldListSortColumn === 'Sequence'\">\n                      #\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Sequence' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-name sortable\" (click)=\"sortFieldList('Name')\" [class.sorted]=\"fieldListSortColumn === 'Name'\">\n                      Field Name\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Name' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-type sortable\" (click)=\"sortFieldList('Type')\" [class.sorted]=\"fieldListSortColumn === 'Type'\">\n                      Type\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Type' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-length sortable\" (click)=\"sortFieldList('Length')\" [class.sorted]=\"fieldListSortColumn === 'Length'\">\n                      Length\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Length' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-nullable sortable\" (click)=\"sortFieldList('AllowsNull')\" [class.sorted]=\"fieldListSortColumn === 'AllowsNull'\">\n                      Required\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'AllowsNull' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                    <div class=\"list-col col-flags\">Flags</div>\n                    <div class=\"list-col col-desc sortable\" (click)=\"sortFieldList('Description')\" [class.sorted]=\"fieldListSortColumn === 'Description'\">\n                      Description\n                      <i class=\"sort-icon fa-solid\" [ngClass]=\"fieldListSortColumn === 'Description' ? (fieldListSortDirection === 'asc' ? 'fa-caret-up' : 'fa-caret-down') : 'fa-sort'\"></i>\n                    </div>\n                  </div>\n                  <!-- Table Body -->\n                  <div class=\"list-body\">\n                    @for (field of getFilteredFieldsList(); track field; let i = $index) {\n                      <div\n                        class=\"list-row\"\n                        [class.selected]=\"selectedField?.ID === field.ID\"\n                        (click)=\"selectField(field)\">\n                        <div class=\"list-col col-seq\">\n                          <span class=\"seq-num\">{{ field.Sequence }}</span>\n                        </div>\n                        <div class=\"list-col col-name\">\n                          <i [class]=\"getFieldTypeIcon(field)\" class=\"field-type-icon\"></i>\n                          <span class=\"field-name-text\">{{ field.DisplayName || field.Name }}</span>\n                        </div>\n                        <div class=\"list-col col-type\">\n                          <span class=\"type-tag\">{{ field.Type }}</span>\n                        </div>\n                        <div class=\"list-col col-length\">\n                          @if (field.Length > 0) {\n                            <span class=\"length-value\">{{ field.Length }}</span>\n                          }\n                          @if (field.Length <= 0) {\n                            <span class=\"length-value muted\">\u2014</span>\n                          }\n                        </div>\n                        <div class=\"list-col col-nullable\">\n                          <span class=\"required-indicator\" [class.required]=\"!field.AllowsNull\" [class.optional]=\"field.AllowsNull\">\n                            <i [class]=\"field.AllowsNull ? 'fa-solid fa-circle-minus' : 'fa-solid fa-circle-check'\"></i>\n                            {{ field.AllowsNull ? 'Optional' : 'Required' }}\n                          </span>\n                        </div>\n                        <div class=\"list-col col-flags\">\n                          <div class=\"flag-badges\">\n                            @if (field.IsPrimaryKey) {\n                              <span class=\"flag-badge pk\" title=\"Primary Key\">\n                                <i class=\"fa-solid fa-key\"></i> PK\n                              </span>\n                            }\n                            @if (field.RelatedEntityID && !field.IsPrimaryKey) {\n                              <span class=\"flag-badge fk\" title=\"Foreign Key\">\n                                <i class=\"fa-solid fa-link\"></i> FK\n                              </span>\n                            }\n                            @if (field.Encrypt) {\n                              <span class=\"flag-badge encrypted\" title=\"Encrypted\">\n                                <i class=\"fa-solid fa-lock\"></i>\n                              </span>\n                            }\n                            @if (IsInheritedField(field)) {\n                              <span class=\"flag-badge inherited\" [title]=\"'Inherited from ' + GetISAFieldSource(field)\">\n                                <i class=\"fa-solid fa-arrow-up\"></i> {{ GetISAFieldSource(field) }}\n                              </span>\n                            }\n                          </div>\n                        </div>\n                        <div class=\"list-col col-desc\">\n                          <span class=\"desc-text\" [title]=\"field.Description || ''\">{{ field.Description || '\u2014' }}</span>\n                        </div>\n                      </div>\n                    }\n                  </div>\n                  <!-- Empty state -->\n                  @if (getFilteredFieldsList().length === 0) {\n                    <div class=\"list-empty\">\n                      <i class=\"fa-solid fa-search\"></i>\n                      <span>No fields match your search</span>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- RELATIONSHIPS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'relationships') {\n          <section class=\"section relationships-section\">\n            <div class=\"section-header\">\n              <div class=\"view-toggle\">\n                <button\n                  class=\"toggle-btn\"\n                  [class.active]=\"relationshipViewMode === 'diagram'\"\n                  (click)=\"relationshipViewMode = 'diagram'\">\n                  <i class=\"fa-solid fa-diagram-project\"></i>\n                  Diagram\n                </button>\n                <button\n                  class=\"toggle-btn\"\n                  [class.active]=\"relationshipViewMode === 'list'\"\n                  (click)=\"relationshipViewMode = 'list'\">\n                  <i class=\"fa-solid fa-list\"></i>\n                  List\n                </button>\n              </div>\n              <!-- Depth selector (only in diagram mode) -->\n              @if (relationshipViewMode === 'diagram') {\n                <div class=\"depth-selector\">\n                  <span class=\"depth-label\">Depth:</span>\n                  <div class=\"depth-buttons\">\n                    @for (d of [1, 2, 3, 4, 5]; track d) {\n                      <button\n                        class=\"depth-btn\"\n                        [class.active]=\"erdDepth === d\"\n                        (click)=\"setErdDepth(d)\"\n                        [title]=\"'Show ' + d + ' level(s) of relationships'\">\n                        {{ d }}\n                      </button>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n            <div class=\"section-content\">\n              <!-- Diagram View using the ERD composite component -->\n              @if (relationshipViewMode === 'diagram') {\n                <div class=\"relationships-graph\">\n                  <mj-erd-composite\n                    [focusEntities]=\"entity ? [entity] : []\"\n                    [showFilterPanel]=\"false\"\n                    [showHeader]=\"false\"\n                    [depth]=\"erdDepth\"\n                    (stateChange)=\"onERDStateChange($event)\"\n                    (openRecord)=\"onERDOpenRecord($event)\">\n                  </mj-erd-composite>\n                </div>\n              }\n              <!-- List View -->\n              @if (relationshipViewMode === 'list') {\n                <div class=\"relationships-list\">\n                  <!-- Outgoing Relationships (FK fields on this entity) - Grouped by target entity -->\n                  <div class=\"relationship-group\">\n                    <h3 class=\"relationship-group-title\">\n                      <i class=\"fa-solid fa-arrow-right-from-bracket\"></i>\n                      Outgoing (References to other entities)\n                      <span class=\"group-count\">{{ groupedOutgoingRelationships.length }}</span>\n                    </h3>\n                    <div class=\"relationship-items grouped\">\n                      @for (group of groupedOutgoingRelationships; track group) {\n                        <div\n                          class=\"relationship-item-grouped\"\n                          >\n                          <div class=\"rel-header\">\n                            <div class=\"rel-icon outgoing\">\n                              <i class=\"fa-solid fa-arrow-right\"></i>\n                            </div>\n                            <div class=\"rel-entity-name\">{{ group.entityName }}</div>\n                          </div>\n                          <div class=\"rel-fields-chips\">\n                            @for (field of group.fields; track field) {\n                              <span\n                                class=\"field-chip outgoing\"\n                                [title]=\"field.Description || field.Name\"\n                                (click)=\"selectField(field)\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                {{ field.Name }}\n                              </span>\n                            }\n                          </div>\n                        </div>\n                      }\n                      @if (groupedOutgoingRelationships.length === 0) {\n                        <div class=\"empty-state\">\n                          <p>No outgoing relationships</p>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                  <!-- Incoming Relationships - Grouped by source entity -->\n                  <div class=\"relationship-group\">\n                    <h3 class=\"relationship-group-title\">\n                      <i class=\"fa-solid fa-arrow-right-to-bracket\"></i>\n                      Incoming (Entities that reference this one)\n                      <span class=\"group-count\">{{ groupedIncomingRelationships.length }}</span>\n                    </h3>\n                    <div class=\"relationship-items grouped\">\n                      @for (group of groupedIncomingRelationships; track group) {\n                        <div\n                          class=\"relationship-item-grouped\"\n                          >\n                          <div class=\"rel-header\">\n                            <div class=\"rel-icon incoming\">\n                              <i class=\"fa-solid fa-arrow-left\"></i>\n                            </div>\n                            <div class=\"rel-entity-name\">{{ group.entityName }}</div>\n                          </div>\n                          <div class=\"rel-fields-chips\">\n                            @for (field of group.fields; track field) {\n                              <span\n                                class=\"field-chip incoming\"\n                                [title]=\"'Type: ' + field.type\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                {{ field.fieldName }}\n                                @if (field.bundleInAPI) {\n                                  <i class=\"fa-solid fa-box bundle-icon\" title=\"Bundled in API\"></i>\n                                }\n                              </span>\n                            }\n                          </div>\n                        </div>\n                      }\n                      @if (groupedIncomingRelationships.length === 0) {\n                        <div class=\"empty-state\">\n                          <p>No incoming relationships</p>\n                        </div>\n                      }\n                    </div>\n                  </div>\n                </div>\n              }\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- PERMISSIONS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'permissions') {\n          <section class=\"section permissions-section\">\n            <div class=\"section-content\">\n              <div class=\"permissions-matrix\">\n                <table class=\"matrix-table\">\n                  <thead>\n                    <tr>\n                      <th>Role</th>\n                      <th class=\"center\">Create</th>\n                      <th class=\"center\">Read</th>\n                      <th class=\"center\">Update</th>\n                      <th class=\"center\">Delete</th>\n                      <th>RLS</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    @for (perm of entity.Permissions; track perm) {\n                      <tr>\n                        <td class=\"role-name\">{{ getRoleName(perm) }}</td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanCreate ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanRead ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanUpdate ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"center\">\n                          <i class=\"permission-icon\" [ngClass]=\"perm.CanDelete ? 'fa-solid fa-check granted' : 'fa-solid fa-xmark denied'\"></i>\n                        </td>\n                        <td class=\"rls-info\">\n                          @if (perm.ReadRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Read RLS\">R</span>\n                          }\n                          @if (perm.CreateRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Create RLS\">C</span>\n                          }\n                          @if (perm.UpdateRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Update RLS\">U</span>\n                          }\n                          @if (perm.DeleteRLSFilterID) {\n                            <span class=\"rls-badge\" title=\"Delete RLS\">D</span>\n                          }\n                          @if (!perm.ReadRLSFilterID && !perm.CreateRLSFilterID && !perm.UpdateRLSFilterID && !perm.DeleteRLSFilterID) {\n                            <span class=\"no-rls\">None</span>\n                          }\n                        </td>\n                      </tr>\n                    }\n                  </tbody>\n                </table>\n                @if (entity.Permissions.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-shield-halved\"></i>\n                    <p>No permissions configured</p>\n                  </div>\n                }\n              </div>\n              <div class=\"api-capabilities\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-plug\"></i>\n                  API Capabilities\n                </h3>\n                <div class=\"capability-grid\">\n                  <div class=\"capability-item\" [class.enabled]=\"entity.IncludeInAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.IncludeInAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Include in API</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowAllRowsAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowAllRowsAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow All Rows</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowCreateAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowCreateAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Create</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowUpdateAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowUpdateAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Update</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowDeleteAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowDeleteAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Allow Delete</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.AllowUserSearchAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AllowUserSearchAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>User Search</span>\n                  </div>\n                  <div class=\"capability-item\" [class.enabled]=\"entity.CustomResolverAPI\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.CustomResolverAPI ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Custom Resolver</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- LINEAGE SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'lineage') {\n          <section class=\"section lineage-section\">\n            <div class=\"section-content\">\n              <div class=\"lineage-diagram\">\n                <div class=\"lineage-stage sources\">\n                  <h4>Data Sources</h4>\n                  <div class=\"lineage-items\">\n                    <div class=\"lineage-item\">\n                      <i class=\"fa-solid fa-keyboard\"></i>\n                      <span>Manual Entry</span>\n                    </div>\n                    @if (entity.IncludeInAPI) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-plug\"></i>\n                        <span>API Create</span>\n                      </div>\n                    }\n                  </div>\n                </div>\n                <div class=\"lineage-arrow\">\n                  <i class=\"fa-solid fa-arrow-right\"></i>\n                </div>\n                <div class=\"lineage-stage entity-node\">\n                  <div class=\"entity-box\">\n                    <i [class]=\"entityIcon\"></i>\n                    <span>{{ entity.Name }}</span>\n                  </div>\n                </div>\n                <div class=\"lineage-arrow\">\n                  <i class=\"fa-solid fa-arrow-right\"></i>\n                </div>\n                <div class=\"lineage-stage sinks\">\n                  <h4>Data Sinks</h4>\n                  <div class=\"lineage-items\">\n                    @if (entity.TrackRecordChanges) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-clock-rotate-left\"></i>\n                        <span>Record Changes</span>\n                      </div>\n                    }\n                    @if (entity.AuditRecordAccess) {\n                      <div class=\"lineage-item\">\n                        <i class=\"fa-solid fa-eye\"></i>\n                        <span>Access Audit</span>\n                      </div>\n                    }\n                    <div class=\"lineage-item\">\n                      <i class=\"fa-solid fa-link\"></i>\n                      <span>Related Entities ({{ stats.relationshipCount }})</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div class=\"tracking-config\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-clock-rotate-left\"></i>\n                  Tracking Configuration\n                </h3>\n                <div class=\"config-grid\">\n                  <div class=\"config-item\" [class.enabled]=\"entity.TrackRecordChanges\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.TrackRecordChanges ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Track Record Changes</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.AuditRecordAccess\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AuditRecordAccess ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Audit Record Access</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.AuditViewRuns\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.AuditViewRuns ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Audit View Runs</span>\n                  </div>\n                  <div class=\"config-item\">\n                    <span class=\"config-label\">Delete Type:</span>\n                    <span class=\"config-value\">{{ entity.DeleteType }}</span>\n                  </div>\n                  <div class=\"config-item\" [class.enabled]=\"entity.CascadeDeletes\">\n                    <i class=\"fa-solid\" [ngClass]=\"entity.CascadeDeletes ? 'fa-check' : 'fa-xmark'\"></i>\n                    <span>Cascade Deletes</span>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- HISTORY SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'history') {\n          <section class=\"section history-section\">\n            <div class=\"section-content\">\n              <div class=\"history-config\">\n                <div class=\"config-status\" [class.enabled]=\"entity.TrackRecordChanges\">\n                  <i class=\"fa-solid\" [ngClass]=\"entity.TrackRecordChanges ? 'fa-circle-check' : 'fa-circle-xmark'\"></i>\n                  <div class=\"config-text\">\n                    <strong>Record Change Tracking</strong>\n                    <span>{{ entity.TrackRecordChanges ? 'Enabled - All changes are recorded' : 'Disabled - Changes are not tracked' }}</span>\n                  </div>\n                </div>\n              </div>\n              <div class=\"history-info\">\n                <div class=\"info-card\">\n                  <h4>\n                    <i class=\"fa-solid fa-info-circle\"></i>\n                    About Change Tracking\n                  </h4>\n                  @if (entity.TrackRecordChanges) {\n                    <p>\n                      This entity has change tracking enabled. All modifications to records are stored in the\n                      <code>RecordChange</code> table, including the user who made the change, timestamp, and\n                      the before/after values.\n                    </p>\n                  }\n                  @if (!entity.TrackRecordChanges) {\n                    <p>\n                      This entity does not have change tracking enabled. To enable it, set\n                      <code>TrackRecordChanges</code> to <code>true</code> in the entity metadata.\n                    </p>\n                  }\n                </div>\n                @if (entity.TrackRecordChanges) {\n                  <div class=\"info-card\">\n                    <h4>\n                      <i class=\"fa-solid fa-database\"></i>\n                      Audit Fields\n                    </h4>\n                    <ul class=\"audit-fields-list\">\n                      <li>\n                        <code>__mj_CreatedAt</code> - Record creation timestamp\n                      </li>\n                      <li>\n                        <code>__mj_UpdatedAt</code> - Last modification timestamp\n                      </li>\n                      @if (entity.DeleteType === 'Soft') {\n                        <li>\n                          <code>__mj_DeletedAt</code> - Soft delete timestamp (when applicable)\n                        </li>\n                      }\n                    </ul>\n                  </div>\n                }\n              </div>\n            </div>\n          </section>\n        }\n        <!-- ============================================================ -->\n        <!-- SETTINGS SECTION -->\n        <!-- ============================================================ -->\n        @if (activeSection === 'settings') {\n          <section class=\"section settings-section\">\n            <div class=\"section-content\">\n              <!-- IS-A Type Relationship Configuration -->\n              @if (HasISARelationship || IsVirtualEntity) {\n                <div class=\"settings-panel isa-settings-panel\">\n                  <h3 class=\"panel-title\">\n                    <i class=\"fa-solid fa-layer-group\"></i>\n                    Type Relationship (IS-A)\n                  </h3>\n                  <div class=\"config-grid\">\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Virtual Entity</span>\n                      <span class=\"config-value\">\n                        @if (IsVirtualEntity) {\n                          <i class=\"fa-solid fa-circle-check\" style=\"color: #7c3aed;\"></i> Yes \u2014 read-only view\n                        } @else {\n                          <i class=\"fa-solid fa-circle-minus\" style=\"color: #94a3b8;\"></i> No\n                        }\n                      </span>\n                    </div>\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Parent Entity</span>\n                      <span class=\"config-value\">\n                        @if (IsChildType) {\n                          <span class=\"link\" (click)=\"NavigateToEntity(ParentChain[0])\" title=\"Navigate to parent entity\">\n                            {{ ParentChain[0]?.Name }}\n                            <i class=\"fa-solid fa-arrow-right\"></i>\n                          </span>\n                        } @else {\n                          <span class=\"muted\">None</span>\n                        }\n                      </span>\n                    </div>\n                    @if (IsChildType) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Full Inheritance Chain</span>\n                        <span class=\"config-value\">{{ IsaBreadcrumb }}</span>\n                      </div>\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Inherited Fields</span>\n                        <span class=\"config-value\">{{ InheritedFieldCount }} field{{ InheritedFieldCount !== 1 ? 's' : '' }}</span>\n                      </div>\n                    }\n                    @if (IsParentType) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Child Types</span>\n                        <span class=\"config-value\">\n                          @for (child of ChildEntities; track child.ID; let last = $last) {\n                            <span class=\"link\" (click)=\"NavigateToEntity(child)\">{{ child.Name }}</span>{{ last ? '' : ', ' }}\n                          }\n                        </span>\n                      </div>\n                    }\n                    @if (SiblingEntities.length > 0) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Sibling Types</span>\n                        <span class=\"config-value\">\n                          @for (sibling of SiblingEntities; track sibling.ID; let last = $last) {\n                            <span class=\"link\" (click)=\"NavigateToEntity(sibling)\">{{ sibling.Name }}</span>{{ last ? '' : ', ' }}\n                          }\n                        </span>\n                      </div>\n                    }\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Disjoint Subtypes</span>\n                      <span class=\"config-value\">\n                        @if (IsParentType || IsChildType) {\n                          <i class=\"fa-solid fa-circle-check\" style=\"color: #059669;\"></i> Enforced \u2014 a parent record can only be one child type\n                        } @else {\n                          <span class=\"muted\">N/A</span>\n                        }\n                      </span>\n                    </div>\n                  </div>\n                </div>\n              }\n              <!-- Entity Settings -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-sliders\"></i>\n                  Entity Settings\n                </h3>\n                @if (entity.Settings.length > 0) {\n                  <div class=\"settings-list\">\n                    @for (setting of entity.Settings; track setting) {\n                      <div class=\"setting-item\">\n                        <div class=\"setting-name\">{{ setting.Name }}</div>\n                        @if (isJsonValue(setting.Value)) {\n                          <div class=\"setting-value-json\">\n                            <mj-code-editor\n                              [value]=\"formatJsonValue(setting.Value)\"\n                              language=\"json\"\n                              [readonly]=\"true\"\n                              [lineWrapping]=\"true\"\n                              setup=\"minimal\">\n                            </mj-code-editor>\n                          </div>\n                        } @else {\n                          <div class=\"setting-value\">{{ setting.Value }}</div>\n                        }\n                        @if (setting.Comments) {\n                          <div class=\"setting-comment\">{{ setting.Comments }}</div>\n                        }\n                      </div>\n                    }\n                  </div>\n                }\n                @if (entity.Settings.length === 0) {\n                  <div class=\"empty-state\">\n                    <p>No custom settings configured</p>\n                  </div>\n                }\n              </div>\n              <!-- Full Text Search -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-magnifying-glass\"></i>\n                  Full-Text Search\n                </h3>\n                @if (entity.FullTextSearchEnabled) {\n                  <div class=\"fts-config\">\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Status</span>\n                      <span class=\"config-value enabled\">\n                        <i class=\"fa-solid fa-circle-check\"></i>\n                        Enabled\n                      </span>\n                    </div>\n                    @if (entity.FullTextCatalog) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Catalog</span>\n                        <span class=\"config-value code\">{{ entity.FullTextCatalog }}</span>\n                      </div>\n                    }\n                    @if (entity.FullTextIndex) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Index</span>\n                        <span class=\"config-value code\">{{ entity.FullTextIndex }}</span>\n                      </div>\n                    }\n                    @if (entity.FullTextSearchFunction) {\n                      <div class=\"config-row\">\n                        <span class=\"config-label\">Function</span>\n                        <span class=\"config-value code\">{{ entity.FullTextSearchFunction }}</span>\n                      </div>\n                    }\n                  </div>\n                }\n                @if (!entity.FullTextSearchEnabled) {\n                  <div class=\"empty-state\">\n                    <p>Full-text search is not enabled for this entity</p>\n                  </div>\n                }\n              </div>\n              <!-- Row Packaging -->\n              <div class=\"settings-panel\">\n                <h3 class=\"panel-title\">\n                  <i class=\"fa-solid fa-box\"></i>\n                  Schema Packaging\n                </h3>\n                <div class=\"config-grid\">\n                  <div class=\"config-row\">\n                    <span class=\"config-label\">Rows to Pack</span>\n                    <span class=\"config-value\">{{ entity.RowsToPackWithSchema || 'None' }}</span>\n                  </div>\n                  @if (entity.RowsToPackSampleCount) {\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Sample Count</span>\n                      <span class=\"config-value\">{{ entity.RowsToPackSampleCount }}</span>\n                    </div>\n                  }\n                  @if (entity.RowsToPackSampleMethod) {\n                    <div class=\"config-row\">\n                      <span class=\"config-label\">Sample Method</span>\n                      <span class=\"config-value\">{{ entity.RowsToPackSampleMethod }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            </div>\n          </section>\n        }\n      </main>\n      <!-- ============================================================ -->\n      <!-- DETAIL PANEL (Slides in from right) -->\n      <!-- ============================================================ -->\n      <aside class=\"detail-panel\" [class.open]=\"detailPanelOpen\">\n        <div class=\"panel-header\">\n          @if (selectedField) {\n            <h3>Field Details</h3>\n          }\n          @if (selectedRelationship) {\n            <h3>Relationship Details</h3>\n          }\n          <button class=\"close-btn\" (click)=\"closeDetailPanel()\">\n            <i class=\"fa-solid fa-xmark\"></i>\n          </button>\n        </div>\n        <!-- Field Details -->\n        @if (selectedField) {\n          <div class=\"panel-content\">\n            <div class=\"detail-section\">\n              <h4>{{ selectedField.DisplayName || selectedField.Name }}</h4>\n              @if (selectedField.Description) {\n                <p class=\"field-description\">{{ selectedField.Description }}</p>\n              }\n            </div>\n            <div class=\"detail-section\">\n              <h5>Type Information</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">SQL Type</span>\n                  <span class=\"value code\">{{ formatFieldType(selectedField) }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">TypeScript Type</span>\n                  <span class=\"value code\">{{ selectedField.TSType }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Nullable</span>\n                  <span class=\"value\">{{ selectedField.AllowsNull ? 'Yes' : 'No' }}</span>\n                </div>\n                @if (selectedField.DefaultValue) {\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Default</span>\n                    <span class=\"value code\">{{ selectedField.DefaultValue }}</span>\n                  </div>\n                }\n              </div>\n            </div>\n            @if (IsInheritedField(selectedField)) {\n              <div class=\"detail-section isa-source-section\">\n                <h5>\n                  <i class=\"fa-solid fa-arrow-up\"></i>\n                  IS-A Inherited Field\n                </h5>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Source Entity</span>\n                    <span class=\"value link\" (click)=\"NavigateToEntity(ParentChain[0])\" title=\"Navigate to source entity\">\n                      {{ GetISAFieldSource(selectedField) }}\n                      <i class=\"fa-solid fa-arrow-right\"></i>\n                    </span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Routing</span>\n                    <span class=\"value\">ORM routes Set/Get to parent</span>\n                  </div>\n                </div>\n              </div>\n            }\n            @if (selectedField.RelatedEntityID) {\n              <div class=\"detail-section\">\n                <h5>Relationship</h5>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Related Entity</span>\n                    <span class=\"value link\" (click)=\"navigateToRelatedEntity(selectedField)\">\n                      {{ getRelatedEntityName(selectedField) }}\n                      <i class=\"fa-solid fa-arrow-right\"></i>\n                    </span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Display Type</span>\n                    <span class=\"value\">{{ selectedField.RelatedEntityDisplayType }}</span>\n                  </div>\n                </div>\n              </div>\n            }\n            @if (selectedField.Encrypt) {\n              <div class=\"detail-section\">\n                <h5>Encryption</h5>\n                <div class=\"detail-grid\">\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Encrypted</span>\n                    <span class=\"value\">Yes</span>\n                  </div>\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Decrypt in API</span>\n                    <span class=\"value\">{{ selectedField.AllowDecryptInAPI ? 'Yes' : 'No' }}</span>\n                  </div>\n                </div>\n              </div>\n            }\n            <div class=\"detail-section\">\n              <h5>API Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Allow Update</span>\n                  <span class=\"value\">{{ selectedField.AllowUpdateAPI ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Include in Search</span>\n                  <span class=\"value\">{{ selectedField.IncludeInUserSearchAPI ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Full-Text Search</span>\n                  <span class=\"value\">{{ selectedField.FullTextSearchEnabled ? 'Yes' : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Form Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Include in Form</span>\n                  <span class=\"value\">{{ selectedField.IncludeInGeneratedForm ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Section</span>\n                  <span class=\"value\">{{ selectedField.GeneratedFormSection }}</span>\n                </div>\n                @if (selectedField.Category) {\n                  <div class=\"detail-item\">\n                    <span class=\"label\">Category</span>\n                    <span class=\"value\">{{ selectedField.Category }}</span>\n                  </div>\n                }\n                <div class=\"detail-item\">\n                  <span class=\"label\">Sequence</span>\n                  <span class=\"value\">{{ selectedField.Sequence }}</span>\n                </div>\n              </div>\n            </div>\n            @if (selectedField.EntityFieldValues.length > 0) {\n              <div class=\"detail-section\">\n                <h5>Allowed Values</h5>\n                <div class=\"value-list\">\n                  @for (val of selectedField.EntityFieldValues; track val) {\n                    <div class=\"value-item\">\n                      @if (val.Code !== val.Value) {\n                        <span class=\"value-code\">{{ val.Code }}</span>\n                      }\n                      <span class=\"value-display\">{{ val.Value }}</span>\n                    </div>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n        <!-- Relationship Details -->\n        @if (selectedRelationship) {\n          <div class=\"panel-content\">\n            <div class=\"detail-section\">\n              <h4>{{ selectedRelationship.DisplayName || selectedRelationship.Entity }}</h4>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Connection</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">From Entity</span>\n                  <span class=\"value\">{{ selectedRelationship.Entity }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Join Field</span>\n                  <span class=\"value code\">{{ selectedRelationship.RelatedEntityJoinField }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Type</span>\n                  <span class=\"value\">{{ selectedRelationship.Type }}</span>\n                </div>\n              </div>\n            </div>\n            <div class=\"detail-section\">\n              <h5>Display Settings</h5>\n              <div class=\"detail-grid\">\n                <div class=\"detail-item\">\n                  <span class=\"label\">Display in Form</span>\n                  <span class=\"value\">{{ selectedRelationship.DisplayInForm ? 'Yes' : 'No' }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Location</span>\n                  <span class=\"value\">{{ selectedRelationship.DisplayLocation }}</span>\n                </div>\n                <div class=\"detail-item\">\n                  <span class=\"label\">Bundle in API</span>\n                  <span class=\"value\">{{ selectedRelationship.BundleInAPI ? 'Yes' : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n      </aside>\n    </div>\n  </div>\n} @else {\n  @if (isExplorerLoading) {\n    <div class=\"explorer-loading\">\n      <mj-loading text=\"Loading entity...\"></mj-loading>\n    </div>\n  }\n  @if (!isExplorerLoading && explorerError) {\n    <div class=\"explorer-error\">\n      <i class=\"fa-solid fa-exclamation-triangle\"></i>\n      <p>{{ explorerError }}</p>\n    </div>\n  }\n  @if (!isExplorerLoading && !explorerError && !entity) {\n    <div class=\"explorer-empty\">\n      <i class=\"fa-solid fa-database\"></i>\n      <p>Entity metadata not available</p>\n    </div>\n  }\n}\n\n<!-- Loading / Error State -->\n", styles: ["/* ============================================================\n   ENTITY EXPLORER FORM - MAIN STYLES\n   A world-class exploration-focused entity intelligence hub\n   ============================================================ */\n\n/* CSS Variables */\n:host {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: #ffffff;\n    --bg-secondary: #f8fafc;\n    --bg-tertiary: #f1f5f9;\n\n    --text-primary: #1e293b;\n    --text-secondary: #64748b;\n    --text-muted: #94a3b8;\n\n    --border-color: #e2e8f0;\n    --border-light: #f1f5f9;\n\n    --accent-color: #3b82f6;\n    --accent-light: #eff6ff;\n    --accent-dark: #1d4ed8;\n\n    --success-color: #10b981;\n    --warning-color: #f59e0b;\n    --danger-color: #ef4444;\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n/* ============================================================\n   HEADER BAR\n   ============================================================ */\n\n.explorer-header {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.status-badge.status-deprecated {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.status-badge.status-disabled {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.entity-subtitle {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator {\n    color: var(--border-color);\n}\n\n.entity-description {\n    color: var(--text-secondary);\n}\n\n/* Header Stats */\n.header-stats {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item i {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* ============================================================\n   MAIN BODY (NAV RAIL + CANVAS)\n   ============================================================ */\n\n.explorer-body {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n/* Navigation Rail - Minimalist Icon-First Design */\n.nav-rail {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item i {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item:hover i {\n    transform: scale(1.1);\n}\n\n.nav-item.active {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active i {\n    transform: scale(1.05);\n}\n\n.nav-item.active::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n/* ============================================================\n   MAIN CANVAS\n   ============================================================ */\n\n.main-canvas {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n}\n\n.main-canvas.panel-open {\n    margin-right: var(--detail-panel-width);\n}\n\n/* Sections */\n.section {\n    padding: 24px;\n}\n\n.section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n/* Search Box */\n.search-box {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box i {\n    color: var(--text-muted);\n}\n\n.search-box input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box input::placeholder {\n    color: var(--text-muted);\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active {\n    background: var(--accent-color);\n    color: white;\n}\n\n/* Depth Selector */\n.depth-selector {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active {\n    background: var(--accent-color);\n    color: white;\n}\n\n/* Header Controls (view mode + expand/collapse) */\n.header-controls {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n/* Fields List View - Modern Design */\n.fields-list-view {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header .list-col {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header .list-col.sortable {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header .list-col.sortable:hover {\n    color: var(--accent-color);\n}\n\n.list-header .list-col.sortable.sorted {\n    color: var(--accent-color);\n}\n\n.sort-icon {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable:hover .sort-icon {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted .sort-icon {\n    opacity: 1;\n}\n\n.list-body {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row {\n    display: grid;\n    grid-template-columns: 50px 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row:last-child {\n    border-bottom: none;\n}\n\n/* Column-specific styling */\n.col-seq {\n    text-align: center;\n}\n\n.seq-num {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row:hover .seq-num,\n.list-row.selected .seq-num {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted {\n    color: var(--text-muted);\n}\n\n.required-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required {\n    color: var(--danger-color);\n    background: rgba(239, 68, 68, 0.1);\n}\n\n.required-indicator.required i {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk {\n    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);\n    color: #78350f;\n}\n\n.flag-badge.fk {\n    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);\n    color: white;\n}\n\n.flag-badge.encrypted {\n    background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);\n    color: white;\n}\n\n.col-desc {\n    min-width: 0;\n}\n\n.desc-text {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n.list-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--text-muted);\n    gap: 12px;\n}\n\n.list-empty i {\n    font-size: 32px;\n    opacity: 0.5;\n}\n\n.list-empty span {\n    font-size: 14px;\n}\n\n/* ============================================================\n   OVERVIEW SECTION\n   ============================================================ */\n\n.stats-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable {\n    cursor: pointer;\n}\n\n.stat-card.clickable:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable:hover .stat-card-action {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action i {\n    font-size: 14px;\n}\n\n.stat-card-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header i {\n    font-size: 14px;\n}\n\n.stat-card-body .stat-main {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body .stat-details {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n/* Info Panels */\n.info-panel {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title i {\n    color: var(--accent-color);\n}\n\n/* Capability Tags */\n.capability-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: #dcfce7;\n    color: #166534;\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag i {\n    font-size: 10px;\n}\n\n.capability-tag.disabled {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n/* Info Grid */\n.info-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n/* ============================================================\n   FIELDS SECTION\n   ============================================================ */\n\n.fields-content {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups {\n    display: flex;\n    flex-direction: column;\n}\n\n.field-group {\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-group:last-child {\n    border-bottom: none;\n}\n\n.group-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    user-select: none;\n    background: linear-gradient(to right, var(--bg-secondary), transparent);\n    border-left: 3px solid var(--accent-color);\n}\n\n.group-header:hover {\n    background: linear-gradient(to right, var(--bg-tertiary), var(--bg-secondary));\n}\n\n.expand-icon {\n    font-size: 10px;\n    color: var(--text-muted);\n    width: 16px;\n    transition: transform var(--transition-fast);\n}\n\n.group-icon {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item:last-child {\n    border-bottom: none;\n}\n\n.field-item:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable {\n    color: var(--danger-color);\n}\n\n.field-related {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related:hover {\n    text-decoration: underline;\n}\n\n.field-badges {\n    display: flex;\n    gap: 4px;\n}\n\n.badge {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk {\n    background: #fef3c7;\n    color: #92400e;\n}\n\n.badge.fk {\n    background: #dbeafe;\n    color: #1e40af;\n}\n\n.badge.encrypted {\n    background: #fce7f3;\n    color: #9d174d;\n}\n\n/* ============================================================\n   RELATIONSHIPS SECTION\n   ============================================================ */\n\n.relationships-graph {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph mj-entity-erd,\n.relationships-graph mj-erd-composite {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n/* ERD Splitter for details panel */\n.relationships-graph .erd-splitter {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph kendo-splitter-pane {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationships-graph mj-entity-details {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder p {\n    margin: 0;\n}\n\n.graph-placeholder .hint {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title i {\n    color: var(--accent-color);\n}\n\n.relationship-items {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item:last-child {\n    border-bottom: none;\n}\n\n.relationship-item:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden {\n    display: none;\n}\n\n.rel-icon {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info {\n    flex: 1;\n}\n\n.rel-entity {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity:hover {\n    text-decoration: underline;\n}\n\n.rel-field {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type,\n.rel-display-type {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle {\n    color: var(--success-color);\n}\n\n/* Grouped relationship styles */\n.relationship-group-title .group-count {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped:last-child {\n    border-bottom: none;\n}\n\n.rel-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n}\n\n.rel-icon.incoming {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n}\n\n.rel-entity-name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; /* Align with entity name (icon width + gap) */\n}\n\n.field-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip i {\n    font-size: 10px;\n}\n\n.field-chip.outgoing {\n    background: var(--info-light, #e3f2fd);\n    color: var(--info-color, #1976d2);\n    border: 1px solid var(--info-border, #90caf9);\n}\n\n.field-chip.outgoing:hover {\n    background: var(--info-color, #1976d2);\n    color: white;\n}\n\n.field-chip.incoming {\n    background: var(--success-light, #e8f5e9);\n    color: var(--success-color, #388e3c);\n    border: 1px solid var(--success-border, #a5d6a7);\n}\n\n.field-chip.incoming:hover {\n    background: var(--success-color, #388e3c);\n    color: white;\n}\n\n.field-chip .bundle-icon {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n/* ============================================================\n   PERMISSIONS SECTION\n   ============================================================ */\n\n.permissions-matrix {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table th,\n.matrix-table td {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table th {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table th.center,\n.matrix-table td.center {\n    text-align: center;\n}\n\n.matrix-table tbody tr:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon {\n    font-size: 14px;\n}\n\n.permission-icon.granted {\n    color: var(--success-color);\n}\n\n.permission-icon.denied {\n    color: var(--text-muted);\n}\n\n.rls-info {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n/* API Capabilities */\n.api-capabilities {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item i {\n    font-size: 12px;\n}\n\n.capability-item.enabled {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.capability-item.enabled i {\n    color: var(--success-color);\n}\n\n/* ============================================================\n   LINEAGE SECTION\n   ============================================================ */\n\n.lineage-diagram {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage {\n    text-align: center;\n}\n\n.lineage-stage h4 {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item i {\n    color: var(--accent-color);\n}\n\n.lineage-arrow {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node .entity-box {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node .entity-box i {\n    font-size: 24px;\n}\n\n.tracking-config {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled {\n    background: #dcfce7;\n    color: #166534;\n}\n\n.config-item .config-label {\n    color: var(--text-muted);\n}\n\n.config-item .config-value {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n/* ============================================================\n   HISTORY SECTION\n   ============================================================ */\n\n.history-config {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status i {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled i {\n    color: var(--success-color);\n}\n\n.config-text strong {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text span {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card h4 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card h4 i {\n    color: var(--accent-color);\n}\n\n.info-card p {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card code {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list li {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list li:last-child {\n    border-bottom: none;\n}\n\n/* ============================================================\n   SETTINGS SECTION\n   ============================================================ */\n\n.settings-panel {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: #fafafa;\n}\n\n.setting-value-json mj-code-editor {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json ::ng-deep .cm-editor {\n    font-size: 12px;\n    background: #fafafa;\n}\n\n.setting-value-json ::ng-deep .cm-gutters {\n    background: #f0f0f0;\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config,\n.settings-section .config-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row .config-label {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row .config-value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row .config-value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row .config-value.enabled {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n/* ============================================================\n   DETAIL PANEL (Slide-in from right)\n   ============================================================ */\n\n.detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open {\n    transform: translateX(0);\n}\n\n.panel-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section {\n    margin-bottom: 24px;\n}\n\n.detail-section:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section h4 {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section h5 {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.field-description {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item .label {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item .value {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item .value.code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item .value.link {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item .value.link:hover {\n    text-decoration: underline;\n}\n\n.value-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display {\n    color: var(--text-primary);\n}\n\n/* ============================================================\n   EMPTY STATES\n   ============================================================ */\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.empty-state i {\n    font-size: 32px;\n    margin-bottom: 12px;\n    opacity: 0.5;\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 14px;\n}\n\n/* ============================================================\n   LOADING / ERROR STATES\n   ============================================================ */\n\n.explorer-loading,\n.explorer-error,\n.explorer-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.explorer-error i,\n.explorer-empty i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.explorer-error {\n    color: var(--danger-color);\n}\n\n.explorer-error i {\n    opacity: 1;\n}\n\n/* ============================================================\n   IS-A TYPE HIERARCHY & VIRTUAL ENTITY STYLES\n   ============================================================ */\n\n/* Badge variants for header */\n.isa-badge {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    cursor: default;\n    white-space: nowrap;\n}\n\n.isa-badge.virtual {\n    background: rgba(139, 92, 246, 0.12);\n    color: #7c3aed;\n    border: 1px solid rgba(139, 92, 246, 0.25);\n}\n\n.isa-badge.child-type {\n    background: rgba(59, 130, 246, 0.12);\n    color: #2563eb;\n    border: 1px solid rgba(59, 130, 246, 0.25);\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.isa-badge.child-type:hover {\n    background: rgba(59, 130, 246, 0.22);\n}\n\n.isa-badge.parent-type {\n    background: rgba(16, 185, 129, 0.12);\n    color: #059669;\n    border: 1px solid rgba(16, 185, 129, 0.25);\n}\n\n/* Breadcrumb under title */\n.isa-breadcrumb {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: #6366f1;\n    font-weight: 500;\n    margin-top: 2px;\n    padding: 2px 0;\n}\n\n.isa-breadcrumb i {\n    font-size: 11px;\n    opacity: 0.7;\n}\n\n/* IS-A Panel (overview section) */\n.isa-panel {\n    border-left: 3px solid #6366f1;\n}\n\n.isa-info-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--text-primary, #334155);\n}\n\n.isa-info-row.virtual-info {\n    background: rgba(139, 92, 246, 0.06);\n}\n\n.isa-info-row.virtual-info i {\n    color: #7c3aed;\n    font-size: 14px;\n}\n\n.isa-info-row .code {\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n    font-size: 12px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 1px 6px;\n    border-radius: 3px;\n    color: #7c3aed;\n}\n\n/* Inheritance chain */\n.isa-chain {\n    padding: 8px 0;\n}\n\n.isa-chain-label {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted, #94a3b8);\n    margin-bottom: 8px;\n}\n\n.isa-chain-nodes {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    padding: 6px 0;\n}\n\n.isa-node {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.isa-node.current {\n    background: #3b82f6;\n    color: white;\n}\n\n.isa-node.parent {\n    background: rgba(59, 130, 246, 0.1);\n    color: #2563eb;\n    border: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.isa-arrow {\n    color: var(--text-muted, #94a3b8);\n    font-size: 11px;\n}\n\n.isa-inherited-fields {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-muted, #94a3b8);\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-inherited-fields i {\n    font-size: 12px;\n    color: #6366f1;\n}\n\n/* Child types list */\n.isa-children {\n    padding: 8px 0;\n}\n\n.isa-child-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 4px 0;\n}\n\n.isa-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: rgba(16, 185, 129, 0.1);\n    color: #059669;\n    border: 1px solid rgba(16, 185, 129, 0.2);\n}\n\n/* Clickable elements */\n.clickable {\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.clickable:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.isa-node.parent.clickable:hover {\n    background: rgba(59, 130, 246, 0.2);\n    border-color: rgba(59, 130, 246, 0.35);\n}\n\n.isa-child-chip.clickable:hover {\n    background: rgba(16, 185, 129, 0.2);\n    border-color: rgba(16, 185, 129, 0.35);\n}\n\n/* Field inherited badge (card and list views) */\n.badge.inherited,\n.flag-badge.inherited {\n    background: rgba(99, 102, 241, 0.1);\n    color: #6366f1;\n    border: 1px solid rgba(99, 102, 241, 0.2);\n    font-size: 10px;\n    font-weight: 600;\n    gap: 3px;\n}\n\n.flag-badge.inherited {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n}\n\n.flag-badge.inherited i {\n    font-size: 9px;\n}\n\n/* IS-A source section in field detail panel */\n.isa-source-section {\n    background: rgba(99, 102, 241, 0.04);\n    border-radius: 6px;\n    padding: 12px;\n    margin: -4px -12px 8px;\n}\n\n.isa-source-section h5 {\n    color: #6366f1;\n}\n\n.isa-source-section h5 i {\n    margin-right: 4px;\n}\n\n/* IS-A settings panel */\n.isa-settings-panel {\n    border-left: 3px solid #6366f1;\n}\n\n.isa-settings-panel .link {\n    color: #3b82f6;\n    cursor: pointer;\n    transition: color 0.15s ease;\n}\n\n.isa-settings-panel .link:hover {\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.isa-settings-panel .muted {\n    color: var(--text-muted, #94a3b8);\n}\n\n/* IS-A Field Inspector */\n.isa-field-inspector {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-field-inspector > .isa-chain-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.isa-inspector-groups {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n.isa-inspector-group {\n    border-radius: 6px;\n    padding: 8px 12px;\n    border: 1px solid var(--border-color, #e2e8f0);\n}\n\n.isa-inspector-group.own {\n    background: rgba(59, 130, 246, 0.04);\n    border-color: rgba(59, 130, 246, 0.15);\n}\n\n.isa-inspector-group.inherited {\n    background: rgba(99, 102, 241, 0.04);\n    border-color: rgba(99, 102, 241, 0.15);\n}\n\n.isa-inspector-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.isa-inspector-entity {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-primary, #334155);\n}\n\n.isa-inspector-count {\n    font-size: 11px;\n    color: var(--text-muted, #94a3b8);\n    font-weight: 500;\n}\n\n.isa-inspector-fields {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.isa-inspector-field {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    background: rgba(0, 0, 0, 0.04);\n    color: var(--text-primary, #334155);\n}\n\n.isa-inspector-type {\n    font-size: 10px;\n    color: var(--text-muted, #94a3b8);\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n}\n\n/* Sibling chips */\n.isa-siblings {\n    padding: 8px 0;\n}\n\n.isa-sibling-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: rgba(245, 158, 11, 0.1);\n    color: #d97706;\n    border: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.isa-sibling-chip.clickable:hover {\n    background: rgba(245, 158, 11, 0.2);\n    border-color: rgba(245, 158, 11, 0.35);\n}\n\n/* Child count badge */\n.isa-child-count {\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.08);\n    padding: 1px 6px;\n    border-radius: 8px;\n    margin-left: 2px;\n    font-weight: 600;\n}\n\n.isa-child-count i {\n    font-size: 10px;\n}\n", ".k-pane {\n  background-color: #F5F6FA;\n}\n\n.content-margin {\n  margin: 10px;\n} \n\n\na {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon {\n  margin-right: 5px;\n}\n\n.record-form {\n  display: block;\n  flex-direction: column;\n  background-color: #F5F6FA;\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group {\n  margin-top: 0px;\n  background-color: #F5F6FA;\n}\n\nbutton {\n  margin-right: 5px;\n}\n\n.record-form h2 {\n  margin-bottom: 10px;\n}\n\n.k-splitter {\n  border-width: 0px;\n}\n\n.record-form-row {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n\n/* .record-form .record-form-row:nth-child(odd) {\n  background-color: #f2f2f2; \n} */\n\n/* \n.record-form .record-form-row:nth-child(even) {\n  background-color: #ffffff;  \n} */\n\n.record-form .record-form-row > :first-child {\n  font-weight: bold;\n  padding-right: 10px;\n} \n\n.record-form .record-form-row > span {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n \n\n@media (min-width: 768px) {\n  .record-form-row {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row label {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n/* Collapsible Panel Styles */\n.form-panels-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: #F5F6FA;\n}\n\n/* All field sections take full width */\n.form-panels-container > .form-card {\n  width: 100%;\n}\n\n/* Related entity grid container - responsive layout */\n.form-panels-container .related-entity-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n/* Responsive multi-column layout for related entities on wider screens */\n@media (min-width: 1400px) {\n  .form-panels-container .related-entity-grid {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card {\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n\n.collapsible-card {\n  overflow: hidden;\n}\n\n.collapsible-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header:hover {\n  background: linear-gradient(135deg, #f3f4f6 0%, #f9fafb 100%);\n  border-bottom-color: #667eea;\n}\n\n.collapsible-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title i {\n  font-size: 20px;\n  color: #667eea;\n}\n\n.collapsible-title h3 {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.collapsible-header .collapse-icon {\n  color: #6b7280;\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body {\n  padding: 24px;\n}\n\n/* Related Entity Sections - Visual Distinction */\n.form-card.related-entity {\n  background: linear-gradient(135deg, #f0f9ff 0%, #ffffff 100%);\n  border-left: 3px solid #3b82f6;\n}\n\n.form-card.related-entity .collapsible-header {\n  background: linear-gradient(135deg, #e0f2fe 0%, #f0f9ff 100%);\n}\n\n.form-card.related-entity .collapsible-header:hover {\n  background: linear-gradient(135deg, #bfdbfe 0%, #e0f2fe 100%);\n  border-bottom-color: #3b82f6;\n}\n\n.form-card.related-entity .collapsible-title i {\n  color: #3b82f6;\n}\n\n/* Section Controls */\n.form-section-controls {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);\n  border-bottom: 2px solid #e5e7eb;\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);\n}\n\n.form-section-controls .control-group {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls button {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  background: white;\n  color: #374151;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls button:hover {\n  background: #667eea;\n  color: white;\n  border-color: #667eea;\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px rgba(102, 126, 234, 0.2);\n}\n\n.form-section-controls button:active {\n  transform: translateY(0);\n}\n\n.form-section-controls button i {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls .section-search {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid #d1d5db;\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: white;\n}\n\n.form-section-controls .section-search:focus {\n  outline: none;\n  border-color: #667eea;\n  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);\n}\n\n.form-section-controls .section-search::placeholder {\n  color: #9ca3af;\n  font-style: italic;\n}\n\n.form-section-controls .section-count {\n  font-size: 13px;\n  color: #6b7280;\n  margin-left: auto;\n  font-weight: 500;\n}\n\n/* Hidden sections for search filter */\n.form-card.search-hidden {\n  display: none;\n}\n\n/* Section count badge */\n.section-count-badge {\n  background: #667eea;\n  color: white;\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n/* Search highlighting in section names */\n.collapsible-title h3 .search-highlight {\n  background-color: #fef08a;\n  color: #854d0e;\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n/* Row count badge in section headers */\n.collapsible-title .row-count-badge {\n  background: #10b981;\n  color: white;\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n/* Gray badge for zero rows (loaded but empty) */\n.collapsible-title .row-count-badge.zero-rows {\n  background: #9ca3af;\n}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormComponentExtended, { className: "EntityFormComponentExtended", filePath: "src/lib/custom/entities/entity-form.component.ts", lineNumber: 100 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormComponentExtended, { className: "EntityFormComponentExtended", filePath: "src/lib/custom/Entities/entity-form.component.ts", lineNumber: 130 }); })();
 //# sourceMappingURL=entity-form.component.js.map