@memberjunction/ng-dashboards 5.35.0 → 5.36.0

package/dist/Admin/admin-identity-access.component.js

@@ -10,55 +10,6 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseAdminContainerComponent } from './base-admin-container.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
-const _forTrack0 = ($index, $item) => $item.id;
-function AdminIdentityAccessComponent_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const section_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(section_r2.description);
-} }
-function AdminIdentityAccessComponent_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function AdminIdentityAccessComponent_For_6_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
-    i0.ɵɵelement(1, "i", 11);
-    i0.ɵɵelementStart(2, "div", 12)(3, "div", 13);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, AdminIdentityAccessComponent_For_6_Conditional_5_Template, 2, 1, "div", 14);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const section_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("admin-container__nav-item--active", ctx_r2.ActiveSection === section_r2.id);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(section_r2.icon);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(section_r2.label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r2.description ? 5 : -1);
-} }
-function AdminIdentityAccessComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵelement(1, "i", 15);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r2.LoadError);
-} }
-function AdminIdentityAccessComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "i", 16);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Loading\u2026");
-    i0.ɵɵelementEnd()();
-} }
 /**
  * Admin → Identity & Access. Users, roles, app-role assignments,
  * entity permissions, and API keys.
@@ -112,29 +63,26 @@ let AdminIdentityAccessComponent = class AdminIdentityAccessComponent extends Ba
         }
     ];
     static ɵfac = /*@__PURE__*/ (() => { let ɵAdminIdentityAccessComponent_BaseFactory; return function AdminIdentityAccessComponent_Factory(__ngFactoryType__) { return (ɵAdminIdentityAccessComponent_BaseFactory || (ɵAdminIdentityAccessComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AdminIdentityAccessComponent)))(__ngFactoryType__ || AdminIdentityAccessComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminIdentityAccessComponent, selectors: [["mj-admin-identity-access"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], [3, "Flex", "Padding"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminIdentityAccessComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminIdentityAccessComponent, selectors: [["mj-admin-identity-access"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 9, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], ["Direction", "row", 3, "Flex", "Padding"], [3, "ItemClicked", "Sections", "ActiveId"], [3, "Loading", "Error"]], template: function AdminIdentityAccessComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "mj-page-layout");
             i0.ɵɵelement(1, "mj-page-header", 1);
-            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "div", 3)(4, "aside", 4);
-            i0.ɵɵrepeaterCreate(5, AdminIdentityAccessComponent_For_6_Template, 6, 6, "button", 5, _forTrack0);
+            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "mj-left-nav", 3);
+            i0.ɵɵlistener("ItemClicked", function AdminIdentityAccessComponent_Template_mj_left_nav_ItemClicked_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnNavItemClicked($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "main", 6);
-            i0.ɵɵconditionalCreate(8, AdminIdentityAccessComponent_Conditional_8_Template, 4, 1, "div", 7)(9, AdminIdentityAccessComponent_Conditional_9_Template, 4, 0, "div", 8);
-            i0.ɵɵelementStart(10, "div", 9);
-            i0.ɵɵelementContainer(11, null, 0);
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(4, "mj-left-nav-content", 4);
+            i0.ɵɵelementContainer(5, null, 0);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("Title", ctx.ContainerTitle)("Icon", ctx.ContainerIcon)("Subtitle", ctx.ContainerSubtitle);
             i0.ɵɵadvance();
             i0.ɵɵproperty("Flex", true)("Padding", false);
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.Sections);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.LoadError ? 8 : ctx.IsLoading ? 9 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("admin-container__host--hidden", ctx.LoadError || ctx.IsLoading);
-        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n}"] });
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Sections", ctx.NavSections)("ActiveId", ctx.ActiveSection);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n\n\n\n@media (max-width: 700px) {\n    [_nghost-%COMP%]     mj-page-body.mj-page-body--row {\n        flex-direction: column;\n    }\n}"] });
 };
 AdminIdentityAccessComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')
@@ -142,7 +90,7 @@ AdminIdentityAccessComponent = __decorate([
 export { AdminIdentityAccessComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminIdentityAccessComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-admin-identity-access', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading\u2026</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout: sidebar + content (inside <mj-page-body>) */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-admin-identity-access', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\" Direction=\"row\">\n        <mj-left-nav\n            [Sections]=\"NavSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"OnNavItemClicked($event)\">\n        </mj-left-nav>\n        <mj-left-nav-content [Loading]=\"IsLoading\" [Error]=\"LoadError\">\n            <ng-container #contentHost></ng-container>\n        </mj-left-nav-content>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout, rail styling, and content-area chrome all live in the shared\n   <mj-page-body> / <mj-left-nav> / <mj-left-nav-content> components. The\n   only thing this file owns is the responsive collapse of the parent flex\n   direction at narrow viewports. See Section 10 of explorer-chrome-conventions. */\n@media (max-width: 700px) {\n    :host ::ng-deep mj-page-body.mj-page-body--row {\n        flex-direction: column;\n    }\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AdminIdentityAccessComponent, { className: "AdminIdentityAccessComponent", filePath: "src/Admin/admin-identity-access.component.ts", lineNumber: 17 }); })();
 //# sourceMappingURL=admin-identity-access.component.js.map

package/dist/Admin/admin-identity-access.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-identity-access.component.js","sourceRoot":"","sources":["../../src/Admin/admin-identity-access.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Identity & Access. Users, roles, app-role assignments,\n * entity permissions, and API keys.\n */\n@RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-identity-access',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminIdentityAccessComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Identity & Access';\n    public readonly ContainerIcon = 'fa-solid fa-shield-halved';\n    public readonly ContainerSubtitle = 'Users, roles, permissions, and API keys';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'users',\n            label: 'Users',\n            icon: 'fa-solid fa-users',\n            description: 'Manage user accounts',\n            source: { kind: 'dashboard', dashboardName: 'User Management' }\n        },\n        {\n            id: 'roles',\n            label: 'Roles',\n            icon: 'fa-solid fa-user-shield',\n            description: 'Define roles and assignments',\n            source: { kind: 'dashboard', dashboardName: 'Role Management' }\n        },\n        {\n            id: 'apps',\n            label: 'Apps',\n            icon: 'fa-solid fa-th-large',\n            description: 'Application configuration',\n            source: { kind: 'dashboard', dashboardName: 'Application Management' }\n        },\n        {\n            id: 'app-roles',\n            label: 'App Roles',\n            icon: 'fa-solid fa-people-roof',\n            description: 'Role assignments per application',\n            source: { kind: 'resource', driverClass: 'ApplicationRolesResource' }\n        },\n        {\n            id: 'permissions',\n            label: 'Permissions',\n            icon: 'fa-solid fa-lock',\n            description: 'Entity-level access and audit',\n            source: { kind: 'dashboard', dashboardName: 'Entity Permissions' }\n        },\n        {\n            id: 'api-keys',\n            label: 'API Keys',\n            icon: 'fa-solid fa-key',\n            description: 'API authentication and scopes',\n            source: { kind: 'resource', driverClass: 'APIKeysResource' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading…</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n"]}
+{"version":3,"file":"admin-identity-access.component.js","sourceRoot":"","sources":["../../src/Admin/admin-identity-access.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAgB,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;;;AAE7F;;;GAGG;AAQI,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,2BAA2B;IACzD,cAAc,GAAG,mBAAmB,CAAC;IACrC,aAAa,GAAG,2BAA2B,CAAC;IAC5C,iBAAiB,GAAG,yCAAyC,CAAC;IAE9D,QAAQ,GAAmB;QACvC;YACI,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,mBAAmB;YACzB,WAAW,EAAE,sBAAsB;YACnC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE;SAClE;QACD;YACI,EAAE,EAAE,OAAO;YACX,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,yBAAyB;YAC/B,WAAW,EAAE,8BAA8B;YAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAE;SAClE;QACD;YACI,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EAAE,2BAA2B;YACxC,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,wBAAwB,EAAE;SACzE;QACD;YACI,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,yBAAyB;YAC/B,WAAW,EAAE,kCAAkC;YAC/C,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,0BAA0B,EAAE;SACxE;QACD;YACI,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,kBAAkB;YACxB,WAAW,EAAE,+BAA+B;YAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,oBAAoB,EAAE;SACrE;QACD;YACI,EAAE,EAAE,UAAU;YACd,KAAK,EAAE,UAAU;YACjB,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,+BAA+B;YAC5C,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE;SAC/D;KACJ,CAAC;6RAhDO,4BAA4B,yBAA5B,4BAA4B;6DAA5B,4BAA4B;;YChBzC,sCAAgB;YACZ,oCAIiB;YAGb,AADJ,uCAA8D,qBAIb;YAAzC,sKAAe,4BAAwB,KAAC;YAC5C,iBAAc;YACd,8CAA+D;YAC3D,iCAA0C;YAGtD,AADI,AADI,iBAAsB,EACX,EACF;;YAfT,cAAwB;YAExB,AADA,AADA,0CAAwB,2BACF,mCACQ;YAGpB,cAAa;YAAC,AAAd,2BAAa,kBAAkB;YAErC,cAAwB;YACxB,AADA,0CAAwB,+BACE;YAGT,cAAqB;YAAC,AAAtB,uCAAqB,wBAAoB;;;ADGzD,4BAA4B;IAPxC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;GAO/C,4BAA4B,CAiDxC;;iFAjDY,4BAA4B;cANxC,SAAS;6BACM,KAAK,YACP,0BAA0B;;kFAI3B,4BAA4B","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Identity & Access. Users, roles, app-role assignments,\n * entity permissions, and API keys.\n */\n@RegisterClass(BaseResourceComponent, 'AdminIdentityAccess')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-identity-access',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminIdentityAccessComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Identity & Access';\n    public readonly ContainerIcon = 'fa-solid fa-shield-halved';\n    public readonly ContainerSubtitle = 'Users, roles, permissions, and API keys';\n\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'users',\n            label: 'Users',\n            icon: 'fa-solid fa-users',\n            description: 'Manage user accounts',\n            source: { kind: 'dashboard', dashboardName: 'User Management' }\n        },\n        {\n            id: 'roles',\n            label: 'Roles',\n            icon: 'fa-solid fa-user-shield',\n            description: 'Define roles and assignments',\n            source: { kind: 'dashboard', dashboardName: 'Role Management' }\n        },\n        {\n            id: 'apps',\n            label: 'Apps',\n            icon: 'fa-solid fa-th-large',\n            description: 'Application configuration',\n            source: { kind: 'dashboard', dashboardName: 'Application Management' }\n        },\n        {\n            id: 'app-roles',\n            label: 'App Roles',\n            icon: 'fa-solid fa-people-roof',\n            description: 'Role assignments per application',\n            source: { kind: 'resource', driverClass: 'ApplicationRolesResource' }\n        },\n        {\n            id: 'permissions',\n            label: 'Permissions',\n            icon: 'fa-solid fa-lock',\n            description: 'Entity-level access and audit',\n            source: { kind: 'dashboard', dashboardName: 'Entity Permissions' }\n        },\n        {\n            id: 'api-keys',\n            label: 'API Keys',\n            icon: 'fa-solid fa-key',\n            description: 'API authentication and scopes',\n            source: { kind: 'resource', driverClass: 'APIKeysResource' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\" Direction=\"row\">\n        <mj-left-nav\n            [Sections]=\"NavSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"OnNavItemClicked($event)\">\n        </mj-left-nav>\n        <mj-left-nav-content [Loading]=\"IsLoading\" [Error]=\"LoadError\">\n            <ng-container #contentHost></ng-container>\n        </mj-left-nav-content>\n    </mj-page-body>\n</mj-page-layout>\n"]}

package/dist/Admin/admin-monitoring.component.js

@@ -10,55 +10,6 @@ import { RegisterClass } from '@memberjunction/global';
 import { BaseAdminContainerComponent } from './base-admin-container.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
-const _forTrack0 = ($index, $item) => $item.id;
-function AdminMonitoringComponent_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const section_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(section_r2.description);
-} }
-function AdminMonitoringComponent_For_6_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function AdminMonitoringComponent_For_6_Template_button_click_0_listener() { const section_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSectionClick(section_r2)); });
-    i0.ɵɵelement(1, "i", 11);
-    i0.ɵɵelementStart(2, "div", 12)(3, "div", 13);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, AdminMonitoringComponent_For_6_Conditional_5_Template, 2, 1, "div", 14);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const section_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("admin-container__nav-item--active", ctx_r2.ActiveSection === section_r2.id);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(section_r2.icon);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(section_r2.label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(section_r2.description ? 5 : -1);
-} }
-function AdminMonitoringComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵelement(1, "i", 15);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r2.LoadError);
-} }
-function AdminMonitoringComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "i", 16);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Loading\u2026");
-    i0.ɵɵelementEnd()();
-} }
 /**
  * Admin → Monitoring. System health, SQL execution logs, and outbound
  * communication delivery monitoring.
@@ -86,29 +37,26 @@ let AdminMonitoringComponent = class AdminMonitoringComponent extends BaseAdminC
         }
     ];
     static ɵfac = /*@__PURE__*/ (() => { let ɵAdminMonitoringComponent_BaseFactory; return function AdminMonitoringComponent_Factory(__ngFactoryType__) { return (ɵAdminMonitoringComponent_BaseFactory || (ɵAdminMonitoringComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AdminMonitoringComponent)))(__ngFactoryType__ || AdminMonitoringComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminMonitoringComponent, selectors: [["mj-admin-monitoring"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 8, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], [3, "Flex", "Padding"], [1, "admin-container__body"], [1, "admin-container__nav"], ["type", "button", 1, "admin-container__nav-item", 3, "admin-container__nav-item--active"], [1, "admin-container__content"], [1, "admin-container__error"], [1, "admin-container__loading"], [1, "admin-container__host"], ["type", "button", 1, "admin-container__nav-item", 3, "click"], [1, "admin-container__nav-icon"], [1, "admin-container__nav-text"], [1, "admin-container__nav-label"], [1, "admin-container__nav-desc"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-spinner", "fa-spin"]], template: function AdminMonitoringComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AdminMonitoringComponent, selectors: [["mj-admin-monitoring"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 9, consts: [["contentHost", ""], [3, "Title", "Icon", "Subtitle"], ["Direction", "row", 3, "Flex", "Padding"], [3, "ItemClicked", "Sections", "ActiveId"], [3, "Loading", "Error"]], template: function AdminMonitoringComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "mj-page-layout");
             i0.ɵɵelement(1, "mj-page-header", 1);
-            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "div", 3)(4, "aside", 4);
-            i0.ɵɵrepeaterCreate(5, AdminMonitoringComponent_For_6_Template, 6, 6, "button", 5, _forTrack0);
+            i0.ɵɵelementStart(2, "mj-page-body", 2)(3, "mj-left-nav", 3);
+            i0.ɵɵlistener("ItemClicked", function AdminMonitoringComponent_Template_mj_left_nav_ItemClicked_3_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnNavItemClicked($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(7, "main", 6);
-            i0.ɵɵconditionalCreate(8, AdminMonitoringComponent_Conditional_8_Template, 4, 1, "div", 7)(9, AdminMonitoringComponent_Conditional_9_Template, 4, 0, "div", 8);
-            i0.ɵɵelementStart(10, "div", 9);
-            i0.ɵɵelementContainer(11, null, 0);
-            i0.ɵɵelementEnd()()()()();
+            i0.ɵɵelementStart(4, "mj-left-nav-content", 4);
+            i0.ɵɵelementContainer(5, null, 0);
+            i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("Title", ctx.ContainerTitle)("Icon", ctx.ContainerIcon)("Subtitle", ctx.ContainerSubtitle);
             i0.ɵɵadvance();
             i0.ɵɵproperty("Flex", true)("Padding", false);
-            i0.ɵɵadvance(3);
-            i0.ɵɵrepeater(ctx.Sections);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.LoadError ? 8 : ctx.IsLoading ? 9 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("admin-container__host--hidden", ctx.LoadError || ctx.IsLoading);
-        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n.admin-container__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav[_ngcontent-%COMP%] {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.admin-container__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active[_ngcontent-%COMP%]   .admin-container__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.admin-container__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n\n\n.admin-container__host[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden[_ngcontent-%COMP%] { display: none; }\n.admin-container__host[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.admin-container__empty[_ngcontent-%COMP%], \n.admin-container__error[_ngcontent-%COMP%], \n.admin-container__loading[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.admin-container__error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 20px; }\n.admin-container__loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .admin-container__nav[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc[_ngcontent-%COMP%] { display: none; }\n}"] });
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Sections", ctx.NavSections)("ActiveId", ctx.ActiveSection);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Loading", ctx.IsLoading)("Error", ctx.LoadError);
+        } }, dependencies: [i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n\n\n\n\n\n@media (max-width: 700px) {\n    [_nghost-%COMP%]     mj-page-body.mj-page-body--row {\n        flex-direction: column;\n    }\n}"] });
 };
 AdminMonitoringComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AdminMonitoring')
@@ -116,7 +64,7 @@ AdminMonitoringComponent = __decorate([
 export { AdminMonitoringComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminMonitoringComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-admin-monitoring', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading\u2026</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout: sidebar + content (inside <mj-page-body>) */\n.admin-container__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.admin-container__nav {\n    width: 240px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.admin-container__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.admin-container__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.admin-container__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.admin-container__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.admin-container__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.admin-container__nav-text { flex: 1; min-width: 0; }\n.admin-container__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.admin-container__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.admin-container__nav-item--active .admin-container__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.admin-container__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n    overflow: hidden;\n}\n\n/* Dynamic host */\n.admin-container__host {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.admin-container__host--hidden { display: none; }\n.admin-container__host > * {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty + error + loading states */\n.admin-container__empty,\n.admin-container__error,\n.admin-container__loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n    padding: 32px;\n    text-align: center;\n}\n.admin-container__error {\n    color: var(--mj-status-error);\n}\n.admin-container__error i { font-size: 20px; }\n.admin-container__loading i { font-size: 16px; color: var(--mj-brand-primary); }\n\n@media (max-width: 700px) {\n    .admin-container__body { flex-direction: column; }\n    .admin-container__nav {\n        width: 100%;\n        height: auto;\n        max-height: 220px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .admin-container__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .admin-container__nav-desc { display: none; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-admin-monitoring', template: "<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\" Direction=\"row\">\n        <mj-left-nav\n            [Sections]=\"NavSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"OnNavItemClicked($event)\">\n        </mj-left-nav>\n        <mj-left-nav-content [Loading]=\"IsLoading\" [Error]=\"LoadError\">\n            <ng-container #contentHost></ng-container>\n        </mj-left-nav-content>\n    </mj-page-body>\n</mj-page-layout>\n", styles: [":host { display: block; height: 100%; }\n\n/* Layout, rail styling, and content-area chrome all live in the shared\n   <mj-page-body> / <mj-left-nav> / <mj-left-nav-content> components. The\n   only thing this file owns is the responsive collapse of the parent flex\n   direction at narrow viewports. See Section 10 of explorer-chrome-conventions. */\n@media (max-width: 700px) {\n    :host ::ng-deep mj-page-body.mj-page-body--row {\n        flex-direction: column;\n    }\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AdminMonitoringComponent, { className: "AdminMonitoringComponent", filePath: "src/Admin/admin-monitoring.component.ts", lineNumber: 17 }); })();
 //# sourceMappingURL=admin-monitoring.component.js.map

package/dist/Admin/admin-monitoring.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin-monitoring.component.js","sourceRoot":"","sources":["../../src/Admin/admin-monitoring.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAgB,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;;;;;ICgB7D,+BAAuC;IAAA,YAAyB;IAAA,iBAAM;;;IAA/B,cAAyB;IAAzB,4CAAyB;;;;IAR5E,kCAG0C;IAAlC,iNAAS,iCAAuB,KAAC;IACrC,wBAAgE;IAE5D,AADJ,+BAAuC,cACK;IAAA,YAAmB;IAAA,iBAAM;IACjE,iGAA2B;IAInC,AADI,iBAAM,EACD;;;;IATD,2FAAwE;IAEvC,cAAsB;IAAtB,8BAAsB;IAEf,eAAmB;IAAnB,sCAAmB;IAC3D,cAEC;IAFD,iDAEC;;;IAQT,8BAAoC;IAChC,wBAAgD;IAChD,4BAAM;IAAA,YAAe;IACzB,AADyB,iBAAO,EAC1B;;;IADI,eAAe;IAAf,sCAAe;;;IAGzB,8BAAsC;IAClC,wBAA2C;IAC3C,4BAAM;IAAA,6BAAQ;IAClB,AADkB,iBAAO,EACnB;;AD/B1B;;;GAGG;AAQI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,2BAA2B;IACrD,cAAc,GAAG,YAAY,CAAC;IAC9B,aAAa,GAAG,yBAAyB,CAAC;IAC1C,iBAAiB,GAAG,wCAAwC,CAAC;IAE7E,4EAA4E;IAC5E,sEAAsE;IACtD,QAAQ,GAAmB;QACvC;YACI,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,yBAAyB;YAC/B,WAAW,EAAE,iCAAiC;YAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,2BAA2B,EAAE;SACzE;QACD;YACI,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,uBAAuB;YAC7B,WAAW,EAAE,6BAA6B;YAC1C,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE;SAC9D;KACJ,CAAC;6QAtBO,wBAAwB,yBAAxB,wBAAwB;6DAAxB,wBAAwB;YChBrC,sCAAgB;YACZ,oCAIiB;YAIT,AADJ,AADJ,uCAA8C,aACP,eACK;YAChC,8FAaC;YACL,iBAAQ;YAER,+BAAuC;YAMjC,AALF,0FAAiB,oEAKO;YAMxB,+BAAkG;YAC9F,kCAA0C;YAK9D,AADI,AADI,AADI,AADI,iBAAM,EACH,EACL,EACK,EACF;;YA1CT,cAAwB;YAExB,AADA,AADA,0CAAwB,2BACF,mCACQ;YAGpB,cAAa;YAAC,AAAd,2BAAa,kBAAkB;YAGjC,eAaC;YAbD,2BAaC;YAID,eAUC;YAVD,4DAUC;YACkC,eAA8D;YAA9D,+EAA8D;;;ADtBpG,wBAAwB;IAPpC,aAAa,CAAC,qBAAqB,EAAE,iBAAiB,CAAC;GAO3C,wBAAwB,CAuBpC;;iFAvBY,wBAAwB;cANpC,SAAS;6BACM,KAAK,YACP,qBAAqB;;kFAItB,wBAAwB","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Monitoring. System health, SQL execution logs, and outbound\n * communication delivery monitoring.\n */\n@RegisterClass(BaseResourceComponent, 'AdminMonitoring')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-monitoring',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminMonitoringComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Monitoring';\n    public readonly ContainerIcon = 'fa-solid fa-stethoscope';\n    public readonly ContainerSubtitle = 'System health and query execution logs';\n\n    // Communication Monitor intentionally NOT included here — outbound delivery\n    // monitoring belongs in the Communications app, not in the Admin app.\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'diagnostics',\n            label: 'Diagnostics',\n            icon: 'fa-solid fa-stethoscope',\n            description: 'Runtime health and connectivity',\n            source: { kind: 'resource', driverClass: 'SystemDiagnosticsResource' }\n        },\n        {\n            id: 'sql-logging',\n            label: 'SQL Logging',\n            icon: 'fa-solid fa-file-code',\n            description: 'Captured SQL execution logs',\n            source: { kind: 'dashboard', dashboardName: 'SQL Logging' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n        <div class=\"admin-container__body\">\n            <aside class=\"admin-container__nav\">\n                @for (section of Sections; track section.id) {\n                    <button type=\"button\"\n                            class=\"admin-container__nav-item\"\n                            [class.admin-container__nav-item--active]=\"ActiveSection === section.id\"\n                            (click)=\"OnSectionClick(section)\">\n                        <i class=\"admin-container__nav-icon\" [class]=\"section.icon\"></i>\n                        <div class=\"admin-container__nav-text\">\n                            <div class=\"admin-container__nav-label\">{{ section.label }}</div>\n                            @if (section.description) {\n                                <div class=\"admin-container__nav-desc\">{{ section.description }}</div>\n                            }\n                        </div>\n                    </button>\n                }\n            </aside>\n\n            <main class=\"admin-container__content\">\n                @if (LoadError) {\n                    <div class=\"admin-container__error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ LoadError }}</span>\n                    </div>\n                } @else if (IsLoading) {\n                    <div class=\"admin-container__loading\">\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        <span>Loading…</span>\n                    </div>\n                }\n                <div class=\"admin-container__host\" [class.admin-container__host--hidden]=\"LoadError || IsLoading\">\n                    <ng-container #contentHost></ng-container>\n                </div>\n            </main>\n        </div>\n    </mj-page-body>\n</mj-page-layout>\n"]}
+{"version":3,"file":"admin-monitoring.component.js","sourceRoot":"","sources":["../../src/Admin/admin-monitoring.component.ts","../../src/Admin/admin-container.component.html"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAgB,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;;;AAE7F;;;GAGG;AAQI,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,2BAA2B;IACrD,cAAc,GAAG,YAAY,CAAC;IAC9B,aAAa,GAAG,yBAAyB,CAAC;IAC1C,iBAAiB,GAAG,wCAAwC,CAAC;IAE7E,4EAA4E;IAC5E,sEAAsE;IACtD,QAAQ,GAAmB;QACvC;YACI,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,yBAAyB;YAC/B,WAAW,EAAE,iCAAiC;YAC9C,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,2BAA2B,EAAE;SACzE;QACD;YACI,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,uBAAuB;YAC7B,WAAW,EAAE,6BAA6B;YAC1C,MAAM,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE;SAC9D;KACJ,CAAC;6QAtBO,wBAAwB,yBAAxB,wBAAwB;6DAAxB,wBAAwB;;YChBrC,sCAAgB;YACZ,oCAIiB;YAGb,AADJ,uCAA8D,qBAIb;YAAzC,kKAAe,4BAAwB,KAAC;YAC5C,iBAAc;YACd,8CAA+D;YAC3D,iCAA0C;YAGtD,AADI,AADI,iBAAsB,EACX,EACF;;YAfT,cAAwB;YAExB,AADA,AADA,0CAAwB,2BACF,mCACQ;YAGpB,cAAa;YAAC,AAAd,2BAAa,kBAAkB;YAErC,cAAwB;YACxB,AADA,0CAAwB,+BACE;YAGT,cAAqB;YAAC,AAAtB,uCAAqB,wBAAoB;;;ADGzD,wBAAwB;IAPpC,aAAa,CAAC,qBAAqB,EAAE,iBAAiB,CAAC;GAO3C,wBAAwB,CAuBpC;;iFAvBY,wBAAwB;cANpC,SAAS;6BACM,KAAK,YACP,qBAAqB;;kFAItB,wBAAwB","sourcesContent":["import { Component } from '@angular/core';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { AdminSection, BaseAdminContainerComponent } from './base-admin-container.component';\n\n/**\n * Admin → Monitoring. System health, SQL execution logs, and outbound\n * communication delivery monitoring.\n */\n@RegisterClass(BaseResourceComponent, 'AdminMonitoring')\n@Component({\n    standalone: false,\n    selector: 'mj-admin-monitoring',\n    templateUrl: './admin-container.component.html',\n    styleUrls: ['./admin-container.component.css']\n})\nexport class AdminMonitoringComponent extends BaseAdminContainerComponent {\n    public readonly ContainerTitle = 'Monitoring';\n    public readonly ContainerIcon = 'fa-solid fa-stethoscope';\n    public readonly ContainerSubtitle = 'System health and query execution logs';\n\n    // Communication Monitor intentionally NOT included here — outbound delivery\n    // monitoring belongs in the Communications app, not in the Admin app.\n    public readonly Sections: AdminSection[] = [\n        {\n            id: 'diagnostics',\n            label: 'Diagnostics',\n            icon: 'fa-solid fa-stethoscope',\n            description: 'Runtime health and connectivity',\n            source: { kind: 'resource', driverClass: 'SystemDiagnosticsResource' }\n        },\n        {\n            id: 'sql-logging',\n            label: 'SQL Logging',\n            icon: 'fa-solid fa-file-code',\n            description: 'Captured SQL execution logs',\n            source: { kind: 'dashboard', dashboardName: 'SQL Logging' }\n        }\n    ];\n}\n","<mj-page-layout>\n    <mj-page-header\n        [Title]=\"ContainerTitle\"\n        [Icon]=\"ContainerIcon\"\n        [Subtitle]=\"ContainerSubtitle\">\n    </mj-page-header>\n\n    <mj-page-body [Flex]=\"true\" [Padding]=\"false\" Direction=\"row\">\n        <mj-left-nav\n            [Sections]=\"NavSections\"\n            [ActiveId]=\"ActiveSection\"\n            (ItemClicked)=\"OnNavItemClicked($event)\">\n        </mj-left-nav>\n        <mj-left-nav-content [Loading]=\"IsLoading\" [Error]=\"LoadError\">\n            <ng-container #contentHost></ng-container>\n        </mj-left-nav-content>\n    </mj-page-body>\n</mj-page-layout>\n"]}

package/dist/Admin/base-admin-container.component.d.ts

@@ -1,5 +1,6 @@
 import { OnInit, OnDestroy, ChangeDetectorRef, ViewContainerRef, ComponentRef } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { MJLeftNavItem, MJLeftNavSection } from '@memberjunction/ng-ui-components';
 import * as i0 from "@angular/core";
 /** A single sub-section inside an admin container's left-nav. */
 export interface AdminSection {
@@ -58,6 +59,14 @@ export declare abstract class BaseAdminContainerComponent extends BaseResourceCo
     ngOnDestroy(): void;
     GetResourceDisplayName(): Promise<string>;
     GetResourceIconClass(): Promise<string>;
+    /**
+     * Single-section view of `Sections` shaped for `<mj-left-nav>`. AdminSection
+     * already has the required id / label / icon / description fields, so it's
+     * structurally compatible with MJLeftNavItem.
+     */
+    get NavSections(): MJLeftNavSection[];
+    /** Adapter from `<mj-left-nav>`'s ItemClicked event back to `selectSection`. */
+    OnNavItemClicked(item: MJLeftNavItem): void;
     /** Called by the framework on browser back/forward + deep-link entry. */
     protected OnQueryParamsChanged(params: Record<string, string>, _source: 'popstate' | 'deeplink'): void;
     OnSectionClick(section: AdminSection): Promise<void>;
@@ -66,13 +75,6 @@ export declare abstract class BaseAdminContainerComponent extends BaseResourceCo
     private detachCurrent;
     private createResourceRef;
     private createDashboardRef;
-    /**
-     * Force the rendered sub-component's host element to fill the container
-     * cell. Mirrors what `tab-container` does for top-level resources — many
-     * dashboards rely on inline `height: 100%` to bound their internal layout
-     * (so their own `overflow-y: auto` regions actually scroll).
-     */
-    private applyHostSizing;
     private findSection;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseAdminContainerComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseAdminContainerComponent, never, never, {}, {}, never, never, true, never>;

package/dist/Admin/base-admin-container.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-admin-container.component.d.ts","sourceRoot":"","sources":["../../src/Admin/base-admin-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,MAAM,EACN,SAAS,EACT,iBAAiB,EAEjB,gBAAgB,EAChB,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAiB,MAAM,2BAA2B,CAAC;;AAIjF,iEAAiE;AACjE,MAAM,WAAW,YAAY;IACzB,iEAAiE;IACjE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GACxB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD;;;;;;;;;GASG;AACH,8BACsB,2BAA4B,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IACxG,kBAAyB,cAAc,EAAE,MAAM,CAAC;IAChD,kBAAyB,aAAa,EAAE,MAAM,CAAC;IAC/C,kBAAyB,iBAAiB,EAAE,MAAM,CAAC;IACnD,kBAAyB,QAAQ,EAAE,YAAY,EAAE,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAG,gBAAgB,CAAC;IAElC,aAAa,SAAM;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,SAAS,UAAS;IAEzB;;;;;;OAMG;IACH,SAAS,CAAC,KAAK,qCAA4C;IAC3D,SAAS,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEjD,SAAS,CAAC,QAAQ,CAAC,GAAG,oBAA6B;IAE7B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAkB/B,WAAW,IAAI,IAAI;IASb,sBAAsB,IAAI,OAAO,CAAC,MAAM,CAAC;IACzC,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC;IAE7D,yEAAyE;cACtD,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI;IASlG,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;YAOnD,aAAa;YAoBb,aAAa;IAyB3B,OAAO,CAAC,aAAa;YAQP,iBAAiB;YAYjB,kBAAkB;IA2BhC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,WAAW;yCApLD,2BAA2B;2CAA3B,2BAA2B;CAwLhD"}
+{"version":3,"file":"base-admin-container.component.d.ts","sourceRoot":"","sources":["../../src/Admin/base-admin-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,MAAM,EACN,SAAS,EACT,iBAAiB,EAEjB,gBAAgB,EAChB,YAAY,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAiB,MAAM,2BAA2B,CAAC;AAGjF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;;AAEnF,iEAAiE;AACjE,MAAM,WAAW,YAAY;IACzB,iEAAiE;IACjE,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,kBAAkB,GACxB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD;;;;;;;;;GASG;AACH,8BACsB,2BAA4B,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IACxG,kBAAyB,cAAc,EAAE,MAAM,CAAC;IAChD,kBAAyB,aAAa,EAAE,MAAM,CAAC;IAC/C,kBAAyB,iBAAiB,EAAE,MAAM,CAAC;IACnD,kBAAyB,QAAQ,EAAE,YAAY,EAAE,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAG,gBAAgB,CAAC;IAElC,aAAa,SAAM;IACnB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAChC,SAAS,UAAS;IAEzB;;;;;;OAMG;IACH,SAAS,CAAC,KAAK,qCAA4C;IAC3D,SAAS,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEjD,SAAS,CAAC,QAAQ,CAAC,GAAG,oBAA6B;IAE7B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAkB/B,WAAW,IAAI,IAAI;IASb,sBAAsB,IAAI,OAAO,CAAC,MAAM,CAAC;IACzC,oBAAoB,IAAI,OAAO,CAAC,MAAM,CAAC;IAE7D;;;;OAIG;IACH,IAAW,WAAW,IAAI,gBAAgB,EAAE,CAE3C;IAED,gFAAgF;IACzE,gBAAgB,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;IAOlD,yEAAyE;cACtD,oBAAoB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI;IASlG,cAAc,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;YAOnD,aAAa;YA+Bb,aAAa;IAwB3B,OAAO,CAAC,aAAa;YAQP,iBAAiB;YAYjB,kBAAkB;IA2BhC,OAAO,CAAC,WAAW;yCA/LD,2BAA2B;2CAA3B,2BAA2B;CAmMhD"}

package/dist/Admin/base-admin-container.component.js

@@ -56,6 +56,21 @@ export class BaseAdminContainerComponent extends BaseResourceComponent {
     }
     async GetResourceDisplayName() { return this.ContainerTitle; }
     async GetResourceIconClass() { return this.ContainerIcon; }
+    /**
+     * Single-section view of `Sections` shaped for `<mj-left-nav>`. AdminSection
+     * already has the required id / label / icon / description fields, so it's
+     * structurally compatible with MJLeftNavItem.
+     */
+    get NavSections() {
+        return [{ items: this.Sections }];
+    }
+    /** Adapter from `<mj-left-nav>`'s ItemClicked event back to `selectSection`. */
+    OnNavItemClicked(item) {
+        const section = this.Sections.find(s => s.id === item.id);
+        if (section) {
+            void this.OnSectionClick(section);
+        }
+    }
     /** Called by the framework on browser back/forward + deep-link entry. */
     OnQueryParamsChanged(params, _source) {
         const section = params['section'];
@@ -73,6 +88,17 @@ export class BaseAdminContainerComponent extends BaseResourceComponent {
     }
     // ---------- protected ----------
     async selectSection(section, syncUrl) {
+        // Guard against duplicate calls for the same section. Without this,
+        // ngOnInit's own GetQueryParams read races with the workspace stream's
+        // synchronous replay through OnQueryParamsChanged on first mount —
+        // both call selectSection with the same target, both reach
+        // createComponent, and two instances of the sub-page end up mounted
+        // in the contentHost. OnSectionClick + OnQueryParamsChanged each
+        // guard their own call site, but defense-in-depth here covers any
+        // future caller (and the ngOnInit ↔ stream-replay race specifically).
+        if (section.id === this.ActiveSection) {
+            return;
+        }
         this.ActiveSection = section.id;
         this.IsLoading = true;
         this.LoadError = null;
@@ -107,7 +133,6 @@ export class BaseAdminContainerComponent extends BaseResourceComponent {
             ? await this.createResourceRef(section.source.driverClass)
             : await this.createDashboardRef(section.source.dashboardName);
         if (ref) {
-            this.applyHostSizing(ref);
             this.cache.set(section.id, ref);
             this.currentSectionId = section.id;
         }
@@ -160,22 +185,6 @@ export class BaseAdminContainerComponent extends BaseResourceComponent {
         instance.Refresh();
         return ref;
     }
-    /**
-     * Force the rendered sub-component's host element to fill the container
-     * cell. Mirrors what `tab-container` does for top-level resources — many
-     * dashboards rely on inline `height: 100%` to bound their internal layout
-     * (so their own `overflow-y: auto` regions actually scroll).
-     */
-    applyHostSizing(ref) {
-        const hostEl = ref.hostView.rootNodes[0];
-        if (!hostEl || !(hostEl instanceof HTMLElement))
-            return;
-        hostEl.style.height = '100%';
-        hostEl.style.minHeight = '0';
-        hostEl.style.display = 'flex';
-        hostEl.style.flexDirection = 'column';
-        hostEl.style.flex = '1 1 auto';
-    }
     findSection(id) {
         if (!id)
             return undefined;

package/dist/Admin/base-admin-container.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-admin-container.component.js","sourceRoot":"","sources":["../../src/Admin/base-admin-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EAGT,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAGhB,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;;;AAwBhE;;;;;;;;;GASG;AAEH,MAAM,OAAgB,2BAA4B,SAAQ,qBAAqB;IAOjE,WAAW,CAAoB;IAElC,aAAa,GAAG,EAAE,CAAC;IACnB,SAAS,GAAkB,IAAI,CAAC;IAChC,SAAS,GAAG,KAAK,CAAC;IAEzB;;;;;;OAMG;IACO,KAAK,GAAG,IAAI,GAAG,EAAiC,CAAC;IACjD,gBAAgB,GAAkB,IAAI,CAAC;IAE9B,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEnC,KAAK,CAAC,QAAQ;QAC1B,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEjB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC;QAC9E,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACnC,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEe,WAAW;QACvB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC;gBAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YAAC,CAAC;YAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAEe,KAAK,CAAC,sBAAsB,KAAsB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/E,KAAK,CAAC,oBAAoB,KAAsB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5F,yEAAyE;IACtD,oBAAoB,CAAC,MAA8B,EAAE,OAAgC;QACpG,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa;YAAE,OAAO;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,MAAM,EAAE,CAAC;YACT,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,cAAc,CAAC,OAAqB;QAC7C,IAAI,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa;YAAE,OAAO;QAC9C,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,kCAAkC;IAE1B,KAAK,CAAC,aAAa,CAAC,OAAqB,EAAE,OAAgB;QAC/D,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,EAAE,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,CAAC;YACD,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,SAAS,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACtE,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,OAAqB;QAC7C,mEAAmE;QACnE,+CAA+C;QAC/C,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,qBAAqB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACX,CAAC;QAED,0BAA0B;QAC1B,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU;YAC1C,CAAC,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;YAC1D,CAAC,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC1B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAC;QACvC,CAAC;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,GAAG,IAAI,CAAC;YAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAAC,WAAmB;QAC/C,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,oBAAoB,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAC1G,IAAI,CAAC,GAAG,EAAE,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,cAAc,WAAW,wDAAwD,CAAC;YACnG,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,QAAuC,CAAC,CAAC;QAC1F,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAiC,CAAC;QACvD,IAAI,IAAI,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACzC,OAAO,GAAG,CAAC;IACf,CAAC;IAEO,KAAK,CAAC,kBAAkB,CAAC,aAAqB;QAClD,MAAM,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;QAC1F,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,8BAA8B,CAAC;YAC3E,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,eAAe,SAAS,CAAC,IAAI,gDAAgD,CAAC;YAC1H,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,2BAA2B,CAAC;YACxE,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5G,IAAI,CAAC,GAAG,EAAE,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,iBAAiB,SAAS,CAAC,WAAW,4CAA4C,CAAC;YACpG,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,QAA+B,CAAC,CAAC;QAClF,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAyB,CAAC;QAC/C,QAAQ,CAAC,MAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;QACtD,QAAQ,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,GAAG,CAAC;IACf,CAAC;IAED;;;;;OAKG;IACK,eAAe,CAAC,GAA0B;QAC9C,MAAM,MAAM,GAAI,GAAG,CAAC,QAAoD,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,CAAC;YAAE,OAAO;QACxD,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC9B,MAAM,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QACtC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;IACnC,CAAC;IAEO,WAAW,CAAC,EAA6B;QAC7C,IAAI,CAAC,EAAE;YAAE,OAAO,SAAS,CAAC;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;yRAvLiB,2BAA2B,yBAA3B,2BAA2B;6DAA3B,2BAA2B;mCAMX,gBAAgB;;;;;;iFANhC,2BAA2B;cADhD,SAAS;;kBAOL,SAAS;mBAAC,aAAa,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import {\n    Directive,\n    OnInit,\n    OnDestroy,\n    ChangeDetectorRef,\n    ViewChild,\n    ViewContainerRef,\n    ComponentRef,\n    Type,\n    inject\n} from '@angular/core';\nimport { BaseResourceComponent, BaseDashboard } from '@memberjunction/ng-shared';\nimport { MJGlobal } from '@memberjunction/global';\nimport { DashboardEngine } from '@memberjunction/core-entities';\n\n/** A single sub-section inside an admin container's left-nav. */\nexport interface AdminSection {\n    /** Stable identifier — used in the URL `?section=` deep-link. */\n    id: string;\n    label: string;\n    icon: string;\n    description: string;\n    source: AdminSectionSource;\n}\n\n/**\n * How to resolve and instantiate the component for this sub-section.\n *\n * - `resource`: looks up `@RegisterClass(BaseResourceComponent, driverClass)` and renders it directly.\n * - `dashboard`: looks up the MJ Dashboard record by name, then renders its `DriverClass` via the\n *   BaseDashboard registry with a synthetic `{ dashboard }` config (mirrors the shell's flow for\n *   `ResourceType: \"Dashboards\"` nav items).\n */\nexport type AdminSectionSource =\n    | { kind: 'resource'; driverClass: string }\n    | { kind: 'dashboard'; dashboardName: string };\n\n/**\n * Shared base for all Admin app container resources. Subclasses declare:\n *   - ContainerTitle / ContainerIcon / ContainerSubtitle\n *   - Sections[]\n *   - @RegisterClass(BaseResourceComponent, '...')\n *\n * The base handles: left-nav state, URL deep-linking via NavigationService,\n * dynamic component instantiation for both resource and dashboard sections,\n * teardown on switch.\n */\n@Directive()\nexport abstract class BaseAdminContainerComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public abstract readonly ContainerTitle: string;\n    public abstract readonly ContainerIcon: string;\n    public abstract readonly ContainerSubtitle: string;\n    public abstract readonly Sections: AdminSection[];\n\n    @ViewChild('contentHost', { read: ViewContainerRef, static: true })\n    protected contentHost!: ViewContainerRef;\n\n    public ActiveSection = '';\n    public LoadError: string | null = null;\n    public IsLoading = false;\n\n    /**\n     * Cache of section.id → ComponentRef. Once a sub-section is rendered we\n     * keep its component alive across switches by detaching + reattaching the\n     * view (instead of destroying + recreating). This preserves state — Event\n     * Monitor's captured events, GraphQL Console's history, query inputs,\n     * scroll position, etc. — and avoids expensive re-init.\n     */\n    protected cache = new Map<string, ComponentRef<unknown>>();\n    protected currentSectionId: string | null = null;\n\n    protected readonly cdr = inject(ChangeDetectorRef);\n\n    public override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n\n        const params = this.GetQueryParams();\n        const requested = params['section'];\n        const initial = this.findSection(requested)?.id ?? this.Sections[0]?.id ?? '';\n        const target = this.findSection(initial);\n        if (target) {\n            await this.selectSection(target, /*syncUrl*/ false);\n        }\n\n        if (!requested && this.ActiveSection) {\n            this.UpdateQueryParams({ section: this.ActiveSection });\n        }\n\n        this.NotifyLoadComplete();\n    }\n\n    public override ngOnDestroy(): void {\n        for (const ref of this.cache.values()) {\n            try { ref.destroy(); } catch { /* ignore */ }\n        }\n        this.cache.clear();\n        this.currentSectionId = null;\n        super.ngOnDestroy();\n    }\n\n    public override async GetResourceDisplayName(): Promise<string> { return this.ContainerTitle; }\n    public override async GetResourceIconClass(): Promise<string> { return this.ContainerIcon; }\n\n    /** Called by the framework on browser back/forward + deep-link entry. */\n    protected override OnQueryParamsChanged(params: Record<string, string>, _source: 'popstate' | 'deeplink'): void {\n        const section = params['section'];\n        if (!section || section === this.ActiveSection) return;\n        const target = this.findSection(section);\n        if (target) {\n            void this.selectSection(target, /*syncUrl*/ false);\n        }\n    }\n\n    public async OnSectionClick(section: AdminSection): Promise<void> {\n        if (section.id === this.ActiveSection) return;\n        await this.selectSection(section, /*syncUrl*/ true);\n    }\n\n    // ---------- protected ----------\n\n    private async selectSection(section: AdminSection, syncUrl: boolean): Promise<void> {\n        this.ActiveSection = section.id;\n        this.IsLoading = true;\n        this.LoadError = null;\n        this.cdr.markForCheck();\n\n        if (syncUrl) {\n            this.UpdateQueryParams({ section: section.id });\n        }\n\n        try {\n            await this.renderSection(section);\n        } catch (err) {\n            this.LoadError = err instanceof Error ? err.message : String(err);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    private async renderSection(section: AdminSection): Promise<void> {\n        // Detach (don't destroy) the currently visible sub-component so it\n        // stays alive in memory with its state intact.\n        this.detachCurrent();\n\n        // Reattach if cached\n        const cached = this.cache.get(section.id);\n        if (cached) {\n            this.contentHost.insert(cached.hostView);\n            this.currentSectionId = section.id;\n            return;\n        }\n\n        // Otherwise, create fresh\n        const ref = section.source.kind === 'resource'\n            ? await this.createResourceRef(section.source.driverClass)\n            : await this.createDashboardRef(section.source.dashboardName);\n\n        if (ref) {\n            this.applyHostSizing(ref);\n            this.cache.set(section.id, ref);\n            this.currentSectionId = section.id;\n        }\n    }\n\n    private detachCurrent(): void {\n        if (!this.currentSectionId) return;\n        const cur = this.cache.get(this.currentSectionId);\n        if (!cur) return;\n        const idx = this.contentHost.indexOf(cur.hostView);\n        if (idx >= 0) this.contentHost.detach(idx);\n    }\n\n    private async createResourceRef(driverClass: string): Promise<ComponentRef<unknown> | null> {\n        const reg = await MJGlobal.Instance.ClassFactory.GetRegistrationAsync(BaseResourceComponent, driverClass);\n        if (!reg) {\n            this.LoadError = `Component \"${driverClass}\" is not registered. Make sure its module is imported.`;\n            return null;\n        }\n        const ref = this.contentHost.createComponent(reg.SubClass as Type<BaseResourceComponent>);\n        const instance = ref.instance as BaseResourceComponent;\n        if (this.Data) instance.Data = this.Data;\n        return ref;\n    }\n\n    private async createDashboardRef(dashboardName: string): Promise<ComponentRef<unknown> | null> {\n        await DashboardEngine.Instance.Config(false);\n        const dashboard = DashboardEngine.Instance.Dashboards.find(d => d.Name === dashboardName);\n        if (!dashboard) {\n            this.LoadError = `Dashboard \"${dashboardName}\" was not found in metadata.`;\n            return null;\n        }\n        if (dashboard.Type !== 'Code') {\n            this.LoadError = `Dashboard \"${dashboardName}\" has type \"${dashboard.Type}\" — only Code dashboards can be embedded here.`;\n            return null;\n        }\n        if (!dashboard.DriverClass) {\n            this.LoadError = `Dashboard \"${dashboardName}\" has no DriverClass set.`;\n            return null;\n        }\n        const reg = await MJGlobal.Instance.ClassFactory.GetRegistrationAsync(BaseDashboard, dashboard.DriverClass);\n        if (!reg) {\n            this.LoadError = `Driver class \"${dashboard.DriverClass}\" is not registered against BaseDashboard.`;\n            return null;\n        }\n        const ref = this.contentHost.createComponent(reg.SubClass as Type<BaseDashboard>);\n        const instance = ref.instance as BaseDashboard;\n        instance.Config = { dashboard, userState: undefined };\n        instance.Refresh();\n        return ref;\n    }\n\n    /**\n     * Force the rendered sub-component's host element to fill the container\n     * cell. Mirrors what `tab-container` does for top-level resources — many\n     * dashboards rely on inline `height: 100%` to bound their internal layout\n     * (so their own `overflow-y: auto` regions actually scroll).\n     */\n    private applyHostSizing(ref: ComponentRef<unknown>): void {\n        const hostEl = (ref.hostView as unknown as { rootNodes: HTMLElement[] }).rootNodes[0];\n        if (!hostEl || !(hostEl instanceof HTMLElement)) return;\n        hostEl.style.height = '100%';\n        hostEl.style.minHeight = '0';\n        hostEl.style.display = 'flex';\n        hostEl.style.flexDirection = 'column';\n        hostEl.style.flex = '1 1 auto';\n    }\n\n    private findSection(id: string | undefined | null): AdminSection | undefined {\n        if (!id) return undefined;\n        return this.Sections.find(s => s.id === id);\n    }\n}\n"]}
+{"version":3,"file":"base-admin-container.component.js","sourceRoot":"","sources":["../../src/Admin/base-admin-container.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EAGT,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAGhB,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;;;AAyBhE;;;;;;;;;GASG;AAEH,MAAM,OAAgB,2BAA4B,SAAQ,qBAAqB;IAOjE,WAAW,CAAoB;IAElC,aAAa,GAAG,EAAE,CAAC;IACnB,SAAS,GAAkB,IAAI,CAAC;IAChC,SAAS,GAAG,KAAK,CAAC;IAEzB;;;;;;OAMG;IACO,KAAK,GAAG,IAAI,GAAG,EAAiC,CAAC;IACjD,gBAAgB,GAAkB,IAAI,CAAC;IAE9B,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAEnC,KAAK,CAAC,QAAQ;QAC1B,KAAK,CAAC,QAAQ,EAAE,CAAC;QAEjB,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,MAAM,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC;QAC9E,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACnC,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEe,WAAW;QACvB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC;YACpC,IAAI,CAAC;gBAAC,GAAG,CAAC,OAAO,EAAE,CAAC;YAAC,CAAC;YAAC,MAAM,CAAC,CAAC,YAAY,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,KAAK,CAAC,WAAW,EAAE,CAAC;IACxB,CAAC;IAEe,KAAK,CAAC,sBAAsB,KAAsB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;IAC/E,KAAK,CAAC,oBAAoB,KAAsB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5F;;;;OAIG;IACH,IAAW,WAAW;QAClB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC;IAED,gFAAgF;IACzE,gBAAgB,CAAC,IAAmB;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1D,IAAI,OAAO,EAAE,CAAC;YACV,KAAK,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED,yEAAyE;IACtD,oBAAoB,CAAC,MAA8B,EAAE,OAAgC;QACpG,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,CAAC,aAAa;YAAE,OAAO;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACzC,IAAI,MAAM,EAAE,CAAC;YACT,KAAK,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC;IACL,CAAC;IAEM,KAAK,CAAC,cAAc,CAAC,OAAqB;QAC7C,IAAI,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa;YAAE,OAAO;QAC9C,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAED,kCAAkC;IAE1B,KAAK,CAAC,aAAa,CAAC,OAAqB,EAAE,OAAgB;QAC/D,oEAAoE;QACpE,uEAAuE;QACvE,mEAAmE;QACnE,2DAA2D;QAC3D,oEAAoE;QACpE,iEAAiE;QACjE,kEAAkE;QAClE,sEAAsE;QACtE,IAAI,OAAO,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,EAAE,CAAC;YACpC,OAAO;QACX,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,EAAE,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAExB,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;QACpD,CAAC;QAED,IAAI,CAAC;YACD,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACX,IAAI,CAAC,SAAS,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACtE,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAEO,KAAK,CAAC,aAAa,CAAC,OAAqB;QAC7C,mEAAmE;QACnE,+CAA+C;QAC/C,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,qBAAqB;QACrB,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1C,IAAI,MAAM,EAAE,CAAC;YACT,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACzC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO;QACX,CAAC;QAED,0BAA0B;QAC1B,MAAM,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,UAAU;YAC1C,CAAC,CAAC,MAAM,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,CAAC;YAC1D,CAAC,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;QAElE,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,EAAE,CAAC;QACvC,CAAC;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,IAAI,CAAC,GAAG;YAAE,OAAO;QACjB,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QACnD,IAAI,GAAG,IAAI,CAAC;YAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAAC,WAAmB;QAC/C,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,oBAAoB,CAAC,qBAAqB,EAAE,WAAW,CAAC,CAAC;QAC1G,IAAI,CAAC,GAAG,EAAE,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,cAAc,WAAW,wDAAwD,CAAC;YACnG,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,QAAuC,CAAC,CAAC;QAC1F,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAiC,CAAC;QACvD,IAAI,IAAI,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACzC,OAAO,GAAG,CAAC;IACf,CAAC;IAEO,KAAK,CAAC,kBAAkB,CAAC,aAAqB;QAClD,MAAM,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;QAC1F,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,8BAA8B,CAAC;YAC3E,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,eAAe,SAAS,CAAC,IAAI,gDAAgD,CAAC;YAC1H,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,cAAc,aAAa,2BAA2B,CAAC;YACxE,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,oBAAoB,CAAC,aAAa,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;QAC5G,IAAI,CAAC,GAAG,EAAE,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,iBAAiB,SAAS,CAAC,WAAW,4CAA4C,CAAC;YACpG,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,GAAG,CAAC,QAA+B,CAAC,CAAC;QAClF,MAAM,QAAQ,GAAG,GAAG,CAAC,QAAyB,CAAC;QAC/C,QAAQ,CAAC,MAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;QACtD,QAAQ,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,GAAG,CAAC;IACf,CAAC;IAEO,WAAW,CAAC,EAA6B;QAC7C,IAAI,CAAC,EAAE;YAAE,OAAO,SAAS,CAAC;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;yRAlMiB,2BAA2B,yBAA3B,2BAA2B;6DAA3B,2BAA2B;mCAMX,gBAAgB;;;;;;iFANhC,2BAA2B;cADhD,SAAS;;kBAOL,SAAS;mBAAC,aAAa,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["import {\n    Directive,\n    OnInit,\n    OnDestroy,\n    ChangeDetectorRef,\n    ViewChild,\n    ViewContainerRef,\n    ComponentRef,\n    Type,\n    inject\n} from '@angular/core';\nimport { BaseResourceComponent, BaseDashboard } from '@memberjunction/ng-shared';\nimport { MJGlobal } from '@memberjunction/global';\nimport { DashboardEngine } from '@memberjunction/core-entities';\nimport { MJLeftNavItem, MJLeftNavSection } from '@memberjunction/ng-ui-components';\n\n/** A single sub-section inside an admin container's left-nav. */\nexport interface AdminSection {\n    /** Stable identifier — used in the URL `?section=` deep-link. */\n    id: string;\n    label: string;\n    icon: string;\n    description: string;\n    source: AdminSectionSource;\n}\n\n/**\n * How to resolve and instantiate the component for this sub-section.\n *\n * - `resource`: looks up `@RegisterClass(BaseResourceComponent, driverClass)` and renders it directly.\n * - `dashboard`: looks up the MJ Dashboard record by name, then renders its `DriverClass` via the\n *   BaseDashboard registry with a synthetic `{ dashboard }` config (mirrors the shell's flow for\n *   `ResourceType: \"Dashboards\"` nav items).\n */\nexport type AdminSectionSource =\n    | { kind: 'resource'; driverClass: string }\n    | { kind: 'dashboard'; dashboardName: string };\n\n/**\n * Shared base for all Admin app container resources. Subclasses declare:\n *   - ContainerTitle / ContainerIcon / ContainerSubtitle\n *   - Sections[]\n *   - @RegisterClass(BaseResourceComponent, '...')\n *\n * The base handles: left-nav state, URL deep-linking via NavigationService,\n * dynamic component instantiation for both resource and dashboard sections,\n * teardown on switch.\n */\n@Directive()\nexport abstract class BaseAdminContainerComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n    public abstract readonly ContainerTitle: string;\n    public abstract readonly ContainerIcon: string;\n    public abstract readonly ContainerSubtitle: string;\n    public abstract readonly Sections: AdminSection[];\n\n    @ViewChild('contentHost', { read: ViewContainerRef, static: true })\n    protected contentHost!: ViewContainerRef;\n\n    public ActiveSection = '';\n    public LoadError: string | null = null;\n    public IsLoading = false;\n\n    /**\n     * Cache of section.id → ComponentRef. Once a sub-section is rendered we\n     * keep its component alive across switches by detaching + reattaching the\n     * view (instead of destroying + recreating). This preserves state — Event\n     * Monitor's captured events, GraphQL Console's history, query inputs,\n     * scroll position, etc. — and avoids expensive re-init.\n     */\n    protected cache = new Map<string, ComponentRef<unknown>>();\n    protected currentSectionId: string | null = null;\n\n    protected readonly cdr = inject(ChangeDetectorRef);\n\n    public override async ngOnInit(): Promise<void> {\n        super.ngOnInit();\n\n        const params = this.GetQueryParams();\n        const requested = params['section'];\n        const initial = this.findSection(requested)?.id ?? this.Sections[0]?.id ?? '';\n        const target = this.findSection(initial);\n        if (target) {\n            await this.selectSection(target, /*syncUrl*/ false);\n        }\n\n        if (!requested && this.ActiveSection) {\n            this.UpdateQueryParams({ section: this.ActiveSection });\n        }\n\n        this.NotifyLoadComplete();\n    }\n\n    public override ngOnDestroy(): void {\n        for (const ref of this.cache.values()) {\n            try { ref.destroy(); } catch { /* ignore */ }\n        }\n        this.cache.clear();\n        this.currentSectionId = null;\n        super.ngOnDestroy();\n    }\n\n    public override async GetResourceDisplayName(): Promise<string> { return this.ContainerTitle; }\n    public override async GetResourceIconClass(): Promise<string> { return this.ContainerIcon; }\n\n    /**\n     * Single-section view of `Sections` shaped for `<mj-left-nav>`. AdminSection\n     * already has the required id / label / icon / description fields, so it's\n     * structurally compatible with MJLeftNavItem.\n     */\n    public get NavSections(): MJLeftNavSection[] {\n        return [{ items: this.Sections }];\n    }\n\n    /** Adapter from `<mj-left-nav>`'s ItemClicked event back to `selectSection`. */\n    public OnNavItemClicked(item: MJLeftNavItem): void {\n        const section = this.Sections.find(s => s.id === item.id);\n        if (section) {\n            void this.OnSectionClick(section);\n        }\n    }\n\n    /** Called by the framework on browser back/forward + deep-link entry. */\n    protected override OnQueryParamsChanged(params: Record<string, string>, _source: 'popstate' | 'deeplink'): void {\n        const section = params['section'];\n        if (!section || section === this.ActiveSection) return;\n        const target = this.findSection(section);\n        if (target) {\n            void this.selectSection(target, /*syncUrl*/ false);\n        }\n    }\n\n    public async OnSectionClick(section: AdminSection): Promise<void> {\n        if (section.id === this.ActiveSection) return;\n        await this.selectSection(section, /*syncUrl*/ true);\n    }\n\n    // ---------- protected ----------\n\n    private async selectSection(section: AdminSection, syncUrl: boolean): Promise<void> {\n        // Guard against duplicate calls for the same section. Without this,\n        // ngOnInit's own GetQueryParams read races with the workspace stream's\n        // synchronous replay through OnQueryParamsChanged on first mount —\n        // both call selectSection with the same target, both reach\n        // createComponent, and two instances of the sub-page end up mounted\n        // in the contentHost. OnSectionClick + OnQueryParamsChanged each\n        // guard their own call site, but defense-in-depth here covers any\n        // future caller (and the ngOnInit ↔ stream-replay race specifically).\n        if (section.id === this.ActiveSection) {\n            return;\n        }\n        this.ActiveSection = section.id;\n        this.IsLoading = true;\n        this.LoadError = null;\n        this.cdr.markForCheck();\n\n        if (syncUrl) {\n            this.UpdateQueryParams({ section: section.id });\n        }\n\n        try {\n            await this.renderSection(section);\n        } catch (err) {\n            this.LoadError = err instanceof Error ? err.message : String(err);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.markForCheck();\n        }\n    }\n\n    private async renderSection(section: AdminSection): Promise<void> {\n        // Detach (don't destroy) the currently visible sub-component so it\n        // stays alive in memory with its state intact.\n        this.detachCurrent();\n\n        // Reattach if cached\n        const cached = this.cache.get(section.id);\n        if (cached) {\n            this.contentHost.insert(cached.hostView);\n            this.currentSectionId = section.id;\n            return;\n        }\n\n        // Otherwise, create fresh\n        const ref = section.source.kind === 'resource'\n            ? await this.createResourceRef(section.source.driverClass)\n            : await this.createDashboardRef(section.source.dashboardName);\n\n        if (ref) {\n            this.cache.set(section.id, ref);\n            this.currentSectionId = section.id;\n        }\n    }\n\n    private detachCurrent(): void {\n        if (!this.currentSectionId) return;\n        const cur = this.cache.get(this.currentSectionId);\n        if (!cur) return;\n        const idx = this.contentHost.indexOf(cur.hostView);\n        if (idx >= 0) this.contentHost.detach(idx);\n    }\n\n    private async createResourceRef(driverClass: string): Promise<ComponentRef<unknown> | null> {\n        const reg = await MJGlobal.Instance.ClassFactory.GetRegistrationAsync(BaseResourceComponent, driverClass);\n        if (!reg) {\n            this.LoadError = `Component \"${driverClass}\" is not registered. Make sure its module is imported.`;\n            return null;\n        }\n        const ref = this.contentHost.createComponent(reg.SubClass as Type<BaseResourceComponent>);\n        const instance = ref.instance as BaseResourceComponent;\n        if (this.Data) instance.Data = this.Data;\n        return ref;\n    }\n\n    private async createDashboardRef(dashboardName: string): Promise<ComponentRef<unknown> | null> {\n        await DashboardEngine.Instance.Config(false);\n        const dashboard = DashboardEngine.Instance.Dashboards.find(d => d.Name === dashboardName);\n        if (!dashboard) {\n            this.LoadError = `Dashboard \"${dashboardName}\" was not found in metadata.`;\n            return null;\n        }\n        if (dashboard.Type !== 'Code') {\n            this.LoadError = `Dashboard \"${dashboardName}\" has type \"${dashboard.Type}\" — only Code dashboards can be embedded here.`;\n            return null;\n        }\n        if (!dashboard.DriverClass) {\n            this.LoadError = `Dashboard \"${dashboardName}\" has no DriverClass set.`;\n            return null;\n        }\n        const reg = await MJGlobal.Instance.ClassFactory.GetRegistrationAsync(BaseDashboard, dashboard.DriverClass);\n        if (!reg) {\n            this.LoadError = `Driver class \"${dashboard.DriverClass}\" is not registered against BaseDashboard.`;\n            return null;\n        }\n        const ref = this.contentHost.createComponent(reg.SubClass as Type<BaseDashboard>);\n        const instance = ref.instance as BaseDashboard;\n        instance.Config = { dashboard, userState: undefined };\n        instance.Refresh();\n        return ref;\n    }\n\n    private findSection(id: string | undefined | null): AdminSection | undefined {\n        if (!id) return undefined;\n        return this.Sections.find(s => s.id === id);\n    }\n}\n"]}