@memberjunction/ng-dashboards 5.34.1 → 5.35.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,57 +28,54 @@ 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_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 4);
 } }
-function SystemDiagnosticsComponent_Conditional_18_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_13_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) {
+function SystemDiagnosticsComponent_Conditional_13_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);
+function SystemDiagnosticsComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 35)(2, "div", 36);
+    i0.ɵɵelement(3, "i", 20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 39)(5, "div", 40);
+    i0.ɵɵelementStart(4, "div", 37)(5, "div", 38);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 41);
+    i0.ɵɵelementStart(7, "div", 39);
     i0.ɵɵtext(8, "Registered Engines");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 42);
+    i0.ɵɵelementStart(9, "div", 40);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "div", 37)(12, "div", 43);
-    i0.ɵɵelement(13, "i", 44);
+    i0.ɵɵelementStart(11, "div", 35)(12, "div", 41);
+    i0.ɵɵelement(13, "i", 42);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 39)(15, "div", 40);
+    i0.ɵɵelementStart(14, "div", 37)(15, "div", 38);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 41);
+    i0.ɵɵelementStart(17, "div", 39);
     i0.ɵɵtext(18, "Engine Memory");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 42);
+    i0.ɵɵelementStart(19, "div", 40);
     i0.ɵɵtext(20, "Estimated total");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "div", 37)(22, "div", 45);
-    i0.ɵɵelement(23, "i", 23);
+    i0.ɵɵelementStart(21, "div", 35)(22, "div", 43);
+    i0.ɵɵelement(23, "i", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "div", 39)(25, "div", 40);
+    i0.ɵɵelementStart(24, "div", 37)(25, "div", 38);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 41);
+    i0.ɵɵelementStart(27, "div", 39);
     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.ɵɵelementStart(29, "div", 40);
+    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_13_Conditional_30_Template, 1, 0)(31, SystemDiagnosticsComponent_Conditional_13_Conditional_31_Template, 1, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -94,31 +92,31 @@ function SystemDiagnosticsComponent_Conditional_18_Template(rf, ctx) { if (rf &
     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);
+function SystemDiagnosticsComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 44);
+    i0.ɵɵelement(2, "i", 20);
+    i0.ɵɵelementStart(3, "span", 45);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 48);
+    i0.ɵɵelementStart(5, "span", 46);
     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.ɵɵelement(7, "div", 47);
+    i0.ɵɵelementStart(8, "div", 48);
+    i0.ɵɵelement(9, "i", 42);
+    i0.ɵɵelementStart(10, "span", 45);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 48);
+    i0.ɵɵelementStart(12, "span", 46);
     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.ɵɵelement(14, "div", 47);
+    i0.ɵɵelementStart(15, "div", 49);
+    i0.ɵɵelement(16, "i", 22);
+    i0.ɵɵelementStart(17, "span", 45);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span", 48);
+    i0.ɵɵelementStart(19, "span", 46);
     i0.ɵɵtext(20, "Redundant");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -132,8 +130,8 @@ function SystemDiagnosticsComponent_Conditional_19_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.redundantLoads.length);
 } }
-function SystemDiagnosticsComponent_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 24);
+function SystemDiagnosticsComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -141,28 +139,28 @@ function SystemDiagnosticsComponent_Conditional_35_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.redundantLoads.length);
 } }
-function SystemDiagnosticsComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25);
+function SystemDiagnosticsComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
     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_45_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No engines registered yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 58);
     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_45_Conditional_11_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵelementStart(2, "span", 66);
     i0.ɵɵtext(3, "Loaded:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 69);
+    i0.ɵɵelementStart(4, "span", 67);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -171,39 +169,39 @@ function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Conditio
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r0.formatTime(engine_r4.lastLoadedAt));
 } }
-function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_45_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", 60)(1, "div", 61)(2, "div", 62);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 65);
+    i0.ɵɵelementStart(4, "div", 63);
     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", 64)(7, "div", 65);
+    i0.ɵɵelement(8, "i", 42);
+    i0.ɵɵelementStart(9, "span", 66);
     i0.ɵɵtext(10, "Memory:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 69);
+    i0.ɵɵelementStart(11, "span", 67);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 67);
-    i0.ɵɵelement(14, "i", 70);
-    i0.ɵɵelementStart(15, "span", 68);
+    i0.ɵɵelementStart(13, "div", 65);
+    i0.ɵɵelement(14, "i", 68);
+    i0.ɵɵelementStart(15, "span", 66);
     i0.ɵɵtext(16, "Items:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 69);
+    i0.ɵɵelementStart(17, "span", 67);
     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_45_Conditional_11_For_2_Conditional_19_Template, 6, 1, "div", 65);
     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", 69)(21, "button", 70);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_45_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", 53);
     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", 71);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_45_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", 72);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const engine_r4 = ctx.$implicit;
@@ -230,28 +228,28 @@ function SystemDiagnosticsComponent_Conditional_50_Conditional_11_For_2_Template
     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_45_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_45_Conditional_11_For_2_Template, 25, 16, "div", 59, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.engines);
 } }
-function SystemDiagnosticsComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_45_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);
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 50)(2, "h3");
+    i0.ɵɵelement(3, "i", 20);
     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", 51)(6, "button", 52);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_45_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.refreshAllEngines()); });
+    i0.ɵɵelement(7, "i", 53);
     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", 54);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_45_Conditional_10_Template, 6, 0, "div", 55)(11, SystemDiagnosticsComponent_Conditional_45_Conditional_11_Template, 3, 0, "div", 56);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -262,18 +260,18 @@ function SystemDiagnosticsComponent_Conditional_50_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.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_46_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No redundant entity loading detected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 58);
     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_46_Conditional_13_For_12_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 85);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -281,14 +279,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_46_Conditional_13_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 82);
     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", 83)(4, "div", 84);
+    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_46_Conditional_13_For_12_For_6_Template, 2, 1, "span", 85, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "td", 88)(8, "span", 89);
+    i0.ɵɵelementStart(7, "td", 86)(8, "span", 87);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -300,21 +298,21 @@ 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_46_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77)(1, "table", 78)(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", 79);
     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_46_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", 80);
+    i0.ɵɵelement(14, "i", 81);
     i0.ɵɵelementStart(15, "div")(16, "strong");
     i0.ɵɵtext(17, "Recommendation:");
     i0.ɵɵelementEnd();
@@ -325,35 +323,35 @@ function SystemDiagnosticsComponent_Conditional_51_Conditional_13_Template(rf, c
     i0.ɵɵadvance(11);
     i0.ɵɵrepeater(ctx_r0.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_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28)(1, "div", 50)(2, "h3");
+    i0.ɵɵelement(3, "i", 22);
     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", 54)(6, "div", 73);
+    i0.ɵɵelement(7, "i", 74);
     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_46_Conditional_12_Template, 6, 0, "div", 75)(13, SystemDiagnosticsComponent_Conditional_46_Conditional_13_Template, 19, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(12);
     i0.ɵɵconditional(ctx_r0.redundantLoads.length === 0 ? 12 : 13);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 107);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 12);
     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", 52);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 108);
     i0.ɵɵtext(5, " Clear ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -366,11 +364,11 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_14_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", !ctx_r0.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_47_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 109);
+    i0.ɵɵelement(1, "i", 12);
     i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "span", 112);
+    i0.ɵɵelementStart(3, "span", 110);
     i0.ɵɵtext(4, "(config)");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -381,27 +379,27 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_15_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.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_47_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 94);
+    i0.ɵɵelement(1, "i", 111);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 95);
+    i0.ɵɵelement(1, "i", 112);
     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", 113);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 114);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.serverTelemetryError, " ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+function SystemDiagnosticsComponent_Conditional_47_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 100);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -409,8 +407,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_27_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.slowQueries.length);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 106);
+function SystemDiagnosticsComponent_Conditional_47_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -418,38 +416,38 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_44_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.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_47_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "i", 112);
     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_47_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. ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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_47_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_47_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 ");
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 146);
+function SystemDiagnosticsComponent_Conditional_47_Conditional_47_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 144);
     i0.ɵɵtext(1);
-    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47_Conditional_2_Template, 2, 4);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_47_Conditional_47_Conditional_47_Conditional_2_Template, 2, 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -458,67 +456,67 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Conditional_47
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.chartZoomLevel !== 1 ? 2 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 106)(1, "div", 115)(2, "div", 116)(3, "span", 117);
+    i0.ɵɵelement(4, "span", 118);
     i0.ɵɵtext(5, " RunView");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 121);
-    i0.ɵɵelement(7, "span", 120);
+    i0.ɵɵelementStart(6, "span", 119);
+    i0.ɵɵelement(7, "span", 118);
     i0.ɵɵtext(8, " RunQuery");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 122);
-    i0.ɵɵelement(10, "span", 120);
+    i0.ɵɵelementStart(9, "span", 120);
+    i0.ɵɵelement(10, "span", 118);
     i0.ɵɵtext(11, " Engine");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 123);
-    i0.ɵɵelement(13, "span", 120);
+    i0.ɵɵelementStart(12, "span", 121);
+    i0.ɵɵelement(13, "span", 118);
     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", 122)(16, "div", 123)(17, "button", 124);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 125);
     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", 126);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 127);
     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", 128);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 129);
     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", 130);
+    i0.ɵɵelementStart(24, "button", 131);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 132);
     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", 133);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 134);
     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", 135);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 136);
     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", 130);
+    i0.ɵɵelementStart(31, "label", 137)(32, "input", 6);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_47_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_47_Conditional_47_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.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", 138)(36, "div", 139)(37, "span", 140);
     i0.ɵɵtext(38, "Duration (ms)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(39, "div", 143, 0);
+    i0.ɵɵelement(39, "div", 141, 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", 142)(42, "span", 143);
+    i0.ɵɵelement(43, "i", 74);
+    i0.ɵɵconditionalCreate(44, SystemDiagnosticsComponent_Conditional_47_Conditional_47_Conditional_44_Template, 1, 2)(45, SystemDiagnosticsComponent_Conditional_47_Conditional_47_Conditional_45_Template, 1, 0)(46, SystemDiagnosticsComponent_Conditional_47_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_47_Conditional_47_Conditional_47_Template, 3, 2, "span", 144);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -535,17 +533,17 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_47_Template(rf, c
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r0.telemetrySummary ? 47 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_21_For_5_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 154);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 155);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 158);
+    i0.ɵɵelementStart(3, "span", 156);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 159);
+    i0.ɵɵelementStart(5, "span", 157);
     i0.ɵɵtext(6);
     i0.ɵɵpipe(7, "number");
     i0.ɵɵelementEnd()();
@@ -558,26 +556,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_47_Conditional_48_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 149)(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", 152);
+    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_21_For_5_Template, 8, 6, "div", 153, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_48_Conditional_22_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 165);
+    i0.ɵɵelement(1, "i", 171);
     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_47_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 172);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -585,8 +583,8 @@ 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_47_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 173);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -595,10 +593,10 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", ctx_r0.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_47_Conditional_48_Conditional_22_For_6_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 167);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Conditional_10_For_2_Template, 2, 1, "span", 172, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Conditional_10_Conditional_3_Template, 2, 1, "span", 173);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext().$implicit;
@@ -608,11 +606,11 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.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_47_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 175)(1, "span", 176);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 179);
+    i0.ɵɵelementStart(3, "span", 177);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -624,9 +622,9 @@ 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_47_Conditional_48_Conditional_22_For_6_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 168);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Conditional_11_For_2_Template, 5, 5, "span", 174, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const query_r14 = i0.ɵɵnextContext().$implicit;
@@ -634,8 +632,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_48_Conditional_22_For_6_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 169);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -644,25 +642,25 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.truncateString(query_r14.filter, 60));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22_For_6_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 161);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 162)(2, "span", 163);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 166);
+    i0.ɵɵelementStart(4, "span", 164);
     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_47_Conditional_48_Conditional_22_For_6_Conditional_6_Template, 3, 0, "span", 165);
+    i0.ɵɵelementStart(7, "span", 166);
     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_47_Conditional_48_Conditional_22_For_6_Conditional_10_Template, 4, 1, "div", 167);
+    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Conditional_11_Template, 3, 0, "div", 168);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Conditional_12_Template, 2, 1, "div", 169);
+    i0.ɵɵelementStart(13, "div", 170);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -688,13 +686,13 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.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_47_Conditional_48_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 150)(1, "h4");
+    i0.ɵɵelement(2, "i", 158);
     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", 159);
+    i0.ɵɵrepeaterCreate(5, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_For_6_Template, 15, 15, "div", 160, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -703,9 +701,9 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_22
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_48_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 151);
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -714,33 +712,33 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Conditional_23
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("No slow operations detected. All operations completed under ", ctx_r0.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_47_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 145)(1, "div", 146)(2, "div", 147);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 150);
+    i0.ɵɵelementStart(4, "div", 148);
     i0.ɵɵtext(5, "Total Events");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 148)(7, "div", 149);
+    i0.ɵɵelementStart(6, "div", 146)(7, "div", 147);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 150);
+    i0.ɵɵelementStart(9, "div", 148);
     i0.ɵɵtext(10, "Unique Patterns");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 148)(12, "div", 149);
+    i0.ɵɵelementStart(11, "div", 146)(12, "div", 147);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 150);
+    i0.ɵɵelementStart(14, "div", 148);
     i0.ɵɵtext(15, "Insights");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 148)(17, "div", 149);
+    i0.ɵɵelementStart(16, "div", 146)(17, "div", 147);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 150);
+    i0.ɵɵelementStart(19, "div", 148);
     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_47_Conditional_48_Conditional_21_Template, 6, 0, "div", 149);
+    i0.ɵɵconditionalCreate(22, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_22_Template, 7, 1, "div", 150)(23, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Conditional_23_Template, 4, 1, "div", 151);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
@@ -756,17 +754,17 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_48_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.slowQueries.length > 0 ? 22 : ctx_r0.telemetryEnabled && ctx_r0.telemetrySummary && ctx_r0.telemetrySummary.totalEvents > 0 ? 23 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 189);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 114);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_For_9_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -776,22 +774,22 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_For_9_Template
     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_47_Conditional_49_Conditional_12_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵelement(1, "i", 171);
     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_47_Conditional_49_Conditional_12_For_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 194);
 } }
-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_47_Conditional_49_Conditional_12_For_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 199);
+    i0.ɵɵelement(1, "i", 171);
     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_47_Conditional_49_Conditional_12_For_1_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 207);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "number");
     i0.ɵɵelementEnd();
@@ -802,8 +800,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     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_47_Conditional_49_Conditional_12_For_1_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 203);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -811,8 +809,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_47_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 208);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -820,8 +818,8 @@ 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_47_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 209);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -830,10 +828,10 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", ctx_r0.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_47_Conditional_49_Conditional_12_For_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_17_For_2_Template, 2, 1, "span", 208, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_17_Conditional_3_Template, 2, 1, "span", 209);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
@@ -843,11 +841,11 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.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_47_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 211)(1, "span", 176);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 179);
+    i0.ɵɵelementStart(3, "span", 177);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -859,9 +857,9 @@ 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_47_Conditional_49_Conditional_12_For_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 205);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_18_For_2_Template, 5, 5, "span", 210, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r22 = i0.ɵɵnextContext().$implicit;
@@ -869,8 +867,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_49_Conditional_12_For_1_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 206);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -879,31 +877,31 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.truncateString(event_r22.filter, 80));
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12_For_1_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 191);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 192);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_2_Template, 2, 0, "div", 193)(3, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_3_Template, 1, 0, "div", 194);
+    i0.ɵɵelement(4, "div", 195);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 198)(6, "div", 199)(7, "span", 200);
+    i0.ɵɵelementStart(5, "div", 196)(6, "div", 197)(7, "span", 198);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 165);
+    i0.ɵɵelementStart(9, "span", 163);
     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_47_Conditional_49_Conditional_12_For_1_Conditional_11_Template, 3, 0, "span", 199);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_12_Template, 3, 6, "span", 200);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 203)(14, "span", 204);
+    i0.ɵɵelementStart(13, "div", 201)(14, "span", 202);
     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_47_Conditional_49_Conditional_12_For_1_Conditional_16_Template, 2, 1, "span", 203);
+    i0.ɵɵconditionalCreate(17, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_17_Template, 4, 1, "div", 204);
     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_47_Conditional_49_Conditional_12_For_1_Conditional_18_Template, 3, 0, "div", 205);
+    i0.ɵɵconditionalCreate(19, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Conditional_19_Template, 2, 1, "div", 206);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const event_r22 = ctx.$implicit;
@@ -933,37 +931,37 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_12
     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_47_Conditional_49_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_For_1_Template, 20, 16, "div", 190, _forTrack3);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_49_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 188);
+    i0.ɵɵelement(1, "i", 212);
     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_47_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", 178)(1, "div", 179);
+    i0.ɵɵelement(2, "i", 180);
+    i0.ɵɵelementStart(3, "input", 181);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_47_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_47_Conditional_49_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSearchChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_49_Conditional_4_Template, 2, 0, "button", 184);
+    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_4_Template, 2, 0, "button", 182);
     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", 183)(6, "button", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Conditional_49_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.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_47_Conditional_49_For_9_Template, 2, 3, "button", 185, _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", 186)(11, "div", 187);
+    i0.ɵɵconditionalCreate(12, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_12_Template, 2, 0)(13, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Conditional_13_Template, 4, 0, "div", 188);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -978,17 +976,17 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_49_Template(rf, c
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r0.filteredEvents.length > 0 ? 12 : 13);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 189);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 114);
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_52_Conditional_50_For_9_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -998,8 +996,8 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_For_9_Template
     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_47_Conditional_50_Conditional_10_For_27_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 224);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1007,33 +1005,33 @@ 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_47_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_47_Conditional_50_Conditional_10_For_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 220);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td", 223);
+    i0.ɵɵelementStart(4, "td", 221);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 224);
+    i0.ɵɵelementStart(6, "td", 222);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 225);
+    i0.ɵɵelementStart(8, "td", 223);
     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", 79);
+    i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Conditional_10_For_27_Conditional_11_Template, 2, 1, "span", 224)(12, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Conditional_10_For_27_Conditional_12_Template, 1, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 81);
+    i0.ɵɵelementStart(13, "td", 79);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 81);
+    i0.ɵɵelementStart(16, "td", 79);
     i0.ɵɵtext(17);
     i0.ɵɵpipe(18, "number");
     i0.ɵɵelementEnd()();
@@ -1062,43 +1060,43 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10
     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_47_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", 214)(1, "div", 215)(2, "table", 216)(3, "thead")(4, "tr")(5, "th", 217);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(6, " Category ");
-    i0.ɵɵelement(7, "i", 13);
+    i0.ɵɵelement(7, "i", 12);
     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", 217);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(9, " Operation ");
-    i0.ɵɵelement(10, "i", 13);
+    i0.ɵɵelement(10, "i", 12);
     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", 217);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(12, " Entity/Query ");
-    i0.ɵɵelement(13, "i", 13);
+    i0.ɵɵelement(13, "i", 12);
     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", 218);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(17, " Count ");
-    i0.ɵɵelement(18, "i", 13);
+    i0.ɵɵelement(18, "i", 12);
     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", 218);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(20, " Avg (ms) ");
-    i0.ɵɵelement(21, "i", 13);
+    i0.ɵɵelement(21, "i", 12);
     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", 218);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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.ɵɵtext(23, " Total (ms) ");
-    i0.ɵɵelement(24, "i", 13);
+    i0.ɵɵelement(24, "i", 12);
     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_47_Conditional_50_Conditional_10_For_27_Template, 19, 22, "tr", 219, _forTrack5);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -1117,40 +1115,40 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_10
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_50_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵelement(1, "i", 212);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No telemetry data yet");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 58);
     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_47_Conditional_50_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 188);
+    i0.ɵɵelement(1, "i", 225);
     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_47_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", 178)(1, "div", 179);
+    i0.ɵɵelement(2, "i", 180);
+    i0.ɵɵelementStart(3, "input", 213);
+    i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Conditional_47_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_47_Conditional_50_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSearchChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_52_Conditional_50_Conditional_4_Template, 2, 0, "button", 184);
+    i0.ɵɵconditionalCreate(4, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Conditional_4_Template, 2, 0, "button", 182);
     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", 183)(6, "button", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Conditional_50_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.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_47_Conditional_50_For_9_Template, 2, 3, "button", 185, _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_47_Conditional_50_Conditional_10_Template, 28, 12, "div", 214)(11, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Conditional_11_Template, 6, 0, "div", 55)(12, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Conditional_12_Template, 4, 0, "div", 188);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
@@ -1164,11 +1162,11 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_50_Template(rf, c
     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);
 } }
-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_47_Conditional_51_Conditional_0_For_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 235)(1, "span", 239);
     i0.ɵɵtext(2, "Entity:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 242);
+    i0.ɵɵelementStart(3, "span", 240);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1176,11 +1174,11 @@ 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_47_Conditional_51_Conditional_0_For_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 235)(1, "span", 239);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 243);
+    i0.ɵɵelementStart(3, "code", 241);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1189,11 +1187,11 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 245)(1, "span", 248);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 251);
+    i0.ɵɵelementStart(3, "span", 249);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1203,8 +1201,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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 252);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1212,8 +1210,8 @@ 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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 253);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1222,16 +1220,16 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 247)(1, "span", 250);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 253);
+    i0.ɵɵelementStart(3, "span", 251);
     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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_6_Template, 2, 1, "span", 252);
+    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Conditional_7_Template, 2, 1, "span", 253);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const event_r34 = ctx.$implicit;
@@ -1245,18 +1243,18 @@ 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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 242)(1, "div", 243);
     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", 244);
+    i0.ɵɵrepeaterCreate(4, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_5_Template, 5, 2, "div", 245, _forTrack6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 244)(7, "div", 245);
+    i0.ɵɵelementStart(6, "div", 242)(7, "div", 243);
     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", 246);
+    i0.ɵɵrepeaterCreate(10, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Conditional_16_Conditional_1_For_11_Template, 8, 7, "div", 247, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const insight_r32 = i0.ɵɵnextContext(2).$implicit;
@@ -1268,40 +1266,40 @@ function SystemDiagnosticsComponent_Conditional_52_Conditional_51_Conditional_0_
     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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 238);
+    i0.ɵɵconditionalCreate(1, SystemDiagnosticsComponent_Conditional_47_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_47_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", 229)(1, "div", 230);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_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", 12);
+    i0.ɵɵelementStart(3, "span", 231);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 234);
+    i0.ɵɵelementStart(5, "span", 232);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "i", 235);
+    i0.ɵɵelement(7, "i", 233);
     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", 234);
+    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Conditional_9_Template, 5, 1, "div", 235);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Conditional_10_Template, 5, 1, "div", 235);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 238);
+    i0.ɵɵelementStart(11, "div", 236);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 239);
-    i0.ɵɵelement(14, "i", 74);
+    i0.ɵɵelementStart(13, "div", 237);
+    i0.ɵɵelement(14, "i", 72);
     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_47_Conditional_51_Conditional_0_For_3_Conditional_16_Template, 2, 1, "div", 238);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const insight_r32 = ctx.$implicit;
@@ -1327,99 +1325,99 @@ 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_47_Conditional_51_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 226)(1, "div", 227);
+    i0.ɵɵrepeaterCreate(2, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_For_3_Template, 17, 17, "div", 228, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r0.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_47_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵelement(1, "i", 254);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No optimization insights");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 58);
     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_47_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_0_Template, 4, 0, "div", 226)(1, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Conditional_1_Template, 6, 0, "div", 55);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r0.telemetryInsights.length > 0 ? 0 : 1);
 } }
-function SystemDiagnosticsComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_47_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", 29)(1, "div", 50)(2, "h3");
+    i0.ɵɵelement(3, "i", 25);
     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", 51)(6, "div", 88)(7, "button", 89);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setTelemetrySource("client")); });
+    i0.ɵɵelement(8, "i", 90);
     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", 89);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setTelemetrySource("server")); });
+    i0.ɵɵelement(11, "i", 91);
     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", 92);
+    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_47_Conditional_14_Template, 6, 8)(15, SystemDiagnosticsComponent_Conditional_47_Conditional_15_Template, 5, 9, "span", 93);
+    i0.ɵɵconditionalCreate(16, SystemDiagnosticsComponent_Conditional_47_Conditional_16_Template, 2, 0, "span", 94);
     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_47_Conditional_17_Template, 5, 1, "div", 95);
+    i0.ɵɵelementStart(18, "div", 96)(19, "button", 97);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("monitor")); });
+    i0.ɵɵelement(20, "i", 98);
     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", 97);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("overview")); });
+    i0.ɵɵelement(24, "i", 99);
     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_47_Conditional_27_Template, 2, 1, "span", 100);
     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", 97);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("events")); });
+    i0.ɵɵelement(29, "i", 101);
     i0.ɵɵelementStart(30, "span");
     i0.ɵɵtext(31, "Events");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "span", 104);
+    i0.ɵɵelementStart(32, "span", 102);
     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", 97);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("patterns")); });
+    i0.ɵɵelement(35, "i", 103);
     i0.ɵɵelementStart(36, "span");
     i0.ɵɵtext(37, "Patterns");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "span", 104);
+    i0.ɵɵelementStart(38, "span", 102);
     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", 97);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_47_Template_button_click_40_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.setPerfTab("insights")); });
+    i0.ɵɵelement(41, "i", 81);
     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_47_Conditional_44_Template, 2, 1, "span", 104);
     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", 54);
+    i0.ɵɵconditionalCreate(46, SystemDiagnosticsComponent_Conditional_47_Conditional_46_Template, 6, 0, "div", 105);
+    i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_47_Conditional_47_Template, 48, 9, "div", 106);
+    i0.ɵɵconditionalCreate(48, SystemDiagnosticsComponent_Conditional_47_Conditional_48_Template, 24, 6);
+    i0.ɵɵconditionalCreate(49, SystemDiagnosticsComponent_Conditional_47_Conditional_49_Template, 14, 5);
+    i0.ɵɵconditionalCreate(50, SystemDiagnosticsComponent_Conditional_47_Conditional_50_Template, 13, 5);
+    i0.ɵɵconditionalCreate(51, SystemDiagnosticsComponent_Conditional_47_Conditional_51_Template, 2, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1464,17 +1462,17 @@ function SystemDiagnosticsComponent_Conditional_52_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.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_48_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 105);
+    i0.ɵɵelement(1, "i", 112);
     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_48_Conditional_11_Conditional_58_For_32_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "code", 273);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1483,19 +1481,19 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.truncateString(entry_r39.fingerprint, 20));
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_For_32_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_48_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", 271);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td", 274);
+    i0.ɵɵelementStart(4, "td", 272);
     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_48_Conditional_11_Conditional_58_For_32_Conditional_6_Template, 2, 1, "code", 273);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 81);
+    i0.ɵɵelementStart(7, "td", 79);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 81);
+    i0.ɵɵelementStart(9, "td", 79);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(11, "td");
@@ -1504,9 +1502,9 @@ 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", 274);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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", 114);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const entry_r39 = ctx.$implicit;
@@ -1528,8 +1526,8 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.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_48_Conditional_11_Conditional_58_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 270);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1537,37 +1535,37 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Showing 50 of ", ctx_r0.filteredCacheEntries.length, " entries ");
 } }
-function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_48_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", 265)(1, "div", 266)(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", 267)(5, "button", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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.ɵɵ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", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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.ɵɵ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", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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.ɵɵ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", 184);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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.ɵɵtext(12, "RunQueries");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 270)(14, "table", 271)(15, "thead")(16, "tr")(17, "th");
+    i0.ɵɵelementStart(13, "div", 268)(14, "table", 269)(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", 79);
     i0.ɵɵtext(22, "Size");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "th", 81);
+    i0.ɵɵelementStart(23, "th", 79);
     i0.ɵɵtext(24, "Hits");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "th");
@@ -1579,9 +1577,9 @@ 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_48_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_48_Conditional_11_Conditional_58_Conditional_33_Template, 2, 1, "div", 270);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(3);
@@ -1598,95 +1596,95 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Conditional_58
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.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_48_Conditional_11_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 55);
+    i0.ɵɵelement(1, "i", 26);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No cached data");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 60);
+    i0.ɵɵelementStart(4, "span", 58);
     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_48_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", 255)(1, "div", 146)(2, "div", 147);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 150);
+    i0.ɵɵelementStart(4, "div", 148);
     i0.ɵɵtext(5, "Total Entries");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 148)(7, "div", 149);
+    i0.ɵɵelementStart(6, "div", 146)(7, "div", 147);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 150);
+    i0.ɵɵelementStart(9, "div", 148);
     i0.ɵɵtext(10, "Total Size");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 148)(12, "div", 149);
+    i0.ɵɵelementStart(11, "div", 146)(12, "div", 147);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 150);
+    i0.ɵɵelementStart(14, "div", 148);
     i0.ɵɵtext(15, "Cache Hits");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 148)(17, "div", 149);
+    i0.ɵɵelementStart(16, "div", 146)(17, "div", 147);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 150);
+    i0.ɵɵelementStart(19, "div", 148);
     i0.ɵɵtext(20, "Cache Misses");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 148)(22, "div", 149);
+    i0.ɵɵelementStart(21, "div", 146)(22, "div", 147);
     i0.ɵɵtext(23);
     i0.ɵɵpipe(24, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 150);
+    i0.ɵɵelementStart(25, "div", 148);
     i0.ɵɵtext(26, "Hit Rate");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 258)(28, "h4");
+    i0.ɵɵelementStart(27, "div", 256)(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", 257)(31, "div", 258);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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", 259);
+    i0.ɵɵelement(33, "i", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 262);
+    i0.ɵɵelementStart(34, "span", 260);
     i0.ɵɵtext(35, "Datasets");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 263);
+    i0.ɵɵelementStart(36, "span", 261);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "span", 264);
+    i0.ɵɵelementStart(38, "span", 262);
     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", 258);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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", 259);
+    i0.ɵɵelement(42, "i", 263);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "span", 262);
+    i0.ɵɵelementStart(43, "span", 260);
     i0.ɵɵtext(44, "RunViews");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 263);
+    i0.ɵɵelementStart(45, "span", 261);
     i0.ɵɵtext(46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "span", 264);
+    i0.ɵɵelementStart(47, "span", 262);
     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", 258);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_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", 259);
+    i0.ɵɵelement(51, "i", 264);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "span", 262);
+    i0.ɵɵelementStart(52, "span", 260);
     i0.ɵɵtext(53, "RunQueries");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "span", 263);
+    i0.ɵɵelementStart(54, "span", 261);
     i0.ɵɵtext(55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "span", 264);
+    i0.ɵɵelementStart(56, "span", 262);
     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_48_Conditional_11_Conditional_58_Template, 34, 9, "div", 265)(59, SystemDiagnosticsComponent_Conditional_48_Conditional_11_Conditional_59_Template, 6, 0, "div", 55);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
@@ -1714,19 +1712,19 @@ function SystemDiagnosticsComponent_Conditional_53_Conditional_11_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.filteredCacheEntries.length > 0 ? 58 : ctx_r0.cacheStats && ctx_r0.cacheStats.totalEntries === 0 ? 59 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_48_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", 28)(1, "div", 50)(2, "h3");
+    i0.ɵɵelement(3, "i", 26);
     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", 51)(6, "button", 52);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_48_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.clearAllCache()); });
+    i0.ɵɵelement(7, "i", 108);
     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", 54);
+    i0.ɵɵconditionalCreate(10, SystemDiagnosticsComponent_Conditional_48_Conditional_10_Template, 6, 0, "div", 105)(11, SystemDiagnosticsComponent_Conditional_48_Conditional_11_Template, 60, 15);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1735,11 +1733,11 @@ function SystemDiagnosticsComponent_Conditional_53_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(!ctx_r0.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_57_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 285)(1, "span", 286);
     i0.ɵɵtext(2, "Entity:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 296);
+    i0.ɵɵelementStart(3, "span", 294);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1747,11 +1745,11 @@ function SystemDiagnosticsComponent_Conditional_62_Conditional_38_Template(rf, c
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.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_57_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 285)(1, "span", 286);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 297);
+    i0.ɵɵelementStart(3, "code", 295);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1759,11 +1757,11 @@ function SystemDiagnosticsComponent_Conditional_62_Conditional_39_Template(rf, c
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.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_57_For_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 290)(1, "span", 296);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 299);
+    i0.ɵɵelementStart(3, "span", 297);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1773,9 +1771,9 @@ 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_57_Conditional_47_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 301);
+    i0.ɵɵelement(1, "i", 112);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1783,33 +1781,33 @@ function SystemDiagnosticsComponent_Conditional_62_Conditional_47_Conditional_23
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" This pattern has been called ", ctx_r0.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_57_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 242)(1, "h4");
+    i0.ɵɵelement(2, "i", 103);
     i0.ɵɵtext(3, " Related Pattern");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 300)(5, "div", 301)(6, "span", 302);
+    i0.ɵɵelementStart(4, "div", 298)(5, "div", 299)(6, "span", 300);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 68);
+    i0.ɵɵelementStart(8, "span", 66);
     i0.ɵɵtext(9, "Total Calls");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 301)(11, "span", 302);
+    i0.ɵɵelementStart(10, "div", 299)(11, "span", 300);
     i0.ɵɵtext(12);
     i0.ɵɵpipe(13, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 68);
+    i0.ɵɵelementStart(14, "span", 66);
     i0.ɵɵtext(15, "Avg Duration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 301)(17, "span", 302);
+    i0.ɵɵelementStart(16, "div", 299)(17, "span", 300);
     i0.ɵɵtext(18);
     i0.ɵɵpipe(19, "number");
     i0.ɵɵpipe(20, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 68);
+    i0.ɵɵelementStart(21, "span", 66);
     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_57_Conditional_47_Conditional_23_Template, 3, 1, "div", 301);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -1822,75 +1820,75 @@ function SystemDiagnosticsComponent_Conditional_62_Conditional_47_Template(rf, c
     i0.ɵɵadvance(5);
     i0.ɵɵconditional(ctx_r0.eventDetailPanel.relatedPattern.count >= 2 ? 23 : -1);
 } }
-function SystemDiagnosticsComponent_Conditional_62_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_57_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", 292);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_57_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", 225);
     i0.ɵɵtext(2, " Filter by Entity ");
     i0.ɵɵelementEnd();
 } }
-function SystemDiagnosticsComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_57_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", 275);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_57_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r40); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEventDetailPanel()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 278)(2, "div", 52)(3, "div", 279)(4, "span", 222);
+    i0.ɵɵelementStart(1, "div", 276)(2, "div", 50)(3, "div", 277)(4, "span", 220);
     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", 278);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_57_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r40); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEventDetailPanel()); });
+    i0.ɵɵelement(9, "i", 114);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 281)(11, "div", 282)(12, "div", 283)(13, "div", 284);
+    i0.ɵɵelementStart(10, "div", 279)(11, "div", 280)(12, "div", 281)(13, "div", 282);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 285);
+    i0.ɵɵelementStart(16, "div", 283);
     i0.ɵɵtext(17, "Duration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 283)(19, "div", 284);
+    i0.ɵɵelementStart(18, "div", 281)(19, "div", 282);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 285);
+    i0.ɵɵelementStart(21, "div", 283);
     i0.ɵɵtext(22, "Time");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 283)(24, "div", 284);
+    i0.ɵɵelementStart(23, "div", 281)(24, "div", 282);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 285);
+    i0.ɵɵelementStart(26, "div", 283);
     i0.ɵɵtext(27, "Relative");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(28, "div", 244)(29, "h4");
-    i0.ɵɵelement(30, "i", 266);
+    i0.ɵɵelementStart(28, "div", 242)(29, "h4");
+    i0.ɵɵelement(30, "i", 264);
     i0.ɵɵtext(31, " Operation");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 286)(33, "div", 287)(34, "span", 288);
+    i0.ɵɵelementStart(32, "div", 284)(33, "div", 285)(34, "span", 286);
     i0.ɵɵtext(35, "Operation:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "span", 289);
+    i0.ɵɵelementStart(36, "span", 287);
     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_57_Conditional_38_Template, 5, 1, "div", 285);
+    i0.ɵɵconditionalCreate(39, SystemDiagnosticsComponent_Conditional_57_Conditional_39_Template, 5, 1, "div", 285);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 244)(41, "h4");
-    i0.ɵɵelement(42, "i", 290);
+    i0.ɵɵelementStart(40, "div", 242)(41, "h4");
+    i0.ɵɵelement(42, "i", 288);
     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", 289);
+    i0.ɵɵrepeaterCreate(45, SystemDiagnosticsComponent_Conditional_57_For_46_Template, 5, 2, "div", 290, _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_57_Conditional_47_Template, 24, 14, "div", 242);
+    i0.ɵɵelementStart(48, "div", 291)(49, "button", 292);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_57_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", 22);
     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_57_Conditional_52_Template, 3, 0, "button", 293);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -1921,11 +1919,11 @@ function SystemDiagnosticsComponent_Conditional_62_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(5);
     i0.ɵɵconditional(ctx_r0.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_58_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 307)(1, "span", 148);
     i0.ɵɵtext(2, "Last Loaded");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 149);
+    i0.ɵɵelementStart(3, "span", 147);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1933,18 +1931,18 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_30_Template(rf, c
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.formatTime(ctx_r0.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_58_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 188);
+    i0.ɵɵelement(1, "i", 57);
     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_58_Conditional_36_For_2_Conditional_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 321)(1, "span", 243);
     i0.ɵɵtext(2, "Filter:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 324);
+    i0.ɵɵelementStart(3, "code", 322);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1952,11 +1950,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_58_Conditional_36_For_2_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 321)(1, "span", 243);
     i0.ɵɵtext(2, "Order By:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "code", 324);
+    i0.ɵɵelementStart(3, "code", 322);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1964,11 +1962,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_58_Conditional_36_For_2_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 323)(1, "span", 243);
     i0.ɵɵtext(2, "Error:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 327);
+    i0.ɵɵelementStart(3, "span", 325);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1976,28 +1974,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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 334);
 } }
-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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 335);
 } }
-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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 334);
 } }
-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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_58_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", 333);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_1_Template, 1, 0, "i", 334)(2, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_2_Template, 1, 0, "i", 335);
     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", 336);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_5_Template, 1, 0, "i", 334)(6, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Conditional_6_Template, 1, 0, "i", 34);
     i0.ɵɵtext(7, " Load All ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2010,13 +2008,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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 329);
+    i0.ɵɵelement(1, "i", 337);
     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_58_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,15 +2023,15 @@ 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_58_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", 340);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_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", 341);
     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_58_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 339);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -2044,11 +2042,11 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.truncateString(ctx_r0.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_58_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 332);
+    i0.ɵɵconditionalCreate(2, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_Conditional_2_Template, 2, 0, "button", 338);
     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_58_Conditional_36_For_2_Conditional_14_Conditional_9_For_16_For_4_Template, 2, 2, "td", 339, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const row_r49 = ctx.$implicit;
@@ -2059,20 +2057,20 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.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_58_Conditional_36_For_2_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 324)(1, "div", 326)(2, "span", 327);
     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", 328);
+    i0.ɵɵconditionalCreate(5, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_5_Template, 8, 4);
+    i0.ɵɵconditionalCreate(6, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_Conditional_6_Template, 3, 0, "span", 329);
     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", 330)(8, "table", 331)(9, "thead")(10, "tr");
+    i0.ɵɵelement(11, "th", 332);
+    i0.ɵɵrepeaterCreate(12, SystemDiagnosticsComponent_Conditional_58_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_58_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;
@@ -2088,17 +2086,17 @@ function SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditio
     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_58_Conditional_36_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 320)(1, "div", 321)(2, "span", 243);
     i0.ɵɵtext(3, "Property:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "code", 324);
+    i0.ɵɵelementStart(4, "code", 322);
     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_58_Conditional_36_For_2_Conditional_14_Conditional_6_Template, 5, 1, "div", 321);
+    i0.ɵɵconditionalCreate(7, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_7_Template, 5, 1, "div", 321);
+    i0.ɵɵconditionalCreate(8, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_8_Template, 5, 1, "div", 323);
+    i0.ɵɵconditionalCreate(9, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Conditional_9_Template, 17, 4, "div", 324);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r45 = i0.ɵɵnextContext().$implicit;
@@ -2113,27 +2111,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_58_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", 312)(1, "div", 313);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_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", 314);
+    i0.ɵɵelement(3, "i", 315);
+    i0.ɵɵelementStart(4, "span", 316);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 319);
+    i0.ɵɵelementStart(6, "span", 317);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 320)(9, "span", 321);
+    i0.ɵɵelementStart(8, "div", 318)(9, "span", 319);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 321);
+    i0.ɵɵelementStart(11, "span", 319);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(13, "i", 235);
+    i0.ɵɵelement(13, "i", 233);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_63_Conditional_36_For_2_Conditional_14_Template, 10, 5, "div", 322);
+    i0.ɵɵconditionalCreate(14, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Conditional_14_Template, 10, 5, "div", 320);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const item_r45 = ctx.$implicit;
@@ -2156,59 +2154,59 @@ 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_58_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 310);
+    i0.ɵɵrepeaterCreate(1, SystemDiagnosticsComponent_Conditional_58_Conditional_36_For_2_Template, 15, 22, "div", 311, _forTrack7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r0.engineDetailPanel.configItems);
 } }
-function SystemDiagnosticsComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+function SystemDiagnosticsComponent_Conditional_58_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", 302);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEngineDetailPanel()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 305)(2, "div", 52)(3, "div", 279);
-    i0.ɵɵelement(4, "i", 21);
+    i0.ɵɵelementStart(1, "div", 303)(2, "div", 50)(3, "div", 277);
+    i0.ɵɵelement(4, "i", 20);
     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", 304)(8, "button", 305);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.refreshEngineInDetailPanel()); });
+    i0.ɵɵelement(9, "i", 53);
     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", 278);
+    i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Conditional_58_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeEngineDetailPanel()); });
+    i0.ɵɵelement(11, "i", 114);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "div", 281)(13, "div", 308)(14, "div", 309)(15, "span", 150);
+    i0.ɵɵelementStart(12, "div", 279)(13, "div", 306)(14, "div", 307)(15, "span", 148);
     i0.ɵɵtext(16, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 149);
-    i0.ɵɵelement(18, "span", 310);
+    i0.ɵɵelementStart(17, "span", 147);
+    i0.ɵɵelement(18, "span", 308);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(20, "div", 309)(21, "span", 150);
+    i0.ɵɵelementStart(20, "div", 307)(21, "span", 148);
     i0.ɵɵtext(22, "Memory");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "span", 149);
+    i0.ɵɵelementStart(23, "span", 147);
     i0.ɵɵtext(24);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "div", 309)(26, "span", 150);
+    i0.ɵɵelementStart(25, "div", 307)(26, "span", 148);
     i0.ɵɵtext(27, "Items");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 149);
+    i0.ɵɵelementStart(28, "span", 147);
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_63_Conditional_30_Template, 5, 1, "div", 309);
+    i0.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_58_Conditional_30_Template, 5, 1, "div", 307);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 311)(32, "h4");
-    i0.ɵɵelement(33, "i", 27);
+    i0.ɵɵelementStart(31, "div", 309)(32, "h4");
+    i0.ɵɵelement(33, "i", 26);
     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_58_Conditional_35_Template, 4, 0, "div", 188)(36, SystemDiagnosticsComponent_Conditional_58_Conditional_36_Template, 3, 0, "div", 310);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -4642,104 +4640,96 @@ 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) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 59, vars: 35, consts: [["perfChart", ""], [1, "sd-container"], [1, "sticky-header"], ["role", "toolbar", "aria-label", "System diagnostics actions", 1, "action-buttons"], ["Icon", "fa-solid fa-sync-alt fa-spin", "Label", "Auto-refresh \u00B7 every 5s", "Variant", "info"], [1, "auto-refresh-toggle"], ["type", "checkbox", 3, "ngModelChange", "change", "ngModel"], ["Label", "Refresh Now", 3, "Clicked", "Loading", "ShowLabel"], [1, "scrollable-content"], [1, "system-diagnostics"], [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, "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");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "label")(9, "input", 7);
-            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.ɵɵconditionalCreate(3, SystemDiagnosticsComponent_Conditional_3_Template, 1, 0, "mj-stat-badge", 4);
+            i0.ɵɵelementStart(4, "label", 5)(5, "input", 6);
+            i0.ɵɵtwoWayListener("ngModelChange", function SystemDiagnosticsComponent_Template_input_ngModelChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.autoRefresh, $event) || (ctx.autoRefresh = $event); return $event; });
+            i0.ɵɵlistener("change", function SystemDiagnosticsComponent_Template_input_change_5_listener() { return ctx.toggleAutoRefresh(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, SystemDiagnosticsComponent_Conditional_11_Template, 3, 0, "span", 8);
+            i0.ɵɵtext(6, " Auto-refresh ");
             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(7, "mj-refresh-button", 7);
+            i0.ɵɵlistener("Clicked", function SystemDiagnosticsComponent_Template_mj_refresh_button_Clicked_7_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(8, "div", 8)(9, "div", 9)(10, "div", 10)(11, "button", 11);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_11_listener() { return ctx.toggleKpiCards(); });
+            i0.ɵɵelement(12, "i", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(18, SystemDiagnosticsComponent_Conditional_18_Template, 32, 9, "div", 14)(19, SystemDiagnosticsComponent_Conditional_19_Template, 21, 5, "div", 15);
+            i0.ɵɵconditionalCreate(13, SystemDiagnosticsComponent_Conditional_13_Template, 32, 9, "div", 13)(14, SystemDiagnosticsComponent_Conditional_14_Template, 21, 5, "div", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 16)(21, "div", 17)(22, "div", 18)(23, "div", 19);
-            i0.ɵɵtext(24, "Diagnostics");
+            i0.ɵɵelementStart(15, "div", 15)(16, "div", 16)(17, "div", 17)(18, "div", 18);
+            i0.ɵɵtext(19, "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.ɵɵelementStart(20, "div", 19);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_20_listener() { return ctx.setActiveSection("engines"); });
+            i0.ɵɵelement(21, "i", 20);
+            i0.ɵɵelementStart(22, "span");
+            i0.ɵɵtext(23, "Engine Registry");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "span", 22);
-            i0.ɵɵtext(30);
+            i0.ɵɵelementStart(24, "span", 21);
+            i0.ɵɵtext(25);
             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.ɵɵelementStart(26, "div", 19);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_26_listener() { return ctx.setActiveSection("redundant"); });
+            i0.ɵɵelement(27, "i", 22);
+            i0.ɵɵelementStart(28, "span");
+            i0.ɵɵtext(29, "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.ɵɵconditionalCreate(30, SystemDiagnosticsComponent_Conditional_30_Template, 2, 1, "span", 23)(31, SystemDiagnosticsComponent_Conditional_31_Template, 2, 0, "span", 24);
             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.ɵɵelementStart(32, "div", 19);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_32_listener() { return ctx.setActiveSection("performance"); });
+            i0.ɵɵelement(33, "i", 25);
+            i0.ɵɵelementStart(34, "span");
+            i0.ɵɵtext(35, "Performance");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "span", 22);
-            i0.ɵɵtext(42);
+            i0.ɵɵelementStart(36, "span", 21);
+            i0.ɵɵtext(37);
             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.ɵɵelementStart(38, "div", 19);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_div_click_38_listener() { return ctx.setActiveSection("cache"); });
+            i0.ɵɵelement(39, "i", 26);
+            i0.ɵɵelementStart(40, "span");
+            i0.ɵɵtext(41, "Local Cache");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(47, "span", 22);
-            i0.ɵɵtext(48);
+            i0.ɵɵelementStart(42, "span", 21);
+            i0.ɵɵtext(43);
             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.ɵɵelementStart(44, "div", 27);
+            i0.ɵɵconditionalCreate(45, SystemDiagnosticsComponent_Conditional_45_Template, 12, 4, "div", 28);
+            i0.ɵɵconditionalCreate(46, SystemDiagnosticsComponent_Conditional_46_Template, 14, 1, "div", 28);
+            i0.ɵɵconditionalCreate(47, SystemDiagnosticsComponent_Conditional_47_Template, 52, 27, "div", 29);
+            i0.ɵɵconditionalCreate(48, SystemDiagnosticsComponent_Conditional_48_Template, 12, 2, "div", 28);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(54, "div", 31)(55, "span", 32);
-            i0.ɵɵelement(56, "i", 33);
-            i0.ɵɵtext(57);
-            i0.ɵɵpipe(58, "date");
+            i0.ɵɵelementStart(49, "div", 30)(50, "span", 31);
+            i0.ɵɵelement(51, "i", 32);
+            i0.ɵɵtext(52);
+            i0.ɵɵpipe(53, "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(54, "button", 33);
+            i0.ɵɵlistener("click", function SystemDiagnosticsComponent_Template_button_click_54_listener() { return ctx.exportTelemetryData(); });
+            i0.ɵɵelement(55, "i", 34);
+            i0.ɵɵtext(56, " Export JSON ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵconditionalCreate(62, SystemDiagnosticsComponent_Conditional_62_Template, 53, 18);
-            i0.ɵɵconditionalCreate(63, SystemDiagnosticsComponent_Conditional_63_Template, 37, 14);
+            i0.ɵɵconditionalCreate(57, SystemDiagnosticsComponent_Conditional_57_Template, 53, 18);
+            i0.ɵɵconditionalCreate(58, SystemDiagnosticsComponent_Conditional_58_Template, 37, 14);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(9);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.autoRefresh);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.autoRefresh ? 3 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.autoRefresh ? 11 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("disabled", ctx.isLoading);
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("spinning", ctx.isLoading);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.autoRefresh);
             i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Loading", ctx.isLoading)("ShowLabel", true);
+            i0.ɵɵadvance(3);
             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.ɵɵconditional(!ctx.kpiCardsCollapsed ? 13 : 14);
             i0.ɵɵadvance(7);
             i0.ɵɵclassProp("active", ctx.activeSection === "engines");
             i0.ɵɵadvance(5);
@@ -4747,7 +4737,7 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
             i0.ɵɵadvance();
             i0.ɵɵclassProp("active", ctx.activeSection === "redundant");
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.redundantLoads.length > 0 ? 35 : 36);
+            i0.ɵɵconditional(ctx.redundantLoads.length > 0 ? 30 : 31);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("active", ctx.activeSection === "performance");
             i0.ɵɵadvance(5);
@@ -4757,22 +4747,22 @@ let SystemDiagnosticsComponent = class SystemDiagnosticsComponent extends BaseRe
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate((ctx.cacheStats == null ? null : ctx.cacheStats.totalEntries) || 0);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.activeSection === "engines" ? 50 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "engines" ? 45 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "redundant" ? 51 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "redundant" ? 46 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "performance" ? 52 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "performance" ? 47 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.activeSection === "cache" ? 53 : -1);
+            i0.ɵɵconditional(ctx.activeSection === "cache" ? 48 : -1);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" Last updated: ", i0.ɵɵpipeBind2(58, 33, ctx.lastUpdated, "medium"), " ");
+            i0.ɵɵtextInterpolate1(" Last updated: ", i0.ɵɵpipeBind2(53, 32, 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 ? 57 : -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 ? 58 : -1);
+        } }, dependencies: [i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJStatBadgeComponent, i3.MJRefreshButtonComponent, i4.DecimalPipe, i4.DatePipe], styles: ["\n\n.sd-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n    background: var(--mj-bg-page);\n}\n\n\n\n.sd-container[_ngcontent-%COMP%]    > .sticky-header[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    background: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-sm);\n    z-index: 10;\n}\n\n.sd-container[_ngcontent-%COMP%]    > .sticky-header[_ngcontent-%COMP%]    > .action-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    justify-content: flex-end;\n    padding: var(--mj-space-3) var(--mj-space-6);\n}\n\n@media (max-width: 639px) {\n    .sd-container[_ngcontent-%COMP%]    > .sticky-header[_ngcontent-%COMP%]    > .action-buttons[_ngcontent-%COMP%] {\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n}\n\n\n\n.sd-container[_ngcontent-%COMP%]    > .scrollable-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: var(--mj-space-6);\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.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    .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 });
 };
 SystemDiagnosticsComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'SystemDiagnosticsResource')
@@ -4781,33 +4771,31 @@ 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>
+        <!--
+          SystemDiagnostics renders inside Admin's "Monitoring" left-nav shell,
+          which owns its own <mj-page-header>. We deliberately do NOT render a
+          <mj-page-header> here to avoid the doubled-header pattern Section 9b
+          defers. Action chrome (auto-refresh toggle + refresh button) lives
+          inline in the .sticky-header below, matching UserManagement /
+          ApplicationRoles. See plans/explorer-chrome-conventions.md Section 10.
+        -->
+        <div class="sd-container">
+          <div class="sticky-header">
+            <div class="action-buttons" role="toolbar" aria-label="System diagnostics actions">
+              @if (autoRefresh) {
+                <mj-stat-badge Icon="fa-solid fa-sync-alt fa-spin" Label="Auto-refresh · every 5s" Variant="info"></mj-stat-badge>
+              }
+              <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>
           </div>
-        
+
+          <div class="scrollable-content">
+        <div class="system-diagnostics">
+
           <!-- 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'">
@@ -6097,7 +6085,9 @@ 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"] }]
+          </div>
+        </div>
+        `, styles: ["/* Container \u2014 flex-column workspace inside Admin's left-nav shell. */\n.sd-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n    background: var(--mj-bg-page);\n}\n\n/* Sticky Header \u2014 action row only (no title; Admin shell provides it). */\n.sd-container > .sticky-header {\n    flex-shrink: 0;\n    background: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-default);\n    box-shadow: var(--mj-shadow-sm);\n    z-index: 10;\n}\n\n.sd-container > .sticky-header > .action-buttons {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    justify-content: flex-end;\n    padding: var(--mj-space-3) var(--mj-space-6);\n}\n\n@media (max-width: 639px) {\n    .sd-container > .sticky-header > .action-buttons {\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n}\n\n/* Scrollable Content */\n.sd-container > .scrollable-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: var(--mj-space-6);\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/* 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    .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"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.ActivatedRoute }], { perfChartRef: [{
             type: ViewChild,
             args: ['perfChart', { static: false }]