npm - @memberjunction/ng-core-entity-forms - Versions diffs - 3.0.0 → 3.1.1 - Mend

@memberjunction/ng-core-entity-forms 3.0.0 → 3.1.1

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 (1275) hide show

package/dist/lib/custom/Actions/action-param-dialog.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"action-param-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Actions/action-param-dialog.component.ts","../../../../src/lib/custom/Actions/action-param-dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;;;;;;;;ICcrC,+BAAuB;IAAA,iBAAC;IAAA,iBAAO;;;;IAInC,yCAIyB;IAHrB,6TAAuB;IAI3B,iBAAgB;;;IAJZ,gDAAuB;;;IAM3B,8BAA4B;IAAA,YAAwB;IAAA,iBAAM;;;IAA9B,cAAwB;IAAxB,+CAAwB;;;IAShD,+BAAuB;IAAA,iBAAC;IAAA,iBAAO;;;;IAInC,8CAOyB;IANrB,kUAAuB;IAO3B,iBAAqB;;;IAPjB,gDAAuB;IAKvB,AAHA,wCAAmB,wBAGI;;;IAKvB,AADJ,8BAA4B,eAC6C;IACjE,YACJ;IACJ,AADI,iBAAO,EACL;;;IAHuB,cAA2C;IAA3C,uDAA2C;IAChE,cACJ;IADI,iDACJ;;;IAUA,+BAAuB;IAAA,iBAAC;IAAA,iBAAO;;;;IAInC,8CAOyB;IANrB,kUAAuB;IAO3B,iBAAqB;;;IAPjB,gDAAuB;IAKvB,AAHA,wCAAmB,wBAGI;;;IAI3B,8BAA4B;IAAA,YAAe;IAAA,iBAAM;;;IAArB,cAAe;IAAf,sCAAe;;;;IAQ3C,0CAKyB;IAJrB,kUAAyB;IAK7B,iBAAiB;;;IALb,kDAAyB;IAEzB,wBAAU;;;IAKd,+BAAwC;IAAA,YAA8C;IAAA,iBAAM;;;IAApD,cAA8C;IAA9C,qEAA8C;;;;IAQtF,yCAIyB;IAHrB,mUAA0B;IAI9B,iBAAgB;;;IAJZ,mDAA0B;;;IAQtB,4BAAM;IAAA,YAAkB;IAAA,iBAAO;;;IAAzB,cAAkB;IAAlB,yCAAkB;;;IAExB,gCAA8B;IAAA,gCAAgB;IAAA,iBAAO;;;IAJ7D,8BAA4B;IAGtB,AAFF,gGAAoB,uFAEX;IAGb,iBAAM;;;IALF,cAIC;IAJD,6CAIC;;;;IAUG,wCAEsB;IADlB,8TAAwB;IAE5B,iBAAe;;;IAFX,iDAAwB;;;IAI5B,wBAC0D;;;IAAvD,kEAAkD;IADI,AAArC,oDAAoC,uCAAsC;;;;IAU9F,wCAEmB;IADf,wTAAqB;IAEzB,iBAAe;;;IAFX,8CAAqB;;;IAIzB,wBACuD;;;IAApD,+DAA+C;IADI,AAAlC,iDAAiC,oCAAmC;;;;IAYxG,kCAAuC;IAAnB,+LAAS,eAAQ,KAAC;IAAC,sBAAM;IAAA,iBAAS;IACtD,kCAA0D;IAAjB,+LAAS,aAAM,KAAC;IAAC,oBAAI;IAAA,iBAAS;;;;IAEvE,kCAA4D;IAAnB,gMAAS,eAAQ,KAAC;IAAC,qBAAK;IAAA,iBAAS;;ADnJlF,MAAM,OAAO,0BAA0B;~~IA4BnC~~,YACW,SAAoB;QAApB,cAAS,GAAT,SAAS,CAAW;~~QA3BtB~~,UAAK,GAAY,KAAK,CAAC;QACvB,aAAQ,GAAY,KAAK,CAAC;QAEnC,cAAc;QACP,cAAS,GAAW,EAAE,CAAC;QACvB,cAAS,GAAgC,OAAO,CAAC;QACjD,cAAS,~~GAAkE~~,QAAQ,CAAC;~~QACpF~~,gBAAW,GAAW,EAAE,CAAC;QACzB,iBAAY,GAAW,EAAE,CAAC;QAC1B,eAAU,GAAY,KAAK,CAAC;QAC5B,YAAO,GAAY,KAAK,CAAC;QAEhC,qBAAqB;QACd,eAAU,GAAG;YAChB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACnC,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;YACjD,EAAE,IAAI,EAAE,sBAAsB,EAAE,KAAK,EAAE,sBAAsB,EAAE;YAC/D,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACpC,CAAC;QAEK,eAAU,GAAG;YAChB,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YACjC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;YACnC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SAClC,CAAC;IAIC,CAAC;IAEJ,QAAQ;QACJ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,uBAAuB;YACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;YACvC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAmC,CAAC;YAChE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC;YAClD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;YAChD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;YAClD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;YACjD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC;QAC/C,CAAC;IACL,CAAC;IAED,IAAI;QACA,2CAA2C;QAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACtC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC1C,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;QAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAElC,+CAA+C;QAC/C,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,MAAM;QACF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC1C,CAAC;~~2HA7DQ~~,0BAA0B;oEAA1B,0BAA0B;YCRnC,AADJ,6CAAuB,cACa;YAC5B,uBAAmC;YACnC,YACJ;YACJ,AADI,iBAAO,EACa;YAMZ,AADJ,AAFJ,AADJ,8BAAkC,cACL,aAEG,YACb;YACH,gCACA;YAAA,oFAAgB;YAGpB,iBAAQ;YAQN,AAPF,+FAAgB,wEAOP;YAGb,iBAAM;YAIF,AADJ,+BAAwB,aACb;YACH,uBACA;YAAA,sFAAgB;YAGpB,iBAAQ;YAWN,AAVF,oGAAgB,wEAUP;YAOb,iBAAM;YAIF,AADJ,+BAAwB,aACb;YACH,6BACA;YAAA,sFAAgB;YAGpB,iBAAQ;YAWN,AAVF,oGAAgB,wEAUP;YAGb,iBAAM;YAIF,AADJ,+BAAwB,aACb;YAAA,4BAAW;YAAA,iBAAQ;YASxB,AARF,iGAAgB,yEAQP;YAGb,iBAAM;YAIF,AADJ,+BAAwB,aACb;YAAA,8BAAa;YAAA,iBAAQ;YAQ1B,AAPF,gGAAgB,wEAOP;YASb,iBAAM;YAKE,AADJ,AADJ,gCAA4B,eACI,aACjB;YAMD,AALF,+FAAgB,uEAKP;YAIT,iCAAgC;YAAA,mCAAkB;YAE1D,AADI,AADsD,iBAAO,EACrD,EACN;YAGF,AADJ,gCAA4B,aACjB;YAMD,AALF,+FAAgB,uEAKP;YAIT,iCAAgC;YAAA,2BAAU;YAK9D,AADI,AADI,AADI,AADI,AAD8C,iBAAO,EAC7C,EACN,EACJ,EACH,EACL;YAEN,6CAAsB;YAIhB,AAHF,2EAAgB,4EAGP;YAGb,iBAAuB;;YA3Jf,eACJ;YADI,oHACJ;YASY,eAEC;YAFD,uCAEC;YAEL,cASC;YATD,wCASC;YAOG,eAEC;YAFD,wCAEC;YAEL,cAgBC;YAhBD,wCAgBC;YAOG,eAEC;YAFD,wCAEC;YAEL,cAYC;YAZD,wCAYC;YAMD,eAUC;YAVD,wCAUC;YAMD,eAeC;YAfD,wCAeC;YAOO,eAQC;YARD,wCAQC;YAOD,eAQC;YARD,wCAQC;YASjB,eAKC;YALD,wCAKC;;;iFDpJQ,0BAA0B;cALtC,SAAS;2BACI,wBAAwB;0CAKzB,KAAK;kBAAb,KAAK;YACG,KAAK;kBAAb,KAAK;YACG,QAAQ;kBAAhB,KAAK;;kFAHG,0BAA0B"}
1	+ {"version":3,"file":"action-param-dialog.component.js","sourceRoot":"","sources":["../../../../src/lib/custom/Actions/action-param-dialog.component.ts","../../../../src/lib/custom/Actions/action-param-dialog.component.html"],"names":[],"mappings":"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"}

package/dist/lib/custom/Actions/action-result-code-dialog.component.js CHANGED Viewed

@@ -123,5 +123,5 @@ export class ActionResultCodeDialogComponent {
         }], editMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionResultCodeDialogComponent, { className: "ActionResultCodeDialogComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionResultCodeDialogComponent, { className: "ActionResultCodeDialogComponent", filePath: "src/lib/custom/Actions/action-result-code-dialog.component.ts", lineNumber: 10 }); })();
 //# sourceMappingURL=action-result-code-dialog.component.js.map

package/dist/lib/custom/Actions/action-test-harness-dialog.component.js CHANGED Viewed

@@ -92,5 +92,5 @@ export class ActionTestHarnessDialogComponent {
         }], actionParams: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTestHarnessDialogComponent, { className: "ActionTestHarnessDialogComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTestHarnessDialogComponent, { className: "ActionTestHarnessDialogComponent", filePath: "src/lib/custom/Actions/action-test-harness-dialog.component.ts", lineNumber: 43 }); })();
 //# sourceMappingURL=action-test-harness-dialog.component.js.map

package/dist/lib/custom/Actions/action-test-harness.component.js CHANGED Viewed

@@ -706,5 +706,5 @@ export class ActionTestHarnessComponent {
         }], visibilityChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTestHarnessComponent, { className: "ActionTestHarnessComponent" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActionTestHarnessComponent, { className: "ActionTestHarnessComponent", filePath: "src/lib/custom/Actions/action-test-harness.component.ts", lineNumber: 24 }); })();
 //# sourceMappingURL=action-test-harness.component.js.map

package/dist/lib/custom/Entities/entity-form.component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"entity-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Entities/entity-form.component.ts"],"names":[],"mappings":"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~~IAkE1B~~,OAAO,CAAC,eAAe;IAmBhB,gBAAgB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI;IAMhD,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IASvC,oBAAoB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO;IAI9C,oBAAoB,IAAI,IAAI;IAO5B,sBAAsB,IAAI,IAAI;IAKrC,IAAW,sBAAsB,IAAI,OAAO,CAG3C;IAED,IAAW,uBAAuB,IAAI,OAAO,CAE5C;IAED;;OAEG;IACI,qBAAqB,IAAI,eAAe,EAAE;IAuCjD,OAAO,CAAC,iBAAiB;IAYlB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAUnC,WAAW,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAOzC,kBAAkB,CAAC,YAAY,EAAE,sBAAsB,GAAG,IAAI;IAO9D,gBAAgB,IAAI,IAAI;IAOxB,sBAAsB,IAAI,IAAI;IAKrC;;OAEG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAOvC;;;OAGG;IACI,eAAe,CAAC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAK7E;;OAEG;IACI,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI;IAKjD,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAKjC,sBAAsB,IAAI,UAAU,EAAE;IAmB7C,IAAW,WAAW,IAAI,MAAM,CAQ/B;IAED,IAAW,UAAU,IAAI,MAAM,CAE9B;IAED,IAAW,iBAAiB,IAAI,MAAM,CAGrC;IAED,IAAW,iBAAiB,IAAI,MAAM,CAGrC;IAED,IAAW,iBAAiB,IAAI,MAAM,EAAE,CAUvC;IAEM,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAgBhD,oBAAoB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,GAAG,IAAI;IAM3D,gBAAgB,CAAC,KAAK,EAAE,eAAe,GAAG,UAAU,GAAG,IAAI;IAK3D,uBAAuB,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAQ5D;;OAEG;IACI,0BAA0B,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOlD,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAUtD;;;;;OAKG;IACI,WAAW,CAAC,IAAI,EAAE,oBAAoB,GAAG,MAAM;IAMtD;;OAEG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAY1C;;OAEG;IACI,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;~~yCAtsBpC~~,2BAA2B;2CAA3B,2BAA2B;~~CA+sBvC~~;AAED,wBAAgB,+BAA+B,SAE9C"}
1	+ {"version":3,"file":"entity-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Entities/entity-form.component.ts"],"names":[],"mappings":"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"}

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

@@ -2147,11 +2147,6 @@ let EntityFormComponentExtended = class EntityFormComponentExtended extends Enti
     buildRelationships() {
         if (!this.entity)
             return;
-        // DEBUG: Log relationship data
-        console.log(`[buildRelationships] Entity: ${this.entity.Name}`);
-        console.log(`[buildRelationships] Fields with RelatedEntityID:`, this.entity.Fields.filter(f => f.RelatedEntityID).map(f => ({ name: f.Name, relatedEntityID: f.RelatedEntityID, relatedEntity: f.RelatedEntity })));
-        console.log(`[buildRelationships] RelatedEntities (first 5):`, this.entity.RelatedEntities.slice(0, 5).map(r => ({ entity: r.Entity, relatedEntity: r.RelatedEntity, joinField: r.RelatedEntityJoinField })));
-        console.log(`[buildRelationships] Unique Entity values:`, [...new Set(this.entity.RelatedEntities.map(r => r.Entity))]);
         // Incoming: Relationships defined on this entity (other entities that reference this one)
         this.incomingRelationships = this.entity.RelatedEntities;
         // Outgoing relationships could be computed from fields with RelatedEntityID
@@ -2536,7 +2531,7 @@ export { EntityFormComponentExtended };
         type: Component,
         args: [{ selector: 'mj-entity-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"entity-explorer\" *ngIf=\"!isExplorerLoading && entity; else loadingOrError\">\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                    <span class=\"entity-description\" *ngIf=\"entity.Description\" [title]=\"entity.Description\">\n                        {{ entity.Description | slice:0:80 }}{{ entity.Description.length > 80 ? '...' : '' }}\n                    </span>\n                </div>\n            </div>\n        </div>\n\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                <span class=\"stat-value\" *ngIf=\"!isRowCountLoading\">{{ formattedRowCount }}</span>\n                <span class=\"stat-value loading\" *ngIf=\"isRowCountLoading\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                </span>\n                <span class=\"stat-label\">Rows</span>\n            </div>\n        </div>\n    </header>\n\n    <!-- ============================================================ -->\n    <!-- MAIN CONTENT AREA -->\n    <!-- ============================================================ -->\n    <div class=\"explorer-body\">\n        <!-- Navigation Rail -->\n        <nav class=\"nav-rail\">\n            <button\n                *ngFor=\"let item of navItems\"\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                <span class=\"nav-badge\" *ngIf=\"item.badge\">{{ item.badge }}</span>\n            </button>\n        </nav>\n\n        <!-- Main Canvas -->\n        <main class=\"main-canvas\" [class.panel-open]=\"detailPanelOpen\">\n            <!-- ============================================================ -->\n            <!-- OVERVIEW SECTION -->\n            <!-- ============================================================ -->\n            <section class=\"section overview-section\" *ngIf=\"activeSection === 'overview'\">\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                                    <span *ngIf=\"stats.encryptedFieldCount\">{{ stats.encryptedFieldCount }} Encrypted</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\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\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\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                                    <span *ngIf=\"entity.RowCountRunAt\">Updated {{ entity.RowCountRunAt | date:'short' }}</span>\n                                    <span *ngIf=\"!entity.RowCountRunAt\">Row count</span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\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                            <span class=\"capability-tag\" *ngFor=\"let cap of capabilitySummary\">\n                                <i class=\"fa-solid fa-check\"></i>\n                                {{ cap }}\n                            </span>\n                            <span class=\"capability-tag disabled\" *ngIf=\"!entity.IncludeInAPI\">\n                                <i class=\"fa-solid fa-xmark\"></i>\n                                No API\n                            </span>\n                        </div>\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                            <div class=\"info-item\" *ngIf=\"entity.spCreate\">\n                                <span class=\"info-label\">SP Create</span>\n                                <span class=\"info-value code\">{{ entity.spCreate }}</span>\n                            </div>\n                            <div class=\"info-item\" *ngIf=\"entity.spUpdate\">\n                                <span class=\"info-label\">SP Update</span>\n                                <span class=\"info-value code\">{{ entity.spUpdate }}</span>\n                            </div>\n                            <div class=\"info-item\" *ngIf=\"entity.spDelete\">\n                                <span class=\"info-label\">SP Delete</span>\n                                <span class=\"info-value code\">{{ entity.spDelete }}</span>\n                            </div>\n                        </div>\n                    </div>\n\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                            <div class=\"info-item\" *ngIf=\"entity.EntityObjectSubclassName\">\n                                <span class=\"info-label\">Subclass</span>\n                                <span class=\"info-value code\">{{ entity.EntityObjectSubclassName }}</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <!-- ============================================================ -->\n            <!-- FIELDS SECTION -->\n            <!-- ============================================================ -->\n            <section class=\"section fields-section\" *ngIf=\"activeSection === 'fields'\">\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\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\n                        <!-- Expand/Collapse controls (only in grouped mode) -->\n                        <div class=\"expand-collapse-controls\" *ngIf=\"fieldViewMode === 'grouped'\">\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                    </div>\n                </div>\n\n                <div class=\"section-content fields-content\">\n                    <!-- Grouped View -->\n                    <div class=\"field-groups\" *ngIf=\"fieldViewMode === 'grouped'\">\n                        <div\n                            class=\"field-group\"\n                            *ngFor=\"let group of getFilteredFieldGroups()\"\n                            [class.expanded]=\"isFieldGroupExpanded(group.id)\">\n\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\n                            <div class=\"group-content\" *ngIf=\"isFieldGroupExpanded(group.id)\">\n                                <div\n                                    class=\"field-item\"\n                                    *ngFor=\"let field of group.fields\"\n                                    (click)=\"selectField(field)\"\n                                    [class.selected]=\"selectedField?.ID === field.ID\">\n\n                                    <div class=\"field-icon\">\n                                        <i [class]=\"getFieldTypeIcon(field)\"></i>\n                                    </div>\n\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                                            <span class=\"field-nullable\" *ngIf=\"!field.AllowsNull\">Required</span>\n                                            <span class=\"field-related\" *ngIf=\"field.RelatedEntityID\" (click)=\"navigateToRelatedEntity(field); $event.stopPropagation()\">\n                                                <i class=\"fa-solid fa-arrow-right\"></i>\n                                                {{ getRelatedEntityName(field) }}\n                                            </span>\n                                        </div>\n                                    </div>\n\n                                    <div class=\"field-badges\">\n                                        <span class=\"badge pk\" *ngIf=\"field.IsPrimaryKey\" title=\"Primary Key\">PK</span>\n                                        <span class=\"badge fk\" *ngIf=\"field.RelatedEntityID && !field.IsPrimaryKey\" title=\"Foreign Key\">FK</span>\n                                        <span class=\"badge encrypted\" *ngIf=\"field.Encrypt\" title=\"Encrypted\">\n                                            <i class=\"fa-solid fa-lock\"></i>\n                                        </span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- List View - Modern Card-style Table -->\n                    <div class=\"fields-list-view\" *ngIf=\"fieldViewMode === 'list'\">\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\n                        <!-- Table Body -->\n                        <div class=\"list-body\">\n                            <div\n                                class=\"list-row\"\n                                *ngFor=\"let field of getFilteredFieldsList(); let i = index\"\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                                    <span class=\"length-value\" *ngIf=\"field.Length > 0\">{{ field.Length }}</span>\n                                    <span class=\"length-value muted\" *ngIf=\"field.Length <= 0\">\u2014</span>\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                                        <span class=\"flag-badge pk\" *ngIf=\"field.IsPrimaryKey\" title=\"Primary Key\">\n                                            <i class=\"fa-solid fa-key\"></i> PK\n                                        </span>\n                                        <span class=\"flag-badge fk\" *ngIf=\"field.RelatedEntityID && !field.IsPrimaryKey\" title=\"Foreign Key\">\n                                            <i class=\"fa-solid fa-link\"></i> FK\n                                        </span>\n                                        <span class=\"flag-badge encrypted\" *ngIf=\"field.Encrypt\" title=\"Encrypted\">\n                                            <i class=\"fa-solid fa-lock\"></i>\n                                        </span>\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                        </div>\n\n                        <!-- Empty state -->\n                        <div class=\"list-empty\" *ngIf=\"getFilteredFieldsList().length === 0\">\n                            <i class=\"fa-solid fa-search\"></i>\n                            <span>No fields match your search</span>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <!-- ============================================================ -->\n            <!-- RELATIONSHIPS SECTION -->\n            <!-- ============================================================ -->\n            <section class=\"section relationships-section\" *ngIf=\"activeSection === 'relationships'\">\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\n                    <!-- Depth selector (only in diagram mode) -->\n                    <div class=\"depth-selector\" *ngIf=\"relationshipViewMode === 'diagram'\">\n                        <span class=\"depth-label\">Depth:</span>\n                        <div class=\"depth-buttons\">\n                            <button\n                                *ngFor=\"let d of [1, 2, 3, 4, 5]\"\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                        </div>\n                    </div>\n                </div>\n\n                <div class=\"section-content\">\n                    <!-- Diagram View using the ERD composite component -->\n                    <div class=\"relationships-graph\" *ngIf=\"relationshipViewMode === 'diagram'\">\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                    <div class=\"relationships-list\" *ngIf=\"relationshipViewMode === '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                                <div\n                                    class=\"relationship-item-grouped\"\n                                    *ngFor=\"let group of groupedOutgoingRelationships\">\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                                        <span\n                                            class=\"field-chip outgoing\"\n                                            *ngFor=\"let field of group.fields\"\n                                            [title]=\"field.Description || field.Name\"\n                                            (click)=\"selectField(field)\">\n                                            <i class=\"fa-solid fa-link\"></i>\n                                            {{ field.Name }}\n                                        </span>\n                                    </div>\n                                </div>\n                                <div class=\"empty-state\" *ngIf=\"groupedOutgoingRelationships.length === 0\">\n                                    <p>No outgoing relationships</p>\n                                </div>\n                            </div>\n                        </div>\n\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                                <div\n                                    class=\"relationship-item-grouped\"\n                                    *ngFor=\"let group of groupedIncomingRelationships\">\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                                        <span\n                                            class=\"field-chip incoming\"\n                                            *ngFor=\"let field of group.fields\"\n                                            [title]=\"'Type: ' + field.type\">\n                                            <i class=\"fa-solid fa-link\"></i>\n                                            {{ field.fieldName }}\n                                            <i class=\"fa-solid fa-box bundle-icon\" *ngIf=\"field.bundleInAPI\" title=\"Bundled in API\"></i>\n                                        </span>\n                                    </div>\n                                </div>\n                                <div class=\"empty-state\" *ngIf=\"groupedIncomingRelationships.length === 0\">\n                                    <p>No incoming relationships</p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <!-- ============================================================ -->\n            <!-- PERMISSIONS SECTION -->\n            <!-- ============================================================ -->\n            <section class=\"section permissions-section\" *ngIf=\"activeSection === 'permissions'\">\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                                <tr *ngFor=\"let perm of entity.Permissions\">\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                                        <span *ngIf=\"perm.ReadRLSFilterID\" class=\"rls-badge\" title=\"Read RLS\">R</span>\n                                        <span *ngIf=\"perm.CreateRLSFilterID\" class=\"rls-badge\" title=\"Create RLS\">C</span>\n                                        <span *ngIf=\"perm.UpdateRLSFilterID\" class=\"rls-badge\" title=\"Update RLS\">U</span>\n                                        <span *ngIf=\"perm.DeleteRLSFilterID\" class=\"rls-badge\" title=\"Delete RLS\">D</span>\n                                        <span *ngIf=\"!perm.ReadRLSFilterID && !perm.CreateRLSFilterID && !perm.UpdateRLSFilterID && !perm.DeleteRLSFilterID\" class=\"no-rls\">None</span>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                        <div class=\"empty-state\" *ngIf=\"entity.Permissions.length === 0\">\n                            <i class=\"fa-solid fa-shield-halved\"></i>\n                            <p>No permissions configured</p>\n                        </div>\n                    </div>\n\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            <section class=\"section lineage-section\" *ngIf=\"activeSection === 'lineage'\">\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                                <div class=\"lineage-item\" *ngIf=\"entity.IncludeInAPI\">\n                                    <i class=\"fa-solid fa-plug\"></i>\n                                    <span>API Create</span>\n                                </div>\n                            </div>\n                        </div>\n\n                        <div class=\"lineage-arrow\">\n                            <i class=\"fa-solid fa-arrow-right\"></i>\n                        </div>\n\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\n                        <div class=\"lineage-arrow\">\n                            <i class=\"fa-solid fa-arrow-right\"></i>\n                        </div>\n\n                        <div class=\"lineage-stage sinks\">\n                            <h4>Data Sinks</h4>\n                            <div class=\"lineage-items\">\n                                <div class=\"lineage-item\" *ngIf=\"entity.TrackRecordChanges\">\n                                    <i class=\"fa-solid fa-clock-rotate-left\"></i>\n                                    <span>Record Changes</span>\n                                </div>\n                                <div class=\"lineage-item\" *ngIf=\"entity.AuditRecordAccess\">\n                                    <i class=\"fa-solid fa-eye\"></i>\n                                    <span>Access Audit</span>\n                                </div>\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\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            <section class=\"section history-section\" *ngIf=\"activeSection === 'history'\">\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\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                            <p *ngIf=\"entity.TrackRecordChanges\">\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                            <p *ngIf=\"!entity.TrackRecordChanges\">\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                        </div>\n\n                        <div class=\"info-card\" *ngIf=\"entity.TrackRecordChanges\">\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                                <li *ngIf=\"entity.DeleteType === 'Soft'\">\n                                    <code>__mj_DeletedAt</code> - Soft delete timestamp (when applicable)\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </section>\n\n            <!-- ============================================================ -->\n            <!-- SETTINGS SECTION -->\n            <!-- ============================================================ -->\n            <section class=\"section settings-section\" *ngIf=\"activeSection === 'settings'\">\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                        <div class=\"settings-list\" *ngIf=\"entity.Settings.length > 0\">\n                            <div class=\"setting-item\" *ngFor=\"let setting of entity.Settings\">\n                                <div class=\"setting-name\">{{ setting.Name }}</div>\n                                <ng-container *ngIf=\"isJsonValue(setting.Value); else plainValue\">\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                                </ng-container>\n                                <ng-template #plainValue>\n                                    <div class=\"setting-value\">{{ setting.Value }}</div>\n                                </ng-template>\n                                <div class=\"setting-comment\" *ngIf=\"setting.Comments\">{{ setting.Comments }}</div>\n                            </div>\n                        </div>\n                        <div class=\"empty-state\" *ngIf=\"entity.Settings.length === 0\">\n                            <p>No custom settings configured</p>\n                        </div>\n                    </div>\n\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                        <div class=\"fts-config\" *ngIf=\"entity.FullTextSearchEnabled\">\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                            <div class=\"config-row\" *ngIf=\"entity.FullTextCatalog\">\n                                <span class=\"config-label\">Catalog</span>\n                                <span class=\"config-value code\">{{ entity.FullTextCatalog }}</span>\n                            </div>\n                            <div class=\"config-row\" *ngIf=\"entity.FullTextIndex\">\n                                <span class=\"config-label\">Index</span>\n                                <span class=\"config-value code\">{{ entity.FullTextIndex }}</span>\n                            </div>\n                            <div class=\"config-row\" *ngIf=\"entity.FullTextSearchFunction\">\n                                <span class=\"config-label\">Function</span>\n                                <span class=\"config-value code\">{{ entity.FullTextSearchFunction }}</span>\n                            </div>\n                        </div>\n                        <div class=\"empty-state\" *ngIf=\"!entity.FullTextSearchEnabled\">\n                            <p>Full-text search is not enabled for this entity</p>\n                        </div>\n                    </div>\n\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                            <div class=\"config-row\" *ngIf=\"entity.RowsToPackSampleCount\">\n                                <span class=\"config-label\">Sample Count</span>\n                                <span class=\"config-value\">{{ entity.RowsToPackSampleCount }}</span>\n                            </div>\n                            <div class=\"config-row\" *ngIf=\"entity.RowsToPackSampleMethod\">\n                                <span class=\"config-label\">Sample Method</span>\n                                <span class=\"config-value\">{{ entity.RowsToPackSampleMethod }}</span>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </section>\n        </main>\n\n        <!-- ============================================================ -->\n        <!-- DETAIL PANEL (Slides in from right) -->\n        <!-- ============================================================ -->\n        <aside class=\"detail-panel\" [class.open]=\"detailPanelOpen\">\n            <div class=\"panel-header\">\n                <h3 *ngIf=\"selectedField\">Field Details</h3>\n                <h3 *ngIf=\"selectedRelationship\">Relationship Details</h3>\n                <button class=\"close-btn\" (click)=\"closeDetailPanel()\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n            </div>\n\n            <!-- Field Details -->\n            <div class=\"panel-content\" *ngIf=\"selectedField\">\n                <div class=\"detail-section\">\n                    <h4>{{ selectedField.DisplayName || selectedField.Name }}</h4>\n                    <p class=\"field-description\" *ngIf=\"selectedField.Description\">{{ selectedField.Description }}</p>\n                </div>\n\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                        <div class=\"detail-item\" *ngIf=\"selectedField.DefaultValue\">\n                            <span class=\"label\">Default</span>\n                            <span class=\"value code\">{{ selectedField.DefaultValue }}</span>\n                        </div>\n                    </div>\n                </div>\n\n                <div class=\"detail-section\" *ngIf=\"selectedField.RelatedEntityID\">\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                <div class=\"detail-section\" *ngIf=\"selectedField.Encrypt\">\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\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                        <div class=\"detail-item\" *ngIf=\"selectedField.Category\">\n                            <span class=\"label\">Category</span>\n                            <span class=\"value\">{{ selectedField.Category }}</span>\n                        </div>\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\n                <div class=\"detail-section\" *ngIf=\"selectedField.EntityFieldValues.length > 0\">\n                    <h5>Allowed Values</h5>\n                    <div class=\"value-list\">\n                        <div class=\"value-item\" *ngFor=\"let val of selectedField.EntityFieldValues\">\n                            <span class=\"value-code\" *ngIf=\"val.Code !== val.Value\">{{ val.Code }}</span>\n                            <span class=\"value-display\">{{ val.Value }}</span>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Relationship Details -->\n            <div class=\"panel-content\" *ngIf=\"selectedRelationship\">\n                <div class=\"detail-section\">\n                    <h4>{{ selectedRelationship.DisplayName || selectedRelationship.Entity }}</h4>\n                </div>\n\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\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        </aside>\n    </div>\n</div>\n\n<!-- Loading / Error State -->\n<ng-template #loadingOrError>\n    <div class=\"explorer-loading\" *ngIf=\"isExplorerLoading\">\n        <mj-loading text=\"Loading entity...\"></mj-loading>\n    </div>\n    <div class=\"explorer-error\" *ngIf=\"!isExplorerLoading && explorerError\">\n        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n        <p>{{ explorerError }}</p>\n    </div>\n    <div class=\"explorer-empty\" *ngIf=\"!isExplorerLoading && !explorerError && !entity\">\n        <i class=\"fa-solid fa-database\"></i>\n        <p>Entity metadata not available</p>\n    </div>\n</ng-template>\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"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormComponentExtended, { className: "EntityFormComponentExtended" }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityFormComponentExtended, { className: "EntityFormComponentExtended", filePath: "src/lib/custom/Entities/entity-form.component.ts", lineNumber: 99 }); })();
 export function LoadEntityFormComponentExtended() {
     // Prevents tree-shaking
 }