@memberjunction/ng-dashboards 5.40.2 → 5.42.0

package/dist/AI/components/analytics/ai-analytics-resource.component.d.ts

@@ -34,7 +34,15 @@ export declare class AIAnalyticsResourceComponent extends BaseResourceComponent
     private cdr;
     private executiveSummary?;
     private promptRuns?;
-    ActiveSection: string;
+    /**
+     * Active analytics section. Implemented as a getter/setter so that changing
+     * it recomputes the (section-dependent) filter-field config exactly once,
+     * rather than rebuilding the whole FilterFieldConfig[] on every
+     * change-detection pass (the field config is template-bound twice).
+     */
+    private _activeSection;
+    get ActiveSection(): string;
+    set ActiveSection(value: string);
     CurrentTimeRange: string;
     CurrentFilters: GlobalFilterState;
     /** Single-value SortBy used by Model Performance (lives on the shared chrome). */
@@ -46,7 +54,11 @@ export declare class AIAnalyticsResourceComponent extends BaseResourceComponent
         text: string;
         value: string;
     }[];
-    /** Vendor options, lazily built from AIEngineBase for Model Performance leaderboard. */
+    private _modelOptions;
+    private _agentOptions;
+    private _promptOptions;
+    private _vendorOptions;
+    /** Vendor options, built from AIEngineBase for the Model Performance leaderboard. */
     get vendorOptions(): {
         text: string;
         value: string;
@@ -73,7 +85,7 @@ export declare class AIAnalyticsResourceComponent extends BaseResourceComponent
         text: string;
         value: string;
     }[];
-    /** Built lazily from AIEngineBase. */
+    /** Built from AIEngineBase (see recomputeOptionLists). */
     get modelOptions(): {
         text: string;
         value: string;
@@ -86,6 +98,19 @@ export declare class AIAnalyticsResourceComponent extends BaseResourceComponent
         text: string;
         value: string;
     }[];
+    /**
+     * Build the four option lists from AIEngineBase's cached metadata. Called once
+     * after the engine is loaded (ngOnInit). Mirrors the exact map/filter/sort the
+     * former getters performed, so the values are identical — just computed once.
+     *
+     * Accepted staleness tradeoff: these lists are built once after engine load and
+     * are NOT reactive — a mid-session AIEngineBase metadata reload (new model/agent/
+     * prompt/vendor) would not refresh them until this component is re-created. That
+     * is acceptable for an analytics surface (its option lists are near-static within
+     * a session); we deliberately do NOT wire observable reactivity here. The former
+     * getters re-read the engine on every CD, which was the perf cost we removed.
+     */
+    private recomputeOptionLists;
     /** Time-range chip options for the toolbar slot. */
     get timeRangeChipOptions(): {
         text: string;
@@ -93,8 +118,17 @@ export declare class AIAnalyticsResourceComponent extends BaseResourceComponent
     }[];
     /** Compare-mode visual state (kept on the shell now that analytics-filter-bar is gone). */
     compareActive: boolean;
-    /** Build the FilterFieldConfig[] for the popover based on the active section. */
+    /**
+     * Precomputed popover field config for the active section. Recomputed only when
+     * ActiveSection changes (via its setter) or after the option lists load — NOT
+     * on every CD pass, even though the template binds this twice (the `@if` guard
+     * and the `[Fields]` input).
+     */
+    private _analyticsFilterFields;
+    /** Field config for the popover, based on the active section (precomputed). */
     get analyticsFilterFields(): FilterFieldConfig[];
+    /** Rebuild {@link _analyticsFilterFields} for the current section from the option lists. */
+    private recomputeFilterFields;
     /** Single-value flattened state for the centralized panel (the panel takes scalar values; we hold arrays in CurrentFilters). */
     get analyticsFilterValues(): Record<string, unknown>;
     /** Receive popover updates and translate scalar → array shape used by GlobalFilterState. */

package/dist/AI/components/analytics/ai-analytics-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-analytics-resource.component.d.ts","sourceRoot":"","sources":["../../../../src/AI/components/analytics/ai-analytics-resource.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ai-analytics-resource.component.d.ts","sourceRoot":"","sources":["../../../../src/AI/components/analytics/ai-analytics-resource.component.ts"],"names":[],"mappings":"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"}

package/dist/AI/components/analytics/ai-analytics-resource.component.js

@@ -31,6 +31,9 @@ import * as i5 from "./model-performance/model-performance.component";
 import * as i6 from "./cost-budget/cost-budget.component";
 import * as i7 from "./error-analysis/error-analysis.component";
 import * as i8 from "./usage-patterns/usage-patterns.component";
+import * as i9 from "./realtime/realtime-overview.component";
+import * as i10 from "./realtime/realtime-sessions.component";
+import * as i11 from "./realtime/realtime-management.component";
 const _c0 = ["executiveSummary"];
 const _c1 = ["promptRuns"];
 const _forTrack0 = ($index, $item) => $item.value;
@@ -134,6 +137,27 @@ function AIAnalyticsResourceComponent_Case_19_Template(rf, ctx) { if (rf & 1) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("TimeRange", ctx_r1.CurrentTimeRange);
 } }
+function AIAnalyticsResourceComponent_Case_20_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-analytics-realtime-overview", 26);
+    i0.ɵɵlistener("SectionNavigate", function AIAnalyticsResourceComponent_Case_20_Template_app_analytics_realtime_overview_SectionNavigate_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSectionChange($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("TimeRange", ctx_r1.CurrentTimeRange);
+} }
+function AIAnalyticsResourceComponent_Case_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-analytics-realtime-sessions", 15);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("TimeRange", ctx_r1.CurrentTimeRange);
+} }
+function AIAnalyticsResourceComponent_Case_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-realtime-management", 15);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("TimeRange", ctx_r1.CurrentTimeRange);
+} }
 let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends BaseResourceComponent {
     USER_SETTINGS_KEY = 'AI.Analytics.UserPreferences';
     settingsPersistSubject = new Subject();
@@ -142,7 +166,22 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
     cdr = inject(ChangeDetectorRef);
     executiveSummary;
     promptRuns;
-    ActiveSection = 'executive-summary';
+    /**
+     * Active analytics section. Implemented as a getter/setter so that changing
+     * it recomputes the (section-dependent) filter-field config exactly once,
+     * rather than rebuilding the whole FilterFieldConfig[] on every
+     * change-detection pass (the field config is template-bound twice).
+     */
+    _activeSection = 'executive-summary';
+    get ActiveSection() {
+        return this._activeSection;
+    }
+    set ActiveSection(value) {
+        if (value !== this._activeSection) {
+            this._activeSection = value;
+            this.recomputeFilterFields();
+        }
+    }
     CurrentTimeRange = '24h';
     CurrentFilters = {
         Models: [],
@@ -162,10 +201,20 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
         { text: 'By Reliability', value: 'reliability' },
         { text: 'By Usage', value: 'usage-volume' }
     ];
-    /** Vendor options, lazily built from AIEngineBase for Model Performance leaderboard. */
+    // ── Precomputed option lists ────────────────────────────────────────────
+    // Built ONCE from AIEngineBase's (process-cached, load-once) lists in
+    // ngOnInit — see recomputeOptionLists. Each used to be a getter doing
+    // .map().sort() (and .filter() for agents) over engine-wide lists; because
+    // analyticsFilterFields is template-bound twice they re-ran 2×/CD. The
+    // backing fields are read by both the public getters (kept for any external
+    // callers) and by recomputeFilterFields.
+    _modelOptions = [];
+    _agentOptions = [];
+    _promptOptions = [];
+    _vendorOptions = [];
+    /** Vendor options, built from AIEngineBase for the Model Performance leaderboard. */
     get vendorOptions() {
-        return AIEngineBase.Instance?.Vendors?.map(v => ({ text: v.Name ?? '', value: v.ID ?? '' }))
-            ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
+        return this._vendorOptions;
     }
     /** Per-section filter-bar config — switched on ActiveSection. */
     get FilterBarConfig() {
@@ -184,6 +233,17 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
                 return { ShowModelFilter: true, ShowAgentFilter: false, ShowPromptFilter: true, ShowStatusFilter: false, ShowSortBy: false, ShowVendor: false, ShowCompareToggle: false, ShowExportButton: false, TimeRangeOptions: ['1h', '6h', '24h', '7d', '30d'] };
             case 'usage-patterns':
                 return { ShowModelFilter: false, ShowAgentFilter: false, ShowPromptFilter: false, ShowStatusFilter: false, ShowSortBy: false, ShowVendor: false, ShowCompareToggle: false, ShowExportButton: false, TimeRangeOptions: ['1h', '6h', '24h', '7d', '30d'] };
+            // Realtime Voice sections own their filters internally (search/status/
+            // target/user/host live with the grid); only the time-range chips come
+            // from the shared chrome. Session data is bucketed daily, so the
+            // sub-day ranges are dropped.
+            case 'realtime-overview':
+            case 'realtime-sessions':
+            // Realtime management owns its sub-tab rail + per-surface filters
+            // internally; only the time-range chips come from the shared chrome
+            // (it windows session history daily, so sub-day ranges are dropped).
+            case 'realtime-management':
+                return { ShowModelFilter: false, ShowAgentFilter: false, ShowPromptFilter: false, ShowStatusFilter: false, ShowSortBy: false, ShowVendor: false, ShowCompareToggle: false, ShowExportButton: false, TimeRangeOptions: ['24h', '7d', '30d'] };
             default:
                 return { ShowModelFilter: false, ShowAgentFilter: false, ShowPromptFilter: false, ShowStatusFilter: false, ShowSortBy: false, ShowVendor: false, ShowCompareToggle: false, ShowExportButton: false, TimeRangeOptions: ['1h', '6h', '24h', '7d', '30d'] };
         }
@@ -203,19 +263,39 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
         { text: 'Pending', value: 'Pending' },
         { text: 'Canceled', value: 'Canceled' },
     ];
-    /** Built lazily from AIEngineBase. */
+    /** Built from AIEngineBase (see recomputeOptionLists). */
     get modelOptions() {
-        return AIEngineBase.Instance?.Models?.map(m => ({ text: m.Name ?? '', value: m.ID }))
-            ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
+        return this._modelOptions;
     }
     get agentOptions() {
-        return AIEngineBase.Instance?.Agents
+        return this._agentOptions;
+    }
+    get promptOptions() {
+        return this._promptOptions;
+    }
+    /**
+     * Build the four option lists from AIEngineBase's cached metadata. Called once
+     * after the engine is loaded (ngOnInit). Mirrors the exact map/filter/sort the
+     * former getters performed, so the values are identical — just computed once.
+     *
+     * Accepted staleness tradeoff: these lists are built once after engine load and
+     * are NOT reactive — a mid-session AIEngineBase metadata reload (new model/agent/
+     * prompt/vendor) would not refresh them until this component is re-created. That
+     * is acceptable for an analytics surface (its option lists are near-static within
+     * a session); we deliberately do NOT wire observable reactivity here. The former
+     * getters re-read the engine on every CD, which was the perf cost we removed.
+     */
+    recomputeOptionLists() {
+        const engine = AIEngineBase.Instance;
+        this._modelOptions = engine?.Models?.map(m => ({ text: m.Name ?? '', value: m.ID }))
+            ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
+        this._agentOptions = engine?.Agents
             ?.filter(a => a.Status === 'Active')
             ?.map(a => ({ text: a.Name ?? '', value: a.ID }))
             ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
-    }
-    get promptOptions() {
-        return AIEngineBase.Instance?.Prompts?.map(p => ({ text: p.Name ?? '', value: p.ID }))
+        this._promptOptions = engine?.Prompts?.map(p => ({ text: p.Name ?? '', value: p.ID }))
+            ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
+        this._vendorOptions = engine?.Vendors?.map(v => ({ text: v.Name ?? '', value: v.ID ?? '' }))
             ?.sort((a, b) => a.text.localeCompare(b.text)) ?? [];
     }
     /** Time-range chip options for the toolbar slot. */
@@ -224,8 +304,19 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
     }
     /** Compare-mode visual state (kept on the shell now that analytics-filter-bar is gone). */
     compareActive = false;
-    /** Build the FilterFieldConfig[] for the popover based on the active section. */
+    /**
+     * Precomputed popover field config for the active section. Recomputed only when
+     * ActiveSection changes (via its setter) or after the option lists load — NOT
+     * on every CD pass, even though the template binds this twice (the `@if` guard
+     * and the `[Fields]` input).
+     */
+    _analyticsFilterFields = [];
+    /** Field config for the popover, based on the active section (precomputed). */
     get analyticsFilterFields() {
+        return this._analyticsFilterFields;
+    }
+    /** Rebuild {@link _analyticsFilterFields} for the current section from the option lists. */
+    recomputeFilterFields() {
         const cfg = this.FilterBarConfig;
         const fields = [];
         if (cfg.ShowModelFilter) {
@@ -286,7 +377,7 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
                 options: [{ text: 'All Vendors', value: '' }, ...this.vendorOptions],
             });
         }
-        return fields;
+        this._analyticsFilterFields = fields;
     }
     /** Single-value flattened state for the centralized panel (the panel takes scalar values; we hold arrays in CurrentFilters). */
     get analyticsFilterValues() {
@@ -355,6 +446,13 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
             Description: 'Failure patterns and root causes' },
         { Label: 'Usage Patterns', Icon: 'fa-solid fa-clock', Key: 'usage-patterns',
             Description: 'Volume, frequency, and concurrency over time' },
+        { Key: 'divider2' },
+        { Label: 'Realtime Voice', Icon: 'fa-solid fa-tower-broadcast', Key: 'realtime-overview',
+            Description: 'Operational analytics for voice-agent sessions — sessions, channels, and delegated runs' },
+        { Label: 'Voice Sessions', Icon: 'fa-solid fa-table-list', Key: 'realtime-sessions',
+            Description: 'Every long-lived agent session — live calls, idle holds, and closed history' },
+        { Label: 'Realtime Management', Icon: 'fa-solid fa-satellite-dish', Key: 'realtime-management',
+            Description: 'Manage the realtime + bridge surface — live sessions, bridge providers, agent identities, channels, co-agents, history, and metrics' },
     ];
     /**
      * Active section metadata — drives <mj-page-header-interior> Title +
@@ -374,7 +472,7 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
     get navSections() {
         const sections = [{ items: [] }];
         for (const item of this.NavItems) {
-            if (item.Key === 'divider') {
+            if (item.Key.startsWith('divider')) {
                 sections.push({ items: [] });
             }
             else {
@@ -394,7 +492,21 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
     async ngOnInit() {
         super.ngOnInit();
         this.setupSettingsDebounce();
+        // AIEngineBase is deferred at startup — ensure it's loaded, then build the
+        // option lists ONCE so the precomputed filter-field config has real data.
+        try {
+            await AIEngineBase.Instance.EnsureLoaded();
+        }
+        catch {
+            // Fall through with whatever (possibly empty) cache exists — the option
+            // lists tolerate an unloaded engine (same as the former lazy getters).
+        }
+        this.recomputeOptionLists();
         await this.loadUserSettings();
+        // Final rebuild: covers both the initial section and any section restored
+        // from user settings, now that the option lists are populated.
+        this.recomputeFilterFields();
+        this.cdr.detectChanges();
         this.NotifyLoadComplete();
     }
     ngOnDestroy() {
@@ -410,7 +522,7 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
     }
     /** Navigate to a different analytics section */
     OnSectionChange(key) {
-        if (key === 'divider' || key === this.ActiveSection) {
+        if (key.startsWith('divider') || key === this.ActiveSection) {
             return;
         }
         this.ActiveSection = key;
@@ -511,7 +623,7 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.executiveSummary = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.promptRuns = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 11, consts: [["executiveSummary", ""], ["promptRuns", ""], ["Title", "AI Analytics", "Icon", "fa-solid fa-chart-line", "Subtitle", "Performance, cost, and usage analytics"], [1, "analytics-shell", 3, "Padding"], ["MobileTitle", "Analytics", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], ["actions", ""], [3, "ActiveCount", "ShowClearAll"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "toggleable", "selected"], ["mjButton", "", "variant", "secondary", "size", "sm"], ["toolbar", "", 1, "time-range-chips"], [3, "Padding"], [1, "analytics-content"], [3, "TimeRange", "Filters"], [3, "TimeRange", "SortBy", "SelectedVendor"], [3, "TimeRange"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "selectedChange", "toggleable", "selected"], [1, "fa-solid", "fa-code-compare"], [1, "mj-action-label"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-download"], [3, "Label", "Active"], [3, "Clicked", "Label", "Active"], [3, "SectionNavigate", "TimeRange", "Filters"]], template: function AIAnalyticsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 23, vars: 11, consts: [["executiveSummary", ""], ["promptRuns", ""], ["Title", "AI Analytics", "Icon", "fa-solid fa-chart-line", "Subtitle", "Performance, cost, and usage analytics"], [1, "analytics-shell", 3, "Padding"], ["MobileTitle", "Analytics", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Title", "Subtitle"], ["actions", ""], [3, "ActiveCount", "ShowClearAll"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "toggleable", "selected"], ["mjButton", "", "variant", "secondary", "size", "sm"], ["toolbar", "", 1, "time-range-chips"], [3, "Padding"], [1, "analytics-content"], [3, "TimeRange", "Filters"], [3, "TimeRange", "SortBy", "SelectedVendor"], [3, "TimeRange"], [3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "selectedChange", "toggleable", "selected"], [1, "fa-solid", "fa-code-compare"], [1, "mj-action-label"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-download"], [3, "Label", "Active"], [3, "Clicked", "Label", "Active"], [3, "SectionNavigate", "TimeRange", "Filters"], [3, "SectionNavigate", "TimeRange"]], template: function AIAnalyticsResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-page-layout");
             i0.ɵɵelement(1, "mj-page-header", 2);
             i0.ɵɵelementStart(2, "mj-page-body", 3)(3, "mj-left-nav", 4);
@@ -525,7 +637,7 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
             i0.ɵɵconditionalCreate(10, AIAnalyticsResourceComponent_Conditional_10_Template, 3, 0, "div", 10);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(11, "mj-page-body-interior", 11)(12, "div", 12);
-            i0.ɵɵconditionalCreate(13, AIAnalyticsResourceComponent_Case_13_Template, 2, 2, "app-analytics-executive-summary", 13)(14, AIAnalyticsResourceComponent_Case_14_Template, 2, 2, "app-analytics-prompt-runs", 13)(15, AIAnalyticsResourceComponent_Case_15_Template, 1, 2, "app-analytics-agent-runs", 13)(16, AIAnalyticsResourceComponent_Case_16_Template, 1, 3, "app-analytics-model-performance", 14)(17, AIAnalyticsResourceComponent_Case_17_Template, 1, 2, "app-analytics-cost-budget", 13)(18, AIAnalyticsResourceComponent_Case_18_Template, 1, 2, "app-analytics-error-analysis", 13)(19, AIAnalyticsResourceComponent_Case_19_Template, 1, 1, "app-analytics-usage-patterns", 15);
+            i0.ɵɵconditionalCreate(13, AIAnalyticsResourceComponent_Case_13_Template, 2, 2, "app-analytics-executive-summary", 13)(14, AIAnalyticsResourceComponent_Case_14_Template, 2, 2, "app-analytics-prompt-runs", 13)(15, AIAnalyticsResourceComponent_Case_15_Template, 1, 2, "app-analytics-agent-runs", 13)(16, AIAnalyticsResourceComponent_Case_16_Template, 1, 3, "app-analytics-model-performance", 14)(17, AIAnalyticsResourceComponent_Case_17_Template, 1, 2, "app-analytics-cost-budget", 13)(18, AIAnalyticsResourceComponent_Case_18_Template, 1, 2, "app-analytics-error-analysis", 13)(19, AIAnalyticsResourceComponent_Case_19_Template, 1, 1, "app-analytics-usage-patterns", 15)(20, AIAnalyticsResourceComponent_Case_20_Template, 1, 1, "app-analytics-realtime-overview", 15)(21, AIAnalyticsResourceComponent_Case_21_Template, 1, 1, "app-analytics-realtime-sessions", 15)(22, AIAnalyticsResourceComponent_Case_22_Template, 1, 1, "app-realtime-management", 15);
             i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
             let tmp_10_0;
@@ -546,8 +658,8 @@ let AIAnalyticsResourceComponent = class AIAnalyticsResourceComponent extends Ba
             i0.ɵɵadvance();
             i0.ɵɵproperty("Padding", false);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((tmp_10_0 = ctx.ActiveSection) === "executive-summary" ? 13 : tmp_10_0 === "prompt-runs" ? 14 : tmp_10_0 === "agent-runs" ? 15 : tmp_10_0 === "model-performance" ? 16 : tmp_10_0 === "cost-budget" ? 17 : tmp_10_0 === "error-analysis" ? 18 : tmp_10_0 === "usage-patterns" ? 19 : -1);
-        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJPageHeaderInteriorComponent, i1.MJPageBodyInteriorComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent, i1.MJFilterPopoverComponent, i1.MJFilterPanelComponent, i1.MJFilterChipComponent, i2.AnalyticsExecutiveSummaryComponent, i3.AnalyticsPromptRunsComponent, i4.AnalyticsAgentRunsComponent, i5.AnalyticsModelPerformanceComponent, i6.AnalyticsCostBudgetComponent, i7.AnalyticsErrorAnalysisComponent, i8.AnalyticsUsagePatternsComponent], styles: ["[_nghost-%COMP%] {\n            display: block;\n            height: 100%;\n        }\n\n        .analytics-shell[_ngcontent-%COMP%] {\n            display: flex;\n            flex: 1;\n            min-height: 0;\n            background: var(--mj-bg-page);\n        }\n\n        \n\n\n        \n\n\n\n\n        \n\n\n        .analytics-content[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow-y: auto;\n            padding: 24px;\n        }\n\n        \n\n\n        .section-placeholder[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 80px 24px;\n            color: var(--mj-text-muted);\n        }\n\n        .placeholder-icon[_ngcontent-%COMP%] {\n            font-size: 48px;\n            margin-bottom: 20px;\n            color: var(--mj-brand-primary);\n            opacity: 0.4;\n        }\n\n        .section-placeholder[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n            font-size: 20px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0 0 8px;\n        }\n\n        .section-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 14px;\n            color: var(--mj-text-muted);\n            margin: 0;\n            max-width: 420px;\n        }\n\n        \n\n\n        \n\n\n        @media (max-width: 768px) {\n            .analytics-content[_ngcontent-%COMP%] {\n                padding: 16px;\n            }\n        }\n\n        \n\n\n\n        @media (max-width: 700px) {\n            .analytics-shell[_ngcontent-%COMP%] {\n                flex-direction: column;\n            }\n        }"] });
+            i0.ɵɵconditional((tmp_10_0 = ctx.ActiveSection) === "executive-summary" ? 13 : tmp_10_0 === "prompt-runs" ? 14 : tmp_10_0 === "agent-runs" ? 15 : tmp_10_0 === "model-performance" ? 16 : tmp_10_0 === "cost-budget" ? 17 : tmp_10_0 === "error-analysis" ? 18 : tmp_10_0 === "usage-patterns" ? 19 : tmp_10_0 === "realtime-overview" ? 20 : tmp_10_0 === "realtime-sessions" ? 21 : tmp_10_0 === "realtime-management" ? 22 : -1);
+        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJPageHeaderInteriorComponent, i1.MJPageBodyInteriorComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent, i1.MJFilterPopoverComponent, i1.MJFilterPanelComponent, i1.MJFilterChipComponent, i2.AnalyticsExecutiveSummaryComponent, i3.AnalyticsPromptRunsComponent, i4.AnalyticsAgentRunsComponent, i5.AnalyticsModelPerformanceComponent, i6.AnalyticsCostBudgetComponent, i7.AnalyticsErrorAnalysisComponent, i8.AnalyticsUsagePatternsComponent, i9.AnalyticsRealtimeOverviewComponent, i10.AnalyticsRealtimeSessionsComponent, i11.RealtimeManagementComponent], styles: ["[_nghost-%COMP%] {\n            display: block;\n            height: 100%;\n        }\n\n        .analytics-shell[_ngcontent-%COMP%] {\n            display: flex;\n            flex: 1;\n            min-height: 0;\n            background: var(--mj-bg-page);\n        }\n\n        \n\n\n        \n\n\n\n\n        \n\n\n        .analytics-content[_ngcontent-%COMP%] {\n            flex: 1;\n            overflow-y: auto;\n            padding: 24px;\n        }\n\n        \n\n\n        .section-placeholder[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            padding: 80px 24px;\n            color: var(--mj-text-muted);\n        }\n\n        .placeholder-icon[_ngcontent-%COMP%] {\n            font-size: 48px;\n            margin-bottom: 20px;\n            color: var(--mj-brand-primary);\n            opacity: 0.4;\n        }\n\n        .section-placeholder[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n            font-size: 20px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0 0 8px;\n        }\n\n        .section-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 14px;\n            color: var(--mj-text-muted);\n            margin: 0;\n            max-width: 420px;\n        }\n\n        \n\n\n        \n\n\n        @media (max-width: 768px) {\n            .analytics-content[_ngcontent-%COMP%] {\n                padding: 16px;\n            }\n        }\n\n        \n\n\n\n        @media (max-width: 700px) {\n            .analytics-shell[_ngcontent-%COMP%] {\n                flex-direction: column;\n            }\n        }"] });
 };
 AIAnalyticsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'AIAnalyticsResource')
@@ -669,6 +781,22 @@ export { AIAnalyticsResourceComponent };
                             [TimeRange]="CurrentTimeRange"
                         ></app-analytics-usage-patterns>
                     }
+                    @case ('realtime-overview') {
+                        <app-analytics-realtime-overview
+                            [TimeRange]="CurrentTimeRange"
+                            (SectionNavigate)="OnSectionChange($event)"
+                        ></app-analytics-realtime-overview>
+                    }
+                    @case ('realtime-sessions') {
+                        <app-analytics-realtime-sessions
+                            [TimeRange]="CurrentTimeRange"
+                        ></app-analytics-realtime-sessions>
+                    }
+                    @case ('realtime-management') {
+                        <app-realtime-management
+                            [TimeRange]="CurrentTimeRange"
+                        ></app-realtime-management>
+                    }
                 }
             </div>
             </mj-page-body-interior>
@@ -683,7 +811,7 @@ export { AIAnalyticsResourceComponent };
             type: ViewChild,
             args: ['promptRuns']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAnalyticsResourceComponent, { className: "AIAnalyticsResourceComponent", filePath: "src/AI/components/analytics/ai-analytics-resource.component.ts", lineNumber: 241 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AIAnalyticsResourceComponent, { className: "AIAnalyticsResourceComponent", filePath: "src/AI/components/analytics/ai-analytics-resource.component.ts", lineNumber: 257 }); })();
 export function LoadAIAnalyticsResource() {
     // Prevents tree-shaking of the @RegisterClass decorator
 }