@memberjunction/ng-dashboards 5.34.1 → 5.35.0

package/dist/Testing/components/testing-dashboard-tab.component.js

@@ -7,42 +7,72 @@ import { TestEngineBase } from '@memberjunction/testing-engine-base';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/testing-instrumentation.service";
 import * as i2 from "@memberjunction/ng-testing";
-import * as i3 from "@memberjunction/ng-shared-generic";
-import * as i4 from "../../AI/components/widgets/kpi-card.component";
-import * as i5 from "@angular/common";
+import * as i3 from "@angular/common";
+import * as i4 from "@memberjunction/ng-ui-components";
+import * as i5 from "@memberjunction/ng-shared-generic";
+import * as i6 from "../../AI/components/widgets/kpi-card.component";
 const _forTrack0 = ($index, $item) => $item.title;
 const _forTrack1 = ($index, $item) => $item.id;
+function TestingDashboardTabComponent_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
 function TestingDashboardTabComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵelement(1, "mj-loading", 2);
+    i0.ɵɵtemplate(0, TestingDashboardTabComponent_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 1);
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const content_r1 = i0.ɵɵreference(3);
+    i0.ɵɵproperty("ngTemplateOutlet", content_r1);
+} }
+function TestingDashboardTabComponent_Conditional_1_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function TestingDashboardTabComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 2)(2, "div", 3)(3, "mj-refresh-button", 4);
+    i0.ɵɵlistener("Clicked", function TestingDashboardTabComponent_Conditional_1_Template_mj_refresh_button_Clicked_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnRefresh()); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(4, "mj-page-body");
+    i0.ɵɵtemplate(5, TestingDashboardTabComponent_Conditional_1_ng_container_5_Template, 1, 0, "ng-container", 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    const content_r1 = i0.ɵɵreference(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Loading", ctx_r2.IsLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngTemplateOutlet", content_r1);
+} }
+function TestingDashboardTabComponent_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "mj-loading", 7);
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardTabComponent_Conditional_1_For_10_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "app-kpi-card", 9);
 } if (rf & 2) {
-    const kpi_r3 = ctx.$implicit;
-    i0.ɵɵproperty("data", kpi_r3);
+    const kpi_r4 = ctx.$implicit;
+    i0.ɵɵproperty("data", kpi_r4);
 } }
-function TestingDashboardTabComponent_Conditional_1_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "span", 28);
     i0.ɵɵelementStart(1, "h3");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r1.RunningTests.length, " test", ctx_r1.RunningTests.length === 1 ? "" : "s", " running");
+    i0.ɵɵtextInterpolate2("", ctx_r2.RunningTests.length, " test", ctx_r2.RunningTests.length === 1 ? "" : "s", " running");
 } }
-function TestingDashboardTabComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i", 29);
     i0.ɵɵelementStart(1, "h3");
     i0.ɵɵtext(2, "No tests currently running");
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template_div_click_0_listener() { const run_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnViewRunningTest(run_r5)); });
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_8_For_2_Template_div_click_0_listener() { const run_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.OnViewRunningTest(run_r6)); });
     i0.ɵɵelementStart(1, "div", 32)(2, "div", 33);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -59,32 +89,32 @@ function TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Templat
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const run_r6 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(run_r5.testName);
+    i0.ɵɵtextInterpolate(run_r6.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.GetActiveRunStep(run_r5.testId));
+    i0.ɵɵtextInterpolate(ctx_r2.GetActiveRunStep(run_r6.testId));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r5.duration));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(run_r6.duration));
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", ctx_r1.GetActiveRunProgress(run_r5.testId), "%");
+    i0.ɵɵstyleProp("width", ctx_r2.GetActiveRunProgress(run_r6.testId), "%");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r1.GetActiveRunProgress(run_r5.testId), "%");
+    i0.ɵɵtextInterpolate1("", ctx_r2.GetActiveRunProgress(run_r6.testId), "%");
 } }
-function TestingDashboardTabComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵrepeaterCreate(1, TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template, 13, 6, "div", 30, _forTrack1);
+    i0.ɵɵrepeaterCreate(1, TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_8_For_2_Template, 13, 6, "div", 30, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.RunningTests);
+    i0.ɵɵrepeater(ctx_r2.RunningTests);
 } }
-function TestingDashboardTabComponent_Conditional_1_For_24_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_24_Template_div_click_0_listener() { const run_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenRun(run_r7)); });
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_17_Template_div_click_0_listener() { const run_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnOpenRun(run_r8)); });
     i0.ɵɵelementStart(1, "div", 41)(2, "span", 42);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -99,27 +129,27 @@ function TestingDashboardTabComponent_Conditional_1_For_24_Template(rf, ctx) { i
     i0.ɵɵelement(11, "app-cost-display", 48);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const run_r7 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const run_r8 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(run_r7.testName);
+    i0.ɵɵtextInterpolate(run_r8.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatTimestamp(run_r7.runDateTime));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatTimestamp(run_r8.runDateTime));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("status", run_r7.status);
+    i0.ɵɵproperty("status", run_r8.status);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("score", run_r7.score)("showBar", true);
+    i0.ɵɵproperty("score", run_r8.score)("showBar", true);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r7.duration));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(run_r8.duration));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("cost", run_r7.cost);
+    i0.ɵɵproperty("cost", run_r8.cost);
 } }
-function TestingDashboardTabComponent_Conditional_1_ForEmpty_25_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No completed test runs found");
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardTabComponent_Conditional_1_For_34_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 23)(1, "div", 49)(2, "span", 50);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -134,123 +164,115 @@ function TestingDashboardTabComponent_Conditional_1_For_34_Template(rf, ctx) { i
     i0.ɵɵpipe(11, "number");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const suite_r8 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const suite_r9 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(suite_r8.name);
+    i0.ɵɵtextInterpolate(suite_r9.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", suite_r8.testCount, " tests");
+    i0.ɵɵtextInterpolate1("", suite_r9.testCount, " tests");
     i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("width", suite_r8.passRate, "%")("background", ctx_r1.GetPassRateColor(suite_r8.passRate));
+    i0.ɵɵstyleProp("width", suite_r9.passRate, "%")("background", ctx_r2.GetPassRateColor(suite_r9.passRate));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.GetPassRateColor(suite_r8.passRate));
+    i0.ɵɵstyleProp("color", ctx_r2.GetPassRateColor(suite_r9.passRate));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(11, 9, suite_r8.passRate, "1.0-0"), "% ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(11, 9, suite_r9.passRate, "1.0-0"), "% ");
 } }
-function TestingDashboardTabComponent_Conditional_1_ForEmpty_35_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_28_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵtext(1, "No test suites found");
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardTabComponent_Conditional_1_For_43_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Regression detected ");
 } }
-function TestingDashboardTabComponent_Conditional_1_For_43_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "number");
 } if (rf & 2) {
-    const alert_r10 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" Score below 0.5 (", i0.ɵɵpipeBind2(1, 1, alert_r10.score, "1.2-2"), ") ");
+    const alert_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" Score below 0.5 (", i0.ɵɵpipeBind2(1, 1, alert_r11.score, "1.2-2"), ") ");
 } }
-function TestingDashboardTabComponent_Conditional_1_For_43_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 56);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_43_Template_div_click_0_listener() { const alert_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenAlert(alert_r10)); });
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Template_div_click_0_listener() { const alert_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnOpenAlert(alert_r11)); });
     i0.ɵɵelement(1, "i", 57);
     i0.ɵɵelementStart(2, "div", 58)(3, "span", 59);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "span", 60);
-    i0.ɵɵconditionalCreate(6, TestingDashboardTabComponent_Conditional_1_For_43_Conditional_6_Template, 1, 0)(7, TestingDashboardTabComponent_Conditional_1_For_43_Conditional_7_Template, 2, 4);
+    i0.ɵɵconditionalCreate(6, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Conditional_6_Template, 1, 0)(7, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Conditional_7_Template, 2, 4);
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(8, "app-test-status-badge", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const alert_r10 = ctx.$implicit;
+    const alert_r11 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", alert_r10.reason === "regression" ? "#ef4444" : "#f59e0b");
-    i0.ɵɵclassProp("fa-arrow-trend-down", alert_r10.reason === "regression")("fa-circle-exclamation", alert_r10.reason === "low-score");
+    i0.ɵɵstyleProp("color", alert_r11.reason === "regression" ? "#ef4444" : "#f59e0b");
+    i0.ɵɵclassProp("fa-arrow-trend-down", alert_r11.reason === "regression")("fa-circle-exclamation", alert_r11.reason === "low-score");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(alert_r10.testName);
+    i0.ɵɵtextInterpolate(alert_r11.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(alert_r10.reason === "regression" ? 6 : 7);
+    i0.ɵɵconditional(alert_r11.reason === "regression" ? 6 : 7);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("status", alert_r10.status);
+    i0.ɵɵproperty("status", alert_r11.status);
 } }
-function TestingDashboardTabComponent_Conditional_1_ForEmpty_44_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_37_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
     i0.ɵɵelement(1, "i", 61);
     i0.ɵɵtext(2, " No alerts - all tests healthy ");
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardTabComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 3)(2, "h2", 4);
-    i0.ɵɵelement(3, "i", 5);
-    i0.ɵɵtext(4, " Testing Dashboard ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 6);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRefresh()); });
-    i0.ɵɵelement(6, "i", 7);
-    i0.ɵɵtext(7, " Refresh ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 8);
-    i0.ɵɵrepeaterCreate(9, TestingDashboardTabComponent_Conditional_1_For_10_Template, 1, 1, "app-kpi-card", 9, _forTrack0);
+function TestingDashboardTabComponent_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 8);
+    i0.ɵɵrepeaterCreate(2, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_3_Template, 1, 1, "app-kpi-card", 9, _forTrack0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 10)(12, "div", 11);
-    i0.ɵɵconditionalCreate(13, TestingDashboardTabComponent_Conditional_1_Conditional_13_Template, 3, 2)(14, TestingDashboardTabComponent_Conditional_1_Conditional_14_Template, 3, 0);
+    i0.ɵɵelementStart(4, "div", 10)(5, "div", 11);
+    i0.ɵɵconditionalCreate(6, TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_6_Template, 3, 2)(7, TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_7_Template, 3, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(15, TestingDashboardTabComponent_Conditional_1_Conditional_15_Template, 3, 0, "div", 12);
+    i0.ɵɵconditionalCreate(8, TestingDashboardTabComponent_ng_template_2_Conditional_1_Conditional_8_Template, 3, 0, "div", 12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 13)(17, "div", 14)(18, "div", 11)(19, "h3");
-    i0.ɵɵelement(20, "i", 15);
-    i0.ɵɵtext(21, " Recent Runs");
+    i0.ɵɵelementStart(9, "div", 13)(10, "div", 14)(11, "div", 11)(12, "h3");
+    i0.ɵɵelement(13, "i", 15);
+    i0.ɵɵtext(14, " Recent Runs");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 16);
-    i0.ɵɵrepeaterCreate(23, TestingDashboardTabComponent_Conditional_1_For_24_Template, 12, 7, "div", 17, _forTrack1, false, TestingDashboardTabComponent_Conditional_1_ForEmpty_25_Template, 2, 0, "div", 18);
+    i0.ɵɵelementStart(15, "div", 16);
+    i0.ɵɵrepeaterCreate(16, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_17_Template, 12, 7, "div", 17, _forTrack1, false, TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_18_Template, 2, 0, "div", 18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 19)(27, "div", 20)(28, "div", 11)(29, "h3");
-    i0.ɵɵelement(30, "i", 21);
-    i0.ɵɵtext(31, " Suite Health");
+    i0.ɵɵelementStart(19, "div", 19)(20, "div", 20)(21, "div", 11)(22, "h3");
+    i0.ɵɵelement(23, "i", 21);
+    i0.ɵɵtext(24, " Suite Health");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 22);
-    i0.ɵɵrepeaterCreate(33, TestingDashboardTabComponent_Conditional_1_For_34_Template, 12, 12, "div", 23, _forTrack1, false, TestingDashboardTabComponent_Conditional_1_ForEmpty_35_Template, 2, 0, "div", 18);
+    i0.ɵɵelementStart(25, "div", 22);
+    i0.ɵɵrepeaterCreate(26, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_27_Template, 12, 12, "div", 23, _forTrack1, false, TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_28_Template, 2, 0, "div", 18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 24)(37, "div", 11)(38, "h3");
-    i0.ɵɵelement(39, "i", 25);
-    i0.ɵɵtext(40, " Alerts");
+    i0.ɵɵelementStart(29, "div", 24)(30, "div", 11)(31, "h3");
+    i0.ɵɵelement(32, "i", 25);
+    i0.ɵɵtext(33, " Alerts");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(41, "div", 26);
-    i0.ɵɵrepeaterCreate(42, TestingDashboardTabComponent_Conditional_1_For_43_Template, 9, 9, "div", 27, _forTrack1, false, TestingDashboardTabComponent_Conditional_1_ForEmpty_44_Template, 3, 0, "div", 18);
+    i0.ɵɵelementStart(34, "div", 26);
+    i0.ɵɵrepeaterCreate(35, TestingDashboardTabComponent_ng_template_2_Conditional_1_For_36_Template, 9, 9, "div", 27, _forTrack1, false, TestingDashboardTabComponent_ng_template_2_Conditional_1_ForEmpty_37_Template, 3, 0, "div", 18);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("disabled", ctx_r1.IsLoading);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("spinning", ctx_r1.IsLoading);
-    i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r1.KpiCards);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.KpiCards);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.RunningTests.length > 0 ? 13 : 14);
+    i0.ɵɵconditional(ctx_r2.RunningTests.length > 0 ? 6 : 7);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.RunningTests.length > 0 ? 15 : -1);
+    i0.ɵɵconditional(ctx_r2.RunningTests.length > 0 ? 8 : -1);
     i0.ɵɵadvance(8);
-    i0.ɵɵrepeater(ctx_r1.RecentRuns);
+    i0.ɵɵrepeater(ctx_r2.RecentRuns);
     i0.ɵɵadvance(10);
-    i0.ɵɵrepeater(ctx_r1.SortedSuites);
+    i0.ɵɵrepeater(ctx_r2.SortedSuites);
     i0.ɵɵadvance(9);
-    i0.ɵɵrepeater(ctx_r1.Alerts);
+    i0.ɵɵrepeater(ctx_r2.Alerts);
+} }
+function TestingDashboardTabComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingDashboardTabComponent_ng_template_2_Conditional_0_Template, 2, 0, "div", 5)(1, TestingDashboardTabComponent_ng_template_2_Conditional_1_Template, 38, 5, "div", 6);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.IsLoading ? 0 : 1);
 } }
 export class TestingDashboardTabComponent {
     instrumentationService;
@@ -258,6 +280,8 @@ export class TestingDashboardTabComponent {
     testingDialogService;
     cdr;
     initialState = null;
+    /** When true, the inner bespoke .page-header is hidden — the parent shell owns the chrome. */
+    HideToolbar = false;
     stateChange = new EventEmitter();
     destroy$ = new Subject();
     /** Resolved data for the template */
@@ -518,15 +542,35 @@ export class TestingDashboardTabComponent {
         }
     }
     static ɵfac = function TestingDashboardTabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingDashboardTabComponent)(i0.ɵɵdirectiveInject(i1.TestingInstrumentationService), i0.ɵɵdirectiveInject(i2.TestingExecutionService), i0.ɵɵdirectiveInject(i2.TestingDialogService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabComponent, selectors: [["app-testing-dashboard-tab"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, standalone: false, decls: 2, vars: 1, consts: [[1, "full-page-loading"], [1, "dashboard-container"], ["text", "Loading Testing Dashboard..."], [1, "page-header"], [1, "page-title"], [1, "fa-solid", "fa-gauge-high"], [1, "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [3, "data"], [1, "live-activity-card"], [1, "section-header"], [1, "running-tests-list"], [1, "lower-grid"], [1, "card", "recent-runs-card"], [1, "fa-solid", "fa-history"], [1, "runs-list"], [1, "run-row"], [1, "empty-state"], [1, "right-column"], [1, "card", "suite-health-card"], [1, "fa-solid", "fa-heartbeat"], [1, "suite-health-list"], [1, "suite-health-row"], [1, "card", "alerts-card"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "alerts-list"], [1, "alert-row"], [1, "live-dot"], [1, "fa-solid", "fa-circle-pause", "live-idle-icon"], [1, "running-test-item"], [1, "running-test-item", 3, "click"], [1, "running-test-info"], [1, "running-test-name"], [1, "running-test-step"], [1, "running-test-meta"], [1, "running-elapsed"], [1, "running-progress-bar"], [1, "running-progress-fill"], [1, "running-progress-pct"], [1, "run-row", 3, "click"], [1, "run-row-left"], [1, "run-row-name"], [1, "run-row-time"], [1, "run-row-right"], [3, "status"], [3, "score", "showBar"], [1, "run-row-duration"], [3, "cost"], [1, "suite-health-info"], [1, "suite-health-name"], [1, "suite-health-count"], [1, "suite-health-bar-wrapper"], [1, "suite-health-bar"], [1, "suite-health-bar-fill"], [1, "suite-health-pct"], [1, "alert-row", 3, "click"], [1, "fa-solid"], [1, "alert-info"], [1, "alert-name"], [1, "alert-reason"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)", "margin-right", "6px"]], template: function TestingDashboardTabComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, TestingDashboardTabComponent_Conditional_0_Template, 2, 0, "div", 0)(1, TestingDashboardTabComponent_Conditional_1_Template, 45, 8, "div", 1);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabComponent, selectors: [["app-testing-dashboard-tab"]], inputs: { initialState: "initialState", HideToolbar: "HideToolbar" }, outputs: { stateChange: "stateChange" }, standalone: false, decls: 4, vars: 1, consts: [["content", ""], [4, "ngTemplateOutlet"], ["Title", "Testing Overview", "Icon", "fa-solid fa-gauge-high", "Subtitle", "Test health, recent activity, and KPIs"], ["actions", ""], [3, "Clicked", "Loading"], [1, "full-page-loading"], [1, "dashboard-container"], ["text", "Loading Testing Dashboard..."], [1, "kpi-row"], [3, "data"], [1, "live-activity-card"], [1, "section-header"], [1, "running-tests-list"], [1, "lower-grid"], [1, "card", "recent-runs-card"], [1, "fa-solid", "fa-history"], [1, "runs-list"], [1, "run-row"], [1, "empty-state"], [1, "right-column"], [1, "card", "suite-health-card"], [1, "fa-solid", "fa-heartbeat"], [1, "suite-health-list"], [1, "suite-health-row"], [1, "card", "alerts-card"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "alerts-list"], [1, "alert-row"], [1, "live-dot"], [1, "fa-solid", "fa-circle-pause", "live-idle-icon"], [1, "running-test-item"], [1, "running-test-item", 3, "click"], [1, "running-test-info"], [1, "running-test-name"], [1, "running-test-step"], [1, "running-test-meta"], [1, "running-elapsed"], [1, "running-progress-bar"], [1, "running-progress-fill"], [1, "running-progress-pct"], [1, "run-row", 3, "click"], [1, "run-row-left"], [1, "run-row-name"], [1, "run-row-time"], [1, "run-row-right"], [3, "status"], [3, "score", "showBar"], [1, "run-row-duration"], [3, "cost"], [1, "suite-health-info"], [1, "suite-health-name"], [1, "suite-health-count"], [1, "suite-health-bar-wrapper"], [1, "suite-health-bar"], [1, "suite-health-bar-fill"], [1, "suite-health-pct"], [1, "alert-row", 3, "click"], [1, "fa-solid"], [1, "alert-info"], [1, "alert-name"], [1, "alert-reason"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)", "margin-right", "6px"]], template: function TestingDashboardTabComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, TestingDashboardTabComponent_Conditional_0_Template, 1, 1, "ng-container")(1, TestingDashboardTabComponent_Conditional_1_Template, 6, 2, "mj-page-layout");
+            i0.ɵɵtemplate(2, TestingDashboardTabComponent_ng_template_2_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
-        } }, dependencies: [i2.TestStatusBadgeComponent, i2.ScoreIndicatorComponent, i2.CostDisplayComponent, i3.LoadingComponent, i4.KPICardComponent, i5.DecimalPipe], styles: ["\n\n    .full-page-loading[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container[_ngcontent-%COMP%] {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .page-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    .refresh-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn[_ngcontent-%COMP%]:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn[_ngcontent-%COMP%]   i.spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    @keyframes _ngcontent-%COMP%_spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \n\n    .kpi-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    \n\n    .card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 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    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-size: 13px; }\n\n    \n\n    .live-activity-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot[_ngcontent-%COMP%] {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: _ngcontent-%COMP%_pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list[_ngcontent-%COMP%] {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .running-test-item[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-success) 16%, var(--mj-bg-surface));\n    }\n\n    .running-test-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .running-test-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-step[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .running-test-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill[_ngcontent-%COMP%] {\n      display: block;\n      height: 100%;\n      background: var(--mj-status-success);\n      border-radius: 2px;\n      transition: width 0.5s ease;\n    }\n\n    .running-progress-pct[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-status-success);\n      min-width: 30px;\n      text-align: right;\n    }\n\n    \n\n    .lower-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    \n\n    .runs-list[_ngcontent-%COMP%] {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    \n\n    .suite-health-list[_ngcontent-%COMP%] {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    \n\n    .alerts-list[_ngcontent-%COMP%] {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row[_ngcontent-%COMP%]:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \n\n    @media (max-width: 900px) {\n      .lower-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container[_ngcontent-%COMP%] { padding: 16px; }\n      .kpi-row[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.HideToolbar ? 0 : 1);
+        } }, dependencies: [i3.NgTemplateOutlet, i4.MJPageHeaderComponent, i4.MJPageLayoutComponent, i4.MJPageBodyComponent, i4.MJRefreshButtonComponent, i2.TestStatusBadgeComponent, i2.ScoreIndicatorComponent, i2.CostDisplayComponent, i5.LoadingComponent, i6.KPICardComponent, i3.DecimalPipe], styles: ["\n\n    .full-page-loading[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container[_ngcontent-%COMP%] {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .page-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    .refresh-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn[_ngcontent-%COMP%]:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn[_ngcontent-%COMP%]   i.spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    @keyframes _ngcontent-%COMP%_spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \n\n    .kpi-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    \n\n    .card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 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    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-size: 13px; }\n\n    \n\n    .live-activity-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot[_ngcontent-%COMP%] {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: _ngcontent-%COMP%_pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list[_ngcontent-%COMP%] {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .running-test-item[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-success) 16%, var(--mj-bg-surface));\n    }\n\n    .running-test-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .running-test-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-step[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .running-test-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill[_ngcontent-%COMP%] {\n      display: block;\n      height: 100%;\n      background: var(--mj-status-success);\n      border-radius: 2px;\n      transition: width 0.5s ease;\n    }\n\n    .running-progress-pct[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-status-success);\n      min-width: 30px;\n      text-align: right;\n    }\n\n    \n\n    .lower-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    \n\n    .runs-list[_ngcontent-%COMP%] {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    \n\n    .suite-health-list[_ngcontent-%COMP%] {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    \n\n    .alerts-list[_ngcontent-%COMP%] {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row[_ngcontent-%COMP%]:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \n\n    @media (max-width: 900px) {\n      .lower-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container[_ngcontent-%COMP%] { padding: 16px; }\n      .kpi-row[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingDashboardTabComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-testing-dashboard-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (HideToolbar) {
+      <ng-container *ngTemplateOutlet="content"></ng-container>
+    } @else {
+      <mj-page-layout>
+        <mj-page-header
+          Title="Testing Overview"
+          Icon="fa-solid fa-gauge-high"
+          Subtitle="Test health, recent activity, and KPIs">
+          <div actions>
+            <mj-refresh-button [Loading]="IsLoading" (Clicked)="OnRefresh()"></mj-refresh-button>
+          </div>
+        </mj-page-header>
+        <mj-page-body>
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </mj-page-body>
+      </mj-page-layout>
+    }
+
+    <ng-template #content>
     <!-- Full-page loading state -->
     @if (IsLoading) {
       <div class="full-page-loading">
@@ -535,18 +579,6 @@ export class TestingDashboardTabComponent {
     } @else {
       <div class="dashboard-container">
 
-        <!-- Page Header -->
-        <div class="page-header">
-          <h2 class="page-title">
-            <i class="fa-solid fa-gauge-high"></i>
-            Testing Dashboard
-          </h2>
-          <button class="refresh-btn" (click)="OnRefresh()" [disabled]="IsLoading">
-            <i class="fa-solid fa-refresh" [class.spinning]="IsLoading"></i>
-            Refresh
-          </button>
-        </div>
-
         <!-- KPI Row -->
         <div class="kpi-row">
           @for (kpi of KpiCards; track kpi.title) {
@@ -686,11 +718,14 @@ export class TestingDashboardTabComponent {
         </div>
       </div>
     }
+    </ng-template>
   `, styles: ["\n    /* ===== Layout ===== */\n    .full-page-loading {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    /* ===== Page Header ===== */\n    .page-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title i { color: var(--mj-brand-primary); }\n\n    .refresh-btn {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn i.spinning { animation: spin 1s linear infinite; }\n\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    /* ===== KPI Row ===== */\n    .kpi-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    /* ===== Card Base ===== */\n    .card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header h3 {\n      margin: 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    .section-header h3 i { color: var(--mj-brand-primary); font-size: 13px; }\n\n    /* ===== Live Activity ===== */\n    .live-activity-card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .running-test-item:hover {\n      background: color-mix(in srgb, var(--mj-status-success) 16%, var(--mj-bg-surface));\n    }\n\n    .running-test-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .running-test-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-step {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .running-test-meta {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar {\n      width: 80px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill {\n      display: block;\n      height: 100%;\n      background: var(--mj-status-success);\n      border-radius: 2px;\n      transition: width 0.5s ease;\n    }\n\n    .running-progress-pct {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-status-success);\n      min-width: 30px;\n      text-align: right;\n    }\n\n    /* ===== Lower Grid ===== */\n    .lower-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    /* ===== Recent Runs ===== */\n    .runs-list {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    /* ===== Suite Health ===== */\n    .suite-health-list {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    /* ===== Alerts ===== */\n    .alerts-list {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* ===== Empty State ===== */\n    .empty-state {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* ===== Responsive ===== */\n    @media (max-width: 900px) {\n      .lower-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container { padding: 16px; }\n      .kpi-row { grid-template-columns: 1fr; }\n    }\n  "] }]
     }], () => [{ type: i1.TestingInstrumentationService }, { type: i2.TestingExecutionService }, { type: i2.TestingDialogService }, { type: i0.ChangeDetectorRef }], { initialState: [{
             type: Input
+        }], HideToolbar: [{
+            type: Input
         }], stateChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabComponent, { className: "TestingDashboardTabComponent", filePath: "src/Testing/components/testing-dashboard-tab.component.ts", lineNumber: 591 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabComponent, { className: "TestingDashboardTabComponent", filePath: "src/Testing/components/testing-dashboard-tab.component.ts", lineNumber: 599 }); })();
 //# sourceMappingURL=testing-dashboard-tab.component.js.map