@memberjunction/ng-dashboards 5.34.1 → 5.36.0

package/dist/SystemDiagnostics/system-diagnostics.component.js

@@ -17,7 +17,8 @@ import * as d3 from 'd3';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@angular/forms";
-import * as i3 from "@angular/common";
+import * as i3 from "@memberjunction/ng-ui-components";
+import * as i4 from "@angular/common";
 const _c0 = ["perfChart"];
 const _forTrack0 = ($index, $item) => $item.className;
 const _forTrack1 = ($index, $item) => $item.entityName;
@@ -27,187 +28,68 @@ const _forTrack4 = ($index, $item) => $item.label;
 const _forTrack5 = ($index, $item) => $item.fingerprint;
 const _forTrack6 = ($index, $item) => $item.key;
 const _forTrack7 = ($index, $item) => $item.propertyName;
-function SystemDiagnosticsComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 8);
-    i0.ɵɵelement(1, "i", 36);
-    i0.ɵɵtext(2, " Every 5s ");
-    i0.ɵɵelementEnd();
-} }
-function SystemDiagnosticsComponent_Conditional_18_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0, " No redundant loading detected ");
-} }
-function SystemDiagnosticsComponent_Conditional_18_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.redundantLoads.length, " entities loaded by multiple engines ");
-} }
-function SystemDiagnosticsComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 37)(2, "div", 38);
-    i0.ɵɵelement(3, "i", 21);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 39)(5, "div", 40);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 41);
-    i0.ɵɵtext(8, "Registered Engines");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 42);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 37)(12, "div", 43);
-    i0.ɵɵelement(13, "i", 44);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 39)(15, "div", 40);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 41);
-    i0.ɵɵtext(18, "Engine Memory");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 42);
-    i0.ɵɵtext(20, "Estimated total");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "div", 37)(22, "div", 45);
-    i0.ɵɵelement(23, "i", 23);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 39)(25, "div", 40);
-    i0.ɵɵtext(26);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 41);
-    i0.ɵɵtext(28, "Redundant Loads");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "div", 42);
-    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_18_Conditional_30_Template, 1, 0)(31, SystemDiagnosticsComponent_Conditional_18_Conditional_31_Template, 1, 1);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate((ctx_r0.engineStats == null ? null : ctx_r0.engineStats.totalEngines) || 0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("", (ctx_r0.engineStats == null ? null : ctx_r0.engineStats.loadedEngines) || 0, " loaded");
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.engineStats == null ? null : ctx_r0.engineStats.totalEstimatedMemoryBytes) || 0));
-    i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("card-icon--warning", ctx_r0.redundantLoads.length > 0)("card-icon--success", ctx_r0.redundantLoads.length === 0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.redundantLoads.length);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.redundantLoads.length === 0 ? 30 : 31);
-} }
-function SystemDiagnosticsComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 46);
-    i0.ɵɵelement(2, "i", 21);
-    i0.ɵɵelementStart(3, "span", 47);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 48);
-    i0.ɵɵtext(6, "Engines");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelement(7, "div", 49);
-    i0.ɵɵelementStart(8, "div", 50);
-    i0.ɵɵelement(9, "i", 44);
-    i0.ɵɵelementStart(10, "span", 47);
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 48);
-    i0.ɵɵtext(13, "Memory");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelement(14, "div", 49);
-    i0.ɵɵelementStart(15, "div", 51);
-    i0.ɵɵelement(16, "i", 23);
-    i0.ɵɵelementStart(17, "span", 47);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span", 48);
-    i0.ɵɵtext(20, "Redundant");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate((ctx_r0.engineStats == null ? null : ctx_r0.engineStats.totalEngines) || 0);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.engineStats == null ? null : ctx_r0.engineStats.totalEstimatedMemoryBytes) || 0));
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("warning", ctx_r0.redundantLoads.length > 0);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.redundantLoads.length);
-} }
-function SystemDiagnosticsComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.redundantLoads.length);
-} }
-function SystemDiagnosticsComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
-    i0.ɵɵtext(1, "0");
-    i0.ɵɵelementEnd();
-} }
-function SystemDiagnosticsComponent_Conditional_50_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 59);
+function SystemDiagnosticsComponent_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "i", 30);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No engines registered yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 31);
     i0.ɵɵtext(5, "Engines register themselves when they are first configured");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 67);
-    i0.ɵɵelement(1, "i", 33);
-    i0.ɵɵelementStart(2, "span", 68);
+function SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵelement(1, "i", 19);
+    i0.ɵɵelementStart(2, "span", 40);
     i0.ɵɵtext(3, "Loaded:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 69);
+    i0.ɵɵelementStart(4, "span", 41);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const engine_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTime(engine_r4.lastLoadedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTime(engine_r4.lastLoadedAt));
 } }
-function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 62)(1, "div", 63)(2, "div", 64);
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 34)(2, "div", 35);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 65);
+    i0.ɵɵelementStart(4, "div", 36);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 66)(7, "div", 67);
-    i0.ɵɵelement(8, "i", 44);
-    i0.ɵɵelementStart(9, "span", 68);
+    i0.ɵɵelementStart(6, "div", 37)(7, "div", 38);
+    i0.ɵɵelement(8, "i", 39);
+    i0.ɵɵelementStart(9, "span", 40);
     i0.ɵɵtext(10, "Memory:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 69);
+    i0.ɵɵelementStart(11, "span", 41);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 67);
-    i0.ɵɵelement(14, "i", 70);
-    i0.ɵɵelementStart(15, "span", 68);
+    i0.ɵɵelementStart(13, "div", 38);
+    i0.ɵɵelement(14, "i", 42);
+    i0.ɵɵelementStart(15, "span", 40);
     i0.ɵɵtext(16, "Items:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 69);
+    i0.ɵɵelementStart(17, "span", 41);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(19, SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Conditional_19_Template, 6, 1, "div", 67);
+    i0.ɵɵconditionalCreate(19, SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Conditional_19_Template, 6, 1, "div", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 71)(21, "button", 72);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template_button_click_21_listener($event) { const engine_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.refreshSingleEngine(engine_r4, $event)); });
-    i0.ɵɵelement(22, "i", 55);
+    i0.ɵɵelementStart(20, "div", 43)(21, "button", 44);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Template_button_click_21_listener($event) { const engine_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.refreshSingleEngine(engine_r4, $event)); });
+    i0.ɵɵelement(22, "i", 26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "button", 73);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template_button_click_23_listener() { const engine_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openEngineDetailPanel(engine_r4)); });
-    i0.ɵɵelement(24, "i", 74);
+    i0.ɵɵelementStart(23, "button", 45);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Template_button_click_23_listener() { const engine_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openEngineDetailPanel(engine_r4)); });
+    i0.ɵɵelement(24, "i", 46);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const engine_r4 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵclassProp("loaded", engine_r4.isLoaded);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("title", engine_r4.className);
@@ -224,56 +106,56 @@ function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template
     i0.ɵɵadvance();
     i0.ɵɵconditional(engine_r4.lastLoadedAt ? 19 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !engine_r4.isLoaded || ctx_r0.isRefreshingSingleEngine === engine_r4.className);
+    i0.ɵɵproperty("disabled", !engine_r4.isLoaded || ctx_r1.isRefreshingSingleEngine === engine_r4.className);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("spinning", ctx_r0.isRefreshingSingleEngine === engine_r4.className);
+    i0.ɵɵclassProp("spinning", ctx_r1.isRefreshingSingleEngine === engine_r4.className);
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", !engine_r4.isLoaded);
 } }
-function SystemDiagnosticsComponent_Conditional_50_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template, 25, 16, "div", 61, _forTrack0);
+function SystemDiagnosticsComponent_Conditional_15_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_15_Conditional_11_For_2_Template, 25, 16, "div", 32, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.engines);
+    i0.ɵɵrepeater(ctx_r1.engines);
 } }
-function SystemDiagnosticsComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 52)(2, "h3");
-    i0.ɵɵelement(3, "i", 21);
+function SystemDiagnosticsComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 22)(2, "h3");
+    i0.ɵɵelement(3, "i", 23);
     i0.ɵɵtext(4, " Registered Engines ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 53)(6, "button", 54);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_50_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.refreshAllEngines()); });
-    i0.ɵɵelement(7, "i", 55);
+    i0.ɵɵelementStart(5, "div", 24)(6, "button", 25);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_15_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshAllEngines()); });
+    i0.ɵɵelement(7, "i", 26);
     i0.ɵɵtext(8, " Refresh All Engines ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "div", 56);
-    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_50_Conditional_10_Template, 6, 0, "div", 57)(11, SystemDiagnosticsComponent_Conditional_50_Conditional_11_Template, 3, 0, "div", 58);
+    i0.ɵɵelementStart(9, "div", 27);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_15_Conditional_10_Template, 6, 0, "div", 28)(11, SystemDiagnosticsComponent_Conditional_15_Conditional_11_Template, 3, 0, "div", 29);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", ctx_r0.isRefreshingEngines);
+    i0.ɵɵproperty("disabled", ctx_r1.isRefreshingEngines);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("spinning", ctx_r0.isRefreshingEngines);
+    i0.ɵɵclassProp("spinning", ctx_r1.isRefreshingEngines);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.engines.length === 0 ? 10 : 11);
+    i0.ɵɵconditional(ctx_r1.engines.length === 0 ? 10 : 11);
 } }
-function SystemDiagnosticsComponent_Conditional_51_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵelement(1, "i", 78);
+function SystemDiagnosticsComponent_Conditional_16_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵelement(1, "i", 51);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No redundant entity loading detected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 31);
     i0.ɵɵtext(5, "Each entity is being loaded by only one engine");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_For_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 87);
+function SystemDiagnosticsComponent_Conditional_16_Conditional_13_For_12_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 60);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -281,14 +163,14 @@ function SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_For_6_T
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(engine_r5);
 } }
-function SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 84);
+function SystemDiagnosticsComponent_Conditional_16_Conditional_13_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 57);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 85)(4, "div", 86);
-    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_For_6_Template, 2, 1, "span", 87, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "td", 58)(4, "div", 59);
+    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_16_Conditional_13_For_12_For_6_Template, 2, 1, "span", 60, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "td", 88)(8, "span", 89);
+    i0.ɵɵelementStart(7, "td", 61)(8, "span", 62);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -300,252 +182,252 @@ function SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_Templat
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(load_r6.engines.length);
 } }
-function SystemDiagnosticsComponent_Conditional_51_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 79)(1, "table", 80)(2, "thead")(3, "tr")(4, "th");
+function SystemDiagnosticsComponent_Conditional_16_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "table", 53)(2, "thead")(3, "tr")(4, "th");
     i0.ɵɵtext(5, "Entity Name");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "th");
     i0.ɵɵtext(7, "Loaded By Engines");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th", 81);
+    i0.ɵɵelementStart(8, "th", 54);
     i0.ɵɵtext(9, "Engine Count");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(10, "tbody");
-    i0.ɵɵrepeaterCreate(11, SystemDiagnosticsComponent_Conditional_51_Conditional_13_For_12_Template, 10, 2, "tr", null, _forTrack1);
+    i0.ɵɵrepeaterCreate(11, SystemDiagnosticsComponent_Conditional_16_Conditional_13_For_12_Template, 10, 2, "tr", null, _forTrack1);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 82);
-    i0.ɵɵelement(14, "i", 83);
+    i0.ɵɵelementStart(13, "div", 55);
+    i0.ɵɵelement(14, "i", 56);
     i0.ɵɵelementStart(15, "div")(16, "strong");
     i0.ɵɵtext(17, "Recommendation:");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(18, " Consider consolidating data loading by having dependent engines access data from a parent engine, or restructuring the engine hierarchy to avoid duplicate data fetches. ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(11);
-    i0.ɵɵrepeater(ctx_r0.redundantLoads);
+    i0.ɵɵrepeater(ctx_r1.redundantLoads);
 } }
-function SystemDiagnosticsComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 52)(2, "h3");
-    i0.ɵɵelement(3, "i", 23);
+function SystemDiagnosticsComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 22)(2, "h3");
+    i0.ɵɵelement(3, "i", 47);
     i0.ɵɵtext(4, " Redundant Entity Loading ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 56)(6, "div", 75);
-    i0.ɵɵelement(7, "i", 76);
+    i0.ɵɵelementStart(5, "div", 27)(6, "div", 48);
+    i0.ɵɵelement(7, "i", 49);
     i0.ɵɵelementStart(8, "div")(9, "strong");
     i0.ɵɵtext(10, "What is this?");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, " This section shows entities that are loaded by multiple engines. Redundant loading indicates potential optimization opportunities where engines could share data or consolidate their loading logic. ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_51_Conditional_12_Template, 6, 0, "div", 77)(13, SystemDiagnosticsComponent_Conditional_51_Conditional_13_Template, 19, 0);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_16_Conditional_12_Template, 6, 0, "div", 50)(13, SystemDiagnosticsComponent_Conditional_16_Conditional_13_Template, 19, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(12);
-    i0.ɵɵconditional(ctx_r0.redundantLoads.length === 0 ? 12 : 13);
+    i0.ɵɵconditional(ctx_r1.redundantLoads.length === 0 ? 12 : 13);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 109);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.toggleTelemetry()); });
-    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementStart(0, "button", 83);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleTelemetry()); });
+    i0.ɵɵelement(1, "i", 84);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 54);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.clearTelemetry()); });
-    i0.ɵɵelement(4, "i", 110);
+    i0.ɵɵelementStart(3, "button", 25);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_14_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearTelemetry()); });
+    i0.ɵɵelement(4, "i", 85);
     i0.ɵɵtext(5, " Clear ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r0.telemetryEnabled);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("active", ctx_r1.telemetryEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-toggle-on", ctx_r0.telemetryEnabled)("fa-toggle-off", !ctx_r0.telemetryEnabled);
+    i0.ɵɵclassProp("fa-toggle-on", ctx_r1.telemetryEnabled)("fa-toggle-off", !ctx_r1.telemetryEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.telemetryEnabled ? "Enabled" : "Disabled", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.telemetryEnabled ? "Enabled" : "Disabled", " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", !ctx_r0.telemetryEnabled);
+    i0.ɵɵproperty("disabled", !ctx_r1.telemetryEnabled);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 111);
-    i0.ɵɵelement(1, "i", 13);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 86);
+    i0.ɵɵelement(1, "i", 84);
     i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "span", 112);
+    i0.ɵɵelementStart(3, "span", 87);
     i0.ɵɵtext(4, "(config)");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("enabled", ctx_r0.serverTelemetryEnabled)("disabled", !ctx_r0.serverTelemetryEnabled);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("enabled", ctx_r1.serverTelemetryEnabled)("disabled", !ctx_r1.serverTelemetryEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-circle-check", ctx_r0.serverTelemetryEnabled)("fa-circle-xmark", !ctx_r0.serverTelemetryEnabled);
+    i0.ɵɵclassProp("fa-circle-check", ctx_r1.serverTelemetryEnabled)("fa-circle-xmark", !ctx_r1.serverTelemetryEnabled);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.serverTelemetryEnabled ? "Enabled" : "Disabled", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.serverTelemetryEnabled ? "Enabled" : "Disabled", " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 96);
-    i0.ɵɵelement(1, "i", 113);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 70);
+    i0.ɵɵelement(1, "i", 88);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵelement(1, "i", 114);
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "i", 89);
     i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "button", 115);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_17_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.serverTelemetryError = null); });
-    i0.ɵɵelement(4, "i", 116);
+    i0.ɵɵelementStart(3, "button", 90);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_17_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.serverTelemetryError = null); });
+    i0.ɵɵelement(4, "i", 91);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.serverTelemetryError, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.serverTelemetryError, " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 76);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.slowQueries.length);
+    i0.ɵɵtextInterpolate(ctx_r1.slowQueries.length);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 106);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 80);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.telemetryInsights.length);
+    i0.ɵɵtextInterpolate(ctx_r1.telemetryInsights.length);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "i", 114);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelement(1, "i", 89);
     i0.ɵɵelementStart(2, "div")(3, "strong");
     i0.ɵɵtext(4, "Telemetry is disabled.");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(5, " Enable telemetry to track RunView, RunQuery, and Engine loading performance. ");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_44_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate2(" Viewing ", ctx_r0.formatRelativeTime(ctx_r0.chartTimeRangeStart), " - ", ctx_r0.formatRelativeTime(ctx_r0.chartTimeRangeEnd), ". Click Reset to show all. ");
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate2(" Viewing ", ctx_r1.formatRelativeTime(ctx_r1.chartTimeRangeStart), " - ", ctx_r1.formatRelativeTime(ctx_r1.chartTimeRangeEnd), ". Click Reset to show all. ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_45_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Drag to select a time range. Gaps >5s compressed. ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_46_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Drag to select a time range. Hover over points for details. ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_47_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "number");
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵtextInterpolate1(" \u2022 ", i0.ɵɵpipeBind2(1, 1, ctx_r0.chartZoomLevel * 100, "1.0-0"), "% zoom ");
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵtextInterpolate1(" \u2022 ", i0.ɵɵpipeBind2(1, 1, ctx_r1.chartZoomLevel * 100, "1.0-0"), "% zoom ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 146);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 121);
     i0.ɵɵtext(1);
-    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Conditional_2_Template, 2, 4);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_47_Conditional_2_Template, 2, 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.telemetrySummary.totalEvents, " events ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.telemetrySummary.totalEvents, " events ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.chartZoomLevel !== 1 ? 2 : -1);
+    i0.ɵɵconditional(ctx_r1.chartZoomLevel !== 1 ? 2 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 108)(1, "div", 117)(2, "div", 118)(3, "span", 119);
-    i0.ɵɵelement(4, "span", 120);
+    i0.ɵɵelementStart(0, "div", 82)(1, "div", 92)(2, "div", 93)(3, "span", 94);
+    i0.ɵɵelement(4, "span", 95);
     i0.ɵɵtext(5, " RunView");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 121);
-    i0.ɵɵelement(7, "span", 120);
+    i0.ɵɵelementStart(6, "span", 96);
+    i0.ɵɵelement(7, "span", 95);
     i0.ɵɵtext(8, " RunQuery");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 122);
-    i0.ɵɵelement(10, "span", 120);
+    i0.ɵɵelementStart(9, "span", 97);
+    i0.ɵɵelement(10, "span", 95);
     i0.ɵɵtext(11, " Engine");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 123);
-    i0.ɵɵelement(13, "span", 120);
+    i0.ɵɵelementStart(12, "span", 98);
+    i0.ɵɵelement(13, "span", 95);
     i0.ɵɵtext(14, " AI");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 124)(16, "div", 125)(17, "button", 126);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setChartInteractionMode("pointer")); });
-    i0.ɵɵelement(18, "i", 127);
+    i0.ɵɵelementStart(15, "div", 99)(16, "div", 100)(17, "button", 101);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setChartInteractionMode("pointer")); });
+    i0.ɵɵelement(18, "i", 102);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 128);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setChartInteractionMode("select")); });
-    i0.ɵɵelement(20, "i", 129);
+    i0.ɵɵelementStart(19, "button", 103);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setChartInteractionMode("select")); });
+    i0.ɵɵelement(20, "i", 104);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "button", 130);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setChartInteractionMode("pan")); });
-    i0.ɵɵelement(22, "i", 131);
+    i0.ɵɵelementStart(21, "button", 105);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setChartInteractionMode("pan")); });
+    i0.ɵɵelement(22, "i", 106);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(23, "span", 132);
-    i0.ɵɵelementStart(24, "button", 133);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.zoomPerfChart("in")); });
-    i0.ɵɵelement(25, "i", 134);
+    i0.ɵɵelement(23, "span", 107);
+    i0.ɵɵelementStart(24, "button", 108);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.zoomPerfChart("in")); });
+    i0.ɵɵelement(25, "i", 109);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "button", 135);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.zoomPerfChart("out")); });
-    i0.ɵɵelement(27, "i", 136);
+    i0.ɵɵelementStart(26, "button", 110);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.zoomPerfChart("out")); });
+    i0.ɵɵelement(27, "i", 111);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 137);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.resetPerfChartZoom()); });
-    i0.ɵɵelement(29, "i", 138);
+    i0.ɵɵelementStart(28, "button", 112);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.resetPerfChartZoom()); });
+    i0.ɵɵelement(29, "i", 113);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(30, "span", 132);
-    i0.ɵɵelementStart(31, "label", 139)(32, "input", 7);
-    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_input_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.chartGapCompression, $event) || (ctx_r0.chartGapCompression = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onGapCompressionChange()); });
+    i0.ɵɵelement(30, "span", 107);
+    i0.ɵɵelementStart(31, "label", 114)(32, "input", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_input_ngModelChange_32_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.chartGapCompression, $event) || (ctx_r1.chartGapCompression = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("change", function SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onGapCompressionChange()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(33, "span");
     i0.ɵɵtext(34, "Compress Gaps");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(35, "div", 140)(36, "div", 141)(37, "span", 142);
+    i0.ɵɵelementStart(35, "div", 115)(36, "div", 116)(37, "span", 117);
     i0.ɵɵtext(38, "Duration (ms)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(39, "div", 143, 0);
+    i0.ɵɵelement(39, "div", 118, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "div", 144)(42, "span", 145);
-    i0.ɵɵelement(43, "i", 76);
-    i0.ɵɵconditionalCreate(44, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_44_Template, 1, 2)(45, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_45_Template, 1, 0)(46, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_46_Template, 1, 0);
+    i0.ɵɵelementStart(41, "div", 119)(42, "span", 120);
+    i0.ɵɵelement(43, "i", 49);
+    i0.ɵɵconditionalCreate(44, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_44_Template, 1, 2)(45, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_45_Template, 1, 0)(46, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_46_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Template, 3, 2, "span", 146);
+    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Conditional_47_Template, 3, 2, "span", 121);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(17);
-    i0.ɵɵclassProp("active", ctx_r0.chartInteractionMode === "pointer");
+    i0.ɵɵclassProp("active", ctx_r1.chartInteractionMode === "pointer");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.chartInteractionMode === "select");
+    i0.ɵɵclassProp("active", ctx_r1.chartInteractionMode === "select");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.chartInteractionMode === "pan");
+    i0.ɵɵclassProp("active", ctx_r1.chartInteractionMode === "pan");
     i0.ɵɵadvance(11);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.chartGapCompression);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.chartGapCompression);
     i0.ɵɵadvance(12);
-    i0.ɵɵconditional(ctx_r0.chartTimeRangeStart !== null && ctx_r0.chartTimeRangeEnd !== null ? 44 : ctx_r0.chartGapCompression ? 45 : 46);
+    i0.ɵɵconditional(ctx_r1.chartTimeRangeStart !== null && ctx_r1.chartTimeRangeEnd !== null ? 44 : ctx_r1.chartGapCompression ? 45 : 46);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.telemetrySummary ? 47 : -1);
+    i0.ɵɵconditional(ctx_r1.telemetrySummary ? 47 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_For_5_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_21_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 156);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_For_5_Template_div_click_0_listener() { const cat_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.jumpToPatternsByCategory(cat_r12.name)); });
-    i0.ɵɵelementStart(1, "span", 157);
+    i0.ɵɵelementStart(0, "div", 131);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_21_For_5_Template_div_click_0_listener() { const cat_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.jumpToPatternsByCategory(cat_r12.name)); });
+    i0.ɵɵelementStart(1, "span", 132);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 158);
+    i0.ɵɵelementStart(3, "span", 133);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 159);
+    i0.ɵɵelementStart(5, "span", 134);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "number");
     i0.ɵɵelementEnd()();
@@ -558,26 +440,26 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("avg ", i0.ɵɵpipeBind2(7, 3, cat_r12.avgMs, "1.0-0"), "ms");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 151)(1, "h4");
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 126)(1, "h4");
     i0.ɵɵtext(2, "By Category");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 154);
-    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_For_5_Template, 8, 6, "div", 155, _forTrack2);
+    i0.ɵɵelementStart(3, "div", 129);
+    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_21_For_5_Template, 8, 6, "div", 130, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r0.categoriesWithData);
+    i0.ɵɵrepeater(ctx_r1.categoriesWithData);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 167);
-    i0.ɵɵelement(1, "i", 173);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 142);
+    i0.ɵɵelement(1, "i", 148);
     i0.ɵɵtext(2, " CACHED ");
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 174);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 149);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -585,34 +467,34 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(entity_r15);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 175);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 150);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r0.getRunViewsEntityCount(query_r14) - 4, " more");
+    i0.ɵɵtextInterpolate1("+", ctx_r1.getRunViewsEntityCount(query_r14) - 4, " more");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 169);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template, 2, 1, "span", 174, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template, 2, 1, "span", 175);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 144);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template, 2, 1, "span", 149, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template, 2, 1, "span", 150);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getRunViewsEntities(query_r14, 4));
+    i0.ɵɵrepeater(ctx_r1.getRunViewsEntities(query_r14, 4));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.hasMoreEntities(query_r14, 4) ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.hasMoreEntities(query_r14, 4) ? 3 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 177)(1, "span", 178);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 152)(1, "span", 153);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 179);
+    i0.ɵɵelementStart(3, "span", 154);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -624,51 +506,51 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(pill_r16.value);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 170);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template, 5, 5, "span", 176, _forTrack4);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 145);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template, 5, 5, "span", 151, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getRunViewPills(query_r14));
+    i0.ɵɵrepeater(ctx_r1.getRunViewPills(query_r14));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 171);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 146);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.truncateString(query_r14.filter, 60));
+    i0.ɵɵtextInterpolate(ctx_r1.truncateString(query_r14.filter, 60));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 163);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Template_div_click_0_listener() { const query_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.openEventDetailPanel(query_r14)); });
-    i0.ɵɵelementStart(1, "div", 164)(2, "span", 165);
+    i0.ɵɵelementStart(0, "div", 138);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Template_div_click_0_listener() { const query_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openEventDetailPanel(query_r14)); });
+    i0.ɵɵelementStart(1, "div", 139)(2, "span", 140);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 166);
+    i0.ɵɵelementStart(4, "span", 141);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_6_Template, 3, 0, "span", 167);
-    i0.ɵɵelementStart(7, "span", 168);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_6_Template, 3, 0, "span", 142);
+    i0.ɵɵelementStart(7, "span", 143);
     i0.ɵɵtext(8);
     i0.ɵɵpipe(9, "number");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_10_Template, 4, 1, "div", 169);
-    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_11_Template, 3, 0, "div", 170);
-    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Conditional_12_Template, 2, 1, "div", 171);
-    i0.ɵɵelementStart(13, "div", 172);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_10_Template, 4, 1, "div", 144);
+    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_11_Template, 3, 0, "div", 145);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Conditional_12_Template, 2, 1, "div", 146);
+    i0.ɵɵelementStart(13, "div", 147);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const query_r14 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("cache-hit", ctx_r0.isCacheHit(query_r14));
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("cache-hit", ctx_r1.isCacheHit(query_r14));
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("cat-" + query_r14.category.toLowerCase());
     i0.ɵɵadvance();
@@ -676,134 +558,134 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(query_r14.entityName || query_r14.operation);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isCacheHit(query_r14) ? 6 : -1);
+    i0.ɵɵconditional(ctx_r1.isCacheHit(query_r14) ? 6 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(9, 12, query_r14.elapsedMs, "1.0-0"), "ms");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.isRunViewsOperation(query_r14) ? 10 : -1);
+    i0.ɵɵconditional(ctx_r1.isRunViewsOperation(query_r14) ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isRunViewOperation(query_r14) && ctx_r0.getRunViewPills(query_r14).length > 0 ? 11 : -1);
+    i0.ɵɵconditional(ctx_r1.isRunViewOperation(query_r14) && ctx_r1.getRunViewPills(query_r14).length > 0 ? 11 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(query_r14.filter ? 12 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTimestamp(query_r14.timestamp));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(query_r14.timestamp));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 152)(1, "h4");
-    i0.ɵɵelement(2, "i", 160);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 127)(1, "h4");
+    i0.ɵɵelement(2, "i", 135);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 161);
-    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Template, 15, 15, "div", 162, _forTrack3);
+    i0.ɵɵelementStart(4, "div", 136);
+    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_For_6_Template, 15, 15, "div", 137, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Slow Operations (>", ctx_r0.slowQueryThresholdMs, "ms) ");
+    i0.ɵɵtextInterpolate1(" Slow Operations (>", ctx_r1.slowQueryThresholdMs, "ms) ");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.slowQueries.slice(0, 10));
+    i0.ɵɵrepeater(ctx_r1.slowQueries.slice(0, 10));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 153);
-    i0.ɵɵelement(1, "i", 78);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 128);
+    i0.ɵɵelement(1, "i", 51);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("No slow operations detected. All operations completed under ", ctx_r0.slowQueryThresholdMs, "ms.");
+    i0.ɵɵtextInterpolate1("No slow operations detected. All operations completed under ", ctx_r1.slowQueryThresholdMs, "ms.");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 147)(1, "div", 148)(2, "div", 149);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 122)(1, "div", 123)(2, "div", 124);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 150);
+    i0.ɵɵelementStart(4, "div", 125);
     i0.ɵɵtext(5, "Total Events");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 148)(7, "div", 149);
+    i0.ɵɵelementStart(6, "div", 123)(7, "div", 124);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 150);
+    i0.ɵɵelementStart(9, "div", 125);
     i0.ɵɵtext(10, "Unique Patterns");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 148)(12, "div", 149);
+    i0.ɵɵelementStart(11, "div", 123)(12, "div", 124);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 150);
+    i0.ɵɵelementStart(14, "div", 125);
     i0.ɵɵtext(15, "Insights");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 148)(17, "div", 149);
+    i0.ɵɵelementStart(16, "div", 123)(17, "div", 124);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 150);
+    i0.ɵɵelementStart(19, "div", 125);
     i0.ɵɵtext(20, "Active");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(21, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_Template, 6, 0, "div", 151);
-    i0.ɵɵconditionalCreate(22, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_Template, 7, 1, "div", 152)(23, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_23_Template, 4, 1, "div", 153);
+    i0.ɵɵconditionalCreate(21, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_21_Template, 6, 0, "div", 126);
+    i0.ɵɵconditionalCreate(22, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_22_Template, 7, 1, "div", 127)(23, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Conditional_23_Template, 4, 1, "div", 128);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.totalEvents) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.totalEvents) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.totalPatterns) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.totalPatterns) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.totalInsights) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.totalInsights) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.activeEvents) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.activeEvents) || 0);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r0.telemetrySummary && ctx_r0.telemetrySummary.totalEvents > 0 ? 21 : -1);
+    i0.ɵɵconditional(ctx_r1.telemetrySummary && ctx_r1.telemetrySummary.totalEvents > 0 ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.slowQueries.length > 0 ? 22 : ctx_r0.telemetryEnabled && ctx_r0.telemetrySummary && ctx_r0.telemetrySummary.totalEvents > 0 ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.slowQueries.length > 0 ? 22 : ctx_r1.telemetryEnabled && ctx_r1.telemetrySummary && ctx_r1.telemetrySummary.totalEvents > 0 ? 23 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 191);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.clearSearch()); });
-    i0.ɵɵelement(1, "i", 116);
+    i0.ɵɵelementStart(0, "button", 166);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
+    i0.ɵɵelement(1, "i", 91);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_For_9_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_For_9_Template_button_click_0_listener() { const cat_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCategoryFilterByName(cat_r20.name)); });
+    i0.ɵɵelementStart(0, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_For_9_Template_button_click_0_listener() { const cat_r20 = i0.ɵɵrestoreView(_r19).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCategoryFilterByName(cat_r20.name)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const cat_r20 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r0.categoryFilter === cat_r20.name);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.categoryFilter === cat_r20.name);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", cat_r20.name, " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 195);
-    i0.ɵɵelement(1, "i", 173);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 170);
+    i0.ɵɵelement(1, "i", 148);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 196);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 171);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 201);
-    i0.ɵɵelement(1, "i", 173);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 176);
+    i0.ɵɵelement(1, "i", 148);
     i0.ɵɵtext(2, " CACHED ");
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 209);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 184);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "number");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("slow", (event_r22.elapsedMs || 0) >= ctx_r0.slowQueryThresholdMs);
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("slow", (event_r22.elapsedMs || 0) >= ctx_r1.slowQueryThresholdMs);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 3, event_r22.elapsedMs, "1.0-0"), "ms ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 205);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 180);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -811,8 +693,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(event_r22.entityName);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 210);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 185);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -820,34 +702,34 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(entity_r23);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 211);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 186);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", ctx_r0.getRunViewsEntityCount(event_r22) - 3, " more");
+    i0.ɵɵtextInterpolate1("+", ctx_r1.getRunViewsEntityCount(event_r22) - 3, " more");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 206);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template, 2, 1, "span", 210, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template, 2, 1, "span", 211);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template, 2, 1, "span", 185, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template, 2, 1, "span", 186);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getRunViewsEntities(event_r22, 3));
+    i0.ɵɵrepeater(ctx_r1.getRunViewsEntities(event_r22, 3));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.hasMoreEntities(event_r22, 3) ? 3 : -1);
+    i0.ɵɵconditional(ctx_r1.hasMoreEntities(event_r22, 3) ? 3 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 213)(1, "span", 178);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 188)(1, "span", 153);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 179);
+    i0.ɵɵelementStart(3, "span", 154);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -859,67 +741,67 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(pill_r24.value);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 207);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template, 5, 5, "span", 212, _forTrack4);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 182);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template, 5, 5, "span", 187, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getRunViewPills(event_r22));
+    i0.ɵɵrepeater(ctx_r1.getRunViewPills(event_r22));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 208);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 183);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.truncateString(event_r22.filter, 80));
+    i0.ɵɵtextInterpolate(ctx_r1.truncateString(event_r22.filter, 80));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Template_div_click_0_listener() { const event_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.openEventDetailPanel(event_r22)); });
-    i0.ɵɵelementStart(1, "div", 194);
-    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_2_Template, 2, 0, "div", 195)(3, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_3_Template, 1, 0, "div", 196);
-    i0.ɵɵelement(4, "div", 197);
+    i0.ɵɵelementStart(0, "div", 168);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Template_div_click_0_listener() { const event_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.openEventDetailPanel(event_r22)); });
+    i0.ɵɵelementStart(1, "div", 169);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_2_Template, 2, 0, "div", 170)(3, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_3_Template, 1, 0, "div", 171);
+    i0.ɵɵelement(4, "div", 172);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 198)(6, "div", 199)(7, "span", 200);
+    i0.ɵɵelementStart(5, "div", 173)(6, "div", 174)(7, "span", 175);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 165);
+    i0.ɵɵelementStart(9, "span", 140);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_11_Template, 3, 0, "span", 201);
-    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_12_Template, 3, 6, "span", 202);
+    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_11_Template, 3, 0, "span", 176);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_12_Template, 3, 6, "span", 177);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 203)(14, "span", 204);
+    i0.ɵɵelementStart(13, "div", 178)(14, "span", 179);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_16_Template, 2, 1, "span", 205);
-    i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_17_Template, 4, 1, "div", 206);
+    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_16_Template, 2, 1, "span", 180);
+    i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_17_Template, 4, 1, "div", 181);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(18, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_18_Template, 3, 0, "div", 207);
-    i0.ɵɵconditionalCreate(19, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Conditional_19_Template, 2, 1, "div", 208);
+    i0.ɵɵconditionalCreate(18, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_18_Template, 3, 0, "div", 182);
+    i0.ɵɵconditionalCreate(19, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Conditional_19_Template, 2, 1, "div", 183);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const event_r22 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵclassMap("tl-" + event_r22.category.toLowerCase());
-    i0.ɵɵclassProp("cache-hit", ctx_r0.isCacheHit(event_r22));
+    i0.ɵɵclassProp("cache-hit", ctx_r1.isCacheHit(event_r22));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.isCacheHit(event_r22) ? 2 : 3);
+    i0.ɵɵconditional(ctx_r1.isCacheHit(event_r22) ? 2 : 3);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTimestamp(event_r22.timestamp));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(event_r22.timestamp));
     i0.ɵɵadvance();
     i0.ɵɵclassMap("cat-" + event_r22.category.toLowerCase());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", event_r22.category, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isCacheHit(event_r22) ? 11 : -1);
+    i0.ɵɵconditional(ctx_r1.isCacheHit(event_r22) ? 11 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(event_r22.elapsedMs !== undefined ? 12 : -1);
     i0.ɵɵadvance(3);
@@ -927,79 +809,79 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵconditional(event_r22.entityName ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isRunViewsOperation(event_r22) ? 17 : -1);
+    i0.ɵɵconditional(ctx_r1.isRunViewsOperation(event_r22) ? 17 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.isRunViewOperation(event_r22) && ctx_r0.getRunViewPills(event_r22).length > 0 ? 18 : -1);
+    i0.ɵɵconditional(ctx_r1.isRunViewOperation(event_r22) && ctx_r1.getRunViewPills(event_r22).length > 0 ? 18 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(event_r22.filter ? 19 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Template, 20, 16, "div", 192, _forTrack3);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_For_1_Template, 20, 16, "div", 167, _forTrack3);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r0.filteredEvents.slice(0, 50));
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r1.filteredEvents.slice(0, 50));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 190);
-    i0.ɵɵelement(1, "i", 214);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 165);
+    i0.ɵɵelement(1, "i", 189);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No events recorded yet");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 180)(1, "div", 181);
-    i0.ɵɵelement(2, "i", 182);
-    i0.ɵɵelementStart(3, "input", 183);
-    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.searchQuery, $event) || (ctx_r0.searchQuery = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSearchChange()); });
+    i0.ɵɵelementStart(0, "div", 155)(1, "div", 156);
+    i0.ɵɵelement(2, "i", 157);
+    i0.ɵɵelementStart(3, "input", 158);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.searchQuery, $event) || (ctx_r1.searchQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSearchChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_4_Template, 2, 0, "button", 184);
+    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_4_Template, 2, 0, "button", 159);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 185)(6, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setCategoryFilter("all")); });
+    i0.ɵɵelementStart(5, "div", 160)(6, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_49_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setCategoryFilter("all")); });
     i0.ɵɵtext(7, " All ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, SystemDiagnosticsComponent_Conditional_52_Conditional_49_For_9_Template, 2, 3, "button", 187, _forTrack2);
+    i0.ɵɵrepeaterCreate(8, SystemDiagnosticsComponent_Conditional_17_Conditional_49_For_9_Template, 2, 3, "button", 162, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 188)(11, "div", 189);
-    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_Template, 2, 0)(13, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_13_Template, 4, 0, "div", 190);
+    i0.ɵɵelementStart(10, "div", 163)(11, "div", 164);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_12_Template, 2, 0)(13, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Conditional_13_Template, 4, 0, "div", 165);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.searchQuery);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchQuery);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.searchQuery ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.searchQuery ? 4 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.categoryFilter === "all");
+    i0.ɵɵclassProp("active", ctx_r1.categoryFilter === "all");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.categoriesWithData);
+    i0.ɵɵrepeater(ctx_r1.categoriesWithData);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.filteredEvents.length > 0 ? 12 : 13);
+    i0.ɵɵconditional(ctx_r1.filteredEvents.length > 0 ? 12 : 13);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 191);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.clearSearch()); });
-    i0.ɵɵelement(1, "i", 116);
+    i0.ɵɵelementStart(0, "button", 166);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
+    i0.ɵɵelement(1, "i", 91);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_For_9_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_For_9_Template_button_click_0_listener() { const cat_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCategoryFilterByName(cat_r28.name)); });
+    i0.ɵɵelementStart(0, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_For_9_Template_button_click_0_listener() { const cat_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCategoryFilterByName(cat_r28.name)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const cat_r28 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r0.categoryFilter === cat_r28.name);
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.categoryFilter === cat_r28.name);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", cat_r28.name, " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 226);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 201);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1007,40 +889,40 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(pattern_r30.count);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const pattern_r30 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵtextInterpolate1(" ", pattern_r30.count, " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 222);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 197);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td", 223);
+    i0.ɵɵelementStart(4, "td", 198);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 224);
+    i0.ɵɵelementStart(6, "td", 199);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 225);
+    i0.ɵɵelementStart(8, "td", 200);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td", 81);
-    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Conditional_11_Template, 2, 1, "span", 226)(12, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Conditional_12_Template, 1, 1);
+    i0.ɵɵelementStart(10, "td", 54);
+    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Conditional_11_Template, 2, 1, "span", 201)(12, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Conditional_12_Template, 1, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 81);
+    i0.ɵɵelementStart(13, "td", 54);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 81);
+    i0.ɵɵelementStart(16, "td", 54);
     i0.ɵɵtext(17);
     i0.ɵɵpipe(18, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const pattern_r30 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("duplicate-row", pattern_r30.count >= 2)("slow-row", pattern_r30.avgElapsedMs >= ctx_r0.slowQueryThresholdMs);
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("duplicate-row", pattern_r30.count >= 2)("slow-row", pattern_r30.avgElapsedMs >= ctx_r1.slowQueryThresholdMs);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("cat-" + pattern_r30.category.toLowerCase());
     i0.ɵɵadvance();
@@ -1052,123 +934,123 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10
     i0.ɵɵadvance();
     i0.ɵɵproperty("title", pattern_r30.filter || "");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.truncateString(pattern_r30.filter, 30), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.truncateString(pattern_r30.filter, 30), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(pattern_r30.count >= 2 ? 11 : 12);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("slow-value", pattern_r30.avgElapsedMs >= ctx_r0.slowQueryThresholdMs);
+    i0.ɵɵclassProp("slow-value", pattern_r30.avgElapsedMs >= ctx_r1.slowQueryThresholdMs);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(15, 16, pattern_r30.avgElapsedMs, "1.1-1"), " ");
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(18, 19, pattern_r30.totalElapsedMs, "1.0-0"));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 216)(1, "div", 217)(2, "table", 218)(3, "thead")(4, "tr")(5, "th", 219);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("category")); });
+    i0.ɵɵelementStart(0, "div", 191)(1, "div", 192)(2, "table", 193)(3, "thead")(4, "tr")(5, "th", 194);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_5_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("category")); });
     i0.ɵɵtext(6, " Category ");
-    i0.ɵɵelement(7, "i", 13);
+    i0.ɵɵelement(7, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th", 219);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_8_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("operation")); });
+    i0.ɵɵelementStart(8, "th", 194);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_8_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("operation")); });
     i0.ɵɵtext(9, " Operation ");
-    i0.ɵɵelement(10, "i", 13);
+    i0.ɵɵelement(10, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "th", 219);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_11_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("entity")); });
+    i0.ɵɵelementStart(11, "th", 194);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_11_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("entity")); });
     i0.ɵɵtext(12, " Entity/Query ");
-    i0.ɵɵelement(13, "i", 13);
+    i0.ɵɵelement(13, "i", 84);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(14, "th");
     i0.ɵɵtext(15, "Filter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 220);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_16_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("count")); });
+    i0.ɵɵelementStart(16, "th", 195);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_16_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("count")); });
     i0.ɵɵtext(17, " Count ");
-    i0.ɵɵelement(18, "i", 13);
+    i0.ɵɵelement(18, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "th", 220);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_19_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("avgMs")); });
+    i0.ɵɵelementStart(19, "th", 195);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_19_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("avgMs")); });
     i0.ɵɵtext(20, " Avg (ms) ");
-    i0.ɵɵelement(21, "i", 13);
+    i0.ɵɵelement(21, "i", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "th", 220);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template_th_click_22_listener() { i0.ɵɵrestoreView(_r29); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.sortPatternsBy("totalMs")); });
+    i0.ɵɵelementStart(22, "th", 195);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template_th_click_22_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.sortPatternsBy("totalMs")); });
     i0.ɵɵtext(23, " Total (ms) ");
-    i0.ɵɵelement(24, "i", 13);
+    i0.ɵɵelement(24, "i", 84);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(25, "tbody");
-    i0.ɵɵrepeaterCreate(26, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_For_27_Template, 19, 22, "tr", 221, _forTrack5);
+    i0.ɵɵrepeaterCreate(26, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_For_27_Template, 19, 22, "tr", 196, _forTrack5);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("category"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("category"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("operation"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("operation"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("entity"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("entity"));
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("count"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("count"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("avgMs"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("avgMs"));
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r0.getSortIcon("totalMs"));
+    i0.ɵɵclassMap(ctx_r1.getSortIcon("totalMs"));
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.filteredPatterns);
+    i0.ɵɵrepeater(ctx_r1.filteredPatterns);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 214);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "i", 189);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No telemetry data yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 31);
     i0.ɵɵtext(5, "Navigate around the app to generate performance data");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 190);
-    i0.ɵɵelement(1, "i", 227);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 165);
+    i0.ɵɵelement(1, "i", 202);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No patterns match your filter");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 180)(1, "div", 181);
-    i0.ɵɵelement(2, "i", 182);
-    i0.ɵɵelementStart(3, "input", 215);
-    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.searchQuery, $event) || (ctx_r0.searchQuery = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSearchChange()); });
+    i0.ɵɵelementStart(0, "div", 155)(1, "div", 156);
+    i0.ɵɵelement(2, "i", 157);
+    i0.ɵɵelementStart(3, "input", 190);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.searchQuery, $event) || (ctx_r1.searchQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSearchChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_4_Template, 2, 0, "button", 184);
+    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_4_Template, 2, 0, "button", 159);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 185)(6, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setCategoryFilter("all")); });
+    i0.ɵɵelementStart(5, "div", 160)(6, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_50_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setCategoryFilter("all")); });
     i0.ɵɵtext(7, " All ");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, SystemDiagnosticsComponent_Conditional_52_Conditional_50_For_9_Template, 2, 3, "button", 187, _forTrack2);
+    i0.ɵɵrepeaterCreate(8, SystemDiagnosticsComponent_Conditional_17_Conditional_50_For_9_Template, 2, 3, "button", 162, _forTrack2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10_Template, 28, 12, "div", 216)(11, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_11_Template, 6, 0, "div", 57)(12, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_12_Template, 4, 0, "div", 190);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_10_Template, 28, 12, "div", 191)(11, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_11_Template, 6, 0, "div", 28)(12, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Conditional_12_Template, 4, 0, "div", 165);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.searchQuery);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchQuery);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.searchQuery ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.searchQuery ? 4 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.categoryFilter === "all");
+    i0.ɵɵclassProp("active", ctx_r1.categoryFilter === "all");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.categoriesWithData);
+    i0.ɵɵrepeater(ctx_r1.categoriesWithData);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.filteredPatterns.length > 0 ? 10 : ctx_r0.telemetryEnabled && ctx_r0.telemetryPatterns.length === 0 ? 11 : ctx_r0.searchQuery || ctx_r0.categoryFilter !== "all" ? 12 : -1);
+    i0.ɵɵconditional(ctx_r1.filteredPatterns.length > 0 ? 10 : ctx_r1.telemetryEnabled && ctx_r1.telemetryPatterns.length === 0 ? 11 : ctx_r1.searchQuery || ctx_r1.categoryFilter !== "all" ? 12 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 237)(1, "span", 241);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 212)(1, "span", 216);
     i0.ɵɵtext(2, "Entity:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 242);
+    i0.ɵɵelementStart(3, "span", 217);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1176,24 +1058,24 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(insight_r32.entityName);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 237)(1, "span", 241);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 212)(1, "span", 216);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 243);
+    i0.ɵɵelementStart(3, "code", 218);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const insight_r32 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.getInsightFilter(insight_r32));
+    i0.ɵɵtextInterpolate(ctx_r1.getInsightFilter(insight_r32));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 247)(1, "span", 250);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 222)(1, "span", 225);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 251);
+    i0.ɵɵelementStart(3, "span", 226);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1203,8 +1085,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(param_r33.value);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 254);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 229);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1212,32 +1094,32 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(event_r34.entityName);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 255);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 230);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r34 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.truncateString(event_r34.filter, 40));
+    i0.ɵɵtextInterpolate(ctx_r1.truncateString(event_r34.filter, 40));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 249)(1, "span", 252);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 224)(1, "span", 227);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 253);
+    i0.ɵɵelementStart(3, "span", 228);
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template, 2, 1, "span", 254);
-    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template, 2, 1, "span", 255);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template, 2, 1, "span", 229);
+    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template, 2, 1, "span", 230);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r34 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(7);
+    const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTimestamp(event_r34.timestamp));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(event_r34.timestamp));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(5, 4, event_r34.elapsedMs, "1.0-0"), "ms");
     i0.ɵɵadvance(2);
@@ -1245,71 +1127,71 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance();
     i0.ɵɵconditional(event_r34.filter ? 7 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 244)(1, "div", 245);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 219)(1, "div", 220);
     i0.ɵɵtext(2, "Full Parameters");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 246);
-    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template, 5, 2, "div", 247, _forTrack6);
+    i0.ɵɵelementStart(3, "div", 221);
+    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template, 5, 2, "div", 222, _forTrack6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 244)(7, "div", 245);
+    i0.ɵɵelementStart(6, "div", 219)(7, "div", 220);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 248);
-    i0.ɵɵrepeaterCreate(10, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template, 8, 7, "div", 249, _forTrack3);
+    i0.ɵɵelementStart(9, "div", 223);
+    i0.ɵɵrepeaterCreate(10, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template, 8, 7, "div", 224, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const insight_r32 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r0.getEventParams(insight_r32.relatedEvents[0]));
+    i0.ɵɵrepeater(ctx_r1.getEventParams(insight_r32.relatedEvents[0]));
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("Related Calls (", insight_r32.relatedEvents.length, ")");
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(insight_r32.relatedEvents);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 240);
-    i0.ɵɵconditionalCreate(1, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_Template, 12, 1);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 215);
+    i0.ɵɵconditionalCreate(1, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_Template, 12, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r32 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
     i0.ɵɵconditional(insight_r32.relatedEvents.length > 0 ? 1 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 231)(1, "div", 232);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Template_div_click_1_listener() { const insight_r32 = i0.ɵɵrestoreView(_r31).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleInsightExpanded(insight_r32)); });
-    i0.ɵɵelement(2, "i", 13);
-    i0.ɵɵelementStart(3, "span", 233);
+    i0.ɵɵelementStart(0, "div", 206)(1, "div", 207);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Template_div_click_1_listener() { const insight_r32 = i0.ɵɵrestoreView(_r31).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleInsightExpanded(insight_r32)); });
+    i0.ɵɵelement(2, "i", 84);
+    i0.ɵɵelementStart(3, "span", 208);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 234);
+    i0.ɵɵelementStart(5, "span", 209);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "i", 235);
+    i0.ɵɵelement(7, "i", 210);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 236);
-    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_9_Template, 5, 1, "div", 237);
-    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_10_Template, 5, 1, "div", 237);
+    i0.ɵɵelementStart(8, "div", 211);
+    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_9_Template, 5, 1, "div", 212);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_10_Template, 5, 1, "div", 212);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 238);
+    i0.ɵɵelementStart(11, "div", 213);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 239);
-    i0.ɵɵelement(14, "i", 74);
+    i0.ɵɵelementStart(13, "div", 214);
+    i0.ɵɵelement(14, "i", 46);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Conditional_16_Template, 2, 1, "div", 240);
+    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Conditional_16_Template, 2, 1, "div", 215);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r32 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassMap(ctx_r0.getSeverityClass(insight_r32.severity));
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassMap(ctx_r1.getSeverityClass(insight_r32.severity));
     i0.ɵɵclassProp("expanded", insight_r32.expanded);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r0.getSeverityIcon(insight_r32.severity));
+    i0.ɵɵclassMap(ctx_r1.getSeverityIcon(insight_r32.severity));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(insight_r32.title);
     i0.ɵɵadvance(2);
@@ -1319,7 +1201,7 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(insight_r32.entityName ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.getInsightFilter(insight_r32) ? 10 : -1);
+    i0.ɵɵconditional(ctx_r1.getInsightFilter(insight_r32) ? 10 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(insight_r32.message);
     i0.ɵɵadvance(3);
@@ -1327,175 +1209,175 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance();
     i0.ɵɵconditional(insight_r32.expanded ? 16 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 228)(1, "div", 229);
-    i0.ɵɵrepeaterCreate(2, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_For_3_Template, 17, 17, "div", 230, _forTrack3);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 203)(1, "div", 204);
+    i0.ɵɵrepeaterCreate(2, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_For_3_Template, 17, 17, "div", 205, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r0.telemetryInsights);
+    i0.ɵɵrepeater(ctx_r1.telemetryInsights);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 256);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "i", 231);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No optimization insights");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 31);
     i0.ɵɵtext(5, "Insights will appear when potential optimizations are detected");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_Template, 4, 0, "div", 228)(1, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_1_Template, 6, 0, "div", 57);
+function SystemDiagnosticsComponent_Conditional_17_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_0_Template, 4, 0, "div", 203)(1, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Conditional_1_Template, 6, 0, "div", 28);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(ctx_r0.telemetryInsights.length > 0 ? 0 : 1);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.telemetryInsights.length > 0 ? 0 : 1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 52)(2, "h3");
-    i0.ɵɵelement(3, "i", 26);
+    i0.ɵɵelementStart(0, "div", 16)(1, "div", 22)(2, "h3");
+    i0.ɵɵelement(3, "i", 63);
     i0.ɵɵtext(4, " Performance Telemetry ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 53)(6, "div", 90)(7, "button", 91);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setTelemetrySource("client")); });
-    i0.ɵɵelement(8, "i", 92);
+    i0.ɵɵelementStart(5, "div", 24)(6, "div", 64)(7, "button", 65);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setTelemetrySource("client")); });
+    i0.ɵɵelement(8, "i", 66);
     i0.ɵɵtext(9, " Client ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 91);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setTelemetrySource("server")); });
-    i0.ɵɵelement(11, "i", 93);
+    i0.ɵɵelementStart(10, "button", 65);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setTelemetrySource("server")); });
+    i0.ɵɵelement(11, "i", 67);
     i0.ɵɵtext(12, " Server ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(13, "span", 94);
-    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template, 6, 8)(15, SystemDiagnosticsComponent_Conditional_52_Conditional_15_Template, 5, 9, "span", 95);
-    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_52_Conditional_16_Template, 2, 0, "span", 96);
+    i0.ɵɵelement(13, "span", 68);
+    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_17_Conditional_14_Template, 6, 8)(15, SystemDiagnosticsComponent_Conditional_17_Conditional_15_Template, 5, 9, "span", 69);
+    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_17_Conditional_16_Template, 2, 0, "span", 70);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_52_Conditional_17_Template, 5, 1, "div", 97);
-    i0.ɵɵelementStart(18, "div", 98)(19, "button", 99);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("monitor")); });
-    i0.ɵɵelement(20, "i", 100);
+    i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_17_Conditional_17_Template, 5, 1, "div", 71);
+    i0.ɵɵelementStart(18, "div", 72)(19, "button", 73);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setPerfTab("monitor")); });
+    i0.ɵɵelement(20, "i", 74);
     i0.ɵɵelementStart(21, "span");
     i0.ɵɵtext(22, "Monitor");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "button", 99);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("overview")); });
-    i0.ɵɵelement(24, "i", 101);
+    i0.ɵɵelementStart(23, "button", 73);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setPerfTab("overview")); });
+    i0.ɵɵelement(24, "i", 75);
     i0.ɵɵelementStart(25, "span");
     i0.ɵɵtext(26, "Overview");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(27, SystemDiagnosticsComponent_Conditional_52_Conditional_27_Template, 2, 1, "span", 102);
+    i0.ɵɵconditionalCreate(27, SystemDiagnosticsComponent_Conditional_17_Conditional_27_Template, 2, 1, "span", 76);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 99);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("events")); });
-    i0.ɵɵelement(29, "i", 103);
+    i0.ɵɵelementStart(28, "button", 73);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setPerfTab("events")); });
+    i0.ɵɵelement(29, "i", 77);
     i0.ɵɵelementStart(30, "span");
     i0.ɵɵtext(31, "Events");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "span", 104);
+    i0.ɵɵelementStart(32, "span", 78);
     i0.ɵɵtext(33);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(34, "button", 99);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("patterns")); });
-    i0.ɵɵelement(35, "i", 105);
+    i0.ɵɵelementStart(34, "button", 73);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setPerfTab("patterns")); });
+    i0.ɵɵelement(35, "i", 79);
     i0.ɵɵelementStart(36, "span");
     i0.ɵɵtext(37, "Patterns");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "span", 104);
+    i0.ɵɵelementStart(38, "span", 78);
     i0.ɵɵtext(39);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "button", 99);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_52_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("insights")); });
-    i0.ɵɵelement(41, "i", 83);
+    i0.ɵɵelementStart(40, "button", 73);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_17_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setPerfTab("insights")); });
+    i0.ɵɵelement(41, "i", 56);
     i0.ɵɵelementStart(42, "span");
     i0.ɵɵtext(43, "Insights");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(44, SystemDiagnosticsComponent_Conditional_52_Conditional_44_Template, 2, 1, "span", 106);
+    i0.ɵɵconditionalCreate(44, SystemDiagnosticsComponent_Conditional_17_Conditional_44_Template, 2, 1, "span", 80);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 56);
-    i0.ɵɵconditionalCreate(46, SystemDiagnosticsComponent_Conditional_52_Conditional_46_Template, 6, 0, "div", 107);
-    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template, 48, 9, "div", 108);
-    i0.ɵɵconditionalCreate(48, SystemDiagnosticsComponent_Conditional_52_Conditional_48_Template, 24, 6);
-    i0.ɵɵconditionalCreate(49, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template, 14, 5);
-    i0.ɵɵconditionalCreate(50, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template, 13, 5);
-    i0.ɵɵconditionalCreate(51, SystemDiagnosticsComponent_Conditional_52_Conditional_51_Template, 2, 1);
+    i0.ɵɵelementStart(45, "div", 27);
+    i0.ɵɵconditionalCreate(46, SystemDiagnosticsComponent_Conditional_17_Conditional_46_Template, 6, 0, "div", 81);
+    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_17_Conditional_47_Template, 48, 9, "div", 82);
+    i0.ɵɵconditionalCreate(48, SystemDiagnosticsComponent_Conditional_17_Conditional_48_Template, 24, 6);
+    i0.ɵɵconditionalCreate(49, SystemDiagnosticsComponent_Conditional_17_Conditional_49_Template, 14, 5);
+    i0.ɵɵconditionalCreate(50, SystemDiagnosticsComponent_Conditional_17_Conditional_50_Template, 13, 5);
+    i0.ɵɵconditionalCreate(51, SystemDiagnosticsComponent_Conditional_17_Conditional_51_Template, 2, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(7);
-    i0.ɵɵclassProp("active", ctx_r0.telemetrySource === "client");
+    i0.ɵɵclassProp("active", ctx_r1.telemetrySource === "client");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r0.telemetrySource === "server");
+    i0.ɵɵclassProp("active", ctx_r1.telemetrySource === "server");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.telemetrySource === "client" ? 14 : 15);
+    i0.ɵɵconditional(ctx_r1.telemetrySource === "client" ? 14 : 15);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.serverTelemetryLoading ? 16 : -1);
+    i0.ɵɵconditional(ctx_r1.serverTelemetryLoading ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.serverTelemetryError ? 17 : -1);
+    i0.ɵɵconditional(ctx_r1.serverTelemetryError ? 17 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.perfTab === "monitor");
+    i0.ɵɵclassProp("active", ctx_r1.perfTab === "monitor");
     i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("active", ctx_r0.perfTab === "overview");
+    i0.ɵɵclassProp("active", ctx_r1.perfTab === "overview");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.slowQueries.length > 0 ? 27 : -1);
+    i0.ɵɵconditional(ctx_r1.slowQueries.length > 0 ? 27 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r0.perfTab === "events");
+    i0.ɵɵclassProp("active", ctx_r1.perfTab === "events");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.totalEvents) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.totalEvents) || 0);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r0.perfTab === "patterns");
+    i0.ɵɵclassProp("active", ctx_r1.perfTab === "patterns");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.telemetrySummary == null ? null : ctx_r0.telemetrySummary.totalPatterns) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.telemetrySummary == null ? null : ctx_r1.telemetrySummary.totalPatterns) || 0);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r0.perfTab === "insights");
+    i0.ɵɵclassProp("active", ctx_r1.perfTab === "insights");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r0.telemetryInsights.length > 0 ? 44 : -1);
+    i0.ɵɵconditional(ctx_r1.telemetryInsights.length > 0 ? 44 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r0.telemetryEnabled ? 46 : -1);
+    i0.ɵɵconditional(!ctx_r1.telemetryEnabled ? 46 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.perfTab === "monitor" ? 47 : -1);
+    i0.ɵɵconditional(ctx_r1.perfTab === "monitor" ? 47 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.perfTab === "overview" ? 48 : -1);
+    i0.ɵɵconditional(ctx_r1.perfTab === "overview" ? 48 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.perfTab === "events" ? 49 : -1);
+    i0.ɵɵconditional(ctx_r1.perfTab === "events" ? 49 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.perfTab === "patterns" ? 50 : -1);
+    i0.ɵɵconditional(ctx_r1.perfTab === "patterns" ? 50 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.perfTab === "insights" ? 51 : -1);
+    i0.ɵɵconditional(ctx_r1.perfTab === "insights" ? 51 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "i", 114);
+function SystemDiagnosticsComponent_Conditional_18_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵelement(1, "i", 89);
     i0.ɵɵelementStart(2, "div")(3, "strong");
     i0.ɵɵtext(4, "Cache not initialized.");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(5, " The LocalCacheManager requires initialization with a storage provider during app startup. ");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "code", 275);
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_For_32_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code", 251);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const entry_r39 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.truncateString(entry_r39.fingerprint, 20));
+    i0.ɵɵtextInterpolate(ctx_r1.truncateString(entry_r39.fingerprint, 20));
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_For_32_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 273);
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 249);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td", 274);
+    i0.ɵɵelementStart(4, "td", 250);
     i0.ɵɵtext(5);
-    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Conditional_6_Template, 2, 1, "code", 275);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_For_32_Conditional_6_Template, 2, 1, "code", 251);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 81);
+    i0.ɵɵelementStart(7, "td", 54);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 81);
+    i0.ɵɵelementStart(9, "td", 54);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(11, "td");
@@ -1504,13 +1386,13 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵelementStart(13, "td");
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td")(16, "button", 276);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Template_button_click_16_listener() { const entry_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.invalidateCacheEntry(entry_r39)); });
-    i0.ɵɵelement(17, "i", 116);
+    i0.ɵɵelementStart(15, "td")(16, "button", 252);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_For_32_Template_button_click_16_listener() { const entry_r39 = i0.ɵɵrestoreView(_r38).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.invalidateCacheEntry(entry_r39)); });
+    i0.ɵɵelement(17, "i", 91);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const entry_r39 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("type-" + entry_r39.type);
     i0.ɵɵadvance();
@@ -1520,54 +1402,54 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵadvance();
     i0.ɵɵconditional(entry_r39.fingerprint ? 6 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes(entry_r39.sizeBytes));
+    i0.ɵɵtextInterpolate(ctx_r1.formatBytes(entry_r39.sizeBytes));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(entry_r39.accessCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatCacheTimestamp(entry_r39.cachedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatCacheTimestamp(entry_r39.cachedAt));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatCacheTimestamp(entry_r39.lastAccessedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatCacheTimestamp(entry_r39.lastAccessedAt));
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 272);
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 248);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(4);
+    const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Showing 50 of ", ctx_r0.filteredCacheEntries.length, " entries ");
+    i0.ɵɵtextInterpolate1(" Showing 50 of ", ctx_r1.filteredCacheEntries.length, " entries ");
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template(rf, ctx) { if (rf & 1) {
     const _r37 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 267)(1, "div", 268)(2, "h4");
+    i0.ɵɵelementStart(0, "div", 243)(1, "div", 244)(2, "h4");
     i0.ɵɵtext(3, "Cache Entries");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 269)(5, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r37); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("all")); });
+    i0.ɵɵelementStart(4, "div", 245)(5, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("all")); });
     i0.ɵɵtext(6, "All");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r37); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("dataset")); });
+    i0.ɵɵelementStart(7, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("dataset")); });
     i0.ɵɵtext(8, "Datasets");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r37); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("runview")); });
+    i0.ɵɵelementStart(9, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("runview")); });
     i0.ɵɵtext(10, "RunViews");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 186);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r37); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("runquery")); });
+    i0.ɵɵelementStart(11, "button", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("runquery")); });
     i0.ɵɵtext(12, "RunQueries");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 270)(14, "table", 271)(15, "thead")(16, "tr")(17, "th");
+    i0.ɵɵelementStart(13, "div", 246)(14, "table", 247)(15, "thead")(16, "tr")(17, "th");
     i0.ɵɵtext(18, "Type");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(19, "th");
     i0.ɵɵtext(20, "Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "th", 81);
+    i0.ɵɵelementStart(21, "th", 54);
     i0.ɵɵtext(22, "Size");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "th", 81);
+    i0.ɵɵelementStart(23, "th", 54);
     i0.ɵɵtext(24, "Hits");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "th");
@@ -1579,191 +1461,191 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵelement(29, "th");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(30, "tbody");
-    i0.ɵɵrepeaterCreate(31, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Template, 18, 9, "tr", null, _forTrack6);
+    i0.ɵɵrepeaterCreate(31, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_For_32_Template, 18, 9, "tr", null, _forTrack6);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(33, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Conditional_33_Template, 2, 1, "div", 272);
+    i0.ɵɵconditionalCreate(33, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Conditional_33_Template, 2, 1, "div", 248);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("active", ctx_r0.cacheTypeFilter === "all");
+    i0.ɵɵclassProp("active", ctx_r1.cacheTypeFilter === "all");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.cacheTypeFilter === "dataset");
+    i0.ɵɵclassProp("active", ctx_r1.cacheTypeFilter === "dataset");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.cacheTypeFilter === "runview");
+    i0.ɵɵclassProp("active", ctx_r1.cacheTypeFilter === "runview");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r0.cacheTypeFilter === "runquery");
+    i0.ɵɵclassProp("active", ctx_r1.cacheTypeFilter === "runquery");
     i0.ɵɵadvance(20);
-    i0.ɵɵrepeater(ctx_r0.filteredCacheEntries.slice(0, 50));
+    i0.ɵɵrepeater(ctx_r1.filteredCacheEntries.slice(0, 50));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.filteredCacheEntries.length > 50 ? 33 : -1);
+    i0.ɵɵconditional(ctx_r1.filteredCacheEntries.length > 50 ? 33 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵelement(1, "i", 27);
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "i", 232);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No cached data");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 31);
     i0.ɵɵtext(5, "Data will be cached as you use the application");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 257)(1, "div", 148)(2, "div", 149);
+    i0.ɵɵelementStart(0, "div", 233)(1, "div", 123)(2, "div", 124);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 150);
+    i0.ɵɵelementStart(4, "div", 125);
     i0.ɵɵtext(5, "Total Entries");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 148)(7, "div", 149);
+    i0.ɵɵelementStart(6, "div", 123)(7, "div", 124);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 150);
+    i0.ɵɵelementStart(9, "div", 125);
     i0.ɵɵtext(10, "Total Size");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 148)(12, "div", 149);
+    i0.ɵɵelementStart(11, "div", 123)(12, "div", 124);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 150);
+    i0.ɵɵelementStart(14, "div", 125);
     i0.ɵɵtext(15, "Cache Hits");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 148)(17, "div", 149);
+    i0.ɵɵelementStart(16, "div", 123)(17, "div", 124);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 150);
+    i0.ɵɵelementStart(19, "div", 125);
     i0.ɵɵtext(20, "Cache Misses");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 148)(22, "div", 149);
+    i0.ɵɵelementStart(21, "div", 123)(22, "div", 124);
     i0.ɵɵtext(23);
     i0.ɵɵpipe(24, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 150);
+    i0.ɵɵelementStart(25, "div", 125);
     i0.ɵɵtext(26, "Hit Rate");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 258)(28, "h4");
+    i0.ɵɵelementStart(27, "div", 234)(28, "h4");
     i0.ɵɵtext(29, "By Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "div", 259)(31, "div", 260);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template_div_click_31_listener() { i0.ɵɵrestoreView(_r36); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("dataset")); });
-    i0.ɵɵelementStart(32, "span", 261);
-    i0.ɵɵelement(33, "i", 70);
+    i0.ɵɵelementStart(30, "div", 235)(31, "div", 236);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Template_div_click_31_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("dataset")); });
+    i0.ɵɵelementStart(32, "span", 237);
+    i0.ɵɵelement(33, "i", 42);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 262);
+    i0.ɵɵelementStart(34, "span", 238);
     i0.ɵɵtext(35, "Datasets");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 263);
+    i0.ɵɵelementStart(36, "span", 239);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "span", 264);
+    i0.ɵɵelementStart(38, "span", 240);
     i0.ɵɵtext(39);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 260);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template_div_click_40_listener() { i0.ɵɵrestoreView(_r36); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("runview")); });
-    i0.ɵɵelementStart(41, "span", 261);
-    i0.ɵɵelement(42, "i", 265);
+    i0.ɵɵelementStart(40, "div", 236);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Template_div_click_40_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("runview")); });
+    i0.ɵɵelementStart(41, "span", 237);
+    i0.ɵɵelement(42, "i", 241);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "span", 262);
+    i0.ɵɵelementStart(43, "span", 238);
     i0.ɵɵtext(44, "RunViews");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 263);
+    i0.ɵɵelementStart(45, "span", 239);
     i0.ɵɵtext(46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "span", 264);
+    i0.ɵɵelementStart(47, "span", 240);
     i0.ɵɵtext(48);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(49, "div", 260);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template_div_click_49_listener() { i0.ɵɵrestoreView(_r36); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.setCacheTypeFilter("runquery")); });
-    i0.ɵɵelementStart(50, "span", 261);
-    i0.ɵɵelement(51, "i", 266);
+    i0.ɵɵelementStart(49, "div", 236);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Conditional_11_Template_div_click_49_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setCacheTypeFilter("runquery")); });
+    i0.ɵɵelementStart(50, "span", 237);
+    i0.ɵɵelement(51, "i", 242);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "span", 262);
+    i0.ɵɵelementStart(52, "span", 238);
     i0.ɵɵtext(53, "RunQueries");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "span", 263);
+    i0.ɵɵelementStart(54, "span", 239);
     i0.ɵɵtext(55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "span", 264);
+    i0.ɵɵelementStart(56, "span", 240);
     i0.ɵɵtext(57);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(58, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template, 34, 9, "div", 267)(59, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_59_Template, 6, 0, "div", 57);
+    i0.ɵɵconditionalCreate(58, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_58_Template, 34, 9, "div", 243)(59, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Conditional_59_Template, 6, 0, "div", 28);
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.totalEntries) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.totalEntries) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.totalSizeBytes) || 0));
+    i0.ɵɵtextInterpolate(ctx_r1.formatBytes((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.totalSizeBytes) || 0));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.hits) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.hits) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.misses) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.misses) || 0);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(24, 12, ctx_r0.cacheHitRate, "1.1-1"), "%");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(24, 12, ctx_r1.cacheHitRate, "1.1-1"), "%");
     i0.ɵɵadvance(14);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.dataset == null ? null : ctx_r0.cacheStats.byType.dataset.count) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.dataset == null ? null : ctx_r1.cacheStats.byType.dataset.count) || 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.dataset == null ? null : ctx_r0.cacheStats.byType.dataset.sizeBytes) || 0));
+    i0.ɵɵtextInterpolate(ctx_r1.formatBytes((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.dataset == null ? null : ctx_r1.cacheStats.byType.dataset.sizeBytes) || 0));
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.runview == null ? null : ctx_r0.cacheStats.byType.runview.count) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.runview == null ? null : ctx_r1.cacheStats.byType.runview.count) || 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.runview == null ? null : ctx_r0.cacheStats.byType.runview.sizeBytes) || 0));
+    i0.ɵɵtextInterpolate(ctx_r1.formatBytes((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.runview == null ? null : ctx_r1.cacheStats.byType.runview.sizeBytes) || 0));
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.runquery == null ? null : ctx_r0.cacheStats.byType.runquery.count) || 0);
+    i0.ɵɵtextInterpolate((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.runquery == null ? null : ctx_r1.cacheStats.byType.runquery.count) || 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.formatBytes((ctx_r0.cacheStats == null ? null : ctx_r0.cacheStats.byType == null ? null : ctx_r0.cacheStats.byType.runquery == null ? null : ctx_r0.cacheStats.byType.runquery.sizeBytes) || 0));
+    i0.ɵɵtextInterpolate(ctx_r1.formatBytes((ctx_r1.cacheStats == null ? null : ctx_r1.cacheStats.byType == null ? null : ctx_r1.cacheStats.byType.runquery == null ? null : ctx_r1.cacheStats.byType.runquery.sizeBytes) || 0));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.filteredCacheEntries.length > 0 ? 58 : ctx_r0.cacheStats && ctx_r0.cacheStats.totalEntries === 0 ? 59 : -1);
+    i0.ɵɵconditional(ctx_r1.filteredCacheEntries.length > 0 ? 58 : ctx_r1.cacheStats && ctx_r1.cacheStats.totalEntries === 0 ? 59 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 52)(2, "h3");
-    i0.ɵɵelement(3, "i", 27);
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 22)(2, "h3");
+    i0.ɵɵelement(3, "i", 232);
     i0.ɵɵtext(4, " Local Cache ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 53)(6, "button", 54);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_53_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.clearAllCache()); });
-    i0.ɵɵelement(7, "i", 110);
+    i0.ɵɵelementStart(5, "div", 24)(6, "button", 25);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_18_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearAllCache()); });
+    i0.ɵɵelement(7, "i", 85);
     i0.ɵɵtext(8, " Clear All ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "div", 56);
-    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_53_Conditional_10_Template, 6, 0, "div", 107)(11, SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template, 60, 15);
+    i0.ɵɵelementStart(9, "div", 27);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_18_Conditional_10_Template, 6, 0, "div", 81)(11, SystemDiagnosticsComponent_Conditional_18_Conditional_11_Template, 60, 15);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", !ctx_r0.cacheStats || ctx_r0.cacheStats.totalEntries === 0);
+    i0.ɵɵproperty("disabled", !ctx_r1.cacheStats || ctx_r1.cacheStats.totalEntries === 0);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(!ctx_r0.cacheInitialized ? 10 : 11);
+    i0.ɵɵconditional(!ctx_r1.cacheInitialized ? 10 : 11);
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 287)(1, "span", 288);
+function SystemDiagnosticsComponent_Conditional_27_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 263)(1, "span", 264);
     i0.ɵɵtext(2, "Entity:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 296);
+    i0.ɵɵelementStart(3, "span", 272);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.eventDetailPanel.event.entityName);
+    i0.ɵɵtextInterpolate(ctx_r1.eventDetailPanel.event.entityName);
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 287)(1, "span", 288);
+function SystemDiagnosticsComponent_Conditional_27_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 263)(1, "span", 264);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 297);
+    i0.ɵɵelementStart(3, "code", 273);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.eventDetailPanel.event.filter);
+    i0.ɵɵtextInterpolate(ctx_r1.eventDetailPanel.event.filter);
 } }
-function SystemDiagnosticsComponent_Conditional_62_For_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 292)(1, "span", 298);
+function SystemDiagnosticsComponent_Conditional_27_For_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 268)(1, "span", 274);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 299);
+    i0.ɵɵelementStart(3, "span", 275);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1773,178 +1655,178 @@ function SystemDiagnosticsComponent_Conditional_62_For_46_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(param_r41.value);
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_47_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 303);
-    i0.ɵɵelement(1, "i", 114);
+function SystemDiagnosticsComponent_Conditional_27_Conditional_47_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 279);
+    i0.ɵɵelement(1, "i", 89);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" This pattern has been called ", ctx_r0.eventDetailPanel.relatedPattern.count, " times. Consider caching or batching. ");
+    i0.ɵɵtextInterpolate1(" This pattern has been called ", ctx_r1.eventDetailPanel.relatedPattern.count, " times. Consider caching or batching. ");
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 244)(1, "h4");
-    i0.ɵɵelement(2, "i", 105);
+function SystemDiagnosticsComponent_Conditional_27_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 219)(1, "h4");
+    i0.ɵɵelement(2, "i", 79);
     i0.ɵɵtext(3, " Related Pattern");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 300)(5, "div", 301)(6, "span", 302);
+    i0.ɵɵelementStart(4, "div", 276)(5, "div", 277)(6, "span", 278);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 68);
+    i0.ɵɵelementStart(8, "span", 40);
     i0.ɵɵtext(9, "Total Calls");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 301)(11, "span", 302);
+    i0.ɵɵelementStart(10, "div", 277)(11, "span", 278);
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 68);
+    i0.ɵɵelementStart(14, "span", 40);
     i0.ɵɵtext(15, "Avg Duration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 301)(17, "span", 302);
+    i0.ɵɵelementStart(16, "div", 277)(17, "span", 278);
     i0.ɵɵtext(18);
     i0.ɵɵpipe(19, "number");
     i0.ɵɵpipe(20, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 68);
+    i0.ɵɵelementStart(21, "span", 40);
     i0.ɵɵtext(22, "Range");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(23, SystemDiagnosticsComponent_Conditional_62_Conditional_47_Conditional_23_Template, 3, 1, "div", 303);
+    i0.ɵɵconditionalCreate(23, SystemDiagnosticsComponent_Conditional_27_Conditional_47_Conditional_23_Template, 3, 1, "div", 279);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r0.eventDetailPanel.relatedPattern.count);
+    i0.ɵɵtextInterpolate(ctx_r1.eventDetailPanel.relatedPattern.count);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(13, 5, ctx_r0.eventDetailPanel.relatedPattern.avgElapsedMs, "1.1-1"), "ms");
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(13, 5, ctx_r1.eventDetailPanel.relatedPattern.avgElapsedMs, "1.1-1"), "ms");
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind2(19, 8, ctx_r0.eventDetailPanel.relatedPattern.minElapsedMs, "1.0-0"), " - ", i0.ɵɵpipeBind2(20, 11, ctx_r0.eventDetailPanel.relatedPattern.maxElapsedMs, "1.0-0"), "ms");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind2(19, 8, ctx_r1.eventDetailPanel.relatedPattern.minElapsedMs, "1.0-0"), " - ", i0.ɵɵpipeBind2(20, 11, ctx_r1.eventDetailPanel.relatedPattern.maxElapsedMs, "1.0-0"), "ms");
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r0.eventDetailPanel.relatedPattern.count >= 2 ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.eventDetailPanel.relatedPattern.count >= 2 ? 23 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_27_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 294);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_62_Conditional_52_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.filterByEntity(ctx_r0.eventDetailPanel.event.entityName)); });
-    i0.ɵɵelement(1, "i", 227);
+    i0.ɵɵelementStart(0, "button", 270);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_27_Conditional_52_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r42); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.filterByEntity(ctx_r1.eventDetailPanel.event.entityName)); });
+    i0.ɵɵelement(1, "i", 202);
     i0.ɵɵtext(2, " Filter by Entity ");
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 277);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_62_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEventDetailPanel()); });
+    i0.ɵɵelementStart(0, "div", 253);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_27_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeEventDetailPanel()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 278)(2, "div", 52)(3, "div", 279)(4, "span", 222);
+    i0.ɵɵelementStart(1, "div", 254)(2, "div", 22)(3, "div", 255)(4, "span", 197);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "h3");
     i0.ɵɵtext(7, "Event Details");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 280);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_62_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r40); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEventDetailPanel()); });
-    i0.ɵɵelement(9, "i", 116);
+    i0.ɵɵelementStart(8, "button", 256);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_27_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r40); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeEventDetailPanel()); });
+    i0.ɵɵelement(9, "i", 91);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 281)(11, "div", 282)(12, "div", 283)(13, "div", 284);
+    i0.ɵɵelementStart(10, "div", 257)(11, "div", 258)(12, "div", 259)(13, "div", 260);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 285);
+    i0.ɵɵelementStart(16, "div", 261);
     i0.ɵɵtext(17, "Duration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 283)(19, "div", 284);
+    i0.ɵɵelementStart(18, "div", 259)(19, "div", 260);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 285);
+    i0.ɵɵelementStart(21, "div", 261);
     i0.ɵɵtext(22, "Time");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 283)(24, "div", 284);
+    i0.ɵɵelementStart(23, "div", 259)(24, "div", 260);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 285);
+    i0.ɵɵelementStart(26, "div", 261);
     i0.ɵɵtext(27, "Relative");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(28, "div", 244)(29, "h4");
-    i0.ɵɵelement(30, "i", 266);
+    i0.ɵɵelementStart(28, "div", 219)(29, "h4");
+    i0.ɵɵelement(30, "i", 242);
     i0.ɵɵtext(31, " Operation");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 286)(33, "div", 287)(34, "span", 288);
+    i0.ɵɵelementStart(32, "div", 262)(33, "div", 263)(34, "span", 264);
     i0.ɵɵtext(35, "Operation:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 289);
+    i0.ɵɵelementStart(36, "span", 265);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(38, SystemDiagnosticsComponent_Conditional_62_Conditional_38_Template, 5, 1, "div", 287);
-    i0.ɵɵconditionalCreate(39, SystemDiagnosticsComponent_Conditional_62_Conditional_39_Template, 5, 1, "div", 287);
+    i0.ɵɵconditionalCreate(38, SystemDiagnosticsComponent_Conditional_27_Conditional_38_Template, 5, 1, "div", 263);
+    i0.ɵɵconditionalCreate(39, SystemDiagnosticsComponent_Conditional_27_Conditional_39_Template, 5, 1, "div", 263);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 244)(41, "h4");
-    i0.ɵɵelement(42, "i", 290);
+    i0.ɵɵelementStart(40, "div", 219)(41, "h4");
+    i0.ɵɵelement(42, "i", 266);
     i0.ɵɵtext(43, " Parameters");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "div", 291);
-    i0.ɵɵrepeaterCreate(45, SystemDiagnosticsComponent_Conditional_62_For_46_Template, 5, 2, "div", 292, _forTrack6);
+    i0.ɵɵelementStart(44, "div", 267);
+    i0.ɵɵrepeaterCreate(45, SystemDiagnosticsComponent_Conditional_27_For_46_Template, 5, 2, "div", 268, _forTrack6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_62_Conditional_47_Template, 24, 14, "div", 244);
-    i0.ɵɵelementStart(48, "div", 293)(49, "button", 294);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_62_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r40); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.copyEventToClipboard(ctx_r0.eventDetailPanel.event)); });
-    i0.ɵɵelement(50, "i", 23);
+    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_27_Conditional_47_Template, 24, 14, "div", 219);
+    i0.ɵɵelementStart(48, "div", 269)(49, "button", 270);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_27_Template_button_click_49_listener() { i0.ɵɵrestoreView(_r40); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.copyEventToClipboard(ctx_r1.eventDetailPanel.event)); });
+    i0.ɵɵelement(50, "i", 47);
     i0.ɵɵtext(51, " Copy JSON ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(52, SystemDiagnosticsComponent_Conditional_62_Conditional_52_Template, 3, 0, "button", 295);
+    i0.ɵɵconditionalCreate(52, SystemDiagnosticsComponent_Conditional_27_Conditional_52_Template, 3, 0, "button", 271);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("open", ctx_r0.eventDetailPanel.isOpen);
+    i0.ɵɵclassProp("open", ctx_r1.eventDetailPanel.isOpen);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap("cat-" + ctx_r0.eventDetailPanel.event.category.toLowerCase());
+    i0.ɵɵclassMap("cat-" + ctx_r1.eventDetailPanel.event.category.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.eventDetailPanel.event.category, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.eventDetailPanel.event.category, " ");
     i0.ɵɵadvance(8);
-    i0.ɵɵclassProp("slow", (ctx_r0.eventDetailPanel.event.elapsedMs || 0) >= ctx_r0.slowQueryThresholdMs);
+    i0.ɵɵclassProp("slow", (ctx_r1.eventDetailPanel.event.elapsedMs || 0) >= ctx_r1.slowQueryThresholdMs);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.eventDetailPanel.event.elapsedMs !== undefined ? i0.ɵɵpipeBind2(15, 15, ctx_r0.eventDetailPanel.event.elapsedMs, "1.0-0") + "ms" : "In Progress", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.eventDetailPanel.event.elapsedMs !== undefined ? i0.ɵɵpipeBind2(15, 15, ctx_r1.eventDetailPanel.event.elapsedMs, "1.0-0") + "ms" : "In Progress", " ");
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTimestamp(ctx_r0.eventDetailPanel.event.timestamp));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTimestamp(ctx_r1.eventDetailPanel.event.timestamp));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1("+", ctx_r0.formatRelativeTime(ctx_r0.eventDetailPanel.event.startTime - ctx_r0.telemetryBootTime));
+    i0.ɵɵtextInterpolate1("+", ctx_r1.formatRelativeTime(ctx_r1.eventDetailPanel.event.startTime - ctx_r1.telemetryBootTime));
     i0.ɵɵadvance(12);
-    i0.ɵɵtextInterpolate(ctx_r0.eventDetailPanel.event.operation);
+    i0.ɵɵtextInterpolate(ctx_r1.eventDetailPanel.event.operation);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.eventDetailPanel.event.entityName ? 38 : -1);
+    i0.ɵɵconditional(ctx_r1.eventDetailPanel.event.entityName ? 38 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.eventDetailPanel.event.filter ? 39 : -1);
+    i0.ɵɵconditional(ctx_r1.eventDetailPanel.event.filter ? 39 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵrepeater(ctx_r0.getEventParams(ctx_r0.eventDetailPanel.event));
+    i0.ɵɵrepeater(ctx_r1.getEventParams(ctx_r1.eventDetailPanel.event));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.eventDetailPanel.relatedPattern ? 47 : -1);
+    i0.ɵɵconditional(ctx_r1.eventDetailPanel.relatedPattern ? 47 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r0.eventDetailPanel.event.entityName ? 52 : -1);
+    i0.ɵɵconditional(ctx_r1.eventDetailPanel.event.entityName ? 52 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 309)(1, "span", 150);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 285)(1, "span", 125);
     i0.ɵɵtext(2, "Last Loaded");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 149);
+    i0.ɵɵelementStart(3, "span", 124);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r0.formatTime(ctx_r0.engineDetailPanel.engine.lastLoadedAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatTime(ctx_r1.engineDetailPanel.engine.lastLoadedAt));
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 190);
-    i0.ɵɵelement(1, "i", 59);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 165);
+    i0.ɵɵelement(1, "i", 30);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No config items found");
     i0.ɵɵelementEnd()();
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 323)(1, "span", 245);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 299)(1, "span", 220);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 324);
+    i0.ɵɵelementStart(3, "code", 300);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1952,11 +1834,11 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(item_r45.filter);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 323)(1, "span", 245);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 299)(1, "span", 220);
     i0.ɵɵtext(2, "Order By:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 324);
+    i0.ɵɵelementStart(3, "code", 300);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1964,11 +1846,11 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(item_r45.orderBy);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 325)(1, "span", 245);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 301)(1, "span", 220);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 327);
+    i0.ɵɵelementStart(3, "span", 303);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1976,28 +1858,28 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(item_r45.errorMessage);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 336);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 312);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 337);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 313);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 336);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 312);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 35);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 21);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r46 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 335);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r46); const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.loadMoreData(item_r45)); });
-    i0.ɵɵconditionalCreate(1, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template, 1, 0, "i", 336)(2, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template, 1, 0, "i", 337);
+    i0.ɵɵelementStart(0, "button", 311);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r46); const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.loadMoreData(item_r45)); });
+    i0.ɵɵconditionalCreate(1, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template, 1, 0, "i", 312)(2, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template, 1, 0, "i", 313);
     i0.ɵɵtext(3, " Load More ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 338);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r46); const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.loadAllData(item_r45)); });
-    i0.ɵɵconditionalCreate(5, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template, 1, 0, "i", 336)(6, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template, 1, 0, "i", 35);
+    i0.ɵɵelementStart(4, "button", 314);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r46); const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.loadAllData(item_r45)); });
+    i0.ɵɵconditionalCreate(5, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template, 1, 0, "i", 312)(6, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template, 1, 0, "i", 21);
     i0.ɵɵtext(7, " Load All ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2010,13 +1892,13 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r45.isLoadingMore ? 5 : 6);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 331);
-    i0.ɵɵelement(1, "i", 339);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 307);
+    i0.ɵɵelement(1, "i", 315);
     i0.ɵɵtext(2, " All Loaded ");
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_13_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "th");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -2025,58 +1907,58 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(col_r47);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r48 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 342);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r48); const row_r49 = i0.ɵɵnextContext().$implicit; const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.openEntityRecord(item_r45.entityName, row_r49)); });
-    i0.ɵɵelement(1, "i", 343);
+    i0.ɵɵelementStart(0, "button", 318);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r48); const row_r49 = i0.ɵɵnextContext().$implicit; const item_r45 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openEntityRecord(item_r45.entityName, row_r49)); });
+    i0.ɵɵelement(1, "i", 319);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 341);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 317);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const col_r50 = ctx.$implicit;
     const row_r49 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(6);
-    i0.ɵɵproperty("title", ctx_r0.getSampleDataValue(row_r49, col_r50));
+    const ctx_r1 = i0.ɵɵnextContext(6);
+    i0.ɵɵproperty("title", ctx_r1.getSampleDataValue(row_r49, col_r50));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.truncateString(ctx_r0.getSampleDataValue(row_r49, col_r50), 30));
+    i0.ɵɵtextInterpolate(ctx_r1.truncateString(ctx_r1.getSampleDataValue(row_r49, col_r50), 30));
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 334);
-    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template, 2, 0, "button", 340);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 310);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template, 2, 0, "button", 316);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template, 2, 2, "td", 341, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(3, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template, 2, 2, "td", 317, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r49 = ctx.$implicit;
     const item_r45 = i0.ɵɵnextContext(3).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r45.entityName && ctx_r0.getRecordId(row_r49) ? 2 : -1);
+    i0.ɵɵconditional(item_r45.entityName && ctx_r1.getRecordId(row_r49) ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.getSampleDataColumns(item_r45));
+    i0.ɵɵrepeater(ctx_r1.getSampleDataColumns(item_r45));
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 326)(1, "div", 328)(2, "span", 329);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 302)(1, "div", 304)(2, "span", 305);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 330);
-    i0.ɵɵconditionalCreate(5, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template, 8, 4);
-    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template, 3, 0, "span", 331);
+    i0.ɵɵelementStart(4, "div", 306);
+    i0.ɵɵconditionalCreate(5, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template, 8, 4);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template, 3, 0, "span", 307);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 332)(8, "table", 333)(9, "thead")(10, "tr");
-    i0.ɵɵelement(11, "th", 334);
-    i0.ɵɵrepeaterCreate(12, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_13_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(7, "div", 308)(8, "table", 309)(9, "thead")(10, "tr");
+    i0.ɵɵelement(11, "th", 310);
+    i0.ɵɵrepeaterCreate(12, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_13_Template, 2, 1, "th", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(14, "tbody");
-    i0.ɵɵrepeaterCreate(15, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Template, 5, 1, "tr", null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(15, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Template, 5, 1, "tr", null, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const item_r45 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate2("Data (", item_r45.displayedData.length, " of ", item_r45.itemCount, ")");
     i0.ɵɵadvance(2);
@@ -2084,21 +1966,21 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r45.allDataLoaded ? 6 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵrepeater(ctx_r0.getSampleDataColumns(item_r45));
+    i0.ɵɵrepeater(ctx_r1.getSampleDataColumns(item_r45));
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(item_r45.displayedData);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 322)(1, "div", 323)(2, "span", 245);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 298)(1, "div", 299)(2, "span", 220);
     i0.ɵɵtext(3, "Property:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "code", 324);
+    i0.ɵɵelementStart(4, "code", 300);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_6_Template, 5, 1, "div", 323);
-    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_7_Template, 5, 1, "div", 323);
-    i0.ɵɵconditionalCreate(8, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_8_Template, 5, 1, "div", 325);
-    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Template, 17, 4, "div", 326);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_6_Template, 5, 1, "div", 299);
+    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_7_Template, 5, 1, "div", 299);
+    i0.ɵɵconditionalCreate(8, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_8_Template, 5, 1, "div", 301);
+    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Conditional_9_Template, 17, 4, "div", 302);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r45 = i0.ɵɵnextContext().$implicit;
@@ -2113,27 +1995,27 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r45.displayedData.length > 0 ? 9 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 314)(1, "div", 315);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Template_div_click_1_listener() { const item_r45 = i0.ɵɵrestoreView(_r44).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.toggleConfigItemExpanded(item_r45)); });
-    i0.ɵɵelementStart(2, "div", 316);
-    i0.ɵɵelement(3, "i", 317);
-    i0.ɵɵelementStart(4, "span", 318);
+    i0.ɵɵelementStart(0, "div", 290)(1, "div", 291);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Template_div_click_1_listener() { const item_r45 = i0.ɵɵrestoreView(_r44).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleConfigItemExpanded(item_r45)); });
+    i0.ɵɵelementStart(2, "div", 292);
+    i0.ɵɵelement(3, "i", 293);
+    i0.ɵɵelementStart(4, "span", 294);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 319);
+    i0.ɵɵelementStart(6, "span", 295);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 320)(9, "span", 321);
+    i0.ɵɵelementStart(8, "div", 296)(9, "span", 297);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 321);
+    i0.ɵɵelementStart(11, "span", 297);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(13, "i", 235);
+    i0.ɵɵelement(13, "i", 210);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Template, 10, 5, "div", 322);
+    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Conditional_14_Template, 10, 5, "div", 298);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r45 = ctx.$implicit;
@@ -2156,84 +2038,84 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Template
     i0.ɵɵadvance();
     i0.ɵɵconditional(item_r45.expanded ? 14 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 312);
-    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Template, 15, 22, "div", 313, _forTrack7);
+function SystemDiagnosticsComponent_Conditional_28_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 288);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_28_Conditional_36_For_2_Template, 15, 22, "div", 289, _forTrack7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.engineDetailPanel.configItems);
+    i0.ɵɵrepeater(ctx_r1.engineDetailPanel.configItems);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r43 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 304);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEngineDetailPanel()); });
+    i0.ɵɵelementStart(0, "div", 280);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeEngineDetailPanel()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 305)(2, "div", 52)(3, "div", 279);
-    i0.ɵɵelement(4, "i", 21);
+    i0.ɵɵelementStart(1, "div", 281)(2, "div", 22)(3, "div", 255);
+    i0.ɵɵelement(4, "i", 23);
     i0.ɵɵelementStart(5, "h3");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 306)(8, "button", 307);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.refreshEngineInDetailPanel()); });
-    i0.ɵɵelement(9, "i", 55);
+    i0.ɵɵelementStart(7, "div", 282)(8, "button", 283);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refreshEngineInDetailPanel()); });
+    i0.ɵɵelement(9, "i", 26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 280);
-    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_63_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEngineDetailPanel()); });
-    i0.ɵɵelement(11, "i", 116);
+    i0.ɵɵelementStart(10, "button", 256);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_28_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeEngineDetailPanel()); });
+    i0.ɵɵelement(11, "i", 91);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "div", 281)(13, "div", 308)(14, "div", 309)(15, "span", 150);
+    i0.ɵɵelementStart(12, "div", 257)(13, "div", 284)(14, "div", 285)(15, "span", 125);
     i0.ɵɵtext(16, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 149);
-    i0.ɵɵelement(18, "span", 310);
+    i0.ɵɵelementStart(17, "span", 124);
+    i0.ɵɵelement(18, "span", 286);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 309)(21, "span", 150);
+    i0.ɵɵelementStart(20, "div", 285)(21, "span", 125);
     i0.ɵɵtext(22, "Memory");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "span", 149);
+    i0.ɵɵelementStart(23, "span", 124);
     i0.ɵɵtext(24);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "div", 309)(26, "span", 150);
+    i0.ɵɵelementStart(25, "div", 285)(26, "span", 125);
     i0.ɵɵtext(27, "Items");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 149);
+    i0.ɵɵelementStart(28, "span", 124);
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_63_Conditional_30_Template, 5, 1, "div", 309);
+    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_28_Conditional_30_Template, 5, 1, "div", 285);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 311)(32, "h4");
-    i0.ɵɵelement(33, "i", 27);
+    i0.ɵɵelementStart(31, "div", 287)(32, "h4");
+    i0.ɵɵelement(33, "i", 232);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(35, SystemDiagnosticsComponent_Conditional_63_Conditional_35_Template, 4, 0, "div", 190)(36, SystemDiagnosticsComponent_Conditional_63_Conditional_36_Template, 3, 0, "div", 312);
+    i0.ɵɵconditionalCreate(35, SystemDiagnosticsComponent_Conditional_28_Conditional_35_Template, 4, 0, "div", 165)(36, SystemDiagnosticsComponent_Conditional_28_Conditional_36_Template, 3, 0, "div", 288);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("open", ctx_r0.engineDetailPanel.isOpen);
+    i0.ɵɵclassProp("open", ctx_r1.engineDetailPanel.isOpen);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.engineDetailPanel.engine.className);
+    i0.ɵɵtextInterpolate(ctx_r1.engineDetailPanel.engine.className);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r0.engineDetailPanel.isRefreshing);
+    i0.ɵɵproperty("disabled", ctx_r1.engineDetailPanel.isRefreshing);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("spinning", ctx_r0.engineDetailPanel.isRefreshing);
+    i0.ɵɵclassProp("spinning", ctx_r1.engineDetailPanel.isRefreshing);
     i0.ɵɵadvance(9);
-    i0.ɵɵclassProp("status-loaded", ctx_r0.engineDetailPanel.engine.isLoaded);
+    i0.ɵɵclassProp("status-loaded", ctx_r1.engineDetailPanel.engine.isLoaded);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.engineDetailPanel.engine.isLoaded ? "Loaded" : "Not Loaded", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.engineDetailPanel.engine.isLoaded ? "Loaded" : "Not Loaded", " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.engineDetailPanel.engine.memoryDisplay);
+    i0.ɵɵtextInterpolate(ctx_r1.engineDetailPanel.engine.memoryDisplay);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r0.engineDetailPanel.engine.itemCount.toLocaleString());
+    i0.ɵɵtextInterpolate(ctx_r1.engineDetailPanel.engine.itemCount.toLocaleString());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.engineDetailPanel.engine.lastLoadedAt ? 30 : -1);
+    i0.ɵɵconditional(ctx_r1.engineDetailPanel.engine.lastLoadedAt ? 30 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" Data Configs (", ctx_r0.engineDetailPanel.configItems.length, ") ");
+    i0.ɵɵtextInterpolate1(" Data Configs (", ctx_r1.engineDetailPanel.configItems.length, ") ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.engineDetailPanel.configItems.length === 0 ? 35 : 36);
+    i0.ɵɵconditional(ctx_r1.engineDetailPanel.configItems.length === 0 ? 35 : 36);
 } }
 /**
  * Settings key for persisting user preferences
@@ -2264,7 +2146,6 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
     activeSection = 'engines';
     lastUpdated = new Date();
     isRefreshingEngines = false;
-    kpiCardsCollapsed = false;
     // Data
     engineStats = null;
     engines = [];
@@ -2388,6 +2269,50 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
         this.cdr.markForCheck();
         this.saveUserPreferencesDebounced();
     }
+    /**
+     * Adapter for `<mj-tab-nav>`'s string-typed `(TabChange)` output.
+     * Narrows the emitted key to the typed `activeSection` union before
+     * delegating to `setActiveSection`.
+     */
+    onSectionTabChange(key) {
+        if (key === 'engines' || key === 'redundant' || key === 'performance' || key === 'cache') {
+            this.setActiveSection(key);
+        }
+    }
+    /**
+     * L2 section tabs for `<mj-tab-nav>` in the interior chrome's [toolbar] slot.
+     * Badges are dynamic (engine count, redundant-load count w/ warning variant,
+     * telemetry event count, cache entry count).
+     */
+    get diagnosticsTabs() {
+        return [
+            {
+                key: 'engines',
+                icon: 'fa-solid fa-cogs',
+                label: 'Engine Registry',
+                badge: this.engineStats?.totalEngines ?? 0
+            },
+            {
+                key: 'redundant',
+                icon: 'fa-solid fa-copy',
+                label: 'Redundant Loading',
+                badge: this.redundantLoads.length,
+                badgeVariant: this.redundantLoads.length > 0 ? 'warning' : 'success'
+            },
+            {
+                key: 'performance',
+                icon: 'fa-solid fa-chart-line',
+                label: 'Performance',
+                badge: this.telemetrySummary?.totalEvents ?? 0
+            },
+            {
+                key: 'cache',
+                icon: 'fa-solid fa-database',
+                label: 'Local Cache',
+                badge: this.cacheStats?.totalEntries ?? 0
+            }
+        ];
+    }
     toggleAutoRefresh() {
         if (this.autoRefresh) {
             // Start auto-refresh interval
@@ -2401,11 +2326,6 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
         }
         this.saveUserPreferencesDebounced();
     }
-    toggleKpiCards() {
-        this.kpiCardsCollapsed = !this.kpiCardsCollapsed;
-        this.cdr.markForCheck();
-        this.saveUserPreferencesDebounced();
-    }
     async refreshData() {
         this.isLoading = true;
         this.cdr.markForCheck();
@@ -4498,9 +4418,6 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
             this.searchQuery = params['search'];
         }
         // KPI cards collapsed: ?kpi=collapsed|expanded
-        if (params['kpi']) {
-            this.kpiCardsCollapsed = params['kpi'] === 'collapsed';
-        }
         this.cdr.markForCheck();
     }
     /**
@@ -4513,8 +4430,7 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
             tab: this.perfTab !== 'monitor' ? this.perfTab : null,
             source: this.telemetrySource !== 'client' ? this.telemetrySource : null,
             category: this.categoryFilter !== 'all' ? this.categoryFilter : null,
-            search: this.searchQuery.trim() || null,
-            kpi: this.kpiCardsCollapsed ? 'collapsed' : null
+            search: this.searchQuery.trim() || null
         };
         // Use NavigationService to update query params properly
         this.navigationService.UpdateActiveTabQueryParams(queryParams);
@@ -4551,8 +4467,6 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
      * Apply loaded user preferences to component state
      */
     applyUserPreferences(prefs) {
-        if (prefs.kpiCardsCollapsed !== undefined)
-            this.kpiCardsCollapsed = prefs.kpiCardsCollapsed;
         if (prefs.activeSection !== undefined)
             this.activeSection = prefs.activeSection;
         if (prefs.perfTab !== undefined)
@@ -4574,7 +4488,6 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
      */
     getCurrentPreferences() {
         return {
-            kpiCardsCollapsed: this.kpiCardsCollapsed,
             activeSection: this.activeSection,
             perfTab: this.perfTab,
             telemetrySource: this.telemetrySource,
@@ -4642,137 +4555,73 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.perfChartRef = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 64, vars: 36, consts: [["perfChart", ""], [1, "system-diagnostics"], [1, "diagnostics-header"], [1, "header-title"], [1, "fa-solid", "fa-stethoscope"], [1, "header-controls"], [1, "auto-refresh-control"], ["type", "checkbox", 3, "ngModelChange", "change", "ngModel"], [1, "refresh-indicator"], [1, "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], [1, "overview-cards-container"], [1, "kpi-toggle-btn", 3, "click", "title"], [1, "fa-solid"], [1, "overview-cards"], [1, "overview-cards-mini"], [1, "main-content"], [1, "left-nav"], [1, "nav-section"], [1, "nav-section-title"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-cogs"], [1, "nav-badge"], [1, "fa-solid", "fa-copy"], [1, "nav-badge", "nav-badge--warning"], [1, "nav-badge", "nav-badge--success"], [1, "fa-solid", "fa-chart-line"], [1, "fa-solid", "fa-database"], [1, "content-area"], [1, "section-panel"], [1, "section-panel", "perf-panel"], [1, "footer"], [1, "last-updated"], [1, "fa-solid", "fa-clock"], [1, "export-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "fa-solid", "fa-sync-alt", "spinning"], [1, "overview-card"], [1, "card-icon", "card-icon--engines"], [1, "card-content"], [1, "card-value"], [1, "card-label"], [1, "card-subtitle"], [1, "card-icon", "card-icon--memory"], [1, "fa-solid", "fa-microchip"], [1, "card-icon"], ["title", "Registered Engines", 1, "mini-kpi"], [1, "mini-value"], [1, "mini-label"], [1, "mini-divider"], ["title", "Engine Memory", 1, "mini-kpi"], ["title", "Redundant Loads", 1, "mini-kpi"], [1, "panel-header"], [1, "panel-actions"], [1, "action-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-sync"], [1, "section-panel-content"], [1, "empty-state"], [1, "engine-grid"], [1, "fa-solid", "fa-inbox"], [1, "empty-hint"], [1, "engine-card", 3, "loaded"], [1, "engine-card"], [1, "engine-header"], [1, "engine-name", 3, "title"], [1, "engine-status"], [1, "engine-stats"], [1, "stat-item"], [1, "stat-label"], [1, "stat-value"], [1, "fa-solid", "fa-layer-group"], [1, "engine-actions"], ["title", "Refresh this engine", 1, "engine-action-btn", 3, "click", "disabled"], ["title", "View engine details", 1, "engine-action-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-right"], [1, "info-banner"], [1, "fa-solid", "fa-info-circle"], [1, "empty-state", "success-state"], [1, "fa-solid", "fa-check-circle"], [1, "redundant-loads-table-wrapper"], [1, "redundant-loads-table"], [1, "text-right"], [1, "recommendation-banner"], [1, "fa-solid", "fa-lightbulb"], [1, "entity-name"], [1, "engines-cell"], [1, "engine-chips"], [1, "engine-chip"], [1, "text-right", "count-cell"], [1, "count-badge"], [1, "source-toggle"], [1, "source-btn", 3, "click"], [1, "fa-solid", "fa-browser"], [1, "fa-solid", "fa-server"], [1, "action-divider"], [1, "status-indicator", 3, "enabled", "disabled"], [1, "loading-indicator"], [1, "error-banner"], [1, "perf-tabs"], [1, "perf-tab", 3, "click"], [1, "fa-solid", "fa-chart-area"], [1, "fa-solid", "fa-gauge"], [1, "tab-badge", "warning"], [1, "fa-solid", "fa-timeline"], [1, "tab-badge"], [1, "fa-solid", "fa-fingerprint"], [1, "tab-badge", "insight"], [1, "info-banner", "warning-banner"], [1, "perfmon-section"], [1, "action-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "status-indicator"], ["title", "Configure via mj.config.cjs telemetry section", 1, "config-note"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "dismiss-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "perfmon-header"], [1, "perfmon-legend"], [1, "legend-item", "runview"], [1, "legend-dot"], [1, "legend-item", "runquery"], [1, "legend-item", "engine"], [1, "legend-item", "ai"], [1, "perfmon-controls"], ["title", "Chart Interaction Mode", 1, "mode-toggle"], ["title", "Pointer mode - click events to view details", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-arrow-pointer"], ["title", "Select mode - drag to zoom into a time range", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-vector-square"], ["title", "Pan mode - drag to pan the chart", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-hand"], [1, "control-divider"], ["title", "Zoom In", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-search-plus"], ["title", "Zoom Out", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-search-minus"], ["title", "Reset Zoom", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-expand"], ["title", "Automatically compress gaps with no activity", 1, "compress-toggle"], [1, "perfmon-chart-container"], [1, "perfmon-y-axis"], [1, "axis-label"], [1, "perfmon-chart"], [1, "perfmon-footer"], [1, "footer-note"], [1, "footer-stats"], [1, "telemetry-summary"], [1, "summary-card"], [1, "summary-value"], [1, "summary-label"], [1, "category-breakdown"], [1, "slow-queries-section"], [1, "success-banner"], [1, "category-grid"], [1, "category-item"], [1, "category-item", 3, "click"], [1, "category-name"], [1, "category-events"], [1, "category-avg"], [1, "fa-solid", "fa-turtle"], [1, "slow-queries-list"], [1, "slow-query-item", "clickable", 3, "cache-hit"], [1, "slow-query-item", "clickable", 3, "click"], [1, "slow-query-main"], [1, "category-chip", "small"], [1, "slow-query-entity"], ["title", "Data served from local cache", 1, "cache-hit-badge", "small"], [1, "slow-query-time"], [1, "slow-query-entities"], [1, "slow-query-pills"], [1, "slow-query-filter"], [1, "slow-query-timestamp"], [1, "fa-solid", "fa-bolt"], [1, "entity-pill", "small"], [1, "entity-pill", "small", "more"], [1, "param-pill", "small", 3, "class", "title"], [1, "param-pill", "small", 3, "title"], [1, "pill-label"], [1, "pill-value"], [1, "filter-bar", "compact"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search events...", 3, "ngModelChange", "ngModel"], [1, "clear-search"], [1, "filter-buttons"], [1, "filter-btn", 3, "click"], [1, "filter-btn", 3, "active"], [1, "timeline-section"], [1, "timeline-container"], [1, "empty-state", "small"], [1, "clear-search", 3, "click"], [1, "timeline-item", "clickable", 3, "class", "cache-hit"], [1, "timeline-item", "clickable", 3, "click"], [1, "timeline-marker"], [1, "marker-bolt"], [1, "marker-dot"], [1, "marker-line"], [1, "timeline-content"], [1, "timeline-header"], [1, "timeline-time"], ["title", "Data served from local cache", 1, "cache-hit-badge"], [1, "timeline-duration", 3, "slow"], [1, "timeline-body"], [1, "timeline-operation"], [1, "timeline-entity"], [1, "timeline-entities"], [1, "timeline-pills"], [1, "timeline-filter"], [1, "timeline-duration"], [1, "entity-pill"], [1, "entity-pill", "more"], [1, "param-pill", 3, "class", "title"], [1, "param-pill", 3, "title"], [1, "fa-solid", "fa-hourglass-start"], ["type", "text", "placeholder", "Search patterns...", 3, "ngModelChange", "ngModel"], [1, "patterns-section"], [1, "patterns-table-wrapper"], [1, "patterns-table", "sortable"], [1, "sortable-header", 3, "click"], [1, "sortable-header", "text-right", 3, "click"], [3, "duplicate-row", "slow-row"], [1, "category-chip"], [1, "operation-cell"], [1, "entity-cell"], [1, "filter-cell", 3, "title"], [1, "count-warning"], [1, "fa-solid", "fa-filter"], [1, "insights-section"], [1, "insights-list"], [1, "insight-card", "expandable", 3, "class", "expanded"], [1, "insight-card", "expandable"], [1, "insight-header", 3, "click"], [1, "insight-title"], [1, "insight-category"], [1, "fa-solid", "expand-icon"], [1, "insight-key-info"], [1, "key-info-item"], [1, "insight-message"], [1, "insight-suggestion"], [1, "insight-details"], [1, "key-label"], [1, "key-value", "entity-name"], [1, "key-value", "filter-code"], [1, "detail-section"], [1, "detail-label"], [1, "params-display"], [1, "param-row"], [1, "related-events"], [1, "related-event"], [1, "param-key"], [1, "param-value"], [1, "event-time"], [1, "event-duration"], [1, "event-entity"], [1, "event-filter"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)"], [1, "cache-summary"], [1, "cache-type-breakdown"], [1, "type-grid"], [1, "type-item", 3, "click"], [1, "type-icon"], [1, "type-name"], [1, "type-count"], [1, "type-size"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-code"], [1, "cache-entries-section"], [1, "section-header"], [1, "filter-controls"], [1, "cache-entries-table-wrapper"], [1, "cache-entries-table"], [1, "table-footer"], [1, "cache-type-chip"], [1, "entry-name"], [1, "entry-fingerprint"], ["title", "Invalidate", 1, "icon-btn", 3, "click"], [1, "event-detail-overlay", 3, "click"], [1, "event-detail-panel"], [1, "panel-title"], [1, "close-btn", 3, "click"], [1, "panel-body"], [1, "detail-metrics"], [1, "metric"], [1, "metric-value"], [1, "metric-label"], [1, "detail-content"], [1, "detail-row"], [1, "detail-key"], [1, "detail-val"], [1, "fa-solid", "fa-sliders"], [1, "params-grid"], [1, "param-item"], [1, "detail-actions"], [1, "action-button", 3, "click"], [1, "action-button"], [1, "detail-val", "entity-highlight"], [1, "detail-val", "filter-val"], [1, "param-name"], [1, "param-val"], [1, "pattern-summary"], [1, "pattern-stat"], [1, "stat-val"], [1, "pattern-warning"], [1, "engine-detail-overlay", 3, "click"], [1, "engine-detail-panel"], [1, "panel-header-actions"], ["title", "Refresh engine", 1, "icon-btn", 3, "click", "disabled"], [1, "engine-summary-section"], [1, "summary-stat"], [1, "status-dot"], [1, "config-items-section"], [1, "config-items-list"], [1, "config-item", 3, "expanded"], [1, "config-item"], [1, "config-item-header", 3, "click"], [1, "config-item-info"], [1, "fa-solid", "config-health-icon", 3, "title"], [1, "config-type-chip"], [1, "config-name"], [1, "config-item-stats"], [1, "config-stat"], [1, "config-item-details"], [1, "config-detail-row"], [1, "detail-value"], [1, "config-detail-row", "config-detail-row--error"], [1, "sample-data-section"], [1, "detail-value", "detail-value--error"], [1, "sample-header"], [1, "sample-title"], [1, "sample-header-actions"], [1, "all-loaded-badge"], [1, "sample-data-table-wrapper"], [1, "sample-data-table"], [1, "action-col"], ["title", "Load more records", 1, "load-more-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "spinning"], [1, "fa-solid", "fa-plus"], ["title", "Load all records", 1, "load-all-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], ["title", "Open record", 1, "open-record-btn"], [3, "title"], ["title", "Open record", 1, "open-record-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"]], template: function SystemDiagnosticsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
-            i0.ɵɵelement(3, "i", 4);
-            i0.ɵɵelementStart(4, "h2");
-            i0.ɵɵtext(5, "System Diagnostics");
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 29, vars: 21, consts: [["perfChart", ""], ["Role", "region", "AriaLabel", "System diagnostics", "Title", "System Diagnostics", "Subtitle", "Engine registry, cache, and performance telemetry"], ["meta", ""], ["Label", "engines", 3, "Count"], ["Label", "memory", 3, "Count"], ["Label", "redundant", 3, "Count", "Variant"], ["toolbar", ""], [3, "TabChange", "Tabs", "ActiveKey"], ["actions", ""], [1, "auto-refresh-toggle"], ["type", "checkbox", 3, "ngModelChange", "change", "ngModel"], ["Label", "Refresh Now", 3, "Clicked", "Loading", "ShowLabel"], [3, "Padding"], [1, "system-diagnostics"], [1, "content-area"], [1, "section-panel"], [1, "section-panel", "perf-panel"], [1, "footer"], [1, "last-updated"], [1, "fa-solid", "fa-clock"], [1, "export-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-download"], [1, "panel-header"], [1, "fa-solid", "fa-cogs"], [1, "panel-actions"], [1, "action-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-sync"], [1, "section-panel-content"], [1, "empty-state"], [1, "engine-grid"], [1, "fa-solid", "fa-inbox"], [1, "empty-hint"], [1, "engine-card", 3, "loaded"], [1, "engine-card"], [1, "engine-header"], [1, "engine-name", 3, "title"], [1, "engine-status"], [1, "engine-stats"], [1, "stat-item"], [1, "fa-solid", "fa-microchip"], [1, "stat-label"], [1, "stat-value"], [1, "fa-solid", "fa-layer-group"], [1, "engine-actions"], ["title", "Refresh this engine", 1, "engine-action-btn", 3, "click", "disabled"], ["title", "View engine details", 1, "engine-action-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-right"], [1, "fa-solid", "fa-copy"], [1, "info-banner"], [1, "fa-solid", "fa-info-circle"], [1, "empty-state", "success-state"], [1, "fa-solid", "fa-check-circle"], [1, "redundant-loads-table-wrapper"], [1, "redundant-loads-table"], [1, "text-right"], [1, "recommendation-banner"], [1, "fa-solid", "fa-lightbulb"], [1, "entity-name"], [1, "engines-cell"], [1, "engine-chips"], [1, "engine-chip"], [1, "text-right", "count-cell"], [1, "count-badge"], [1, "fa-solid", "fa-chart-line"], [1, "source-toggle"], [1, "source-btn", 3, "click"], [1, "fa-solid", "fa-browser"], [1, "fa-solid", "fa-server"], [1, "action-divider"], [1, "status-indicator", 3, "enabled", "disabled"], [1, "loading-indicator"], [1, "error-banner"], [1, "perf-tabs"], [1, "perf-tab", 3, "click"], [1, "fa-solid", "fa-chart-area"], [1, "fa-solid", "fa-gauge"], [1, "tab-badge", "warning"], [1, "fa-solid", "fa-timeline"], [1, "tab-badge"], [1, "fa-solid", "fa-fingerprint"], [1, "tab-badge", "insight"], [1, "info-banner", "warning-banner"], [1, "perfmon-section"], [1, "action-btn", 3, "click"], [1, "fa-solid"], [1, "fa-solid", "fa-trash"], [1, "status-indicator"], ["title", "Configure via mj.config.cjs telemetry section", 1, "config-note"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "dismiss-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "perfmon-header"], [1, "perfmon-legend"], [1, "legend-item", "runview"], [1, "legend-dot"], [1, "legend-item", "runquery"], [1, "legend-item", "engine"], [1, "legend-item", "ai"], [1, "perfmon-controls"], ["title", "Chart Interaction Mode", 1, "mode-toggle"], ["title", "Pointer mode - click events to view details", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-arrow-pointer"], ["title", "Select mode - drag to zoom into a time range", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-vector-square"], ["title", "Pan mode - drag to pan the chart", 1, "mode-btn", 3, "click"], [1, "fa-solid", "fa-hand"], [1, "control-divider"], ["title", "Zoom In", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-search-plus"], ["title", "Zoom Out", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-search-minus"], ["title", "Reset Zoom", 1, "chart-control-btn", 3, "click"], [1, "fa-solid", "fa-expand"], ["title", "Automatically compress gaps with no activity", 1, "compress-toggle"], [1, "perfmon-chart-container"], [1, "perfmon-y-axis"], [1, "axis-label"], [1, "perfmon-chart"], [1, "perfmon-footer"], [1, "footer-note"], [1, "footer-stats"], [1, "telemetry-summary"], [1, "summary-card"], [1, "summary-value"], [1, "summary-label"], [1, "category-breakdown"], [1, "slow-queries-section"], [1, "success-banner"], [1, "category-grid"], [1, "category-item"], [1, "category-item", 3, "click"], [1, "category-name"], [1, "category-events"], [1, "category-avg"], [1, "fa-solid", "fa-turtle"], [1, "slow-queries-list"], [1, "slow-query-item", "clickable", 3, "cache-hit"], [1, "slow-query-item", "clickable", 3, "click"], [1, "slow-query-main"], [1, "category-chip", "small"], [1, "slow-query-entity"], ["title", "Data served from local cache", 1, "cache-hit-badge", "small"], [1, "slow-query-time"], [1, "slow-query-entities"], [1, "slow-query-pills"], [1, "slow-query-filter"], [1, "slow-query-timestamp"], [1, "fa-solid", "fa-bolt"], [1, "entity-pill", "small"], [1, "entity-pill", "small", "more"], [1, "param-pill", "small", 3, "class", "title"], [1, "param-pill", "small", 3, "title"], [1, "pill-label"], [1, "pill-value"], [1, "filter-bar", "compact"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search events...", 3, "ngModelChange", "ngModel"], [1, "clear-search"], [1, "filter-buttons"], [1, "filter-btn", 3, "click"], [1, "filter-btn", 3, "active"], [1, "timeline-section"], [1, "timeline-container"], [1, "empty-state", "small"], [1, "clear-search", 3, "click"], [1, "timeline-item", "clickable", 3, "class", "cache-hit"], [1, "timeline-item", "clickable", 3, "click"], [1, "timeline-marker"], [1, "marker-bolt"], [1, "marker-dot"], [1, "marker-line"], [1, "timeline-content"], [1, "timeline-header"], [1, "timeline-time"], ["title", "Data served from local cache", 1, "cache-hit-badge"], [1, "timeline-duration", 3, "slow"], [1, "timeline-body"], [1, "timeline-operation"], [1, "timeline-entity"], [1, "timeline-entities"], [1, "timeline-pills"], [1, "timeline-filter"], [1, "timeline-duration"], [1, "entity-pill"], [1, "entity-pill", "more"], [1, "param-pill", 3, "class", "title"], [1, "param-pill", 3, "title"], [1, "fa-solid", "fa-hourglass-start"], ["type", "text", "placeholder", "Search patterns...", 3, "ngModelChange", "ngModel"], [1, "patterns-section"], [1, "patterns-table-wrapper"], [1, "patterns-table", "sortable"], [1, "sortable-header", 3, "click"], [1, "sortable-header", "text-right", 3, "click"], [3, "duplicate-row", "slow-row"], [1, "category-chip"], [1, "operation-cell"], [1, "entity-cell"], [1, "filter-cell", 3, "title"], [1, "count-warning"], [1, "fa-solid", "fa-filter"], [1, "insights-section"], [1, "insights-list"], [1, "insight-card", "expandable", 3, "class", "expanded"], [1, "insight-card", "expandable"], [1, "insight-header", 3, "click"], [1, "insight-title"], [1, "insight-category"], [1, "fa-solid", "expand-icon"], [1, "insight-key-info"], [1, "key-info-item"], [1, "insight-message"], [1, "insight-suggestion"], [1, "insight-details"], [1, "key-label"], [1, "key-value", "entity-name"], [1, "key-value", "filter-code"], [1, "detail-section"], [1, "detail-label"], [1, "params-display"], [1, "param-row"], [1, "related-events"], [1, "related-event"], [1, "param-key"], [1, "param-value"], [1, "event-time"], [1, "event-duration"], [1, "event-entity"], [1, "event-filter"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)"], [1, "fa-solid", "fa-database"], [1, "cache-summary"], [1, "cache-type-breakdown"], [1, "type-grid"], [1, "type-item", 3, "click"], [1, "type-icon"], [1, "type-name"], [1, "type-count"], [1, "type-size"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-code"], [1, "cache-entries-section"], [1, "section-header"], [1, "filter-controls"], [1, "cache-entries-table-wrapper"], [1, "cache-entries-table"], [1, "table-footer"], [1, "cache-type-chip"], [1, "entry-name"], [1, "entry-fingerprint"], ["title", "Invalidate", 1, "icon-btn", 3, "click"], [1, "event-detail-overlay", 3, "click"], [1, "event-detail-panel"], [1, "panel-title"], [1, "close-btn", 3, "click"], [1, "panel-body"], [1, "detail-metrics"], [1, "metric"], [1, "metric-value"], [1, "metric-label"], [1, "detail-content"], [1, "detail-row"], [1, "detail-key"], [1, "detail-val"], [1, "fa-solid", "fa-sliders"], [1, "params-grid"], [1, "param-item"], [1, "detail-actions"], [1, "action-button", 3, "click"], [1, "action-button"], [1, "detail-val", "entity-highlight"], [1, "detail-val", "filter-val"], [1, "param-name"], [1, "param-val"], [1, "pattern-summary"], [1, "pattern-stat"], [1, "stat-val"], [1, "pattern-warning"], [1, "engine-detail-overlay", 3, "click"], [1, "engine-detail-panel"], [1, "panel-header-actions"], ["title", "Refresh engine", 1, "icon-btn", 3, "click", "disabled"], [1, "engine-summary-section"], [1, "summary-stat"], [1, "status-dot"], [1, "config-items-section"], [1, "config-items-list"], [1, "config-item", 3, "expanded"], [1, "config-item"], [1, "config-item-header", 3, "click"], [1, "config-item-info"], [1, "fa-solid", "config-health-icon", 3, "title"], [1, "config-type-chip"], [1, "config-name"], [1, "config-item-stats"], [1, "config-stat"], [1, "config-item-details"], [1, "config-detail-row"], [1, "detail-value"], [1, "config-detail-row", "config-detail-row--error"], [1, "sample-data-section"], [1, "detail-value", "detail-value--error"], [1, "sample-header"], [1, "sample-title"], [1, "sample-header-actions"], [1, "all-loaded-badge"], [1, "sample-data-table-wrapper"], [1, "sample-data-table"], [1, "action-col"], ["title", "Load more records", 1, "load-more-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "spinning"], [1, "fa-solid", "fa-plus"], ["title", "Load all records", 1, "load-all-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], ["title", "Open record", 1, "open-record-btn"], [3, "title"], ["title", "Open record", 1, "open-record-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"]], template: function SystemDiagnosticsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-header-interior", 1)(1, "div", 2);
+            i0.ɵɵelement(2, "mj-stat-badge", 3)(3, "mj-stat-badge", 4)(4, "mj-stat-badge", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div", 6)(6, "mj-tab-nav", 7);
+            i0.ɵɵlistener("TabChange", function SystemDiagnosticsComponent_Template_mj_tab_nav_TabChange_6_listener($event) { return ctx.onSectionTabChange($event); });
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "label")(9, "input", 7);
+            i0.ɵɵelementStart(7, "div", 8)(8, "label", 9)(9, "input", 10);
             i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Template_input_ngModelChange_9_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.autoRefresh, $event) || (ctx.autoRefresh = $event); return $event; });
             i0.ɵɵlistener("change", function SystemDiagnosticsComponent_Template_input_change_9_listener() { return ctx.toggleAutoRefresh(); });
             i0.ɵɵelementEnd();
             i0.ɵɵtext(10, " Auto-refresh ");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_11_Template, 3, 0, "span", 8);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "button", 9);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_12_listener() { return ctx.refreshData(); });
-            i0.ɵɵelement(13, "i", 10);
-            i0.ɵɵtext(14, " Refresh Now ");
+            i0.ɵɵelementStart(11, "mj-refresh-button", 11);
+            i0.ɵɵlistener("Clicked", function SystemDiagnosticsComponent_Template_mj_refresh_button_Clicked_11_listener() { return ctx.refreshData(); });
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(15, "div", 11)(16, "button", 12);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_16_listener() { return ctx.toggleKpiCards(); });
-            i0.ɵɵelement(17, "i", 13);
+            i0.ɵɵelementStart(12, "mj-page-body-interior", 12)(13, "div", 13)(14, "div", 14);
+            i0.ɵɵconditionalCreate(15, SystemDiagnosticsComponent_Conditional_15_Template, 12, 4, "div", 15);
+            i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_16_Template, 14, 1, "div", 15);
+            i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_17_Template, 52, 27, "div", 16);
+            i0.ɵɵconditionalCreate(18, SystemDiagnosticsComponent_Conditional_18_Template, 12, 2, "div", 15);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(18, SystemDiagnosticsComponent_Conditional_18_Template, 32, 9, "div", 14)(19, SystemDiagnosticsComponent_Conditional_19_Template, 21, 5, "div", 15);
+            i0.ɵɵelementStart(19, "div", 17)(20, "span", 18);
+            i0.ɵɵelement(21, "i", 19);
+            i0.ɵɵtext(22);
+            i0.ɵɵpipe(23, "date");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 16)(21, "div", 17)(22, "div", 18)(23, "div", 19);
-            i0.ɵɵtext(24, "Diagnostics");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 20);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_25_listener() { return ctx.setActiveSection("engines"); });
-            i0.ɵɵelement(26, "i", 21);
-            i0.ɵɵelementStart(27, "span");
-            i0.ɵɵtext(28, "Engine Registry");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "span", 22);
-            i0.ɵɵtext(30);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(31, "div", 20);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_31_listener() { return ctx.setActiveSection("redundant"); });
-            i0.ɵɵelement(32, "i", 23);
-            i0.ɵɵelementStart(33, "span");
-            i0.ɵɵtext(34, "Redundant Loading");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(35, SystemDiagnosticsComponent_Conditional_35_Template, 2, 1, "span", 24)(36, SystemDiagnosticsComponent_Conditional_36_Template, 2, 0, "span", 25);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "div", 20);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_37_listener() { return ctx.setActiveSection("performance"); });
-            i0.ɵɵelement(38, "i", 26);
-            i0.ɵɵelementStart(39, "span");
-            i0.ɵɵtext(40, "Performance");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "span", 22);
-            i0.ɵɵtext(42);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(43, "div", 20);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_43_listener() { return ctx.setActiveSection("cache"); });
-            i0.ɵɵelement(44, "i", 27);
-            i0.ɵɵelementStart(45, "span");
-            i0.ɵɵtext(46, "Local Cache");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(47, "span", 22);
-            i0.ɵɵtext(48);
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(49, "div", 28);
-            i0.ɵɵconditionalCreate(50, SystemDiagnosticsComponent_Conditional_50_Template, 12, 4, "div", 29);
-            i0.ɵɵconditionalCreate(51, SystemDiagnosticsComponent_Conditional_51_Template, 14, 1, "div", 29);
-            i0.ɵɵconditionalCreate(52, SystemDiagnosticsComponent_Conditional_52_Template, 52, 27, "div", 30);
-            i0.ɵɵconditionalCreate(53, SystemDiagnosticsComponent_Conditional_53_Template, 12, 2, "div", 29);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(54, "div", 31)(55, "span", 32);
-            i0.ɵɵelement(56, "i", 33);
-            i0.ɵɵtext(57);
-            i0.ɵɵpipe(58, "date");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(59, "button", 34);
-            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_59_listener() { return ctx.exportTelemetryData(); });
-            i0.ɵɵelement(60, "i", 35);
-            i0.ɵɵtext(61, " Export JSON ");
+            i0.ɵɵelementStart(24, "button", 20);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_24_listener() { return ctx.exportTelemetryData(); });
+            i0.ɵɵelement(25, "i", 21);
+            i0.ɵɵtext(26, " Export JSON ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(62, SystemDiagnosticsComponent_Conditional_62_Template, 53, 18);
-            i0.ɵɵconditionalCreate(63, SystemDiagnosticsComponent_Conditional_63_Template, 37, 14);
+            i0.ɵɵconditionalCreate(27, SystemDiagnosticsComponent_Conditional_27_Template, 53, 18);
+            i0.ɵɵconditionalCreate(28, SystemDiagnosticsComponent_Conditional_28_Template, 37, 14);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(9);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.autoRefresh);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.autoRefresh ? 11 : -1);
+            i0.ɵɵproperty("Count", (ctx.engineStats == null ? null : ctx.engineStats.totalEngines) || 0);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.isLoading);
+            i0.ɵɵproperty("Count", ctx.formatBytes((ctx.engineStats == null ? null : ctx.engineStats.totalEstimatedMemoryBytes) || 0));
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("spinning", ctx.isLoading);
+            i0.ɵɵproperty("Count", ctx.redundantLoads.length)("Variant", ctx.redundantLoads.length > 0 ? "warning" : "default");
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("collapsed", ctx.kpiCardsCollapsed);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("title", ctx.kpiCardsCollapsed ? "Expand KPI cards" : "Collapse KPI cards");
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("fa-chevron-up", !ctx.kpiCardsCollapsed)("fa-chevron-down", ctx.kpiCardsCollapsed);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.kpiCardsCollapsed ? 18 : 19);
-            i0.ɵɵadvance(7);
-            i0.ɵɵclassProp("active", ctx.activeSection === "engines");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((ctx.engineStats == null ? null : ctx.engineStats.totalEngines) || 0);
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("active", ctx.activeSection === "redundant");
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.redundantLoads.length > 0 ? 35 : 36);
+            i0.ɵɵproperty("Tabs", ctx.diagnosticsTabs)("ActiveKey", ctx.activeSection);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.autoRefresh);
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("active", ctx.activeSection === "performance");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((ctx.telemetrySummary == null ? null : ctx.telemetrySummary.totalEvents) || 0);
+            i0.ɵɵproperty("Loading", ctx.isLoading)("ShowLabel", true);
             i0.ɵɵadvance();
-            i0.ɵɵclassProp("active", ctx.activeSection === "cache");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((ctx.cacheStats == null ? null : ctx.cacheStats.totalEntries) || 0);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.activeSection === "engines" ? 50 : -1);
+            i0.ɵɵproperty("Padding", false);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.activeSection === "engines" ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "redundant" ? 51 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "redundant" ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "performance" ? 52 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "performance" ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "cache" ? 53 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "cache" ? 18 : -1);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" Last updated: ", i0.ɵɵpipeBind2(58, 33, ctx.lastUpdated, "medium"), " ");
+            i0.ɵɵtextInterpolate1(" Last updated: ", i0.ɵɵpipeBind2(23, 18, ctx.lastUpdated, "medium"), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("disabled", !ctx.telemetryEnabled || ctx.telemetryEvents.length === 0);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.eventDetailPanel.isOpen && ctx.eventDetailPanel.event ? 62 : -1);
+            i0.ɵɵconditional(ctx.eventDetailPanel.isOpen && ctx.eventDetailPanel.event ? 27 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.engineDetailPanel.isOpen && ctx.engineDetailPanel.engine ? 63 : -1);
-        } }, dependencies: [i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.DecimalPipe, i3.DatePipe], styles: [".system-diagnostics[_ngcontent-%COMP%] {\n    padding: 0;\n    background: var(--mj-bg-surface-sunken);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n\n\n.diagnostics-header[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n    flex-shrink: 0;\n}\n\n.header-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--mj-status-success);\n}\n\n.header-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 22px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n\n.auto-refresh-control[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.auto-refresh-control[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n}\n\n.auto-refresh-control[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.refresh-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-status-success);\n    font-size: 12px;\n}\n\n.refresh-btn[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n}\n\n.refresh-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.spinning[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\n\n.overview-cards-container[_ngcontent-%COMP%] {\n    position: relative;\n    background: var(--mj-bg-page);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n}\n\n.overview-cards-container.collapsed[_ngcontent-%COMP%] {\n    padding: 0;\n}\n\n.kpi-toggle-btn[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 24px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all 0.2s ease;\n    z-index: 10;\n}\n\n.kpi-toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.overview-cards-container.collapsed[_ngcontent-%COMP%]   .kpi-toggle-btn[_ngcontent-%COMP%] {\n    top: 50%;\n}\n\n\n\n.overview-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    padding: 20px 24px;\n    padding-right: 60px;\n    background: var(--mj-bg-page);\n    flex-shrink: 0;\n}\n\n\n\n.overview-cards-mini[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 10px 60px 10px 24px;\n    background: var(--mj-bg-page);\n}\n\n.mini-kpi[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-secondary);\n}\n\n.mini-kpi[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--mj-color-indigo-500);\n}\n\n.mini-kpi.warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.mini-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.mini-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.mini-divider[_ngcontent-%COMP%] {\n    width: 1px;\n    height: 20px;\n    background: var(--mj-border-default);\n}\n\n.overview-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    padding: 1rem;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-lg);\n    border: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.card-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.25rem;\n    flex-shrink: 0;\n}\n\n.card-icon--engines[_ngcontent-%COMP%] {\n    background: var(--mj-color-accent-300);\n    color: var(--mj-brand-primary);\n}\n\n.card-icon--memory[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.card-icon--warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-error-100);\n    color: var(--mj-status-error);\n}\n\n.card-icon--success[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    color: var(--mj-status-success);\n}\n\n.card-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.card-value[_ngcontent-%COMP%] {\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n    letter-spacing: -0.02em;\n}\n\n.card-label[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin-top: 0.25rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.card-subtitle[_ngcontent-%COMP%] {\n    font-size: 0.6875rem;\n    color: var(--mj-text-muted);\n    margin-top: 0.125rem;\n}\n\n\n\n.main-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.left-nav[_ngcontent-%COMP%] {\n    width: 240px;\n    background: var(--mj-bg-page);\n    border-right: 1px solid var(--mj-border-default);\n    padding: 16px 0;\n    flex-shrink: 0;\n}\n\n.nav-section[_ngcontent-%COMP%] {\n    padding: 0 12px;\n}\n\n.nav-section-title[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 8px 12px;\n    margin-bottom: 4px;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    transition: all 0.2s ease;\n    margin-bottom: 4px;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 15px;\n}\n\n.nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-of-type {\n    flex: 1;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    min-width: 24px;\n    text-align: center;\n}\n\n.nav-item.active[_ngcontent-%COMP%]   .nav-badge[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.nav-badge--warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-500) !important;\n    color: white !important;\n}\n\n.nav-badge--success[_ngcontent-%COMP%] {\n    background: var(--mj-status-success) !important;\n    color: white !important;\n}\n\n\n\n.content-area[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 24px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.section-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-md);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.section-panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n    padding: 20px 24px;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.panel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.action-divider[_ngcontent-%COMP%] {\n    width: 1px;\n    height: 24px;\n    background: var(--mj-border-default);\n}\n\n.source-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n}\n\n.source-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.15s ease;\n}\n\n.source-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.source-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.source-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n.loading-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    color: var(--mj-status-success);\n}\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-100);\n    border-radius: var(--mj-radius-md);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    margin-bottom: 16px;\n}\n\n.error-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.error-banner[_ngcontent-%COMP%]   .dismiss-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.error-banner[_ngcontent-%COMP%]   .dismiss-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-status-error);\n}\n\n.action-btn[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: none;\n    padding: 8px 16px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.action-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.status-indicator.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-indicator.disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-indicator[_ngcontent-%COMP%]   .config-note[_ngcontent-%COMP%] {\n    font-size: 11px;\n    opacity: 0.7;\n    margin-left: 4px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: var(--mj-border-default);\n}\n\n.empty-state.success-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    margin-top: 8px;\n}\n\n\n\n.engine-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 16px;\n}\n\n.engine-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-lg);\n    padding: 16px 20px;\n    border: 2px solid transparent;\n    transition: all 0.2s ease;\n}\n\n.engine-card.loaded[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.engine-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n.engine-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.engine-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 180px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-status[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: var(--mj-radius-lg);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.status-loaded[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.status-pending[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-800);\n}\n\n.engine-stats[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 16px;\n    color: var(--mj-text-muted);\n}\n\n.engine-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.engine-action-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: rgba(0, 0, 0, 0.05);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.engine-action-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n\n\n.info-banner[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-accent-300);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 20px;\n}\n\n.info-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n\n\n.recommendation-banner[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-warning-800);\n    margin-top: 20px;\n}\n\n.recommendation-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    flex-shrink: 0;\n    color: var(--mj-color-warning-500);\n}\n\n\n\n.redundant-loads-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   th.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   td.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   .entity-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.engine-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.engine-chip[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    background: var(--mj-color-indigo-500);\n    color: white;\n    font-size: 11px;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 500;\n}\n\n.count-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: var(--mj-radius-lg);\n}\n\n\n\n.footer[_ngcontent-%COMP%] {\n    padding: 12px 24px;\n    background: var(--mj-bg-page);\n    border-top: 1px solid var(--mj-border-default);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.last-updated[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.warning-banner[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50) !important;\n    color: var(--mj-color-warning-800) !important;\n}\n\n.warning-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.telemetry-summary[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.summary-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    text-align: center;\n}\n\n.summary-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.summary-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n.category-breakdown[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.category-breakdown[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.category-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.category-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-full);\n    font-size: 13px;\n}\n\n.category-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.category-events[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.category-avg[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.insights-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.insights-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.insights-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.insights-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.insight-card[_ngcontent-%COMP%] {\n    padding: 16px;\n    border-radius: var(--mj-radius-md);\n    border-left: 4px solid var(--mj-border-default);\n}\n\n.insight-card.severity-info[_ngcontent-%COMP%] {\n    background: var(--mj-color-accent-300);\n    border-left-color: var(--mj-brand-primary);\n}\n\n.insight-card.severity-warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    border-left-color: var(--mj-color-warning-500);\n}\n\n.insight-card.severity-optimization[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    border-left-color: var(--mj-status-success);\n}\n\n.insight-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.severity-info[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.severity-warning[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-color-warning-500); }\n.severity-optimization[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n.insight-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.insight-category[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 2px 8px;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: var(--mj-radius-lg);\n    color: var(--mj-text-secondary);\n}\n\n.insight-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 8px;\n}\n\n.insight-suggestion[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.insight-suggestion[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 10px;\n}\n\n.patterns-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.patterns-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n.patterns-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.patterns-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.patterns-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.patterns-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.patterns-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.patterns-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.duplicate-row[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n}\n\n.duplicate-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-warning-50) !important;\n}\n\n.category-chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.cat-runview[_ngcontent-%COMP%] { background: var(--mj-color-info-100); color: var(--mj-color-info-700); }\n.cat-runquery[_ngcontent-%COMP%] { background: var(--mj-color-violet-100); color: var(--mj-color-violet-700); }\n.cat-engine[_ngcontent-%COMP%] { background: var(--mj-color-success-100); color: var(--mj-color-success-700); }\n.cat-ai[_ngcontent-%COMP%] { background: var(--mj-color-warning-50); color: var(--mj-color-warning-700); }\n.cat-cache[_ngcontent-%COMP%] { background: var(--mj-color-error-100); color: var(--mj-status-error); }\n.cat-network[_ngcontent-%COMP%] { background: var(--mj-color-tertiary-100); color: var(--mj-color-tertiary-700); }\n.cat-custom[_ngcontent-%COMP%] { background: var(--mj-color-neutral-100); color: var(--mj-color-neutral-600); }\n\n.operation-cell[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n}\n\n.entity-cell[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.count-warning[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 2px 8px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 600;\n}\n\n.action-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n\n\n.slow-queries-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    border-left: 4px solid var(--mj-color-warning-500);\n}\n\n.slow-queries-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.slow-queries-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.slow-queries-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.slow-query-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 12px;\n    border: 1px solid var(--mj-color-warning-50);\n    transition: all 0.15s ease;\n}\n\n.slow-query-item.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.slow-query-item.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-warning-50);\n    border-color: var(--mj-color-warning-500);\n    transform: translateX(2px);\n}\n\n.slow-query-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.slow-query-entity[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.slow-query-time[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    font-size: 14px;\n}\n\n.slow-query-filter[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    font-family: monospace;\n}\n\n.slow-query-timestamp[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n\n\n.insight-card.expandable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.insight-card.expandable[_ngcontent-%COMP%]:hover {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.insight-card[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    margin-left: auto;\n}\n\n.insight-card.expanded[_ngcontent-%COMP%] {\n    border-width: 2px;\n}\n\n.insight-details[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.related-events[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.related-event[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 6px 10px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: 4px;\n    font-size: 12px;\n}\n\n.event-time[_ngcontent-%COMP%] {\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.event-duration[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-filter[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    font-size: 11px;\n}\n\n\n\n.timeline-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n.timeline-container[_ngcontent-%COMP%] {\n    position: relative;\n    padding-left: 24px;\n    max-height: 400px;\n    overflow-y: auto;\n}\n\n.timeline-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.timeline-marker[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    left: -24px;\n    top: 0;\n    bottom: 0;\n}\n\n.marker-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-indigo-500);\n    z-index: 1;\n}\n\n.marker-line[_ngcontent-%COMP%] {\n    width: 2px;\n    flex: 1;\n    background: var(--mj-border-default);\n    margin-top: 4px;\n}\n\n.timeline-item[_ngcontent-%COMP%]:last-child   .marker-line[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.tl-runview[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-info-700); }\n.tl-runquery[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-violet-700); }\n.tl-engine[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-success-700); }\n.tl-ai[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-warning-700); }\n.tl-cache[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n\n\n\n.marker-bolt[_ngcontent-%COMP%] {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    color: var(--mj-color-warning-500);\n    font-size: 14px;\n    margin-left: -4px;\n}\n\n.marker-bolt[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    filter: drop-shadow(0 0 3px color-mix(in srgb, var(--mj-color-warning-500) 60%, transparent));\n}\n\n\n\n.tl-runview.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-info-700); }\n.tl-runquery.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-violet-700); }\n.tl-engine.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-success-700); }\n.tl-ai.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-warning-700); }\n.tl-cache.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n\n\n.cache-hit-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: linear-gradient(135deg, var(--mj-color-warning-100) 0%, var(--mj-color-warning-200) 100%);\n    border: 1px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-lg);\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    letter-spacing: 0.5px;\n}\n\n.cache-hit-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 8px;\n    color: var(--mj-color-warning-500);\n}\n\n\n\n.timeline-item.cache-hit[_ngcontent-%COMP%]   .timeline-content[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border: 1px solid var(--mj-color-warning-300);\n}\n\n.timeline-content[_ngcontent-%COMP%] {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 14px;\n}\n\n.timeline-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.timeline-time[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.timeline-duration[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.timeline-duration.slow[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-800);\n    background: var(--mj-color-warning-50);\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.timeline-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-operation[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-entity[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.timeline-filter[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    margin-top: 4px;\n}\n\n\n\n.timeline-entities[_ngcontent-%COMP%], \n.slow-query-entities[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.entity-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-color-info-700);\n}\n\n.entity-pill.small[_ngcontent-%COMP%] {\n    padding: 1px 6px;\n    font-size: 10px;\n}\n\n.entity-pill.more[_ngcontent-%COMP%] {\n    background: var(--mj-color-neutral-100);\n    border-color: var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n    font-style: italic;\n}\n\n\n\n.timeline-pills[_ngcontent-%COMP%], \n.slow-query-pills[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.param-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-family: monospace;\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.param-pill.small[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    font-size: 9px;\n    max-width: 150px;\n}\n\n.param-pill[_ngcontent-%COMP%]   .pill-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    opacity: 0.8;\n}\n\n.param-pill[_ngcontent-%COMP%]   .pill-value[_ngcontent-%COMP%] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.param-pill.pill-filter[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    border: 1px solid var(--mj-color-warning-300);\n    color: var(--mj-color-warning-700);\n}\n\n.param-pill.pill-order[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    border: 1px solid var(--mj-color-success-300);\n    color: var(--mj-color-success-700);\n}\n\n.param-pill.pill-result[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    border: 1px solid var(--mj-color-violet-300);\n    color: var(--mj-color-violet-700);\n}\n\n.param-pill.pill-limit[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    color: var(--mj-color-info-700);\n}\n\n.param-pill.pill-batch[_ngcontent-%COMP%] {\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-300);\n    color: var(--mj-status-error);\n}\n\n.param-pill.pill-info[_ngcontent-%COMP%] {\n    background: var(--mj-color-neutral-100);\n    border: 1px solid var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n}\n\n\n\n.slow-query-item.cache-hit[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border-color: var(--mj-color-warning-300);\n}\n\n.cache-hit-badge.small[_ngcontent-%COMP%] {\n    padding: 1px 6px;\n    font-size: 8px;\n}\n\n\n\n.filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n}\n\n.search-box[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 200px;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    color: var(--mj-text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    background: var(--mj-bg-page);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-color-indigo-500);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-color-indigo-500) 20%, transparent);\n}\n\n.clear-search[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 8px;\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.clear-search[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.filter-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-full);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface);\n}\n\n.sortable-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-left: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.sortable-header[_ngcontent-%COMP%]   i.fa-sort-up[_ngcontent-%COMP%], \n.sortable-header[_ngcontent-%COMP%]   i.fa-sort-down[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n\n\n.filter-cell[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.slow-row[_ngcontent-%COMP%] {\n    background: var(--mj-color-error-100);\n}\n\n.slow-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-error-100) !important;\n}\n\n.slow-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n\n\n.category-chip.small[_ngcontent-%COMP%] {\n    font-size: 9px;\n    padding: 2px 6px;\n}\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n    padding: 30px 20px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    margin-bottom: 12px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.perf-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    padding: 12px 24px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.perf-tab[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.perf-tab[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.perf-tab.active[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.perf-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: var(--mj-radius-md);\n    min-width: 18px;\n    text-align: center;\n}\n\n.perf-tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.tab-badge.warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.tab-badge.insight[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.perf-panel[_ngcontent-%COMP%]   .section-panel-content[_ngcontent-%COMP%] {\n    padding: 20px 24px;\n}\n\n\n\n.success-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-success-100);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-success-800);\n    margin-top: 16px;\n}\n\n.success-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    color: var(--mj-status-success);\n}\n\n\n\n.filter-bar.compact[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    margin-bottom: 12px;\n}\n\n\n\n.category-item[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.category-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-accent-300);\n    transform: translateY(-1px);\n}\n\n\n\n.insight-key-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 10px 12px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: var(--mj-radius-md);\n    margin: 8px 0;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.key-info-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.key-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 50px;\n    flex-shrink: 0;\n}\n\n.key-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.key-value.entity-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.key-value.filter-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 2px 6px;\n    border-radius: 3px;\n    color: var(--mj-text-primary);\n}\n\n\n\n.params-display[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    padding: 10px;\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 4px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.param-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-key[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.param-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.event-entity[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.perfmon-section[_ngcontent-%COMP%] {\n    \n\n    --perfmon-bg: var(--mj-bg-surface-card);\n    --perfmon-bg-deep: var(--mj-bg-surface-sunken);\n    --perfmon-border: var(--mj-border-default);\n    --perfmon-border-medium: var(--mj-border-strong);\n    --perfmon-border-light: var(--mj-border-strong);\n    --perfmon-text-faint: var(--mj-text-disabled);\n    --perfmon-text-muted: var(--mj-text-muted);\n    --perfmon-text-secondary: var(--mj-text-secondary);\n    --perfmon-control-bg: var(--mj-bg-surface-sunken);\n    --perfmon-control-bg-hover: var(--mj-bg-surface-hover);\n    --perfmon-mode-bg: var(--mj-bg-surface-sunken);\n    --perfmon-overlay-light: color-mix(in srgb, var(--mj-text-primary) 5%, transparent);\n    --perfmon-overlay-medium: color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    --perfmon-overlay-strong: color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n    --perfmon-tooltip-bg: var(--mj-bg-overlay);\n\n    \n\n    --perfmon-accent: #00ff88;\n    --perfmon-accent-dim: #00cc6a;\n    --perfmon-series-runview: #00bcd4;\n    --perfmon-series-runquery: #e040fb;\n    --perfmon-series-engine: #00ff88;\n    --perfmon-series-ai: #ff9800;\n\n    background: var(--perfmon-bg);\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 24px;\n}\n\n.perfmon-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.perfmon-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--perfmon-accent);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.perfmon-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.perfmon-legend[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    font-size: 11px;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--perfmon-text-muted);\n}\n\n.legend-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.legend-item.runview[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-runview); }\n.legend-item.runquery[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-runquery); }\n.legend-item.engine[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-engine); }\n.legend-item.ai[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-ai); }\n\n.perfmon-chart-container[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--perfmon-bg-deep);\n    border: 1px solid var(--perfmon-border);\n    border-radius: 4px;\n    position: relative;\n}\n\n.perfmon-y-axis[_ngcontent-%COMP%] {\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.perfmon-y-axis[_ngcontent-%COMP%]   .axis-label[_ngcontent-%COMP%] {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 10px;\n    color: var(--perfmon-text-faint);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.perfmon-chart[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 300px;\n    position: relative;\n    overflow: hidden;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.perfmon-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--perfmon-border);\n}\n\n.footer-note[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.footer-note[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.footer-stats[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-accent);\n    font-family: monospace;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.grid-line) {\n    stroke: var(--perfmon-border);\n    stroke-dasharray: 2,2;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.axis-line) {\n    stroke: var(--perfmon-border-light);\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.axis-text) {\n    fill: var(--perfmon-text-muted);\n    font-size: 10px;\n    font-family: monospace;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.event-point) {\n    cursor: pointer;\n    transition: r 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.event-point:hover) {\n    r: 6;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip) {\n    pointer-events: none;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip-bg) {\n    fill: var(--perfmon-tooltip-bg);\n    rx: 4;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip-text) {\n    fill: var(--mj-bg-surface);\n    font-size: 11px;\n    font-family: monospace;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.area-fill) {\n    opacity: 0.15;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.line-path) {\n    fill: none;\n    stroke-width: 1.5;\n    opacity: 0.8;\n}\n\n\n\n.perfmon-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    background: var(--perfmon-overlay-light);\n    border-radius: 6px;\n    border: 1px solid var(--perfmon-border);\n}\n\n.chart-control-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    background: var(--perfmon-control-bg);\n    color: var(--perfmon-text-muted);\n    border: 1px solid var(--perfmon-border-medium);\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.chart-control-btn[_ngcontent-%COMP%]:hover {\n    background: var(--perfmon-control-bg-hover);\n    color: var(--perfmon-accent);\n    border-color: var(--perfmon-accent);\n}\n\n.chart-control-btn[_ngcontent-%COMP%]:active {\n    transform: scale(0.95);\n}\n\n.chart-control-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--perfmon-mode-bg);\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid var(--perfmon-border-medium);\n}\n\n.mode-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 28px;\n    padding: 0;\n    background: transparent;\n    color: var(--perfmon-text-faint);\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mode-btn[_ngcontent-%COMP%]:first-child {\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.mode-btn[_ngcontent-%COMP%]:hover {\n    color: var(--perfmon-text-secondary);\n    background: var(--perfmon-overlay-light);\n}\n\n.mode-btn.active[_ngcontent-%COMP%] {\n    background: var(--perfmon-accent);\n    color: var(--perfmon-mode-bg);\n}\n\n.mode-btn.active[_ngcontent-%COMP%]:hover {\n    background: var(--perfmon-accent-dim);\n}\n\n.mode-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.control-divider[_ngcontent-%COMP%] {\n    width: 1px;\n    height: 24px;\n    background: var(--perfmon-border-medium);\n    margin: 0 4px;\n}\n\n.compress-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 12px;\n    color: var(--perfmon-text-muted);\n    user-select: none;\n}\n\n.compress-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--perfmon-accent);\n}\n\n.compress-toggle[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 14px;\n    height: 14px;\n    accent-color: var(--perfmon-accent);\n    cursor: pointer;\n}\n\n.compress-toggle[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n.zoom-level[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    font-family: monospace;\n    margin-left: 8px;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-indicator) {\n    cursor: pointer;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-indicator:hover) {\n    opacity: 0.8;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-text) {\n    fill: var(--perfmon-text-faint);\n    font-size: 10px;\n    font-family: monospace;\n    pointer-events: none;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-expand-btn) {\n    cursor: pointer;\n    opacity: 0.6;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-expand-btn:hover) {\n    opacity: 1;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.selection-overlay) {\n    pointer-events: all;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.selection-rect) {\n    pointer-events: none;\n}\n\n\n\n.zoom-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    color: var(--perfmon-text-muted);\n    font-family: monospace;\n}\n\n.zoom-info[_ngcontent-%COMP%]   .zoom-level[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.zoom-info[_ngcontent-%COMP%]   .time-range[_ngcontent-%COMP%] {\n    color: var(--perfmon-text-faint);\n}\n\n\n\n@media (max-width: 1024px) {\n    .main-content[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .left-nav[_ngcontent-%COMP%] {\n        width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 12px;\n    }\n\n    .nav-section[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 0;\n    }\n\n    .nav-section-title[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .nav-item[_ngcontent-%COMP%] {\n        white-space: nowrap;\n        padding: 10px 16px;\n    }\n}\n\n@media (max-width: 768px) {\n    .diagnostics-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .header-controls[_ngcontent-%COMP%] {\n        width: 100%;\n        flex-wrap: wrap;\n    }\n\n    .overview-cards[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .engine-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .perfmon-legend[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}\n\n\n\n.export-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.export-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n}\n\n.export-btn[_ngcontent-%COMP%]:disabled {\n    background: var(--mj-border-default);\n    cursor: not-allowed;\n}\n\n.footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\n\n.event-detail-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.event-detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 450px;\n    max-width: 90vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: _ngcontent-%COMP%_slideIn 0.25s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n\n\n.detail-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    text-align: center;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-value.slow[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 14px;\n}\n\n.detail-content[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n}\n\n.detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.detail-key[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 80px;\n    flex-shrink: 0;\n}\n\n.detail-val[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.detail-val.entity-highlight[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.detail-val.filter-val[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n\n\n.params-grid[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n}\n\n.param-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-name[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n    font-family: monospace;\n}\n\n.param-val[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n\n\n.pattern-summary[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n}\n\n.pattern-stat[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.pattern-stat[_ngcontent-%COMP%]   .stat-val[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.pattern-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 4px;\n}\n\n.pattern-warning[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.pattern-warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n    margin-top: 2px;\n}\n\n\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.action-button[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-button[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-default);\n}\n\n.action-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n\n\n.timeline-item.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.timeline-item.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n}\n\n.timeline-item.clickable[_ngcontent-%COMP%]:hover   .marker-dot[_ngcontent-%COMP%] {\n    transform: scale(1.3);\n}\n\n\n\n\n\n\n.engine-detail-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 550px;\n    max-width: 95vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: _ngcontent-%COMP%_slideIn 0.25s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, var(--mj-status-success) 0%, var(--mj-color-success-800) 100%);\n    color: white;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: white;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    font-size: 18px;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n\n\n.engine-summary-section[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-stat[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px 16px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.status-dot[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-warning-500);\n}\n\n.status-dot.status-loaded[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.config-items-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 16px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.config-items-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.config-items-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.config-item.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.config-item-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.config-item-header[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.02);\n}\n\n.config-item-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.config-type-chip[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    flex-shrink: 0;\n}\n\n.config-type-chip.type-entity[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.config-type-chip.type-dataset[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.config-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.config-item-stats[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-stat[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    transition: transform 0.2s ease;\n}\n\n.config-item.expanded[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.config-item-details[_ngcontent-%COMP%] {\n    padding: 0 16px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.config-detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.config-detail-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.config-detail-row[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    min-width: 70px;\n    flex-shrink: 0;\n}\n\n.config-detail-row[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n\n\n.config-health-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    flex-shrink: 0;\n}\n.config-health-icon.health-success[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n.config-health-icon.health-failure[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.config-detail-row--error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    border-radius: 4px;\n    padding: 4px 8px;\n}\n.detail-value--error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text) !important;\n    background: none !important;\n    font-family: inherit !important;\n    word-break: break-word;\n}\n\n\n\n.sample-data-section[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.sample-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.sample-title[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.sample-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.load-more-btn[_ngcontent-%COMP%], \n.load-all-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: 1px solid var(--mj-color-indigo-500);\n    color: var(--mj-color-indigo-500);\n    font-size: 11px;\n    padding: 4px 10px;\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.2s ease;\n}\n\n.load-more-btn[_ngcontent-%COMP%]:hover:not(:disabled), \n.load-all-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.load-more-btn[_ngcontent-%COMP%]:disabled, \n.load-all-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.all-loaded-badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-status-success);\n    padding: 4px 10px;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    border-radius: 4px;\n}\n\n.action-col[_ngcontent-%COMP%] {\n    width: 36px;\n    min-width: 36px;\n    max-width: 36px;\n    padding: 4px !important;\n    text-align: center;\n}\n\n.open-record-btn[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-color-indigo-500);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    transition: all 0.2s ease;\n}\n\n.open-record-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.sample-data-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.sample-data-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 11px;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    max-width: 150px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n    padding: 30px 20px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.spinning[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n\n\n\n\n\n.cache-summary[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.cache-type-breakdown[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.cache-type-breakdown[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.type-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.type-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-page);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.type-item[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.type-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n}\n\n.type-name[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-count[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-status-success);\n}\n\n.type-size[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-left: 8px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%]   .section-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%]   .section-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.filter-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.cache-entries-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.cache-entries-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    vertical-align: middle;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.cache-type-chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    text-transform: uppercase;\n}\n\n.cache-type-chip.type-dataset[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.cache-type-chip.type-runview[_ngcontent-%COMP%] {\n    background: var(--mj-color-tertiary-100);\n    color: var(--mj-color-tertiary-700);\n}\n\n.cache-type-chip.type-runquery[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.entry-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entry-fingerprint[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 3px;\n}\n\n.icon-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.icon-btn[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: var(--mj-status-error-bg);\n}\n\n.table-footer[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-top: 1px solid var(--mj-border-default);\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.engineDetailPanel.isOpen && ctx.engineDetailPanel.engine ? 28 : -1);
+        } }, dependencies: [i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJPageHeaderInteriorComponent, i3.MJPageBodyInteriorComponent, i3.MJStatBadgeComponent, i3.MJRefreshButtonComponent, i3.MJTabNavComponent, i4.DecimalPipe, i4.DatePipe], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n    background: var(--mj-bg-page);\n}\n\n.system-diagnostics[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n.auto-refresh-toggle[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.auto-refresh-toggle[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n}\n\n.spinning[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.content-area[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 24px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.section-panel[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-md);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.section-panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n    padding: 20px 24px;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.panel-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.action-divider[_ngcontent-%COMP%] {\n    width: 1px;\n    height: 24px;\n    background: var(--mj-border-default);\n}\n\n.source-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n}\n\n.source-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.15s ease;\n}\n\n.source-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.source-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.source-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n}\n\n.loading-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    color: var(--mj-status-success);\n}\n\n.error-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-100);\n    border-radius: var(--mj-radius-md);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    margin-bottom: 16px;\n}\n\n.error-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.error-banner[_ngcontent-%COMP%]   .dismiss-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.error-banner[_ngcontent-%COMP%]   .dismiss-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-status-error);\n}\n\n.action-btn[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: none;\n    padding: 8px 16px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.action-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n\n\n.status-indicator[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.status-indicator.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-indicator.disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-indicator[_ngcontent-%COMP%]   .config-note[_ngcontent-%COMP%] {\n    font-size: 11px;\n    opacity: 0.7;\n    margin-left: 4px;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: var(--mj-border-default);\n}\n\n.empty-state.success-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-hint[_ngcontent-%COMP%] {\n    font-size: 13px;\n    margin-top: 8px;\n}\n\n\n\n.engine-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 16px;\n}\n\n.engine-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-lg);\n    padding: 16px 20px;\n    border: 2px solid transparent;\n    transition: all 0.2s ease;\n}\n\n.engine-card.loaded[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.engine-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n.engine-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.engine-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 180px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-status[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: var(--mj-radius-lg);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.status-loaded[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.status-pending[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-800);\n}\n\n.engine-stats[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    width: 16px;\n    color: var(--mj-text-muted);\n}\n\n.engine-actions[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.engine-action-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: rgba(0, 0, 0, 0.05);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.engine-action-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n\n\n.info-banner[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-accent-300);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 20px;\n}\n\n.info-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n\n\n.recommendation-banner[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-warning-800);\n    margin-top: 20px;\n}\n\n.recommendation-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    flex-shrink: 0;\n    color: var(--mj-color-warning-500);\n}\n\n\n\n.redundant-loads-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   th.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   td.text-right[_ngcontent-%COMP%] {\n    text-align: right;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.redundant-loads-table[_ngcontent-%COMP%]   .entity-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.engine-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.engine-chip[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    background: var(--mj-color-indigo-500);\n    color: white;\n    font-size: 11px;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 500;\n}\n\n.count-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: var(--mj-radius-lg);\n}\n\n\n\n.footer[_ngcontent-%COMP%] {\n    padding: 12px 24px;\n    background: var(--mj-bg-page);\n    border-top: 1px solid var(--mj-border-default);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.last-updated[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.warning-banner[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50) !important;\n    color: var(--mj-color-warning-800) !important;\n}\n\n.warning-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.telemetry-summary[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.summary-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    text-align: center;\n}\n\n.summary-value[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.summary-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n.category-breakdown[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.category-breakdown[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.category-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.category-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-full);\n    font-size: 13px;\n}\n\n.category-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.category-events[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.category-avg[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.insights-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.insights-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.insights-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.insights-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.insight-card[_ngcontent-%COMP%] {\n    padding: 16px;\n    border-radius: var(--mj-radius-md);\n    border-left: 4px solid var(--mj-border-default);\n}\n\n.insight-card.severity-info[_ngcontent-%COMP%] {\n    background: var(--mj-color-accent-300);\n    border-left-color: var(--mj-brand-primary);\n}\n\n.insight-card.severity-warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    border-left-color: var(--mj-color-warning-500);\n}\n\n.insight-card.severity-optimization[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    border-left-color: var(--mj-status-success);\n}\n\n.insight-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.severity-info[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.severity-warning[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-color-warning-500); }\n.severity-optimization[_ngcontent-%COMP%]   .insight-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n\n.insight-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.insight-category[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 2px 8px;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: var(--mj-radius-lg);\n    color: var(--mj-text-secondary);\n}\n\n.insight-message[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 8px;\n}\n\n.insight-suggestion[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.insight-suggestion[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 10px;\n}\n\n.patterns-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.patterns-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n.patterns-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.patterns-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.patterns-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.patterns-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.patterns-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.patterns-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.duplicate-row[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n}\n\n.duplicate-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-warning-50) !important;\n}\n\n.category-chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.cat-runview[_ngcontent-%COMP%] { background: var(--mj-color-info-100); color: var(--mj-color-info-700); }\n.cat-runquery[_ngcontent-%COMP%] { background: var(--mj-color-violet-100); color: var(--mj-color-violet-700); }\n.cat-engine[_ngcontent-%COMP%] { background: var(--mj-color-success-100); color: var(--mj-color-success-700); }\n.cat-ai[_ngcontent-%COMP%] { background: var(--mj-color-warning-50); color: var(--mj-color-warning-700); }\n.cat-cache[_ngcontent-%COMP%] { background: var(--mj-color-error-100); color: var(--mj-status-error); }\n.cat-network[_ngcontent-%COMP%] { background: var(--mj-color-tertiary-100); color: var(--mj-color-tertiary-700); }\n.cat-custom[_ngcontent-%COMP%] { background: var(--mj-color-neutral-100); color: var(--mj-color-neutral-600); }\n\n.operation-cell[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n}\n\n.entity-cell[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.count-warning[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 2px 8px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 600;\n}\n\n.action-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n\n\n.slow-queries-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    border-left: 4px solid var(--mj-color-warning-500);\n}\n\n.slow-queries-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.slow-queries-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n}\n\n.slow-queries-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.slow-query-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 12px;\n    border: 1px solid var(--mj-color-warning-50);\n    transition: all 0.15s ease;\n}\n\n.slow-query-item.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.slow-query-item.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-warning-50);\n    border-color: var(--mj-color-warning-500);\n    transform: translateX(2px);\n}\n\n.slow-query-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.slow-query-entity[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.slow-query-time[_ngcontent-%COMP%] {\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    font-size: 14px;\n}\n\n.slow-query-filter[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    font-family: monospace;\n}\n\n.slow-query-timestamp[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n\n\n.insight-card.expandable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.insight-card.expandable[_ngcontent-%COMP%]:hover {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.insight-card[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    margin-left: auto;\n}\n\n.insight-card.expanded[_ngcontent-%COMP%] {\n    border-width: 2px;\n}\n\n.insight-details[_ngcontent-%COMP%] {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 12px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.related-events[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.related-event[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 6px 10px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: 4px;\n    font-size: 12px;\n}\n\n.event-time[_ngcontent-%COMP%] {\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.event-duration[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-filter[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    font-size: 11px;\n}\n\n\n\n.timeline-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n.timeline-container[_ngcontent-%COMP%] {\n    position: relative;\n    padding-left: 24px;\n    max-height: 400px;\n    overflow-y: auto;\n}\n\n.timeline-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.timeline-marker[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    left: -24px;\n    top: 0;\n    bottom: 0;\n}\n\n.marker-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-indigo-500);\n    z-index: 1;\n}\n\n.marker-line[_ngcontent-%COMP%] {\n    width: 2px;\n    flex: 1;\n    background: var(--mj-border-default);\n    margin-top: 4px;\n}\n\n.timeline-item[_ngcontent-%COMP%]:last-child   .marker-line[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.tl-runview[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-info-700); }\n.tl-runquery[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-violet-700); }\n.tl-engine[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-success-700); }\n.tl-ai[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-color-warning-700); }\n.tl-cache[_ngcontent-%COMP%]   .marker-dot[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n\n\n\n.marker-bolt[_ngcontent-%COMP%] {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    color: var(--mj-color-warning-500);\n    font-size: 14px;\n    margin-left: -4px;\n}\n\n.marker-bolt[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    filter: drop-shadow(0 0 3px color-mix(in srgb, var(--mj-color-warning-500) 60%, transparent));\n}\n\n\n\n.tl-runview.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-info-700); }\n.tl-runquery.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-violet-700); }\n.tl-engine.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-success-700); }\n.tl-ai.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-color-warning-700); }\n.tl-cache.cache-hit[_ngcontent-%COMP%]   .marker-bolt[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n\n\n.cache-hit-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: linear-gradient(135deg, var(--mj-color-warning-100) 0%, var(--mj-color-warning-200) 100%);\n    border: 1px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-lg);\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    letter-spacing: 0.5px;\n}\n\n.cache-hit-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 8px;\n    color: var(--mj-color-warning-500);\n}\n\n\n\n.timeline-item.cache-hit[_ngcontent-%COMP%]   .timeline-content[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border: 1px solid var(--mj-color-warning-300);\n}\n\n.timeline-content[_ngcontent-%COMP%] {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 14px;\n}\n\n.timeline-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.timeline-time[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.timeline-duration[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.timeline-duration.slow[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-800);\n    background: var(--mj-color-warning-50);\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.timeline-body[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-operation[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-entity[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.timeline-filter[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    margin-top: 4px;\n}\n\n\n\n.timeline-entities[_ngcontent-%COMP%], \n.slow-query-entities[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.entity-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-color-info-700);\n}\n\n.entity-pill.small[_ngcontent-%COMP%] {\n    padding: 1px 6px;\n    font-size: 10px;\n}\n\n.entity-pill.more[_ngcontent-%COMP%] {\n    background: var(--mj-color-neutral-100);\n    border-color: var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n    font-style: italic;\n}\n\n\n\n.timeline-pills[_ngcontent-%COMP%], \n.slow-query-pills[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.param-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-family: monospace;\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.param-pill.small[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    font-size: 9px;\n    max-width: 150px;\n}\n\n.param-pill[_ngcontent-%COMP%]   .pill-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    opacity: 0.8;\n}\n\n.param-pill[_ngcontent-%COMP%]   .pill-value[_ngcontent-%COMP%] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\n.param-pill.pill-filter[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    border: 1px solid var(--mj-color-warning-300);\n    color: var(--mj-color-warning-700);\n}\n\n.param-pill.pill-order[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    border: 1px solid var(--mj-color-success-300);\n    color: var(--mj-color-success-700);\n}\n\n.param-pill.pill-result[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    border: 1px solid var(--mj-color-violet-300);\n    color: var(--mj-color-violet-700);\n}\n\n.param-pill.pill-limit[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    color: var(--mj-color-info-700);\n}\n\n.param-pill.pill-batch[_ngcontent-%COMP%] {\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-300);\n    color: var(--mj-status-error);\n}\n\n.param-pill.pill-info[_ngcontent-%COMP%] {\n    background: var(--mj-color-neutral-100);\n    border: 1px solid var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n}\n\n\n\n.slow-query-item.cache-hit[_ngcontent-%COMP%] {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border-color: var(--mj-color-warning-300);\n}\n\n.cache-hit-badge.small[_ngcontent-%COMP%] {\n    padding: 1px 6px;\n    font-size: 8px;\n}\n\n\n\n.filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n}\n\n.search-box[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 200px;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 12px;\n    color: var(--mj-text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    background: var(--mj-bg-page);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-color-indigo-500);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-color-indigo-500) 20%, transparent);\n}\n\n.clear-search[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 8px;\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.clear-search[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-secondary);\n}\n\n.filter-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-full);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n\n\n.sortable-header[_ngcontent-%COMP%] {\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n}\n\n.sortable-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface);\n}\n\n.sortable-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-left: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.sortable-header[_ngcontent-%COMP%]   i.fa-sort-up[_ngcontent-%COMP%], \n.sortable-header[_ngcontent-%COMP%]   i.fa-sort-down[_ngcontent-%COMP%] {\n    color: var(--mj-color-indigo-500);\n}\n\n\n\n.filter-cell[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.slow-row[_ngcontent-%COMP%] {\n    background: var(--mj-color-error-100);\n}\n\n.slow-row[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-error-100) !important;\n}\n\n.slow-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n\n\n.category-chip.small[_ngcontent-%COMP%] {\n    font-size: 9px;\n    padding: 2px 6px;\n}\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n    padding: 30px 20px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n    margin-bottom: 12px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.perf-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    padding: 12px 24px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.perf-tab[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.perf-tab[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.perf-tab.active[_ngcontent-%COMP%] {\n    background: var(--mj-bg-page);\n    color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.perf-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: var(--mj-radius-md);\n    min-width: 18px;\n    text-align: center;\n}\n\n.perf-tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.tab-badge.warning[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.tab-badge.insight[_ngcontent-%COMP%] {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.perf-panel[_ngcontent-%COMP%]   .section-panel-content[_ngcontent-%COMP%] {\n    padding: 20px 24px;\n}\n\n\n\n.success-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-success-100);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-success-800);\n    margin-top: 16px;\n}\n\n.success-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    color: var(--mj-status-success);\n}\n\n\n\n.filter-bar.compact[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    margin-bottom: 12px;\n}\n\n\n\n.category-item[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.category-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-accent-300);\n    transform: translateY(-1px);\n}\n\n\n\n.insight-key-info[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 10px 12px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: var(--mj-radius-md);\n    margin: 8px 0;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.key-info-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.key-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 50px;\n    flex-shrink: 0;\n}\n\n.key-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.key-value.entity-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.key-value.filter-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 2px 6px;\n    border-radius: 3px;\n    color: var(--mj-text-primary);\n}\n\n\n\n.params-display[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    padding: 10px;\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 4px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.param-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-key[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.param-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.event-entity[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.perfmon-section[_ngcontent-%COMP%] {\n    \n\n    --perfmon-bg: var(--mj-bg-surface-card);\n    --perfmon-bg-deep: var(--mj-bg-surface-sunken);\n    --perfmon-border: var(--mj-border-default);\n    --perfmon-border-medium: var(--mj-border-strong);\n    --perfmon-border-light: var(--mj-border-strong);\n    --perfmon-text-faint: var(--mj-text-disabled);\n    --perfmon-text-muted: var(--mj-text-muted);\n    --perfmon-text-secondary: var(--mj-text-secondary);\n    --perfmon-control-bg: var(--mj-bg-surface-sunken);\n    --perfmon-control-bg-hover: var(--mj-bg-surface-hover);\n    --perfmon-mode-bg: var(--mj-bg-surface-sunken);\n    --perfmon-overlay-light: color-mix(in srgb, var(--mj-text-primary) 5%, transparent);\n    --perfmon-overlay-medium: color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    --perfmon-overlay-strong: color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n    --perfmon-tooltip-bg: var(--mj-bg-overlay);\n\n    \n\n    --perfmon-accent: #00ff88;\n    --perfmon-accent-dim: #00cc6a;\n    --perfmon-series-runview: #00bcd4;\n    --perfmon-series-runquery: #e040fb;\n    --perfmon-series-engine: #00ff88;\n    --perfmon-series-ai: #ff9800;\n\n    background: var(--perfmon-bg);\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 24px;\n}\n\n.perfmon-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.perfmon-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--perfmon-accent);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.perfmon-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.perfmon-legend[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    font-size: 11px;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--perfmon-text-muted);\n}\n\n.legend-dot[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.legend-item.runview[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-runview); }\n.legend-item.runquery[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-runquery); }\n.legend-item.engine[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-engine); }\n.legend-item.ai[_ngcontent-%COMP%]   .legend-dot[_ngcontent-%COMP%] { background: var(--perfmon-series-ai); }\n\n.perfmon-chart-container[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--perfmon-bg-deep);\n    border: 1px solid var(--perfmon-border);\n    border-radius: 4px;\n    position: relative;\n}\n\n.perfmon-y-axis[_ngcontent-%COMP%] {\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.perfmon-y-axis[_ngcontent-%COMP%]   .axis-label[_ngcontent-%COMP%] {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 10px;\n    color: var(--perfmon-text-faint);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.perfmon-chart[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 300px;\n    position: relative;\n    overflow: hidden;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.perfmon-footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--perfmon-border);\n}\n\n.footer-note[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.footer-note[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.footer-stats[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-accent);\n    font-family: monospace;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.grid-line) {\n    stroke: var(--perfmon-border);\n    stroke-dasharray: 2,2;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.axis-line) {\n    stroke: var(--perfmon-border-light);\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.axis-text) {\n    fill: var(--perfmon-text-muted);\n    font-size: 10px;\n    font-family: monospace;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.event-point) {\n    cursor: pointer;\n    transition: r 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.event-point:hover) {\n    r: 6;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip) {\n    pointer-events: none;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip-bg) {\n    fill: var(--perfmon-tooltip-bg);\n    rx: 4;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.tooltip-text) {\n    fill: var(--mj-bg-surface);\n    font-size: 11px;\n    font-family: monospace;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.area-fill) {\n    opacity: 0.15;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.line-path) {\n    fill: none;\n    stroke-width: 1.5;\n    opacity: 0.8;\n}\n\n\n\n.perfmon-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    background: var(--perfmon-overlay-light);\n    border-radius: 6px;\n    border: 1px solid var(--perfmon-border);\n}\n\n.chart-control-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    background: var(--perfmon-control-bg);\n    color: var(--perfmon-text-muted);\n    border: 1px solid var(--perfmon-border-medium);\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.chart-control-btn[_ngcontent-%COMP%]:hover {\n    background: var(--perfmon-control-bg-hover);\n    color: var(--perfmon-accent);\n    border-color: var(--perfmon-accent);\n}\n\n.chart-control-btn[_ngcontent-%COMP%]:active {\n    transform: scale(0.95);\n}\n\n.chart-control-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    background: var(--perfmon-mode-bg);\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid var(--perfmon-border-medium);\n}\n\n.mode-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 28px;\n    padding: 0;\n    background: transparent;\n    color: var(--perfmon-text-faint);\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mode-btn[_ngcontent-%COMP%]:first-child {\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.mode-btn[_ngcontent-%COMP%]:hover {\n    color: var(--perfmon-text-secondary);\n    background: var(--perfmon-overlay-light);\n}\n\n.mode-btn.active[_ngcontent-%COMP%] {\n    background: var(--perfmon-accent);\n    color: var(--perfmon-mode-bg);\n}\n\n.mode-btn.active[_ngcontent-%COMP%]:hover {\n    background: var(--perfmon-accent-dim);\n}\n\n.mode-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.control-divider[_ngcontent-%COMP%] {\n    width: 1px;\n    height: 24px;\n    background: var(--perfmon-border-medium);\n    margin: 0 4px;\n}\n\n.compress-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 12px;\n    color: var(--perfmon-text-muted);\n    user-select: none;\n}\n\n.compress-toggle[_ngcontent-%COMP%]:hover {\n    color: var(--perfmon-accent);\n}\n\n.compress-toggle[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n    width: 14px;\n    height: 14px;\n    accent-color: var(--perfmon-accent);\n    cursor: pointer;\n}\n\n.compress-toggle[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    white-space: nowrap;\n}\n\n.zoom-level[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    font-family: monospace;\n    margin-left: 8px;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-indicator) {\n    cursor: pointer;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-indicator:hover) {\n    opacity: 0.8;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-text) {\n    fill: var(--perfmon-text-faint);\n    font-size: 10px;\n    font-family: monospace;\n    pointer-events: none;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-expand-btn) {\n    cursor: pointer;\n    opacity: 0.6;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.gap-expand-btn:hover) {\n    opacity: 1;\n}\n\n\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.selection-overlay) {\n    pointer-events: all;\n}\n\n.perfmon-chart[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(.selection-rect) {\n    pointer-events: none;\n}\n\n\n\n.zoom-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    color: var(--perfmon-text-muted);\n    font-family: monospace;\n}\n\n.zoom-info[_ngcontent-%COMP%]   .zoom-level[_ngcontent-%COMP%] {\n    color: var(--perfmon-accent);\n}\n\n.zoom-info[_ngcontent-%COMP%]   .time-range[_ngcontent-%COMP%] {\n    color: var(--perfmon-text-faint);\n}\n\n\n\n@media (max-width: 1024px) {\n    .main-content[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .left-nav[_ngcontent-%COMP%] {\n        width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 12px;\n    }\n\n    .nav-section[_ngcontent-%COMP%] {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 0;\n    }\n\n    .nav-section-title[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .nav-item[_ngcontent-%COMP%] {\n        white-space: nowrap;\n        padding: 10px 16px;\n    }\n}\n\n@media (max-width: 768px) {\n    .engine-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .perfmon-legend[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}\n\n\n\n.export-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.export-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n}\n\n.export-btn[_ngcontent-%COMP%]:disabled {\n    background: var(--mj-border-default);\n    cursor: not-allowed;\n}\n\n.footer[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n\n\n.event-detail-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.event-detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 450px;\n    max-width: 90vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: _ngcontent-%COMP%_slideIn 0.25s ease;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .panel-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n\n\n.detail-metrics[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    text-align: center;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-value.slow[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.detail-metrics[_ngcontent-%COMP%]   .metric-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.event-detail-panel[_ngcontent-%COMP%]   .detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    font-size: 14px;\n}\n\n.detail-content[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n}\n\n.detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.detail-key[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 80px;\n    flex-shrink: 0;\n}\n\n.detail-val[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.detail-val.entity-highlight[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.detail-val.filter-val[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n\n\n.params-grid[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-item[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n}\n\n.param-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.param-name[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n    font-family: monospace;\n}\n\n.param-val[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n\n\n.pattern-summary[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n}\n\n.pattern-stat[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.pattern-stat[_ngcontent-%COMP%]   .stat-val[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.pattern-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 4px;\n}\n\n.pattern-warning[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.pattern-warning[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-500);\n    margin-top: 2px;\n}\n\n\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding-top: 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.action-button[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-button[_ngcontent-%COMP%]:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-default);\n}\n\n.action-button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n\n\n.timeline-item.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.timeline-item.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n}\n\n.timeline-item.clickable[_ngcontent-%COMP%]:hover   .marker-dot[_ngcontent-%COMP%] {\n    transform: scale(1.3);\n}\n\n\n\n\n\n\n.engine-detail-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 550px;\n    max-width: 95vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: _ngcontent-%COMP%_slideIn 0.25s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, var(--mj-status-success) 0%, var(--mj-color-success-800) 100%);\n    color: white;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: white;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .icon-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    font-size: 18px;\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .close-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel[_ngcontent-%COMP%]   .panel-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n\n\n.engine-summary-section[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-stat[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px 16px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n}\n\n.engine-summary-section[_ngcontent-%COMP%]   .summary-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.status-dot[_ngcontent-%COMP%] {\n    width: 8px;\n    height: 8px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-warning-500);\n}\n\n.status-dot.status-loaded[_ngcontent-%COMP%] {\n    background: var(--mj-status-success);\n}\n\n\n\n.config-items-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 16px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.config-items-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.config-items-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.config-item.expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.config-item-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.config-item-header[_ngcontent-%COMP%]:hover {\n    background: rgba(0, 0, 0, 0.02);\n}\n\n.config-item-info[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.config-type-chip[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    flex-shrink: 0;\n}\n\n.config-type-chip.type-entity[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.config-type-chip.type-dataset[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.config-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.config-item-stats[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-stat[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    transition: transform 0.2s ease;\n}\n\n.config-item.expanded[_ngcontent-%COMP%]   .expand-icon[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.config-item-details[_ngcontent-%COMP%] {\n    padding: 0 16px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.config-detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.config-detail-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.config-detail-row[_ngcontent-%COMP%]   .detail-label[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    min-width: 70px;\n    flex-shrink: 0;\n}\n\n.config-detail-row[_ngcontent-%COMP%]   .detail-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n\n\n.config-health-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    flex-shrink: 0;\n}\n.config-health-icon.health-success[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n.config-health-icon.health-failure[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n.config-detail-row--error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    border-radius: 4px;\n    padding: 4px 8px;\n}\n.detail-value--error[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text) !important;\n    background: none !important;\n    font-family: inherit !important;\n    word-break: break-word;\n}\n\n\n\n.sample-data-section[_ngcontent-%COMP%] {\n    margin-top: 16px;\n}\n\n.sample-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.sample-title[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.sample-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.load-more-btn[_ngcontent-%COMP%], \n.load-all-btn[_ngcontent-%COMP%] {\n    background: none;\n    border: 1px solid var(--mj-color-indigo-500);\n    color: var(--mj-color-indigo-500);\n    font-size: 11px;\n    padding: 4px 10px;\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.2s ease;\n}\n\n.load-more-btn[_ngcontent-%COMP%]:hover:not(:disabled), \n.load-all-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.load-more-btn[_ngcontent-%COMP%]:disabled, \n.load-all-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.all-loaded-badge[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-status-success);\n    padding: 4px 10px;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    border-radius: 4px;\n}\n\n.action-col[_ngcontent-%COMP%] {\n    width: 36px;\n    min-width: 36px;\n    max-width: 36px;\n    padding: 4px !important;\n    text-align: center;\n}\n\n.open-record-btn[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-color-indigo-500);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    transition: all 0.2s ease;\n}\n\n.open-record-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.sample-data-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.sample-data-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 11px;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    max-width: 150px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.sample-data-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n    padding: 30px 20px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 32px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n\n\n.spinning[_ngcontent-%COMP%] {\n    animation: _ngcontent-%COMP%_spin 1s linear infinite;\n}\n\n@keyframes _ngcontent-%COMP%_spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n\n\n\n\n\n.cache-summary[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.cache-type-breakdown[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.cache-type-breakdown[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.type-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.type-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-page);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.type-item[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.type-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n}\n\n.type-name[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-count[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-status-success);\n}\n\n.type-size[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-left: 8px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%] {\n    margin-top: 24px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%]   .section-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.cache-entries-section[_ngcontent-%COMP%]   .section-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.filter-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.cache-entries-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.cache-entries-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    vertical-align: middle;\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.cache-entries-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: none;\n}\n\n.cache-type-chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    text-transform: uppercase;\n}\n\n.cache-type-chip.type-dataset[_ngcontent-%COMP%] {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.cache-type-chip.type-runview[_ngcontent-%COMP%] {\n    background: var(--mj-color-tertiary-100);\n    color: var(--mj-color-tertiary-700);\n}\n\n.cache-type-chip.type-runquery[_ngcontent-%COMP%] {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.entry-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entry-fingerprint[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 3px;\n}\n\n.icon-btn[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.icon-btn[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: var(--mj-status-error-bg);\n}\n\n.table-footer[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-top: 1px solid var(--mj-border-default);\n}"], changeDetection: 0 });
 };
 SystemDiagnosticsComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'SystemDiagnosticsResource')
@@ -4781,156 +4630,52 @@ export { SystemDiagnosticsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SystemDiagnosticsComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-system-diagnostics', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-        <div class="system-diagnostics">
-          <!-- Header -->
-          <div class="diagnostics-header">
-            <div class="header-title">
-              <i class="fa-solid fa-stethoscope"></i>
-              <h2>System Diagnostics</h2>
-            </div>
-            <div class="header-controls">
-              <div class="auto-refresh-control">
-                <label>
-                  <input type="checkbox" [(ngModel)]="autoRefresh" (change)="toggleAutoRefresh()">
-                  Auto-refresh
-                </label>
-                @if (autoRefresh) {
-                  <span class="refresh-indicator">
-                    <i class="fa-solid fa-sync-alt spinning"></i>
-                    Every 5s
-                  </span>
-                }
-              </div>
-              <button class="refresh-btn" (click)="refreshData()" [disabled]="isLoading">
-                <i class="fa-solid fa-refresh" [class.spinning]="isLoading"></i>
-                Refresh Now
-              </button>
-            </div>
+        <!--
+          SystemDiagnostics renders inside Admin's "Monitoring" left-nav shell.
+          L1 (outer Admin rail) is owned by the parent shell; here we use
+          <mj-page-header-interior> with [toolbar]=<mj-tab-nav> to render the
+          L2 section nav (Engine Registry / Redundant / Performance / Cache),
+          and [actions]=auto-refresh + refresh button. The Performance section
+          carries its own L3 perf-tabs strip inside its panel.
+          See plans/explorer-chrome-conventions.md Section 10.
+        -->
+        <mj-page-header-interior
+          Role="region"
+          AriaLabel="System diagnostics"
+          Title="System Diagnostics"
+          Subtitle="Engine registry, cache, and performance telemetry">
+          <div meta>
+            <mj-stat-badge [Count]="engineStats?.totalEngines || 0" Label="engines"></mj-stat-badge>
+            <mj-stat-badge [Count]="formatBytes(engineStats?.totalEstimatedMemoryBytes || 0)" Label="memory"></mj-stat-badge>
+            <mj-stat-badge
+              [Count]="redundantLoads.length"
+              Label="redundant"
+              [Variant]="redundantLoads.length > 0 ? 'warning' : 'default'">
+            </mj-stat-badge>
           </div>
-        
-          <!-- Overview Cards (Collapsible) -->
-          <div class="overview-cards-container" [class.collapsed]="kpiCardsCollapsed">
-            <button class="kpi-toggle-btn" (click)="toggleKpiCards()" [title]="kpiCardsCollapsed ? 'Expand KPI cards' : 'Collapse KPI cards'">
-              <i class="fa-solid" [class.fa-chevron-up]="!kpiCardsCollapsed" [class.fa-chevron-down]="kpiCardsCollapsed"></i>
-            </button>
-        
-            @if (!kpiCardsCollapsed) {
-              <!-- Expanded View -->
-              <div class="overview-cards">
-                <div class="overview-card">
-                  <div class="card-icon card-icon--engines">
-                    <i class="fa-solid fa-cogs"></i>
-                  </div>
-                  <div class="card-content">
-                    <div class="card-value">{{ engineStats?.totalEngines || 0 }}</div>
-                    <div class="card-label">Registered Engines</div>
-                    <div class="card-subtitle">{{ engineStats?.loadedEngines || 0 }} loaded</div>
-                  </div>
-                </div>
-        
-                <div class="overview-card">
-                  <div class="card-icon card-icon--memory">
-                    <i class="fa-solid fa-microchip"></i>
-                  </div>
-                  <div class="card-content">
-                    <div class="card-value">{{ formatBytes(engineStats?.totalEstimatedMemoryBytes || 0) }}</div>
-                    <div class="card-label">Engine Memory</div>
-                    <div class="card-subtitle">Estimated total</div>
-                  </div>
-                </div>
-        
-                <div class="overview-card">
-                  <div class="card-icon" [class.card-icon--warning]="redundantLoads.length > 0" [class.card-icon--success]="redundantLoads.length === 0">
-                    <i class="fa-solid fa-copy"></i>
-                  </div>
-                  <div class="card-content">
-                    <div class="card-value">{{ redundantLoads.length }}</div>
-                    <div class="card-label">Redundant Loads</div>
-                    <div class="card-subtitle">
-                      @if (redundantLoads.length === 0) {
-                        No redundant loading detected
-                      } @else {
-                        {{ redundantLoads.length }} entities loaded by multiple engines
-                      }
-                    </div>
-                  </div>
-                </div>
-              </div>
-            } @else {
-              <!-- Collapsed View - Mini KPI bar -->
-              <div class="overview-cards-mini">
-                <div class="mini-kpi" title="Registered Engines">
-                  <i class="fa-solid fa-cogs"></i>
-                  <span class="mini-value">{{ engineStats?.totalEngines || 0 }}</span>
-                  <span class="mini-label">Engines</span>
-                </div>
-                <div class="mini-divider"></div>
-                <div class="mini-kpi" title="Engine Memory">
-                  <i class="fa-solid fa-microchip"></i>
-                  <span class="mini-value">{{ formatBytes(engineStats?.totalEstimatedMemoryBytes || 0) }}</span>
-                  <span class="mini-label">Memory</span>
-                </div>
-                <div class="mini-divider"></div>
-                <div class="mini-kpi" [class.warning]="redundantLoads.length > 0" title="Redundant Loads">
-                  <i class="fa-solid fa-copy"></i>
-                  <span class="mini-value">{{ redundantLoads.length }}</span>
-                  <span class="mini-label">Redundant</span>
-                </div>
-              </div>
-            }
+          <div toolbar>
+            <mj-tab-nav
+              [Tabs]="diagnosticsTabs"
+              [ActiveKey]="activeSection"
+              (TabChange)="onSectionTabChange($event)">
+            </mj-tab-nav>
           </div>
-        
-          <!-- Main Content with Left Nav -->
-          <div class="main-content">
-            <!-- Left Navigation -->
-            <div class="left-nav">
-              <div class="nav-section">
-                <div class="nav-section-title">Diagnostics</div>
-                <div
-                  class="nav-item"
-                  [class.active]="activeSection === 'engines'"
-                  (click)="setActiveSection('engines')"
-                  >
-                  <i class="fa-solid fa-cogs"></i>
-                  <span>Engine Registry</span>
-                  <span class="nav-badge">{{ engineStats?.totalEngines || 0 }}</span>
-                </div>
-                <div
-                  class="nav-item"
-                  [class.active]="activeSection === 'redundant'"
-                  (click)="setActiveSection('redundant')"
-                  >
-                  <i class="fa-solid fa-copy"></i>
-                  <span>Redundant Loading</span>
-                  @if (redundantLoads.length > 0) {
-                    <span class="nav-badge nav-badge--warning">{{ redundantLoads.length }}</span>
-                  } @else {
-                    <span class="nav-badge nav-badge--success">0</span>
-                  }
-                </div>
-                <div
-                  class="nav-item"
-                  [class.active]="activeSection === 'performance'"
-                  (click)="setActiveSection('performance')"
-                  >
-                  <i class="fa-solid fa-chart-line"></i>
-                  <span>Performance</span>
-                  <span class="nav-badge">{{ telemetrySummary?.totalEvents || 0 }}</span>
-                </div>
-                <div
-                  class="nav-item"
-                  [class.active]="activeSection === 'cache'"
-                  (click)="setActiveSection('cache')"
-                  >
-                  <i class="fa-solid fa-database"></i>
-                  <span>Local Cache</span>
-                  <span class="nav-badge">{{ cacheStats?.totalEntries || 0 }}</span>
-                </div>
-              </div>
-            </div>
-        
-            <!-- Content Area -->
-            <div class="content-area">
+          <div actions>
+            <label class="auto-refresh-toggle">
+              <input type="checkbox" [(ngModel)]="autoRefresh" (change)="toggleAutoRefresh()">
+              Auto-refresh
+            </label>
+            <mj-refresh-button [Loading]="isLoading" Label="Refresh Now" [ShowLabel]="true" (Clicked)="refreshData()"></mj-refresh-button>
+          </div>
+        </mj-page-header-interior>
+
+        <mj-page-body-interior [Padding]="false">
+        <div class="system-diagnostics">
+
+          <!-- KPI overview moved into chrome [meta] slot as <mj-stat-badge>s. -->
+
+          <!-- Section Content (L2 nav is rendered as horizontal tabs in the interior chrome above) -->
+          <div class="content-area">
               <!-- Engine Registry Section -->
               @if (activeSection === 'engines') {
                 <div class="section-panel">
@@ -5791,8 +5536,7 @@ export { SystemDiagnosticsComponent };
                 </div>
               }
             </div>
-          </div>
-        
+
           <!-- Last Updated -->
           <div class="footer">
             <span class="last-updated">
@@ -6097,10 +5841,11 @@ export { SystemDiagnosticsComponent };
             </div>
           </div>
         }
-        `, styles: [".system-diagnostics {\n    padding: 0;\n    background: var(--mj-bg-surface-sunken);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n/* Header */\n.diagnostics-header {\n    background: var(--mj-bg-page);\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n    flex-shrink: 0;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.header-title i {\n    font-size: 24px;\n    color: var(--mj-status-success);\n}\n\n.header-title h2 {\n    margin: 0;\n    font-size: 22px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.header-controls {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n\n.auto-refresh-control {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.auto-refresh-control label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n}\n\n.auto-refresh-control input[type=\"checkbox\"] {\n    width: 16px;\n    height: 16px;\n    cursor: pointer;\n}\n\n.refresh-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-status-success);\n    font-size: 12px;\n}\n\n.refresh-btn {\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    transition: all 0.2s ease;\n}\n\n.refresh-btn:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-status-success) 30%, transparent);\n}\n\n.refresh-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.spinning {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n/* Overview Cards Container (Collapsible) */\n.overview-cards-container {\n    position: relative;\n    background: var(--mj-bg-page);\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    transition: all 0.3s ease;\n}\n\n.overview-cards-container.collapsed {\n    padding: 0;\n}\n\n.kpi-toggle-btn {\n    position: absolute;\n    right: 24px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all 0.2s ease;\n    z-index: 10;\n}\n\n.kpi-toggle-btn:hover {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.overview-cards-container.collapsed .kpi-toggle-btn {\n    top: 50%;\n}\n\n/* Overview Cards */\n.overview-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 16px;\n    padding: 20px 24px;\n    padding-right: 60px;\n    background: var(--mj-bg-page);\n    flex-shrink: 0;\n}\n\n/* Mini KPI Bar (Collapsed State) */\n.overview-cards-mini {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 10px 60px 10px 24px;\n    background: var(--mj-bg-page);\n}\n\n.mini-kpi {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--mj-text-secondary);\n}\n\n.mini-kpi i {\n    font-size: 14px;\n    color: var(--mj-color-indigo-500);\n}\n\n.mini-kpi.warning i {\n    color: var(--mj-color-warning-500);\n}\n\n.mini-value {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.mini-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.mini-divider {\n    width: 1px;\n    height: 20px;\n    background: var(--mj-border-default);\n}\n\n.overview-card {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    padding: 1rem;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-lg);\n    border: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--mj-radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.25rem;\n    flex-shrink: 0;\n}\n\n.card-icon--engines {\n    background: var(--mj-color-accent-300);\n    color: var(--mj-brand-primary);\n}\n\n.card-icon--memory {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.card-icon--warning {\n    background: var(--mj-color-error-100);\n    color: var(--mj-status-error);\n}\n\n.card-icon--success {\n    background: var(--mj-color-success-100);\n    color: var(--mj-status-success);\n}\n\n.card-content {\n    flex: 1;\n    min-width: 0;\n}\n\n.card-value {\n    font-size: 1.75rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1;\n    letter-spacing: -0.02em;\n}\n\n.card-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin-top: 0.25rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n}\n\n.card-subtitle {\n    font-size: 0.6875rem;\n    color: var(--mj-text-muted);\n    margin-top: 0.125rem;\n}\n\n/* Main Content */\n.main-content {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n\n/* Left Navigation */\n.left-nav {\n    width: 240px;\n    background: var(--mj-bg-page);\n    border-right: 1px solid var(--mj-border-default);\n    padding: 16px 0;\n    flex-shrink: 0;\n}\n\n.nav-section {\n    padding: 0 12px;\n}\n\n.nav-section-title {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 8px 12px;\n    margin-bottom: 4px;\n}\n\n.nav-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 16px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 14px;\n    transition: all 0.2s ease;\n    margin-bottom: 4px;\n}\n\n.nav-item:hover {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.nav-item.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n}\n\n.nav-item i {\n    width: 18px;\n    text-align: center;\n    font-size: 15px;\n}\n\n.nav-item span:first-of-type {\n    flex: 1;\n}\n\n.nav-badge {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    min-width: 24px;\n    text-align: center;\n}\n\n.nav-item.active .nav-badge {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.nav-badge--warning {\n    background: var(--mj-color-warning-500) !important;\n    color: white !important;\n}\n\n.nav-badge--success {\n    background: var(--mj-status-success) !important;\n    color: white !important;\n}\n\n/* Content Area */\n.content-area {\n    flex: 1;\n    padding: 24px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.section-panel {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-md);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.section-panel-content {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n    padding: 20px 24px;\n}\n\n.panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.panel-header h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.panel-header h3 i {\n    color: var(--mj-status-success);\n}\n\n.panel-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.action-divider {\n    width: 1px;\n    height: 24px;\n    background: var(--mj-border-default);\n}\n\n.source-toggle {\n    display: flex;\n    background: var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n}\n\n.source-btn {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.15s ease;\n}\n\n.source-btn:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.source-btn.active {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.source-btn i {\n    font-size: 11px;\n}\n\n.loading-indicator {\n    display: flex;\n    align-items: center;\n    color: var(--mj-status-success);\n}\n\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-100);\n    border-radius: var(--mj-radius-md);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    margin-bottom: 16px;\n}\n\n.error-banner i {\n    color: var(--mj-status-error);\n}\n\n.error-banner .dismiss-btn {\n    margin-left: auto;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.error-banner .dismiss-btn:hover {\n    color: var(--mj-status-error);\n}\n\n.action-btn {\n    background: var(--mj-bg-surface);\n    border: none;\n    padding: 8px 16px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.action-btn:hover:not(:disabled) {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* Status indicator for read-only server telemetry status */\n.status-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.status-indicator.enabled {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-indicator.disabled {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-indicator .config-note {\n    font-size: 11px;\n    opacity: 0.7;\n    margin-left: 4px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: var(--mj-border-default);\n}\n\n.empty-state.success-state i {\n    color: var(--mj-status-success);\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 16px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-hint {\n    font-size: 13px;\n    margin-top: 8px;\n}\n\n/* Engine Grid */\n.engine-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 16px;\n}\n\n.engine-card {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-lg);\n    padding: 16px 20px;\n    border: 2px solid transparent;\n    transition: all 0.2s ease;\n}\n\n.engine-card.loaded {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.engine-card:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n.engine-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.engine-name {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 180px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-status {\n    flex-shrink: 0;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: var(--mj-radius-lg);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.status-loaded {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.status-pending {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-800);\n}\n\n.engine-stats {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item i {\n    width: 16px;\n    color: var(--mj-text-muted);\n}\n\n.engine-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.engine-action-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: rgba(0, 0, 0, 0.05);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-action-btn:hover:not(:disabled) {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.engine-action-btn:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.stat-label {\n    color: var(--mj-text-muted);\n}\n\n.stat-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n/* Info Banner */\n.info-banner {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-accent-300);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 20px;\n}\n\n.info-banner i {\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n/* Recommendation Banner */\n.recommendation-banner {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-warning-800);\n    margin-top: 20px;\n}\n\n.recommendation-banner i {\n    margin-top: 2px;\n    flex-shrink: 0;\n    color: var(--mj-color-warning-500);\n}\n\n/* Redundant Loads Table */\n.redundant-loads-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.redundant-loads-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.redundant-loads-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.redundant-loads-table th.text-right {\n    text-align: right;\n}\n\n.redundant-loads-table td {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.redundant-loads-table td.text-right {\n    text-align: right;\n}\n\n.redundant-loads-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.redundant-loads-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.redundant-loads-table .entity-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.engine-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.engine-chip {\n    padding: 4px 10px;\n    background: var(--mj-color-indigo-500);\n    color: white;\n    font-size: 11px;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 500;\n}\n\n.count-badge {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: var(--mj-radius-lg);\n}\n\n/* Footer */\n.footer {\n    padding: 12px 24px;\n    background: var(--mj-bg-page);\n    border-top: 1px solid var(--mj-border-default);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.last-updated {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Performance Section Styles */\n.warning-banner {\n    background: var(--mj-color-warning-50) !important;\n    color: var(--mj-color-warning-800) !important;\n}\n\n.warning-banner i {\n    color: var(--mj-color-warning-500);\n}\n\n.telemetry-summary {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.summary-card {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    text-align: center;\n}\n\n.summary-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.summary-label {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n.category-breakdown {\n    margin-bottom: 24px;\n}\n\n.category-breakdown h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.category-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.category-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-full);\n    font-size: 13px;\n}\n\n.category-name {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.category-events {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.category-avg {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.insights-section {\n    margin-bottom: 24px;\n}\n\n.insights-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.insights-section h4 i {\n    color: var(--mj-color-warning-500);\n}\n\n.insights-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.insight-card {\n    padding: 16px;\n    border-radius: var(--mj-radius-md);\n    border-left: 4px solid var(--mj-border-default);\n}\n\n.insight-card.severity-info {\n    background: var(--mj-color-accent-300);\n    border-left-color: var(--mj-brand-primary);\n}\n\n.insight-card.severity-warning {\n    background: var(--mj-color-warning-50);\n    border-left-color: var(--mj-color-warning-500);\n}\n\n.insight-card.severity-optimization {\n    background: var(--mj-color-success-100);\n    border-left-color: var(--mj-status-success);\n}\n\n.insight-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.insight-header i {\n    font-size: 16px;\n}\n\n.severity-info .insight-header i { color: var(--mj-brand-primary); }\n.severity-warning .insight-header i { color: var(--mj-color-warning-500); }\n.severity-optimization .insight-header i { color: var(--mj-status-success); }\n\n.insight-title {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.insight-category {\n    font-size: 11px;\n    padding: 2px 8px;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: var(--mj-radius-lg);\n    color: var(--mj-text-secondary);\n}\n\n.insight-message {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 8px;\n}\n\n.insight-suggestion {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.insight-suggestion i {\n    color: var(--mj-status-success);\n    font-size: 10px;\n}\n\n.patterns-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.patterns-section h4 i {\n    color: var(--mj-color-indigo-500);\n}\n\n.patterns-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.patterns-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.patterns-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.patterns-table td {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.patterns-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.patterns-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.duplicate-row {\n    background: var(--mj-color-warning-50);\n}\n\n.duplicate-row:hover {\n    background: var(--mj-color-warning-50) !important;\n}\n\n.category-chip {\n    display: inline-block;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.cat-runview { background: var(--mj-color-info-100); color: var(--mj-color-info-700); }\n.cat-runquery { background: var(--mj-color-violet-100); color: var(--mj-color-violet-700); }\n.cat-engine { background: var(--mj-color-success-100); color: var(--mj-color-success-700); }\n.cat-ai { background: var(--mj-color-warning-50); color: var(--mj-color-warning-700); }\n.cat-cache { background: var(--mj-color-error-100); color: var(--mj-status-error); }\n.cat-network { background: var(--mj-color-tertiary-100); color: var(--mj-color-tertiary-700); }\n.cat-custom { background: var(--mj-color-neutral-100); color: var(--mj-color-neutral-600); }\n\n.operation-cell {\n    font-family: monospace;\n    font-size: 12px;\n}\n\n.entity-cell {\n    font-weight: 500;\n}\n\n.count-warning {\n    display: inline-block;\n    padding: 2px 8px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 600;\n}\n\n.action-btn.active {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n/* Slow Queries Section */\n.slow-queries-section {\n    margin-bottom: 24px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    border-left: 4px solid var(--mj-color-warning-500);\n}\n\n.slow-queries-section h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.slow-queries-section h4 i {\n    color: var(--mj-color-warning-500);\n}\n\n.slow-queries-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.slow-query-item {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 12px;\n    border: 1px solid var(--mj-color-warning-50);\n    transition: all 0.15s ease;\n}\n\n.slow-query-item.clickable {\n    cursor: pointer;\n}\n\n.slow-query-item.clickable:hover {\n    background: var(--mj-color-warning-50);\n    border-color: var(--mj-color-warning-500);\n    transform: translateX(2px);\n}\n\n.slow-query-main {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.slow-query-entity {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.slow-query-time {\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    font-size: 14px;\n}\n\n.slow-query-filter {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    font-family: monospace;\n}\n\n.slow-query-timestamp {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.toggle-btn {\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.toggle-btn:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n/* Expandable Insight Cards */\n.insight-card.expandable {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.insight-card.expandable:hover {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.insight-card .expand-icon {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    margin-left: auto;\n}\n\n.insight-card.expanded {\n    border-width: 2px;\n}\n\n.insight-details {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.detail-section {\n    margin-bottom: 12px;\n}\n\n.detail-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n}\n\n.detail-value {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.related-events {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.related-event {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 6px 10px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: 4px;\n    font-size: 12px;\n}\n\n.event-time {\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.event-duration {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-filter {\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    font-size: 11px;\n}\n\n/* Timeline Section */\n.timeline-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-section h4 i {\n    color: var(--mj-color-indigo-500);\n}\n\n.timeline-container {\n    position: relative;\n    padding-left: 24px;\n    max-height: 400px;\n    overflow-y: auto;\n}\n\n.timeline-item {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.timeline-marker {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    left: -24px;\n    top: 0;\n    bottom: 0;\n}\n\n.marker-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-indigo-500);\n    z-index: 1;\n}\n\n.marker-line {\n    width: 2px;\n    flex: 1;\n    background: var(--mj-border-default);\n    margin-top: 4px;\n}\n\n.timeline-item:last-child .marker-line {\n    display: none;\n}\n\n.tl-runview .marker-dot { background: var(--mj-color-info-700); }\n.tl-runquery .marker-dot { background: var(--mj-color-violet-700); }\n.tl-engine .marker-dot { background: var(--mj-color-success-700); }\n.tl-ai .marker-dot { background: var(--mj-color-warning-700); }\n.tl-cache .marker-dot { background: var(--mj-status-error); }\n\n/* Cache hit bolt marker */\n.marker-bolt {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    color: var(--mj-color-warning-500);\n    font-size: 14px;\n    margin-left: -4px;\n}\n\n.marker-bolt i {\n    filter: drop-shadow(0 0 3px color-mix(in srgb, var(--mj-color-warning-500) 60%, transparent));\n}\n\n/* Category-specific bolt colors */\n.tl-runview.cache-hit .marker-bolt { color: var(--mj-color-info-700); }\n.tl-runquery.cache-hit .marker-bolt { color: var(--mj-color-violet-700); }\n.tl-engine.cache-hit .marker-bolt { color: var(--mj-color-success-700); }\n.tl-ai.cache-hit .marker-bolt { color: var(--mj-color-warning-700); }\n.tl-cache.cache-hit .marker-bolt { color: var(--mj-status-error); }\n\n/* Cache hit badge */\n.cache-hit-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: linear-gradient(135deg, var(--mj-color-warning-100) 0%, var(--mj-color-warning-200) 100%);\n    border: 1px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-lg);\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    letter-spacing: 0.5px;\n}\n\n.cache-hit-badge i {\n    font-size: 8px;\n    color: var(--mj-color-warning-500);\n}\n\n/* Highlighted background for cache hit items */\n.timeline-item.cache-hit .timeline-content {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border: 1px solid var(--mj-color-warning-300);\n}\n\n.timeline-content {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 14px;\n}\n\n.timeline-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.timeline-time {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.timeline-duration {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.timeline-duration.slow {\n    color: var(--mj-color-warning-800);\n    background: var(--mj-color-warning-50);\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.timeline-body {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-operation {\n    font-family: monospace;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-entity {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.timeline-filter {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    margin-top: 4px;\n}\n\n/* Entity Pills for RunViews batch operations */\n.timeline-entities,\n.slow-query-entities {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.entity-pill {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-color-info-700);\n}\n\n.entity-pill.small {\n    padding: 1px 6px;\n    font-size: 10px;\n}\n\n.entity-pill.more {\n    background: var(--mj-color-neutral-100);\n    border-color: var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n    font-style: italic;\n}\n\n/* Parameter Pills */\n.timeline-pills,\n.slow-query-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.param-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-family: monospace;\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.param-pill.small {\n    padding: 2px 6px;\n    font-size: 9px;\n    max-width: 150px;\n}\n\n.param-pill .pill-label {\n    font-weight: 600;\n    opacity: 0.8;\n}\n\n.param-pill .pill-value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n/* Pill type colors */\n.param-pill.pill-filter {\n    background: var(--mj-color-warning-50);\n    border: 1px solid var(--mj-color-warning-300);\n    color: var(--mj-color-warning-700);\n}\n\n.param-pill.pill-order {\n    background: var(--mj-color-success-100);\n    border: 1px solid var(--mj-color-success-300);\n    color: var(--mj-color-success-700);\n}\n\n.param-pill.pill-result {\n    background: var(--mj-color-violet-100);\n    border: 1px solid var(--mj-color-violet-300);\n    color: var(--mj-color-violet-700);\n}\n\n.param-pill.pill-limit {\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    color: var(--mj-color-info-700);\n}\n\n.param-pill.pill-batch {\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-300);\n    color: var(--mj-status-error);\n}\n\n.param-pill.pill-info {\n    background: var(--mj-color-neutral-100);\n    border: 1px solid var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n}\n\n/* Slow query cache hit styling */\n.slow-query-item.cache-hit {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border-color: var(--mj-color-warning-300);\n}\n\n.cache-hit-badge.small {\n    padding: 1px 6px;\n    font-size: 8px;\n}\n\n/* Filter Bar */\n.filter-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n}\n\n.search-box {\n    flex: 1;\n    min-width: 200px;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.search-box i {\n    position: absolute;\n    left: 12px;\n    color: var(--mj-text-muted);\n}\n\n.search-box input {\n    width: 100%;\n    padding: 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    background: var(--mj-bg-page);\n}\n\n.search-box input:focus {\n    outline: none;\n    border-color: var(--mj-color-indigo-500);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-color-indigo-500) 20%, transparent);\n}\n\n.clear-search {\n    position: absolute;\n    right: 8px;\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.clear-search:hover {\n    color: var(--mj-text-secondary);\n}\n\n.filter-buttons {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.filter-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-full);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.filter-btn:hover {\n    background: var(--mj-bg-surface);\n}\n\n.filter-btn.active {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n/* Sortable Table Headers */\n.sortable-header {\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n}\n\n.sortable-header:hover {\n    background: var(--mj-bg-surface);\n}\n\n.sortable-header i {\n    margin-left: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.sortable-header i.fa-sort-up,\n.sortable-header i.fa-sort-down {\n    color: var(--mj-color-indigo-500);\n}\n\n/* Table Enhancements */\n.filter-cell {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.slow-row {\n    background: var(--mj-color-error-100);\n}\n\n.slow-row:hover {\n    background: var(--mj-color-error-100) !important;\n}\n\n.slow-value {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* Small category chips */\n.category-chip.small {\n    font-size: 9px;\n    padding: 2px 6px;\n}\n\n/* Small empty state */\n.empty-state.small {\n    padding: 30px 20px;\n}\n\n.empty-state.small i {\n    font-size: 32px;\n    margin-bottom: 12px;\n}\n\n.empty-state.small p {\n    font-size: 14px;\n}\n\n/* Performance Sub-Tabs */\n.perf-tabs {\n    display: flex;\n    gap: 4px;\n    padding: 12px 24px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.perf-tab {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.perf-tab:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.perf-tab.active {\n    background: var(--mj-bg-page);\n    color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.perf-tab i {\n    font-size: 14px;\n}\n\n.tab-badge {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: var(--mj-radius-md);\n    min-width: 18px;\n    text-align: center;\n}\n\n.perf-tab.active .tab-badge {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.tab-badge.warning {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.tab-badge.insight {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.perf-panel .section-panel-content {\n    padding: 20px 24px;\n}\n\n/* Success Banner */\n.success-banner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-success-100);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-success-800);\n    margin-top: 16px;\n}\n\n.success-banner i {\n    font-size: 18px;\n    color: var(--mj-status-success);\n}\n\n/* Compact Filter Bar */\n.filter-bar.compact {\n    padding: 10px 14px;\n    margin-bottom: 12px;\n}\n\n/* Clickable category items */\n.category-item {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.category-item:hover {\n    background: var(--mj-color-accent-300);\n    transform: translateY(-1px);\n}\n\n/* Insight Key Info (always visible) */\n.insight-key-info {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 10px 12px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: var(--mj-radius-md);\n    margin: 8px 0;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.key-info-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.key-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 50px;\n    flex-shrink: 0;\n}\n\n.key-value {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.key-value.entity-name {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.key-value.filter-code {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 2px 6px;\n    border-radius: 3px;\n    color: var(--mj-text-primary);\n}\n\n/* Params Display */\n.params-display {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    padding: 10px;\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-row {\n    display: flex;\n    gap: 8px;\n    padding: 4px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.param-row:last-child {\n    border-bottom: none;\n}\n\n.param-key {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.param-value {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.event-entity {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n/* PerfMon Chart Styles\n * ====================\n * Chrome (background, borders, text, controls) is mapped to MJ semantic tokens\n * so the panel adapts to the active theme and is white-labelable. Series colors\n * (cyan / magenta / neon-green / orange) are categorical chart data \u2014 they must\n * stay distinct across themes and are exempt by the same rule that exempts\n * other chart-data palettes.\n *\n * The accent (--perfmon-accent) is intentionally kept as the same neon green as\n * the engine series so the \"live signal\" indicators (header icon, footer count,\n * chart strokes) read as part of the chart palette rather than the app's brand.\n *\n * Overlays are derived via color-mix() from --mj-text-primary so they invert\n * automatically: dark tints over light surfaces in light mode, light tints over\n * dark surfaces in dark mode.\n */\n.perfmon-section {\n    /* Chrome \u2014 adapts to theme */\n    --perfmon-bg: var(--mj-bg-surface-card);\n    --perfmon-bg-deep: var(--mj-bg-surface-sunken);\n    --perfmon-border: var(--mj-border-default);\n    --perfmon-border-medium: var(--mj-border-strong);\n    --perfmon-border-light: var(--mj-border-strong);\n    --perfmon-text-faint: var(--mj-text-disabled);\n    --perfmon-text-muted: var(--mj-text-muted);\n    --perfmon-text-secondary: var(--mj-text-secondary);\n    --perfmon-control-bg: var(--mj-bg-surface-sunken);\n    --perfmon-control-bg-hover: var(--mj-bg-surface-hover);\n    --perfmon-mode-bg: var(--mj-bg-surface-sunken);\n    --perfmon-overlay-light: color-mix(in srgb, var(--mj-text-primary) 5%, transparent);\n    --perfmon-overlay-medium: color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    --perfmon-overlay-strong: color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n    --perfmon-tooltip-bg: var(--mj-bg-overlay);\n\n    /* Categorical series colors and live-signal accent \u2014 exempt */\n    --perfmon-accent: #00ff88;\n    --perfmon-accent-dim: #00cc6a;\n    --perfmon-series-runview: #00bcd4;\n    --perfmon-series-runquery: #e040fb;\n    --perfmon-series-engine: #00ff88;\n    --perfmon-series-ai: #ff9800;\n\n    background: var(--perfmon-bg);\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 24px;\n}\n\n.perfmon-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.perfmon-header h4 {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--perfmon-accent);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.perfmon-header h4 i {\n    color: var(--perfmon-accent);\n}\n\n.perfmon-legend {\n    display: flex;\n    gap: 16px;\n    font-size: 11px;\n}\n\n.legend-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--perfmon-text-muted);\n}\n\n.legend-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.legend-item.runview .legend-dot { background: var(--perfmon-series-runview); }\n.legend-item.runquery .legend-dot { background: var(--perfmon-series-runquery); }\n.legend-item.engine .legend-dot { background: var(--perfmon-series-engine); }\n.legend-item.ai .legend-dot { background: var(--perfmon-series-ai); }\n\n.perfmon-chart-container {\n    display: flex;\n    background: var(--perfmon-bg-deep);\n    border: 1px solid var(--perfmon-border);\n    border-radius: 4px;\n    position: relative;\n}\n\n.perfmon-y-axis {\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.perfmon-y-axis .axis-label {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 10px;\n    color: var(--perfmon-text-faint);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.perfmon-chart {\n    flex: 1;\n    height: 300px;\n    position: relative;\n    overflow: hidden;\n}\n\n.perfmon-chart svg {\n    width: 100%;\n    height: 100%;\n}\n\n.perfmon-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--perfmon-border);\n}\n\n.footer-note {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.footer-note i {\n    color: var(--perfmon-accent);\n}\n\n.footer-stats {\n    font-size: 11px;\n    color: var(--perfmon-accent);\n    font-family: monospace;\n}\n\n/* D3 Chart Elements */\n.perfmon-chart :deep(.grid-line) {\n    stroke: var(--perfmon-border);\n    stroke-dasharray: 2,2;\n}\n\n.perfmon-chart :deep(.axis-line) {\n    stroke: var(--perfmon-border-light);\n}\n\n.perfmon-chart :deep(.axis-text) {\n    fill: var(--perfmon-text-muted);\n    font-size: 10px;\n    font-family: monospace;\n}\n\n.perfmon-chart :deep(.event-point) {\n    cursor: pointer;\n    transition: r 0.15s ease;\n}\n\n.perfmon-chart :deep(.event-point:hover) {\n    r: 6;\n}\n\n.perfmon-chart :deep(.tooltip) {\n    pointer-events: none;\n}\n\n.perfmon-chart :deep(.tooltip-bg) {\n    fill: var(--perfmon-tooltip-bg);\n    rx: 4;\n}\n\n.perfmon-chart :deep(.tooltip-text) {\n    fill: var(--mj-bg-surface);\n    font-size: 11px;\n    font-family: monospace;\n}\n\n.perfmon-chart :deep(.area-fill) {\n    opacity: 0.15;\n}\n\n.perfmon-chart :deep(.line-path) {\n    fill: none;\n    stroke-width: 1.5;\n    opacity: 0.8;\n}\n\n/* PerfMon Chart Controls */\n.perfmon-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    background: var(--perfmon-overlay-light);\n    border-radius: 6px;\n    border: 1px solid var(--perfmon-border);\n}\n\n.chart-control-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    background: var(--perfmon-control-bg);\n    color: var(--perfmon-text-muted);\n    border: 1px solid var(--perfmon-border-medium);\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.chart-control-btn:hover {\n    background: var(--perfmon-control-bg-hover);\n    color: var(--perfmon-accent);\n    border-color: var(--perfmon-accent);\n}\n\n.chart-control-btn:active {\n    transform: scale(0.95);\n}\n\n.chart-control-btn i {\n    font-size: 14px;\n}\n\n/* Mode Toggle Buttons */\n.mode-toggle {\n    display: flex;\n    background: var(--perfmon-mode-bg);\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid var(--perfmon-border-medium);\n}\n\n.mode-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 28px;\n    padding: 0;\n    background: transparent;\n    color: var(--perfmon-text-faint);\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mode-btn:first-child {\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.mode-btn:hover {\n    color: var(--perfmon-text-secondary);\n    background: var(--perfmon-overlay-light);\n}\n\n.mode-btn.active {\n    background: var(--perfmon-accent);\n    color: var(--perfmon-mode-bg);\n}\n\n.mode-btn.active:hover {\n    background: var(--perfmon-accent-dim);\n}\n\n.mode-btn i {\n    font-size: 12px;\n}\n\n.control-divider {\n    width: 1px;\n    height: 24px;\n    background: var(--perfmon-border-medium);\n    margin: 0 4px;\n}\n\n.compress-toggle {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 12px;\n    color: var(--perfmon-text-muted);\n    user-select: none;\n}\n\n.compress-toggle:hover {\n    color: var(--perfmon-accent);\n}\n\n.compress-toggle input[type=\"checkbox\"] {\n    width: 14px;\n    height: 14px;\n    accent-color: var(--perfmon-accent);\n    cursor: pointer;\n}\n\n.compress-toggle span {\n    white-space: nowrap;\n}\n\n.zoom-level {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    font-family: monospace;\n    margin-left: 8px;\n}\n\n/* Gap indicators in chart */\n.perfmon-chart :deep(.gap-indicator) {\n    cursor: pointer;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart :deep(.gap-indicator:hover) {\n    opacity: 0.8;\n}\n\n.perfmon-chart :deep(.gap-text) {\n    fill: var(--perfmon-text-faint);\n    font-size: 10px;\n    font-family: monospace;\n    pointer-events: none;\n}\n\n.perfmon-chart :deep(.gap-expand-btn) {\n    cursor: pointer;\n    opacity: 0.6;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart :deep(.gap-expand-btn:hover) {\n    opacity: 1;\n}\n\n/* Selection brush overlay */\n.perfmon-chart :deep(.selection-overlay) {\n    pointer-events: all;\n}\n\n.perfmon-chart :deep(.selection-rect) {\n    pointer-events: none;\n}\n\n/* Zoom info display */\n.zoom-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    color: var(--perfmon-text-muted);\n    font-family: monospace;\n}\n\n.zoom-info .zoom-level {\n    color: var(--perfmon-accent);\n}\n\n.zoom-info .time-range {\n    color: var(--perfmon-text-faint);\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n    .main-content {\n        flex-direction: column;\n    }\n\n    .left-nav {\n        width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 12px;\n    }\n\n    .nav-section {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 0;\n    }\n\n    .nav-section-title {\n        display: none;\n    }\n\n    .nav-item {\n        white-space: nowrap;\n        padding: 10px 16px;\n    }\n}\n\n@media (max-width: 768px) {\n    .diagnostics-header {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .header-controls {\n        width: 100%;\n        flex-wrap: wrap;\n    }\n\n    .overview-cards {\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n    .engine-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .perfmon-legend {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}\n\n/* Export Button */\n.export-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.export-btn:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n}\n\n.export-btn:disabled {\n    background: var(--mj-border-default);\n    cursor: not-allowed;\n}\n\n.footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n/* Event Detail Slide-in Panel */\n.event-detail-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.event-detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 450px;\n    max-width: 90vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s ease;\n}\n\n@keyframes slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n.event-detail-panel .panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.event-detail-panel .panel-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.event-detail-panel .panel-title h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel .close-btn {\n    background: none;\n    border: none;\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n}\n\n.event-detail-panel .close-btn:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* Detail Metrics */\n.detail-metrics {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.detail-metrics .metric {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    text-align: center;\n}\n\n.detail-metrics .metric-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.detail-metrics .metric-value.slow {\n    color: var(--mj-status-error);\n}\n\n.detail-metrics .metric-label {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Detail Sections */\n.event-detail-panel .detail-section {\n    margin-bottom: 24px;\n}\n\n.event-detail-panel .detail-section h4 {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.event-detail-panel .detail-section h4 i {\n    color: var(--mj-status-success);\n    font-size: 14px;\n}\n\n.detail-content {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n}\n\n.detail-row {\n    display: flex;\n    gap: 12px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-row:last-child {\n    border-bottom: none;\n}\n\n.detail-key {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 80px;\n    flex-shrink: 0;\n}\n\n.detail-val {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.detail-val.entity-highlight {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.detail-val.filter-val {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n/* Params Grid */\n.params-grid {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-item {\n    display: flex;\n    gap: 12px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n}\n\n.param-item:last-child {\n    border-bottom: none;\n}\n\n.param-name {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n    font-family: monospace;\n}\n\n.param-val {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n/* Pattern Summary */\n.pattern-summary {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n}\n\n.pattern-stat {\n    text-align: center;\n}\n\n.pattern-stat .stat-val {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.pattern-stat .stat-label {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 4px;\n}\n\n.pattern-warning {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.pattern-warning i {\n    color: var(--mj-color-warning-500);\n    margin-top: 2px;\n}\n\n/* Detail Actions */\n.detail-actions {\n    display: flex;\n    gap: 12px;\n    padding-top: 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.action-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-button:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-default);\n}\n\n.action-button i {\n    color: var(--mj-text-secondary);\n}\n\n/* Clickable timeline items */\n.timeline-item.clickable {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.timeline-item.clickable:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n}\n\n.timeline-item.clickable:hover .marker-dot {\n    transform: scale(1.3);\n}\n\n/* ========================================\n   ENGINE DETAIL PANEL STYLES\n   ======================================== */\n\n.engine-detail-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: fadeIn 0.2s ease;\n}\n\n.engine-detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 550px;\n    max-width: 95vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s ease;\n}\n\n.engine-detail-panel .panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, var(--mj-status-success) 0%, var(--mj-color-success-800) 100%);\n    color: white;\n}\n\n.engine-detail-panel .panel-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-detail-panel .panel-title h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: white;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.engine-detail-panel .panel-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.engine-detail-panel .icon-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-detail-panel .icon-btn:hover:not(:disabled) {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel .icon-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.engine-detail-panel .close-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    font-size: 18px;\n}\n\n.engine-detail-panel .close-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* Engine Summary */\n.engine-summary-section {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.engine-summary-section .summary-stat {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px 16px;\n}\n\n.engine-summary-section .summary-label {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n}\n\n.engine-summary-section .summary-value {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-warning-500);\n}\n\n.status-dot.status-loaded {\n    background: var(--mj-status-success);\n}\n\n/* Config Items Section */\n.config-items-section h4 {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 16px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.config-items-section h4 i {\n    color: var(--mj-status-success);\n}\n\n.config-items-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.config-item {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.config-item.expanded {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.config-item-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.config-item-header:hover {\n    background: rgba(0, 0, 0, 0.02);\n}\n\n.config-item-info {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.config-type-chip {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    flex-shrink: 0;\n}\n\n.config-type-chip.type-entity {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.config-type-chip.type-dataset {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.config-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.config-item-stats {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-stat {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.expand-icon {\n    color: var(--mj-text-muted);\n    transition: transform 0.2s ease;\n}\n\n.config-item.expanded .expand-icon {\n    color: var(--mj-status-success);\n}\n\n.config-item-details {\n    padding: 0 16px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.config-detail-row {\n    display: flex;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.config-detail-row:last-child {\n    border-bottom: none;\n}\n\n.config-detail-row .detail-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    min-width: 70px;\n    flex-shrink: 0;\n}\n\n.config-detail-row .detail-value {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n/* Health status indicators for config items */\n.config-health-icon {\n    font-size: 12px;\n    flex-shrink: 0;\n}\n.config-health-icon.health-success {\n    color: var(--mj-status-success);\n}\n.config-health-icon.health-failure {\n    color: var(--mj-status-error);\n}\n.config-detail-row--error {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    border-radius: 4px;\n    padding: 4px 8px;\n}\n.detail-value--error {\n    color: var(--mj-status-error-text) !important;\n    background: none !important;\n    font-family: inherit !important;\n    word-break: break-word;\n}\n\n/* Sample Data Section */\n.sample-data-section {\n    margin-top: 16px;\n}\n\n.sample-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.sample-title {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.sample-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.load-more-btn,\n.load-all-btn {\n    background: none;\n    border: 1px solid var(--mj-color-indigo-500);\n    color: var(--mj-color-indigo-500);\n    font-size: 11px;\n    padding: 4px 10px;\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.2s ease;\n}\n\n.load-more-btn:hover:not(:disabled),\n.load-all-btn:hover:not(:disabled) {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.load-more-btn:disabled,\n.load-all-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.all-loaded-badge {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-status-success);\n    padding: 4px 10px;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    border-radius: 4px;\n}\n\n.action-col {\n    width: 36px;\n    min-width: 36px;\n    max-width: 36px;\n    padding: 4px !important;\n    text-align: center;\n}\n\n.open-record-btn {\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-color-indigo-500);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    transition: all 0.2s ease;\n}\n\n.open-record-btn:hover {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.sample-data-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.sample-data-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 11px;\n}\n\n.sample-data-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.sample-data-table td {\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    max-width: 150px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.sample-data-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.sample-data-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n/* Small empty state */\n.empty-state.small {\n    padding: 30px 20px;\n}\n\n.empty-state.small i {\n    font-size: 32px;\n}\n\n.empty-state.small p {\n    font-size: 14px;\n}\n\n/* Spinning animation for refresh icon */\n.spinning {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* ========================================\n   LOCAL CACHE SECTION STYLES\n   ======================================== */\n\n.cache-summary {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.cache-type-breakdown {\n    margin-bottom: 24px;\n}\n\n.cache-type-breakdown h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.type-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.type-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-page);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.type-item:hover {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.type-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n}\n\n.type-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-count {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-status-success);\n}\n\n.type-size {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-left: 8px;\n}\n\n.cache-entries-section {\n    margin-top: 24px;\n}\n\n.cache-entries-section .section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.cache-entries-section .section-header h4 {\n    margin: 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.filter-controls {\n    display: flex;\n    gap: 8px;\n}\n\n.cache-entries-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.cache-entries-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.cache-entries-table th {\n    padding: 12px 16px;\n    text-align: left;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.cache-entries-table td {\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    vertical-align: middle;\n}\n\n.cache-entries-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.cache-entries-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.cache-type-chip {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    text-transform: uppercase;\n}\n\n.cache-type-chip.type-dataset {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.cache-type-chip.type-runview {\n    background: var(--mj-color-tertiary-100);\n    color: var(--mj-color-tertiary-700);\n}\n\n.cache-type-chip.type-runquery {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.entry-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entry-fingerprint {\n    display: block;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 3px;\n}\n\n.icon-btn {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.icon-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: var(--mj-status-error-bg);\n}\n\n.table-footer {\n    padding: 12px 16px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-top: 1px solid var(--mj-border-default);\n}\n"] }]
+          </mj-page-body-interior>
+        `, styles: ["/*\n  SystemDiagnostics renders inside Admin's \"Monitoring\" left-nav shell.\n  Host is a flex column so <mj-page-header-interior> sits pinned at the top\n  and .scrollable-content fills the rest. See plans/explorer-chrome-conventions.md Section 10.\n*/\n:host {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n    background: var(--mj-bg-page);\n}\n\n.system-diagnostics {\n    background: var(--mj-bg-surface-sunken);\n    display: flex;\n    flex-direction: column;\n}\n\n/* Inline auto-refresh toggle in the [actions] slot. */\n.auto-refresh-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.auto-refresh-toggle input[type=\"checkbox\"] {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n}\n\n.spinning {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n}\n\n/*\n  Overview KPIs (engines / memory / redundant) now live as <mj-stat-badge>\n  instances in the chrome's [meta] slot \u2014 see the header-interior block above.\n  The legacy .overview-cards-container / .overview-card / .kpi-toggle-btn /\n  .mini-kpi rules were retired with that migration.\n*/\n\n/* Main Content */\n/*\n  Content Area \u2014 L2 nav was previously a bespoke left rail (.left-nav). It now\n  lives in the interior chrome above as <mj-tab-nav>. Section panels render\n  directly inside .content-area, which fills the remaining body width.\n*/\n.content-area {\n    flex: 1;\n    padding: 24px;\n    overflow: hidden;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.section-panel {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-md);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n}\n\n.section-panel-content {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n    padding: 20px 24px;\n}\n\n.panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 20px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.panel-header h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.panel-header h3 i {\n    color: var(--mj-status-success);\n}\n\n.panel-actions {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.action-divider {\n    width: 1px;\n    height: 24px;\n    background: var(--mj-border-default);\n}\n\n.source-toggle {\n    display: flex;\n    background: var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n}\n\n.source-btn {\n    background: transparent;\n    border: none;\n    padding: 6px 12px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.15s ease;\n}\n\n.source-btn:hover {\n    background: rgba(0, 0, 0, 0.05);\n}\n\n.source-btn.active {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.source-btn i {\n    font-size: 11px;\n}\n\n.loading-indicator {\n    display: flex;\n    align-items: center;\n    color: var(--mj-status-success);\n}\n\n.error-banner {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 16px;\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-100);\n    border-radius: var(--mj-radius-md);\n    color: var(--mj-status-error);\n    font-size: 13px;\n    margin-bottom: 16px;\n}\n\n.error-banner i {\n    color: var(--mj-status-error);\n}\n\n.error-banner .dismiss-btn {\n    margin-left: auto;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.error-banner .dismiss-btn:hover {\n    color: var(--mj-status-error);\n}\n\n.action-btn {\n    background: var(--mj-bg-surface);\n    border: none;\n    padding: 8px 16px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.action-btn:hover:not(:disabled) {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n/* Status indicator for read-only server telemetry status */\n.status-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.status-indicator.enabled {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n}\n\n.status-indicator.disabled {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, transparent);\n    color: var(--mj-text-muted);\n}\n\n.status-indicator .config-note {\n    font-size: 11px;\n    opacity: 0.7;\n    margin-left: 4px;\n}\n\n/* Empty State */\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 60px 20px;\n    color: var(--mj-text-muted);\n}\n\n.empty-state i {\n    font-size: 48px;\n    margin-bottom: 16px;\n    color: var(--mj-border-default);\n}\n\n.empty-state.success-state i {\n    color: var(--mj-status-success);\n}\n\n.empty-state p {\n    margin: 0;\n    font-size: 16px;\n    color: var(--mj-text-secondary);\n}\n\n.empty-hint {\n    font-size: 13px;\n    margin-top: 8px;\n}\n\n/* Engine Grid */\n.engine-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 16px;\n}\n\n.engine-card {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-lg);\n    padding: 16px 20px;\n    border: 2px solid transparent;\n    transition: all 0.2s ease;\n}\n\n.engine-card.loaded {\n    border-color: var(--mj-border-default);\n    background: var(--mj-bg-surface-card);\n}\n\n.engine-card:hover {\n    transform: translateY(-2px);\n    box-shadow: var(--mj-shadow-lg);\n}\n\n.engine-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.engine-name {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 180px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-status {\n    flex-shrink: 0;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 4px 10px;\n    border-radius: var(--mj-radius-lg);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.status-loaded {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.status-pending {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-800);\n}\n\n.engine-stats {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.stat-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.stat-item i {\n    width: 16px;\n    color: var(--mj-text-muted);\n}\n\n.engine-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.engine-action-btn {\n    width: 32px;\n    height: 32px;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: rgba(0, 0, 0, 0.05);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-action-btn:hover:not(:disabled) {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.engine-action-btn:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.stat-label {\n    color: var(--mj-text-muted);\n}\n\n.stat-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n/* Info Banner */\n.info-banner {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-accent-300);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 20px;\n}\n\n.info-banner i {\n    margin-top: 2px;\n    flex-shrink: 0;\n}\n\n/* Recommendation Banner */\n.recommendation-banner {\n    display: flex;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-warning-800);\n    margin-top: 20px;\n}\n\n.recommendation-banner i {\n    margin-top: 2px;\n    flex-shrink: 0;\n    color: var(--mj-color-warning-500);\n}\n\n/* Redundant Loads Table */\n.redundant-loads-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.redundant-loads-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.redundant-loads-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.redundant-loads-table th.text-right {\n    text-align: right;\n}\n\n.redundant-loads-table td {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.redundant-loads-table td.text-right {\n    text-align: right;\n}\n\n.redundant-loads-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.redundant-loads-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.redundant-loads-table .entity-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.engine-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.engine-chip {\n    padding: 4px 10px;\n    background: var(--mj-color-indigo-500);\n    color: white;\n    font-size: 11px;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 500;\n}\n\n.count-badge {\n    display: inline-block;\n    padding: 4px 12px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    font-size: 12px;\n    font-weight: 600;\n    border-radius: var(--mj-radius-lg);\n}\n\n/* Footer */\n.footer {\n    padding: 12px 24px;\n    background: var(--mj-bg-page);\n    border-top: 1px solid var(--mj-border-default);\n    text-align: right;\n    flex-shrink: 0;\n}\n\n.last-updated {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* Performance Section Styles */\n.warning-banner {\n    background: var(--mj-color-warning-50) !important;\n    color: var(--mj-color-warning-800) !important;\n}\n\n.warning-banner i {\n    color: var(--mj-color-warning-500);\n}\n\n.telemetry-summary {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-bottom: 24px;\n}\n\n.summary-card {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    text-align: center;\n}\n\n.summary-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.summary-label {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n}\n\n.category-breakdown {\n    margin-bottom: 24px;\n}\n\n.category-breakdown h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.category-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n}\n\n.category-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-full);\n    font-size: 13px;\n}\n\n.category-name {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.category-events {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n}\n\n.category-avg {\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n\n.insights-section {\n    margin-bottom: 24px;\n}\n\n.insights-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.insights-section h4 i {\n    color: var(--mj-color-warning-500);\n}\n\n.insights-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.insight-card {\n    padding: 16px;\n    border-radius: var(--mj-radius-md);\n    border-left: 4px solid var(--mj-border-default);\n}\n\n.insight-card.severity-info {\n    background: var(--mj-color-accent-300);\n    border-left-color: var(--mj-brand-primary);\n}\n\n.insight-card.severity-warning {\n    background: var(--mj-color-warning-50);\n    border-left-color: var(--mj-color-warning-500);\n}\n\n.insight-card.severity-optimization {\n    background: var(--mj-color-success-100);\n    border-left-color: var(--mj-status-success);\n}\n\n.insight-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n\n.insight-header i {\n    font-size: 16px;\n}\n\n.severity-info .insight-header i { color: var(--mj-brand-primary); }\n.severity-warning .insight-header i { color: var(--mj-color-warning-500); }\n.severity-optimization .insight-header i { color: var(--mj-status-success); }\n\n.insight-title {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.insight-category {\n    font-size: 11px;\n    padding: 2px 8px;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: var(--mj-radius-lg);\n    color: var(--mj-text-secondary);\n}\n\n.insight-message {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    margin-bottom: 8px;\n}\n\n.insight-suggestion {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.insight-suggestion i {\n    color: var(--mj-status-success);\n    font-size: 10px;\n}\n\n.patterns-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.patterns-section h4 i {\n    color: var(--mj-color-indigo-500);\n}\n\n.patterns-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.patterns-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.patterns-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 12px 16px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.patterns-table td {\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.patterns-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.patterns-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.duplicate-row {\n    background: var(--mj-color-warning-50);\n}\n\n.duplicate-row:hover {\n    background: var(--mj-color-warning-50) !important;\n}\n\n.category-chip {\n    display: inline-block;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.cat-runview { background: var(--mj-color-info-100); color: var(--mj-color-info-700); }\n.cat-runquery { background: var(--mj-color-violet-100); color: var(--mj-color-violet-700); }\n.cat-engine { background: var(--mj-color-success-100); color: var(--mj-color-success-700); }\n.cat-ai { background: var(--mj-color-warning-50); color: var(--mj-color-warning-700); }\n.cat-cache { background: var(--mj-color-error-100); color: var(--mj-status-error); }\n.cat-network { background: var(--mj-color-tertiary-100); color: var(--mj-color-tertiary-700); }\n.cat-custom { background: var(--mj-color-neutral-100); color: var(--mj-color-neutral-600); }\n\n.operation-cell {\n    font-family: monospace;\n    font-size: 12px;\n}\n\n.entity-cell {\n    font-weight: 500;\n}\n\n.count-warning {\n    display: inline-block;\n    padding: 2px 8px;\n    background: var(--mj-color-warning-500);\n    color: white;\n    border-radius: var(--mj-radius-lg);\n    font-weight: 600;\n}\n\n.action-btn.active {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n/* Slow Queries Section */\n.slow-queries-section {\n    margin-bottom: 24px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n    border-left: 4px solid var(--mj-color-warning-500);\n}\n\n.slow-queries-section h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.slow-queries-section h4 i {\n    color: var(--mj-color-warning-500);\n}\n\n.slow-queries-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.slow-query-item {\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 12px;\n    border: 1px solid var(--mj-color-warning-50);\n    transition: all 0.15s ease;\n}\n\n.slow-query-item.clickable {\n    cursor: pointer;\n}\n\n.slow-query-item.clickable:hover {\n    background: var(--mj-color-warning-50);\n    border-color: var(--mj-color-warning-500);\n    transform: translateX(2px);\n}\n\n.slow-query-main {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.slow-query-entity {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.slow-query-time {\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    font-size: 14px;\n}\n\n.slow-query-filter {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    font-family: monospace;\n}\n\n.slow-query-timestamp {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* View Toggle */\n.view-toggle {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 16px;\n}\n\n.toggle-btn {\n    padding: 8px 16px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: all 0.2s ease;\n}\n\n.toggle-btn:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.toggle-btn.active {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n/* Expandable Insight Cards */\n.insight-card.expandable {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.insight-card.expandable:hover {\n    box-shadow: var(--mj-shadow-md);\n}\n\n.insight-card .expand-icon {\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    margin-left: auto;\n}\n\n.insight-card.expanded {\n    border-width: 2px;\n}\n\n.insight-details {\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.detail-section {\n    margin-bottom: 12px;\n}\n\n.detail-label {\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n}\n\n.detail-value {\n    font-size: 13px;\n    color: var(--mj-text-primary);\n}\n\n.related-events {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.related-event {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 6px 10px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: 4px;\n    font-size: 12px;\n}\n\n.event-time {\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.event-duration {\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-filter {\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    font-size: 11px;\n}\n\n/* Timeline Section */\n.timeline-section h4 {\n    margin: 0 0 16px 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-section h4 i {\n    color: var(--mj-color-indigo-500);\n}\n\n.timeline-container {\n    position: relative;\n    padding-left: 24px;\n    max-height: 400px;\n    overflow-y: auto;\n}\n\n.timeline-item {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 12px;\n    position: relative;\n}\n\n.timeline-marker {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    position: absolute;\n    left: -24px;\n    top: 0;\n    bottom: 0;\n}\n\n.marker-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-indigo-500);\n    z-index: 1;\n}\n\n.marker-line {\n    width: 2px;\n    flex: 1;\n    background: var(--mj-border-default);\n    margin-top: 4px;\n}\n\n.timeline-item:last-child .marker-line {\n    display: none;\n}\n\n.tl-runview .marker-dot { background: var(--mj-color-info-700); }\n.tl-runquery .marker-dot { background: var(--mj-color-violet-700); }\n.tl-engine .marker-dot { background: var(--mj-color-success-700); }\n.tl-ai .marker-dot { background: var(--mj-color-warning-700); }\n.tl-cache .marker-dot { background: var(--mj-status-error); }\n\n/* Cache hit bolt marker */\n.marker-bolt {\n    width: 18px;\n    height: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1;\n    color: var(--mj-color-warning-500);\n    font-size: 14px;\n    margin-left: -4px;\n}\n\n.marker-bolt i {\n    filter: drop-shadow(0 0 3px color-mix(in srgb, var(--mj-color-warning-500) 60%, transparent));\n}\n\n/* Category-specific bolt colors */\n.tl-runview.cache-hit .marker-bolt { color: var(--mj-color-info-700); }\n.tl-runquery.cache-hit .marker-bolt { color: var(--mj-color-violet-700); }\n.tl-engine.cache-hit .marker-bolt { color: var(--mj-color-success-700); }\n.tl-ai.cache-hit .marker-bolt { color: var(--mj-color-warning-700); }\n.tl-cache.cache-hit .marker-bolt { color: var(--mj-status-error); }\n\n/* Cache hit badge */\n.cache-hit-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    background: linear-gradient(135deg, var(--mj-color-warning-100) 0%, var(--mj-color-warning-200) 100%);\n    border: 1px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-lg);\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--mj-color-warning-800);\n    letter-spacing: 0.5px;\n}\n\n.cache-hit-badge i {\n    font-size: 8px;\n    color: var(--mj-color-warning-500);\n}\n\n/* Highlighted background for cache hit items */\n.timeline-item.cache-hit .timeline-content {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border: 1px solid var(--mj-color-warning-300);\n}\n\n.timeline-content {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 10px 14px;\n}\n\n.timeline-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 4px;\n}\n\n.timeline-time {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.timeline-duration {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.timeline-duration.slow {\n    color: var(--mj-color-warning-800);\n    background: var(--mj-color-warning-50);\n    padding: 2px 6px;\n    border-radius: 4px;\n}\n\n.timeline-body {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.timeline-operation {\n    font-family: monospace;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.timeline-entity {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.timeline-filter {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-family: monospace;\n    margin-top: 4px;\n}\n\n/* Entity Pills for RunViews batch operations */\n.timeline-entities,\n.slow-query-entities {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.entity-pill {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: var(--mj-radius-lg);\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-color-info-700);\n}\n\n.entity-pill.small {\n    padding: 1px 6px;\n    font-size: 10px;\n}\n\n.entity-pill.more {\n    background: var(--mj-color-neutral-100);\n    border-color: var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n    font-style: italic;\n}\n\n/* Parameter Pills */\n.timeline-pills,\n.slow-query-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.param-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-family: monospace;\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.param-pill.small {\n    padding: 2px 6px;\n    font-size: 9px;\n    max-width: 150px;\n}\n\n.param-pill .pill-label {\n    font-weight: 600;\n    opacity: 0.8;\n}\n\n.param-pill .pill-value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n/* Pill type colors */\n.param-pill.pill-filter {\n    background: var(--mj-color-warning-50);\n    border: 1px solid var(--mj-color-warning-300);\n    color: var(--mj-color-warning-700);\n}\n\n.param-pill.pill-order {\n    background: var(--mj-color-success-100);\n    border: 1px solid var(--mj-color-success-300);\n    color: var(--mj-color-success-700);\n}\n\n.param-pill.pill-result {\n    background: var(--mj-color-violet-100);\n    border: 1px solid var(--mj-color-violet-300);\n    color: var(--mj-color-violet-700);\n}\n\n.param-pill.pill-limit {\n    background: var(--mj-color-info-100);\n    border: 1px solid var(--mj-brand-primary);\n    color: var(--mj-color-info-700);\n}\n\n.param-pill.pill-batch {\n    background: var(--mj-color-error-100);\n    border: 1px solid var(--mj-color-error-300);\n    color: var(--mj-status-error);\n}\n\n.param-pill.pill-info {\n    background: var(--mj-color-neutral-100);\n    border: 1px solid var(--mj-color-neutral-200);\n    color: var(--mj-color-neutral-600);\n}\n\n/* Slow query cache hit styling */\n.slow-query-item.cache-hit {\n    background: linear-gradient(135deg, var(--mj-color-warning-50) 0%, var(--mj-color-warning-100) 100%);\n    border-color: var(--mj-color-warning-300);\n}\n\n.cache-hit-badge.small {\n    padding: 1px 6px;\n    font-size: 8px;\n}\n\n/* Filter Bar */\n.filter-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n}\n\n.search-box {\n    flex: 1;\n    min-width: 200px;\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.search-box i {\n    position: absolute;\n    left: 12px;\n    color: var(--mj-text-muted);\n}\n\n.search-box input {\n    width: 100%;\n    padding: 8px 36px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    background: var(--mj-bg-page);\n}\n\n.search-box input:focus {\n    outline: none;\n    border-color: var(--mj-color-indigo-500);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-color-indigo-500) 20%, transparent);\n}\n\n.clear-search {\n    position: absolute;\n    right: 8px;\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.clear-search:hover {\n    color: var(--mj-text-secondary);\n}\n\n.filter-buttons {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.filter-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n    border-radius: var(--mj-radius-full);\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.filter-btn:hover {\n    background: var(--mj-bg-surface);\n}\n\n.filter-btn.active {\n    background: var(--mj-color-indigo-500);\n    color: white;\n    border-color: var(--mj-color-indigo-500);\n}\n\n/* Sortable Table Headers */\n.sortable-header {\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n}\n\n.sortable-header:hover {\n    background: var(--mj-bg-surface);\n}\n\n.sortable-header i {\n    margin-left: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n\n.sortable-header i.fa-sort-up,\n.sortable-header i.fa-sort-down {\n    color: var(--mj-color-indigo-500);\n}\n\n/* Table Enhancements */\n.filter-cell {\n    font-family: monospace;\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    max-width: 200px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.slow-row {\n    background: var(--mj-color-error-100);\n}\n\n.slow-row:hover {\n    background: var(--mj-color-error-100) !important;\n}\n\n.slow-value {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* Small category chips */\n.category-chip.small {\n    font-size: 9px;\n    padding: 2px 6px;\n}\n\n/* Small empty state */\n.empty-state.small {\n    padding: 30px 20px;\n}\n\n.empty-state.small i {\n    font-size: 32px;\n    margin-bottom: 12px;\n}\n\n.empty-state.small p {\n    font-size: 14px;\n}\n\n/* Performance Sub-Tabs */\n.perf-tabs {\n    display: flex;\n    gap: 4px;\n    padding: 12px 24px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.perf-tab {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    border: none;\n    background: transparent;\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.perf-tab:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.perf-tab.active {\n    background: var(--mj-bg-page);\n    color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.perf-tab i {\n    font-size: 14px;\n}\n\n.tab-badge {\n    background: var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 6px;\n    border-radius: var(--mj-radius-md);\n    min-width: 18px;\n    text-align: center;\n}\n\n.perf-tab.active .tab-badge {\n    background: var(--mj-color-success-100);\n    color: var(--mj-color-success-800);\n}\n\n.tab-badge.warning {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.tab-badge.insight {\n    background: var(--mj-color-warning-50);\n    color: var(--mj-color-warning-700);\n}\n\n.perf-panel .section-panel-content {\n    padding: 20px 24px;\n}\n\n/* Success Banner */\n.success-banner {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 20px;\n    background: var(--mj-color-success-100);\n    border-radius: var(--mj-radius-md);\n    font-size: 13px;\n    color: var(--mj-color-success-800);\n    margin-top: 16px;\n}\n\n.success-banner i {\n    font-size: 18px;\n    color: var(--mj-status-success);\n}\n\n/* Compact Filter Bar */\n.filter-bar.compact {\n    padding: 10px 14px;\n    margin-bottom: 12px;\n}\n\n/* Clickable category items */\n.category-item {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.category-item:hover {\n    background: var(--mj-color-accent-300);\n    transform: translateY(-1px);\n}\n\n/* Insight Key Info (always visible) */\n.insight-key-info {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    padding: 10px 12px;\n    background: rgba(0, 0, 0, 0.03);\n    border-radius: var(--mj-radius-md);\n    margin: 8px 0;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.key-info-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.key-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 50px;\n    flex-shrink: 0;\n}\n\n.key-value {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.key-value.entity-name {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.key-value.filter-code {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.06);\n    padding: 2px 6px;\n    border-radius: 3px;\n    color: var(--mj-text-primary);\n}\n\n/* Params Display */\n.params-display {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    padding: 10px;\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-row {\n    display: flex;\n    gap: 8px;\n    padding: 4px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.param-row:last-child {\n    border-bottom: none;\n}\n\n.param-key {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.param-value {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.event-entity {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n    padding: 2px 6px;\n    border-radius: 3px;\n    font-size: 11px;\n    font-weight: 500;\n}\n\n/* PerfMon Chart Styles\n * ====================\n * Chrome (background, borders, text, controls) is mapped to MJ semantic tokens\n * so the panel adapts to the active theme and is white-labelable. Series colors\n * (cyan / magenta / neon-green / orange) are categorical chart data \u2014 they must\n * stay distinct across themes and are exempt by the same rule that exempts\n * other chart-data palettes.\n *\n * The accent (--perfmon-accent) is intentionally kept as the same neon green as\n * the engine series so the \"live signal\" indicators (header icon, footer count,\n * chart strokes) read as part of the chart palette rather than the app's brand.\n *\n * Overlays are derived via color-mix() from --mj-text-primary so they invert\n * automatically: dark tints over light surfaces in light mode, light tints over\n * dark surfaces in dark mode.\n */\n.perfmon-section {\n    /* Chrome \u2014 adapts to theme */\n    --perfmon-bg: var(--mj-bg-surface-card);\n    --perfmon-bg-deep: var(--mj-bg-surface-sunken);\n    --perfmon-border: var(--mj-border-default);\n    --perfmon-border-medium: var(--mj-border-strong);\n    --perfmon-border-light: var(--mj-border-strong);\n    --perfmon-text-faint: var(--mj-text-disabled);\n    --perfmon-text-muted: var(--mj-text-muted);\n    --perfmon-text-secondary: var(--mj-text-secondary);\n    --perfmon-control-bg: var(--mj-bg-surface-sunken);\n    --perfmon-control-bg-hover: var(--mj-bg-surface-hover);\n    --perfmon-mode-bg: var(--mj-bg-surface-sunken);\n    --perfmon-overlay-light: color-mix(in srgb, var(--mj-text-primary) 5%, transparent);\n    --perfmon-overlay-medium: color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n    --perfmon-overlay-strong: color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n    --perfmon-tooltip-bg: var(--mj-bg-overlay);\n\n    /* Categorical series colors and live-signal accent \u2014 exempt */\n    --perfmon-accent: #00ff88;\n    --perfmon-accent-dim: #00cc6a;\n    --perfmon-series-runview: #00bcd4;\n    --perfmon-series-runquery: #e040fb;\n    --perfmon-series-engine: #00ff88;\n    --perfmon-series-ai: #ff9800;\n\n    background: var(--perfmon-bg);\n    border-radius: 8px;\n    padding: 16px;\n    margin-bottom: 24px;\n}\n\n.perfmon-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 16px;\n}\n\n.perfmon-header h4 {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--perfmon-accent);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.perfmon-header h4 i {\n    color: var(--perfmon-accent);\n}\n\n.perfmon-legend {\n    display: flex;\n    gap: 16px;\n    font-size: 11px;\n}\n\n.legend-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--perfmon-text-muted);\n}\n\n.legend-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.legend-item.runview .legend-dot { background: var(--perfmon-series-runview); }\n.legend-item.runquery .legend-dot { background: var(--perfmon-series-runquery); }\n.legend-item.engine .legend-dot { background: var(--perfmon-series-engine); }\n.legend-item.ai .legend-dot { background: var(--perfmon-series-ai); }\n\n.perfmon-chart-container {\n    display: flex;\n    background: var(--perfmon-bg-deep);\n    border: 1px solid var(--perfmon-border);\n    border-radius: 4px;\n    position: relative;\n}\n\n.perfmon-y-axis {\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.perfmon-y-axis .axis-label {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 10px;\n    color: var(--perfmon-text-faint);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.perfmon-chart {\n    flex: 1;\n    height: 300px;\n    position: relative;\n    overflow: hidden;\n}\n\n.perfmon-chart svg {\n    width: 100%;\n    height: 100%;\n}\n\n.perfmon-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--perfmon-border);\n}\n\n.footer-note {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.footer-note i {\n    color: var(--perfmon-accent);\n}\n\n.footer-stats {\n    font-size: 11px;\n    color: var(--perfmon-accent);\n    font-family: monospace;\n}\n\n/* D3 Chart Elements */\n.perfmon-chart :deep(.grid-line) {\n    stroke: var(--perfmon-border);\n    stroke-dasharray: 2,2;\n}\n\n.perfmon-chart :deep(.axis-line) {\n    stroke: var(--perfmon-border-light);\n}\n\n.perfmon-chart :deep(.axis-text) {\n    fill: var(--perfmon-text-muted);\n    font-size: 10px;\n    font-family: monospace;\n}\n\n.perfmon-chart :deep(.event-point) {\n    cursor: pointer;\n    transition: r 0.15s ease;\n}\n\n.perfmon-chart :deep(.event-point:hover) {\n    r: 6;\n}\n\n.perfmon-chart :deep(.tooltip) {\n    pointer-events: none;\n}\n\n.perfmon-chart :deep(.tooltip-bg) {\n    fill: var(--perfmon-tooltip-bg);\n    rx: 4;\n}\n\n.perfmon-chart :deep(.tooltip-text) {\n    fill: var(--mj-bg-surface);\n    font-size: 11px;\n    font-family: monospace;\n}\n\n.perfmon-chart :deep(.area-fill) {\n    opacity: 0.15;\n}\n\n.perfmon-chart :deep(.line-path) {\n    fill: none;\n    stroke-width: 1.5;\n    opacity: 0.8;\n}\n\n/* PerfMon Chart Controls */\n.perfmon-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 12px;\n    padding: 8px 12px;\n    background: var(--perfmon-overlay-light);\n    border-radius: 6px;\n    border: 1px solid var(--perfmon-border);\n}\n\n.chart-control-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    background: var(--perfmon-control-bg);\n    color: var(--perfmon-text-muted);\n    border: 1px solid var(--perfmon-border-medium);\n    border-radius: 4px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.chart-control-btn:hover {\n    background: var(--perfmon-control-bg-hover);\n    color: var(--perfmon-accent);\n    border-color: var(--perfmon-accent);\n}\n\n.chart-control-btn:active {\n    transform: scale(0.95);\n}\n\n.chart-control-btn i {\n    font-size: 14px;\n}\n\n/* Mode Toggle Buttons */\n.mode-toggle {\n    display: flex;\n    background: var(--perfmon-mode-bg);\n    border-radius: 4px;\n    overflow: hidden;\n    border: 1px solid var(--perfmon-border-medium);\n}\n\n.mode-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 28px;\n    padding: 0;\n    background: transparent;\n    color: var(--perfmon-text-faint);\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.mode-btn:first-child {\n    border-right: 1px solid var(--perfmon-border);\n}\n\n.mode-btn:hover {\n    color: var(--perfmon-text-secondary);\n    background: var(--perfmon-overlay-light);\n}\n\n.mode-btn.active {\n    background: var(--perfmon-accent);\n    color: var(--perfmon-mode-bg);\n}\n\n.mode-btn.active:hover {\n    background: var(--perfmon-accent-dim);\n}\n\n.mode-btn i {\n    font-size: 12px;\n}\n\n.control-divider {\n    width: 1px;\n    height: 24px;\n    background: var(--perfmon-border-medium);\n    margin: 0 4px;\n}\n\n.compress-toggle {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    cursor: pointer;\n    font-size: 12px;\n    color: var(--perfmon-text-muted);\n    user-select: none;\n}\n\n.compress-toggle:hover {\n    color: var(--perfmon-accent);\n}\n\n.compress-toggle input[type=\"checkbox\"] {\n    width: 14px;\n    height: 14px;\n    accent-color: var(--perfmon-accent);\n    cursor: pointer;\n}\n\n.compress-toggle span {\n    white-space: nowrap;\n}\n\n.zoom-level {\n    font-size: 11px;\n    color: var(--perfmon-text-faint);\n    font-family: monospace;\n    margin-left: 8px;\n}\n\n/* Gap indicators in chart */\n.perfmon-chart :deep(.gap-indicator) {\n    cursor: pointer;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart :deep(.gap-indicator:hover) {\n    opacity: 0.8;\n}\n\n.perfmon-chart :deep(.gap-text) {\n    fill: var(--perfmon-text-faint);\n    font-size: 10px;\n    font-family: monospace;\n    pointer-events: none;\n}\n\n.perfmon-chart :deep(.gap-expand-btn) {\n    cursor: pointer;\n    opacity: 0.6;\n    transition: opacity 0.15s ease;\n}\n\n.perfmon-chart :deep(.gap-expand-btn:hover) {\n    opacity: 1;\n}\n\n/* Selection brush overlay */\n.perfmon-chart :deep(.selection-overlay) {\n    pointer-events: all;\n}\n\n.perfmon-chart :deep(.selection-rect) {\n    pointer-events: none;\n}\n\n/* Zoom info display */\n.zoom-info {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    color: var(--perfmon-text-muted);\n    font-family: monospace;\n}\n\n.zoom-info .zoom-level {\n    color: var(--perfmon-accent);\n}\n\n.zoom-info .time-range {\n    color: var(--perfmon-text-faint);\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n    .main-content {\n        flex-direction: column;\n    }\n\n    .left-nav {\n        width: 100%;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        padding: 12px;\n    }\n\n    .nav-section {\n        display: flex;\n        gap: 8px;\n        overflow-x: auto;\n        padding: 0;\n    }\n\n    .nav-section-title {\n        display: none;\n    }\n\n    .nav-item {\n        white-space: nowrap;\n        padding: 10px 16px;\n    }\n}\n\n@media (max-width: 768px) {\n    .engine-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .perfmon-legend {\n        flex-wrap: wrap;\n        gap: 8px;\n    }\n}\n\n/* Export Button */\n.export-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 14px;\n    background: var(--mj-status-success);\n    color: white;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.export-btn:hover:not(:disabled) {\n    background: var(--mj-color-success-800);\n    transform: translateY(-1px);\n}\n\n.export-btn:disabled {\n    background: var(--mj-border-default);\n    cursor: not-allowed;\n}\n\n.footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n\n/* Event Detail Slide-in Panel */\n.event-detail-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: fadeIn 0.2s ease;\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.event-detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 450px;\n    max-width: 90vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s ease;\n}\n\n@keyframes slideIn {\n    from { transform: translateX(100%); }\n    to { transform: translateX(0); }\n}\n\n.event-detail-panel .panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.event-detail-panel .panel-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.event-detail-panel .panel-title h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel .close-btn {\n    background: none;\n    border: none;\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: 4px;\n    transition: all 0.2s ease;\n}\n\n.event-detail-panel .close-btn:hover {\n    background: var(--mj-border-default);\n    color: var(--mj-text-primary);\n}\n\n.event-detail-panel .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* Detail Metrics */\n.detail-metrics {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.detail-metrics .metric {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    text-align: center;\n}\n\n.detail-metrics .metric-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.detail-metrics .metric-value.slow {\n    color: var(--mj-status-error);\n}\n\n.detail-metrics .metric-label {\n    font-size: 11px;\n    color: var(--mj-text-secondary);\n    margin-top: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n/* Detail Sections */\n.event-detail-panel .detail-section {\n    margin-bottom: 24px;\n}\n\n.event-detail-panel .detail-section h4 {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 12px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.event-detail-panel .detail-section h4 i {\n    color: var(--mj-status-success);\n    font-size: 14px;\n}\n\n.detail-content {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n}\n\n.detail-row {\n    display: flex;\n    gap: 12px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-row:last-child {\n    border-bottom: none;\n}\n\n.detail-key {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n    min-width: 80px;\n    flex-shrink: 0;\n}\n\n.detail-val {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n.detail-val.entity-highlight {\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.detail-val.filter-val {\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    font-size: 11px;\n    background: rgba(0, 0, 0, 0.05);\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n/* Params Grid */\n.params-grid {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.param-item {\n    display: flex;\n    gap: 12px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n    font-size: 12px;\n}\n\n.param-item:last-child {\n    border-bottom: none;\n}\n\n.param-name {\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    min-width: 100px;\n    flex-shrink: 0;\n    font-family: monospace;\n}\n\n.param-val {\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n\n/* Pattern Summary */\n.pattern-summary {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 16px;\n}\n\n.pattern-stat {\n    text-align: center;\n}\n\n.pattern-stat .stat-val {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    font-family: monospace;\n}\n\n.pattern-stat .stat-label {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 4px;\n}\n\n.pattern-warning {\n    margin-top: 12px;\n    padding: 12px;\n    background: var(--mj-color-warning-50);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    color: var(--mj-color-warning-800);\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n\n.pattern-warning i {\n    color: var(--mj-color-warning-500);\n    margin-top: 2px;\n}\n\n/* Detail Actions */\n.detail-actions {\n    display: flex;\n    gap: 12px;\n    padding-top: 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n.action-button {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.action-button:hover {\n    background: var(--mj-border-default);\n    border-color: var(--mj-border-default);\n}\n\n.action-button i {\n    color: var(--mj-text-secondary);\n}\n\n/* Clickable timeline items */\n.timeline-item.clickable {\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.timeline-item.clickable:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 5%, transparent);\n}\n\n.timeline-item.clickable:hover .marker-dot {\n    transform: scale(1.3);\n}\n\n/* ========================================\n   ENGINE DETAIL PANEL STYLES\n   ======================================== */\n\n.engine-detail-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 999;\n    animation: fadeIn 0.2s ease;\n}\n\n.engine-detail-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: 550px;\n    max-width: 95vw;\n    height: 100vh;\n    background: var(--mj-bg-page);\n    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s ease;\n}\n\n.engine-detail-panel .panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: linear-gradient(135deg, var(--mj-status-success) 0%, var(--mj-color-success-800) 100%);\n    color: white;\n}\n\n.engine-detail-panel .panel-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.engine-detail-panel .panel-title h3 {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: white;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.engine-detail-panel .panel-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.engine-detail-panel .icon-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n}\n\n.engine-detail-panel .icon-btn:hover:not(:disabled) {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel .icon-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.engine-detail-panel .close-btn {\n    background: rgba(255, 255, 255, 0.15);\n    border: none;\n    color: white;\n    width: 36px;\n    height: 36px;\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    font-size: 18px;\n}\n\n.engine-detail-panel .close-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n.engine-detail-panel .panel-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n/* Engine Summary */\n.engine-summary-section {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-bottom: 24px;\n}\n\n.engine-summary-section .summary-stat {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    padding: 12px 16px;\n}\n\n.engine-summary-section .summary-label {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-bottom: 4px;\n}\n\n.engine-summary-section .summary-value {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-color-warning-500);\n}\n\n.status-dot.status-loaded {\n    background: var(--mj-status-success);\n}\n\n/* Config Items Section */\n.config-items-section h4 {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    margin: 0 0 16px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.config-items-section h4 i {\n    color: var(--mj-status-success);\n}\n\n.config-items-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.config-item {\n    background: var(--mj-bg-surface-sunken);\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    overflow: hidden;\n    transition: all 0.2s ease;\n}\n\n.config-item.expanded {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.config-item-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    cursor: pointer;\n    transition: background 0.2s ease;\n}\n\n.config-item-header:hover {\n    background: rgba(0, 0, 0, 0.02);\n}\n\n.config-item-info {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex: 1;\n    min-width: 0;\n}\n\n.config-type-chip {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 3px 8px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    flex-shrink: 0;\n}\n\n.config-type-chip.type-entity {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.config-type-chip.type-dataset {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.config-name {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.config-item-stats {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-stat {\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.expand-icon {\n    color: var(--mj-text-muted);\n    transition: transform 0.2s ease;\n}\n\n.config-item.expanded .expand-icon {\n    color: var(--mj-status-success);\n}\n\n.config-item-details {\n    padding: 0 16px 16px;\n    border-top: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-page);\n}\n\n.config-detail-row {\n    display: flex;\n    gap: 12px;\n    padding: 10px 0;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.config-detail-row:last-child {\n    border-bottom: none;\n}\n\n.config-detail-row .detail-label {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    min-width: 70px;\n    flex-shrink: 0;\n}\n\n.config-detail-row .detail-value {\n    font-size: 12px;\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Monaco, 'Courier New', monospace;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 4px;\n    word-break: break-all;\n}\n\n/* Health status indicators for config items */\n.config-health-icon {\n    font-size: 12px;\n    flex-shrink: 0;\n}\n.config-health-icon.health-success {\n    color: var(--mj-status-success);\n}\n.config-health-icon.health-failure {\n    color: var(--mj-status-error);\n}\n.config-detail-row--error {\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n    border-radius: 4px;\n    padding: 4px 8px;\n}\n.detail-value--error {\n    color: var(--mj-status-error-text) !important;\n    background: none !important;\n    font-family: inherit !important;\n    word-break: break-word;\n}\n\n/* Sample Data Section */\n.sample-data-section {\n    margin-top: 16px;\n}\n\n.sample-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 8px;\n}\n\n.sample-title {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.sample-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.load-more-btn,\n.load-all-btn {\n    background: none;\n    border: 1px solid var(--mj-color-indigo-500);\n    color: var(--mj-color-indigo-500);\n    font-size: 11px;\n    padding: 4px 10px;\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    transition: all 0.2s ease;\n}\n\n.load-more-btn:hover:not(:disabled),\n.load-all-btn:hover:not(:disabled) {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.load-more-btn:disabled,\n.load-all-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.all-loaded-badge {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-status-success);\n    padding: 4px 10px;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    border-radius: 4px;\n}\n\n.action-col {\n    width: 36px;\n    min-width: 36px;\n    max-width: 36px;\n    padding: 4px !important;\n    text-align: center;\n}\n\n.open-record-btn {\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-color-indigo-500);\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    transition: all 0.2s ease;\n}\n\n.open-record-btn:hover {\n    background: var(--mj-color-indigo-500);\n    color: white;\n}\n\n.sample-data-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.sample-data-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 11px;\n}\n\n.sample-data-table th {\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    text-align: left;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    border-bottom: 1px solid var(--mj-border-default);\n    white-space: nowrap;\n}\n\n.sample-data-table td {\n    padding: 8px 10px;\n    border-bottom: 1px solid var(--mj-border-default);\n    color: var(--mj-text-primary);\n    max-width: 150px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.sample-data-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.sample-data-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n/* Small empty state */\n.empty-state.small {\n    padding: 30px 20px;\n}\n\n.empty-state.small i {\n    font-size: 32px;\n}\n\n.empty-state.small p {\n    font-size: 14px;\n}\n\n/* Spinning animation for refresh icon */\n.spinning {\n    animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n}\n\n/* ========================================\n   LOCAL CACHE SECTION STYLES\n   ======================================== */\n\n.cache-summary {\n    display: flex;\n    gap: 16px;\n    margin-bottom: 24px;\n    flex-wrap: wrap;\n}\n\n.cache-type-breakdown {\n    margin-bottom: 24px;\n}\n\n.cache-type-breakdown h4 {\n    margin: 0 0 12px 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.type-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.type-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px;\n    background: var(--mj-bg-page);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.type-item:hover {\n    border-color: var(--mj-status-success);\n    box-shadow: var(--mj-shadow-md);\n}\n\n.type-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    font-size: 18px;\n    color: var(--mj-text-secondary);\n}\n\n.type-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.type-count {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--mj-status-success);\n}\n\n.type-size {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin-left: 8px;\n}\n\n.cache-entries-section {\n    margin-top: 24px;\n}\n\n.cache-entries-section .section-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.cache-entries-section .section-header h4 {\n    margin: 0;\n    font-size: 14px;\n    color: var(--mj-text-secondary);\n}\n\n.filter-controls {\n    display: flex;\n    gap: 8px;\n}\n\n.cache-entries-table-wrapper {\n    overflow-x: auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n}\n\n.cache-entries-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n}\n\n.cache-entries-table th {\n    padding: 12px 16px;\n    text-align: left;\n    background: var(--mj-bg-surface-sunken);\n    border-bottom: 1px solid var(--mj-border-default);\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n}\n\n.cache-entries-table td {\n    padding: 10px 16px;\n    border-bottom: 1px solid var(--mj-border-default);\n    vertical-align: middle;\n}\n\n.cache-entries-table tbody tr:hover {\n    background: var(--mj-bg-surface-sunken);\n}\n\n.cache-entries-table tbody tr:last-child td {\n    border-bottom: none;\n}\n\n.cache-type-chip {\n    display: inline-block;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    text-transform: uppercase;\n}\n\n.cache-type-chip.type-dataset {\n    background: var(--mj-color-info-100);\n    color: var(--mj-color-info-700);\n}\n\n.cache-type-chip.type-runview {\n    background: var(--mj-color-tertiary-100);\n    color: var(--mj-color-tertiary-700);\n}\n\n.cache-type-chip.type-runquery {\n    background: var(--mj-color-violet-100);\n    color: var(--mj-color-violet-700);\n}\n\n.entry-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.entry-fingerprint {\n    display: block;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 6px;\n    border-radius: 3px;\n}\n\n.icon-btn {\n    width: 28px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    transition: all 0.2s ease;\n}\n\n.icon-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: var(--mj-status-error-bg);\n}\n\n.table-footer {\n    padding: 12px 16px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    border-top: 1px solid var(--mj-border-default);\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.ActivatedRoute }], { perfChartRef: [{
             type: ViewChild,
             args: ['perfChart', { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SystemDiagnosticsComponent, { className: "SystemDiagnosticsComponent", filePath: "src/SystemDiagnostics/system-diagnostics.component.ts", lineNumber: 1494 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SystemDiagnosticsComponent, { className: "SystemDiagnosticsComponent", filePath: "src/SystemDiagnostics/system-diagnostics.component.ts", lineNumber: 1390 }); })();
 //# sourceMappingURL=system-diagnostics.component.js.map