@memberjunction/ng-dashboards 5.38.0 → 5.40.0

package/dist/Testing/components/testing-explorer.component.js

@@ -13,9 +13,8 @@ import * as i2 from "../services/testing-instrumentation.service";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
 import * as i5 from "@memberjunction/ng-ui-components";
-import * as i6 from "@memberjunction/ng-versions";
-import * as i7 from "@memberjunction/ng-shared-generic";
-import * as i8 from "../../shared/pipes/highlight-search.pipe";
+import * as i6 from "@memberjunction/ng-shared-generic";
+import * as i7 from "../../shared/pipes/highlight-search.pipe";
 const _forTrack0 = ($index, $item) => $item.ID;
 const _forTrack1 = ($index, $item) => $item.TestID;
 function TestingExplorerComponent_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
@@ -28,17 +27,7 @@ function TestingExplorerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1)
     const content_r1 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", content_r1);
 } }
-function TestingExplorerComponent_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-filter-chip", 17);
-    i0.ɵɵlistener("Clicked", function TestingExplorerComponent_Conditional_1_For_17_Template_mj_filter_chip_Clicked_0_listener() { const status_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleStatus(status_r5)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const status_r5 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Label", status_r5)("Active", ctx_r2.IsStatusActive(status_r5));
-} }
-function TestingExplorerComponent_Conditional_1_ng_container_20_Template(rf, ctx) { if (rf & 1) {
+function TestingExplorerComponent_Conditional_1_ng_container_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function TestingExplorerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -46,232 +35,223 @@ function TestingExplorerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 2)(2, "div", 3);
     i0.ɵɵelement(3, "mj-stat-badge", 4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 5)(5, "mj-filter-popover", 6);
-    i0.ɵɵlistener("ClearAllRequested", function TestingExplorerComponent_Conditional_1_Template_mj_filter_popover_ClearAllRequested_5_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetSortFilters()); });
-    i0.ɵɵelementStart(6, "mj-filter-panel", 7);
-    i0.ɵɵlistener("ValuesChange", function TestingExplorerComponent_Conditional_1_Template_mj_filter_panel_ValuesChange_6_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSortFilterChange($event)); })("Reset", function TestingExplorerComponent_Conditional_1_Template_mj_filter_panel_Reset_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetSortFilters()); });
+    i0.ɵɵelementStart(4, "div", 5)(5, "button", 6);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewSuite()); });
+    i0.ɵɵelement(6, "i", 7);
+    i0.ɵɵelementStart(7, "span", 8);
+    i0.ɵɵtext(8, "New Suite");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mj-view-toggle", 8);
-    i0.ɵɵlistener("KeyChange", function TestingExplorerComponent_Conditional_1_Template_mj_view_toggle_KeyChange_7_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 9);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewSuite()); });
-    i0.ɵɵelement(9, "i", 10);
-    i0.ɵɵtext(10, " New Suite ");
+    i0.ɵɵelementStart(9, "button", 9);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewTest()); });
+    i0.ɵɵelement(10, "i", 10);
+    i0.ɵɵelementStart(11, "span", 8);
+    i0.ɵɵtext(12, "New Test");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 11)(14, "mj-page-search", 12);
+    i0.ɵɵlistener("ValueChange", function TestingExplorerComponent_Conditional_1_Template_mj_page_search_ValueChange_14_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSearchInputValue($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 11);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewTest()); });
-    i0.ɵɵelement(12, "i", 12);
-    i0.ɵɵtext(13, " New Test ");
+    i0.ɵɵelementStart(15, "mj-filter-popover", 13);
+    i0.ɵɵlistener("ClearAllRequested", function TestingExplorerComponent_Conditional_1_Template_mj_filter_popover_ClearAllRequested_15_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetAllFilters()); });
+    i0.ɵɵelementStart(16, "mj-filter-panel", 14);
+    i0.ɵɵlistener("ValuesChange", function TestingExplorerComponent_Conditional_1_Template_mj_filter_panel_ValuesChange_16_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterValuesChange($event)); })("Reset", function TestingExplorerComponent_Conditional_1_Template_mj_filter_panel_Reset_16_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.resetAllFilters()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 13)(15, "mj-page-search", 14);
-    i0.ɵɵlistener("ValueChange", function TestingExplorerComponent_Conditional_1_Template_mj_page_search_ValueChange_15_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSearchInputValue($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(16, TestingExplorerComponent_Conditional_1_For_17_Template, 1, 2, "mj-filter-chip", 15, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementStart(18, "mj-view-toggle", 8);
-    i0.ɵɵlistener("KeyChange", function TestingExplorerComponent_Conditional_1_Template_mj_view_toggle_KeyChange_18_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDisplayMode($event)); });
+    i0.ɵɵelementStart(17, "mj-view-toggle", 15);
+    i0.ɵɵlistener("KeyChange", function TestingExplorerComponent_Conditional_1_Template_mj_view_toggle_KeyChange_17_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode($event)); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(19, "mj-page-body", 16);
-    i0.ɵɵtemplate(20, TestingExplorerComponent_Conditional_1_ng_container_20_Template, 1, 0, "ng-container", 1);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(18, TestingExplorerComponent_Conditional_1_ng_container_18_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("Count", ctx_r2.FilteredResultCount)("Total", ctx_r2.TotalItemCount);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ActiveCount", ctx_r2.ActiveSortFilterCount)("ShowClearAll", ctx_r2.ActiveSortFilterCount > 0);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Fields", ctx_r2.sortFilterFields)("Values", ctx_r2.sortFilterValues);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Options", ctx_r2.HeaderViewOptions)("ActiveKey", ctx_r2.ViewMode);
-    i0.ɵɵadvance(8);
+    i0.ɵɵadvance(11);
     i0.ɵɵproperty("Value", ctx_r2.SearchTerm);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.StatusOptions);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Options", ctx_r2.DisplayModeOptions)("ActiveKey", ctx_r2.DisplayMode);
+    i0.ɵɵproperty("ActiveCount", ctx_r2.TotalActiveFilterCount)("ShowClearAll", ctx_r2.TotalActiveFilterCount > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Flex", true)("Padding", false);
+    i0.ɵɵproperty("Fields", ctx_r2.filterFields)("Values", ctx_r2.filterValues);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Options", ctx_r2.HeaderViewOptions)("ActiveKey", ctx_r2.ViewMode);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "mj-loading", 25);
+function TestingExplorerComponent_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "mj-loading", 23);
     i0.ɵɵelementEnd();
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 53);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 50);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const suite_r9 = i0.ɵɵnextContext().$implicit;
+    const suite_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r9.LastRunDate), " ");
+    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r7.LastRunDate), " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 41);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 38);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const suite_r9 = i0.ɵɵnextContext().$implicit;
+    const suite_r7 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r9.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r7.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "span", 56);
-    i0.ɵɵelementStart(2, "span", 57);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52);
+    i0.ɵɵelement(1, "span", 53);
+    i0.ɵɵelementStart(2, "span", 54);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 58);
+    i0.ɵɵelementStart(4, "span", 55);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 59);
-    i0.ɵɵelement(7, "span", 60);
+    i0.ɵɵelementStart(6, "span", 56);
+    i0.ɵɵelement(7, "span", 57);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 61);
+    i0.ɵɵelementStart(8, "span", 58);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const t_r10 = i0.ɵɵnextContext().$implicit;
+    const t_r8 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r10.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r8.LastStatus.toLowerCase());
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(t_r10.TestName);
+    i0.ɵɵtextInterpolate(t_r8.TestName);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r10.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r8.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (t_r10.LastScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (t_r8.LastScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r10.LastScore) + "-bg");
-    i0.ɵɵstyleProp("width", t_r10.LastScore * 100, "%");
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r8.LastScore) + "-bg");
+    i0.ɵɵstyleProp("width", t_r8.LastScore * 100, "%");
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r10.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r8.LastStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(t_r10.LastStatus);
+    i0.ɵɵtextInterpolate(t_r8.LastStatus);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template, 10, 11, "div", 55);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template, 10, 11, "div", 52);
 } if (rf & 2) {
-    const ɵ$index_141_r11 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_141_r11 < 4 ? 0 : -1);
+    const ɵ$index_138_r9 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_138_r9 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 54);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r9 = i0.ɵɵnextContext(2).$implicit;
+    const suite_r7 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", suite_r9.TotalTestsInSuite - 4, " more tests");
+    i0.ɵɵtextInterpolate1("+", suite_r7.TotalTestsInSuite - 4, " more tests");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_For_2_Template, 1, 1, null, null, _forTrack1);
-    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_Conditional_3_Template, 2, 1, "div", 54);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 43);
+    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_For_2_Template, 1, 1, null, null, _forTrack1);
+    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_Conditional_3_Template, 2, 1, "div", 51);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r9 = i0.ɵɵnextContext().$implicit;
+    const suite_r7 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(suite_r9.Tests);
+    i0.ɵɵrepeater(suite_r7.Tests);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(suite_r9.TotalTestsInSuite > 4 ? 3 : -1);
+    i0.ɵɵconditional(suite_r7.TotalTestsInSuite > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34)(1, "div", 35)(2, "div", 36);
-    i0.ɵɵelement(3, "i", 37)(4, "span", 38);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 32)(2, "div", 33);
+    i0.ɵɵelement(3, "i", 34)(4, "span", 35);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 39);
+    i0.ɵɵelementStart(6, "span", 36);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 40);
+    i0.ɵɵelementStart(8, "div", 37);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_10_Template, 2, 1);
+    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_10_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 41);
+    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 42)(13, "div", 43)(14, "span", 44);
+    i0.ɵɵelementStart(12, "div", 39)(13, "div", 40)(14, "span", 41);
     i0.ɵɵtext(15, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 45);
+    i0.ɵɵelementStart(16, "span", 42);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 43)(19, "span", 44);
+    i0.ɵɵelementStart(18, "div", 40)(19, "span", 41);
     i0.ɵɵtext(20, "Tests");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 45);
+    i0.ɵɵelementStart(21, "span", 42);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 43)(24, "span", 44);
+    i0.ɵɵelementStart(23, "div", 40)(24, "span", 41);
     i0.ɵɵtext(25, "Avg Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 45);
+    i0.ɵɵelementStart(26, "span", 42);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 43)(29, "span", 44);
+    i0.ɵɵelementStart(28, "div", 40)(29, "span", 41);
     i0.ɵɵtext(30, "Avg Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 45);
+    i0.ɵɵelementStart(31, "span", 42);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(33, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_33_Template, 4, 1, "div", 46);
-    i0.ɵɵelementStart(34, "div", 47)(35, "button", 48);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Template_button_click_35_listener() { const suite_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunSuite(suite_r9.ID)); });
-    i0.ɵɵelement(36, "i", 49);
+    i0.ɵɵconditionalCreate(33, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Conditional_33_Template, 4, 1, "div", 43);
+    i0.ɵɵelementStart(34, "div", 44)(35, "button", 45);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Template_button_click_35_listener() { const suite_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunSuite(suite_r7.ID)); });
+    i0.ɵɵelement(36, "i", 46);
     i0.ɵɵtext(37, " Run Suite ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "button", 50);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Template_button_click_38_listener() { const suite_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewSuiteResults(suite_r9.ID)); });
-    i0.ɵɵelement(39, "i", 51);
+    i0.ɵɵelementStart(38, "button", 47);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Template_button_click_38_listener() { const suite_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewSuiteResults(suite_r7.ID)); });
+    i0.ɵɵelement(39, "i", 48);
     i0.ɵɵtext(40, " Results ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "button", 50);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Template_button_click_41_listener() { const suite_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Test Suites", suite_r9.ID)); });
-    i0.ɵɵelement(42, "i", 52);
+    i0.ɵɵelementStart(41, "button", 47);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Template_button_click_41_listener() { const suite_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Test Suites", suite_r7.ID)); });
+    i0.ɵɵelement(42, "i", 49);
     i0.ɵɵtext(43, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const suite_r9 = ctx.$implicit;
+    const suite_r7 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r9.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r7.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", suite_r9.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", suite_r7.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(suite_r9.Status);
+    i0.ɵɵtextInterpolate(suite_r7.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", suite_r9.TestCount, " tests ");
+    i0.ɵɵtextInterpolate1(" ", suite_r7.TestCount, " tests ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r9.LastRunDate ? 10 : -1);
+    i0.ɵɵconditional(suite_r7.LastRunDate ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r9.Description ? 11 : -1);
+    i0.ɵɵconditional(suite_r7.Description ? 11 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r9.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r7.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r9.PassRate));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r7.PassRate));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(suite_r9.TestCount);
+    i0.ɵɵtextInterpolate(suite_r7.TestCount);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r9.AvgScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r7.AvgScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (suite_r9.AvgScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (suite_r7.AvgScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r9.AvgDuration));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r7.AvgDuration));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r9.Tests.length > 0 ? 33 : -1);
+    i0.ɵɵconditional(suite_r7.Tests.length > 0 ? 33 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "h3", 30);
-    i0.ɵɵelement(2, "i", 31);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "h3", 27);
+    i0.ɵɵelement(2, "i", 28);
     i0.ɵɵtext(3, " Test Suites ");
-    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵelementStart(4, "span", 29);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 33);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Template, 44, 18, "div", 34, _forTrack0);
+    i0.ɵɵelementStart(6, "div", 30);
+    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_For_8_Template, 44, 18, "div", 31, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -280,207 +260,207 @@ function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Cond
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredSuites);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_Template, 9, 1, "div", 29);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Conditional_0_Template, 9, 1, "div", 26);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r2.FilteredSuites.length > 0 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 53);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 50);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", test_r13.SuiteName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r11.SuiteName, " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 41);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "p", 38);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r13.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r11.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 71);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 68);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r13.TypeName);
+    i0.ɵɵtextInterpolate1(" ", test_r11.TypeName);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 72);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 69);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r13.EstDuration));
+    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r11.EstDuration));
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 66);
-    i0.ɵɵelement(1, "i", 73);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 63);
+    i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r13.EstCost));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r11.EstCost));
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 75);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 72);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tag_r14 = i0.ɵɵnextContext().$implicit;
+    const tag_r12 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tag_r14);
+    i0.ɵɵtextInterpolate(tag_r12);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template, 2, 1, "span", 75);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template, 2, 1, "span", 72);
 } if (rf & 2) {
-    const ɵ$index_249_r15 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_249_r15 < 4 ? 0 : -1);
+    const ɵ$index_246_r13 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_246_r13 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 74);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 71);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext(2).$implicit;
+    const test_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", test_r13.Tags.length - 4);
+    i0.ɵɵtextInterpolate1("+", test_r11.Tags.length - 4);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_For_2_Template, 1, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_Conditional_3_Template, 2, 1, "span", 74);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65);
+    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_For_2_Template, 1, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_Conditional_3_Template, 2, 1, "span", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r13 = i0.ɵɵnextContext().$implicit;
+    const test_r11 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(test_r13.Tags);
+    i0.ɵɵrepeater(test_r11.Tags);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r13.Tags.length > 4 ? 3 : -1);
+    i0.ɵɵconditional(test_r11.Tags.length > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 63)(1, "div", 35)(2, "div", 36);
-    i0.ɵɵelement(3, "i", 64)(4, "span", 38);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "div", 32)(2, "div", 33);
+    i0.ɵɵelement(3, "i", 61)(4, "span", 35);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 39);
+    i0.ɵɵelementStart(6, "span", 36);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 40);
+    i0.ɵɵelementStart(8, "div", 37);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_10_Template, 2, 1);
+    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_10_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 41);
-    i0.ɵɵelementStart(12, "div", 65);
-    i0.ɵɵconditionalCreate(13, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_13_Template, 3, 1, "span", 66);
-    i0.ɵɵconditionalCreate(14, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_14_Template, 3, 1, "span", 66);
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_15_Template, 3, 1, "span", 66);
-    i0.ɵɵelementStart(16, "span", 66);
-    i0.ɵɵelement(17, "i", 67);
+    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 38);
+    i0.ɵɵelementStart(12, "div", 62);
+    i0.ɵɵconditionalCreate(13, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_13_Template, 3, 1, "span", 63);
+    i0.ɵɵconditionalCreate(14, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_14_Template, 3, 1, "span", 63);
+    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_15_Template, 3, 1, "span", 63);
+    i0.ɵɵelementStart(16, "span", 63);
+    i0.ɵɵelement(17, "i", 64);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 68);
+    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 65);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 42)(21, "div", 43)(22, "span", 44);
+    i0.ɵɵelementStart(20, "div", 39)(21, "div", 40)(22, "span", 41);
     i0.ɵɵtext(23, "Last Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span", 69);
+    i0.ɵɵelementStart(24, "span", 66);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 43)(27, "span", 44);
+    i0.ɵɵelementStart(26, "div", 40)(27, "span", 41);
     i0.ɵɵtext(28, "Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span", 45);
+    i0.ɵɵelementStart(29, "span", 42);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 43)(32, "span", 44);
+    i0.ɵɵelementStart(31, "div", 40)(32, "span", 41);
     i0.ɵɵtext(33, "Total Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 45);
+    i0.ɵɵelementStart(34, "span", 42);
     i0.ɵɵtext(35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 43)(37, "span", 44);
+    i0.ɵɵelementStart(36, "div", 40)(37, "span", 41);
     i0.ɵɵtext(38, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span", 45);
+    i0.ɵɵelementStart(39, "span", 42);
     i0.ɵɵtext(40);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 47)(42, "button", 48);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Template_button_click_42_listener() { const test_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunTest(test_r13.ID)); });
-    i0.ɵɵelement(43, "i", 49);
+    i0.ɵɵelementStart(41, "div", 44)(42, "button", 45);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Template_button_click_42_listener() { const test_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunTest(test_r11.ID)); });
+    i0.ɵɵelement(43, "i", 46);
     i0.ɵɵtext(44, " Run ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 50);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Template_button_click_45_listener() { const test_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewTestHistory(test_r13.ID)); });
-    i0.ɵɵelement(46, "i", 70);
+    i0.ɵɵelementStart(45, "button", 47);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Template_button_click_45_listener() { const test_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewTestHistory(test_r11.ID)); });
+    i0.ɵɵelement(46, "i", 67);
     i0.ɵɵtext(47, " History ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 50);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Template_button_click_48_listener() { const test_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Tests", test_r13.ID)); });
-    i0.ɵɵelement(49, "i", 52);
+    i0.ɵɵelementStart(48, "button", 47);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Template_button_click_48_listener() { const test_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Tests", test_r11.ID)); });
+    i0.ɵɵelement(49, "i", 49);
     i0.ɵɵtext(50, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const test_r13 = ctx.$implicit;
+    const test_r11 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r13.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r11.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", test_r13.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r11.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r13.Status);
+    i0.ɵɵtextInterpolate(test_r11.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r13.TypeName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r11.TypeName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r13.SuiteName ? 10 : -1);
+    i0.ɵɵconditional(test_r11.SuiteName ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r13.Description ? 11 : -1);
+    i0.ɵɵconditional(test_r11.Description ? 11 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r13.TypeName ? 13 : -1);
+    i0.ɵɵconditional(test_r11.TypeName ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r13.EstDuration > 0 ? 14 : -1);
+    i0.ɵɵconditional(test_r11.EstDuration > 0 ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r13.EstCost > 0 ? 15 : -1);
+    i0.ɵɵconditional(test_r11.EstCost > 0 ? 15 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r13.UpdatedAt));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r11.UpdatedAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r13.Tags.length > 0 ? 19 : -1);
+    i0.ɵɵconditional(test_r11.Tags.length > 0 ? 19 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵattribute("data-status", test_r13.LastRunStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r11.LastRunStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r13.LastRunStatus || "N/A");
+    i0.ɵɵtextInterpolate(test_r11.LastRunStatus || "N/A");
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r13.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r11.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r13.LastScore > 0 ? (test_r13.LastScore * 100).toFixed(0) + "%" : "N/A");
+    i0.ɵɵtextInterpolate(test_r11.LastScore > 0 ? (test_r11.LastScore * 100).toFixed(0) + "%" : "N/A");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(test_r13.TotalRuns);
+    i0.ɵɵtextInterpolate(test_r11.TotalRuns);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r13.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r11.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r13.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r13.PassRate) : "N/A");
+    i0.ɵɵtextInterpolate(test_r11.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r11.PassRate) : "N/A");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "h3", 30);
-    i0.ɵɵelement(2, "i", 62);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "h3", 27);
+    i0.ɵɵelement(2, "i", 59);
     i0.ɵɵtext(3, " Tests ");
-    i0.ɵɵelementStart(4, "span", 32);
+    i0.ɵɵelementStart(4, "span", 29);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 33);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Template, 51, 23, "div", 63, _forTrack0);
+    i0.ɵɵelementStart(6, "div", 30);
+    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_For_8_Template, 51, 23, "div", 60, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -489,52 +469,51 @@ function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Cond
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredTests);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_Template, 9, 1, "div", 29);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Conditional_0_Template, 9, 1, "div", 26);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r2.FilteredTests.length > 0 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "i", 76);
+function TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
+    i0.ɵɵelement(1, "i", 73);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tests or suites found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 77);
+    i0.ɵɵelementStart(4, "span", 74);
     i0.ɵɵtext(5, "Try adjusting your search or filters.");
     i0.ɵɵelementEnd()();
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 19)(1, "mj-left-nav", 26);
-    i0.ɵɵlistener("ItemClicked", function TestingExplorerComponent_ng_template_2_Conditional_1_Template_mj_left_nav_ItemClicked_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnNavItemClicked($event)); })("ItemToggled", function TestingExplorerComponent_ng_template_2_Conditional_1_Template_mj_left_nav_ItemToggled_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnNavItemToggled($event)); });
+function TestingExplorerComponent_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-left-nav", 24);
+    i0.ɵɵlistener("ItemClicked", function TestingExplorerComponent_ng_template_2_Conditional_2_Template_mj_left_nav_ItemClicked_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnNavItemClicked($event)); })("ItemToggled", function TestingExplorerComponent_ng_template_2_Conditional_2_Template_mj_left_nav_ItemToggled_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnNavItemToggled($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "mj-left-nav-content")(3, "div", 27);
-    i0.ɵɵconditionalCreate(4, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Template, 1, 1);
-    i0.ɵɵconditionalCreate(5, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Template, 1, 1);
-    i0.ɵɵconditionalCreate(6, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_6_Template, 6, 0, "div", 28);
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(1, "mj-left-nav-content")(2, "mj-page-body-interior");
+    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_3_Template, 1, 1);
+    i0.ɵɵconditionalCreate(4, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_4_Template, 1, 1);
+    i0.ɵɵconditionalCreate(5, TestingExplorerComponent_ng_template_2_Conditional_2_Conditional_5_Template, 6, 0, "div", 25);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("Sections", ctx_r2.NavSections)("ActiveId", ctx_r2.ActiveNavId)("ExpandedIds", ctx_r2.ExpandedNavIds);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "suites" ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "suites" ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "tests" ? 5 : -1);
+    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "tests" ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.FilteredSuites.length === 0 && ctx_r2.FilteredTests.length === 0 ? 6 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredSuites.length === 0 && ctx_r2.FilteredTests.length === 0 ? 5 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 78);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+function TestingExplorerComponent_ng_template_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
     i0.ɵɵelementEnd();
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵelement(1, "i", 106);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵelement(1, "i", 103);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -543,29 +522,29 @@ function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_15_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.FormErrorMessage);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 98);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tt_r19 = ctx.$implicit;
-    i0.ɵɵproperty("value", tt_r19.ID);
+    const tt_r17 = ctx.$implicit;
+    i0.ɵɵproperty("value", tt_r17.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tt_r19.Name);
+    i0.ɵɵtextInterpolate(tt_r17.Name);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 91)(1, "label", 92);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 88)(1, "label", 89);
     i0.ɵɵtext(2, "Test Type ");
-    i0.ɵɵelementStart(3, "span", 93);
+    i0.ɵɵelementStart(3, "span", 90);
     i0.ɵɵtext(4, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 97);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeID, $event) || (ctx_r2.FormTypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(6, "option", 107);
+    i0.ɵɵelementStart(5, "select", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_31_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeID, $event) || (ctx_r2.FormTypeID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "option", 104);
     i0.ɵɵtext(7, "Select type...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_For_9_Template, 2, 2, "option", 98, _forTrack0);
+    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_31_For_9_Template, 2, 2, "option", 95, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -574,27 +553,27 @@ function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllTestTypes);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 98);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const s_r21 = ctx.$implicit;
-    i0.ɵɵproperty("value", s_r21.ID);
+    const s_r19 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r19.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(s_r21.Name);
+    i0.ɵɵtextInterpolate(s_r19.Name);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 91)(1, "label", 92);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 88)(1, "label", 89);
     i0.ɵɵtext(2, "Parent Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 97);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormParentSuiteID, $event) || (ctx_r2.FormParentSuiteID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(4, "option", 108);
+    i0.ɵɵelementStart(3, "select", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_32_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormParentSuiteID, $event) || (ctx_r2.FormParentSuiteID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "option", 105);
     i0.ɵɵtext(5, "None (top-level)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_For_7_Template, 2, 2, "option", 98, _forTrack0);
+    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_32_For_7_Template, 2, 2, "option", 95, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -603,32 +582,32 @@ function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllSuites);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_For_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 98);
+function TestingExplorerComponent_ng_template_2_Conditional_6_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const status_r22 = ctx.$implicit;
-    i0.ɵɵproperty("value", status_r22);
+    const status_r20 = ctx.$implicit;
+    i0.ɵɵproperty("value", status_r20);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(status_r22);
+    i0.ɵɵtextInterpolate(status_r20);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 89)(1, "div", 90);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 86)(1, "div", 87);
     i0.ɵɵtext(2, "Estimates");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 96)(4, "div", 91)(5, "label", 92);
+    i0.ɵɵelementStart(3, "div", 93)(4, "div", 88)(5, "label", 89);
     i0.ɵɵtext(6, "Duration (seconds)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "input", 109);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_39_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstDuration, $event) || (ctx_r2.FormEstDuration = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(7, "input", 106);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_39_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstDuration, $event) || (ctx_r2.FormEstDuration = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 91)(9, "label", 92);
+    i0.ɵɵelementStart(8, "div", 88)(9, "label", 89);
     i0.ɵɵtext(10, "Cost (USD)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 110);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_39_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstCost, $event) || (ctx_r2.FormEstCost = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(11, "input", 107);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_39_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstCost, $event) || (ctx_r2.FormEstCost = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -637,78 +616,78 @@ function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_39_Tem
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormEstCost);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 104);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 101);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 105);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 102);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "div", 79)(2, "div", 80);
-    i0.ɵɵelement(3, "i", 81);
-    i0.ɵɵelementStart(4, "span", 82);
+function TestingExplorerComponent_ng_template_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 76)(2, "div", 77);
+    i0.ɵɵelement(3, "i", 78);
+    i0.ɵɵelementStart(4, "span", 79);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 83);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
-    i0.ɵɵelement(7, "i", 84);
+    i0.ɵɵelementStart(6, "button", 80);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+    i0.ɵɵelement(7, "i", 81);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 85)(9, "button", 86);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("test")); });
-    i0.ɵɵelement(10, "i", 62);
+    i0.ɵɵelementStart(8, "div", 82)(9, "button", 83);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("test")); });
+    i0.ɵɵelement(10, "i", 59);
     i0.ɵɵtext(11, " Test ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 86);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("suite")); });
-    i0.ɵɵelement(13, "i", 31);
+    i0.ɵɵelementStart(12, "button", 83);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("suite")); });
+    i0.ɵɵelement(13, "i", 28);
     i0.ɵɵtext(14, " Suite ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_15_Template, 4, 1, "div", 87);
-    i0.ɵɵelementStart(16, "div", 88)(17, "div", 89)(18, "div", 90);
+    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_15_Template, 4, 1, "div", 84);
+    i0.ɵɵelementStart(16, "div", 85)(17, "div", 86)(18, "div", 87);
     i0.ɵɵtext(19, "General");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 91)(21, "label", 92);
+    i0.ɵɵelementStart(20, "div", 88)(21, "label", 89);
     i0.ɵɵtext(22, "Name ");
-    i0.ɵɵelementStart(23, "span", 93);
+    i0.ɵɵelementStart(23, "span", 90);
     i0.ɵɵtext(24, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "input", 94);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormName, $event) || (ctx_r2.FormName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(25, "input", 91);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormName, $event) || (ctx_r2.FormName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 91)(27, "label", 92);
+    i0.ɵɵelementStart(26, "div", 88)(27, "label", 89);
     i0.ɵɵtext(28, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "textarea", 95);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_textarea_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormDescription, $event) || (ctx_r2.FormDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(29, "textarea", 92);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_textarea_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormDescription, $event) || (ctx_r2.FormDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 96);
-    i0.ɵɵconditionalCreate(31, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_Template, 10, 1, "div", 91);
-    i0.ɵɵconditionalCreate(32, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_Template, 8, 1, "div", 91);
-    i0.ɵɵelementStart(33, "div", 91)(34, "label", 92);
+    i0.ɵɵelementStart(30, "div", 93);
+    i0.ɵɵconditionalCreate(31, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_31_Template, 10, 1, "div", 88);
+    i0.ɵɵconditionalCreate(32, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_32_Template, 8, 1, "div", 88);
+    i0.ɵɵelementStart(33, "div", 88)(34, "label", 89);
     i0.ɵɵtext(35, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "select", 97);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_select_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormStatus, $event) || (ctx_r2.FormStatus = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(37, TestingExplorerComponent_ng_template_2_Conditional_5_For_38_Template, 2, 2, "option", 98, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(36, "select", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_select_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormStatus, $event) || (ctx_r2.FormStatus = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(37, TestingExplorerComponent_ng_template_2_Conditional_6_For_38_Template, 2, 2, "option", 95, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(39, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_39_Template, 12, 2, "div", 89);
-    i0.ɵɵelementStart(40, "div", 89)(41, "div", 90);
+    i0.ɵɵconditionalCreate(39, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_39_Template, 12, 2, "div", 86);
+    i0.ɵɵelementStart(40, "div", 86)(41, "div", 87);
     i0.ɵɵtext(42, "Tags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "div", 91)(44, "input", 99);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_input_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTags, $event) || (ctx_r2.FormTags = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(43, "div", 88)(44, "input", 96);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_input_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTags, $event) || (ctx_r2.FormTags = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 100);
+    i0.ɵɵelementStart(45, "span", 97);
     i0.ɵɵtext(46, "Separate multiple tags with commas");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(47, "div", 101)(48, "button", 102);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+    i0.ɵɵelementStart(47, "div", 98)(48, "button", 99);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
     i0.ɵɵtext(49, "Cancel");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "button", 103);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_5_Template_button_click_50_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveForm()); });
-    i0.ɵɵconditionalCreate(51, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_51_Template, 1, 0, "i", 104)(52, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_52_Template, 1, 0, "i", 105);
+    i0.ɵɵelementStart(50, "button", 100);
+    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_button_click_50_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveForm()); });
+    i0.ɵɵconditionalCreate(51, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_51_Template, 1, 0, "i", 101)(52, TestingExplorerComponent_ng_template_2_Conditional_6_Conditional_52_Template, 1, 0, "i", 102);
     i0.ɵɵtext(53);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -746,12 +725,12 @@ function TestingExplorerComponent_ng_template_2_Conditional_5_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Create ", ctx_r2.SlideoutCreateType === "test" ? "Test" : "Suite", " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-slide-panel", 111);
-    i0.ɵɵlistener("Closed", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
-    i0.ɵɵelementStart(1, "app-test-run-dialog", 112);
-    i0.ɵɵlistener("PanelClose", function TestingExplorerComponent_ng_template_2_Conditional_6_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
+function TestingExplorerComponent_ng_template_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-slide-panel", 108);
+    i0.ɵɵlistener("Closed", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
+    i0.ɵɵelementStart(1, "app-test-run-dialog", 109);
+    i0.ɵɵlistener("PanelClose", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r22); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -760,27 +739,31 @@ function TestingExplorerComponent_ng_template_2_Conditional_6_Template(rf, ctx)
     i0.ɵɵproperty("PanelMode", true)("selectedTestId", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.testId) ?? null)("selectedSuiteId", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.suiteId) ?? null)("runMode", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.mode) ?? "test");
 } }
 function TestingExplorerComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_0_Template, 2, 0, "div", 18)(1, TestingExplorerComponent_ng_template_2_Conditional_1_Template, 7, 6, "div", 19);
-    i0.ɵɵconditionalCreate(2, TestingExplorerComponent_ng_template_2_Conditional_2_Template, 1, 0, "div", 20);
-    i0.ɵɵelementStart(3, "div", 21)(4, "div", 22);
-    i0.ɵɵlistener("mousedown", function TestingExplorerComponent_ng_template_2_Template_div_mousedown_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnResizeStart($event)); });
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-page-body", 16);
+    i0.ɵɵconditionalCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Template, 2, 0, "div", 17)(2, TestingExplorerComponent_ng_template_2_Conditional_2_Template, 6, 6);
+    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_3_Template, 1, 0, "div", 18);
+    i0.ɵɵelementStart(4, "div", 19)(5, "div", 20);
+    i0.ɵɵlistener("mousedown", function TestingExplorerComponent_ng_template_2_Template_div_mousedown_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnResizeStart($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, TestingExplorerComponent_ng_template_2_Conditional_6_Template, 54, 18, "div", 21);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, TestingExplorerComponent_ng_template_2_Conditional_5_Template, 54, 18, "div", 23);
+    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_7_Template, 2, 5, "mj-slide-panel", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, TestingExplorerComponent_ng_template_2_Conditional_6_Template, 2, 5, "mj-slide-panel", 24);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r2.IsLoading ? 0 : 1);
+    i0.ɵɵproperty("Flex", true)("Padding", false);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsLoading ? 1 : 2);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 2 : -1);
+    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 3 : -1);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("width", ctx_r2.SlideoutWidth, "px");
     i0.ɵɵclassProp("open", ctx_r2.SlideoutOpen);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 5 : -1);
+    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.testingDialogService.IsPanelOpen ? 6 : -1);
+    i0.ɵɵconditional(ctx_r2.testingDialogService.IsPanelOpen ? 7 : -1);
 } }
 export class TestingExplorerComponent extends BaseAngularComponent {
     cdr;
@@ -1075,18 +1058,46 @@ export class TestingExplorerComponent extends BaseAngularComponent {
         { text: 'Ascending', value: 'asc' },
         { text: 'Descending', value: 'desc' },
     ];
-    get sortFilterFields() {
+    /**
+     * Concise-chrome model: every filter (View · Status · Sort) lives behind a
+     * single "Filter" button via this one mj-filter-panel field set. The applied
+     * state is surfaced separately as removable chips (see AppliedFilters), so
+     * input (the button) and state (the chips) are cleanly separated.
+     */
+    get filterFields() {
         return [
+            { key: 'displayMode', type: 'chips', label: 'View', chipOptions: [
+                    { text: 'All', value: 'all' },
+                    { text: 'Suites', value: 'suites' },
+                    { text: 'Tests', value: 'tests' },
+                ] },
+            { key: 'status', type: 'chips', label: 'Status', multi: true, chipOptions: [
+                    { text: 'Active', value: 'Active' },
+                    { text: 'Pending', value: 'Pending' },
+                    { text: 'Disabled', value: 'Disabled' },
+                ] },
             { key: 'SortField', type: 'dropdown', label: 'Sort by',
                 icon: 'fa-solid fa-arrow-down-wide-short', options: this.sortFieldOptions },
             { key: 'SortDirection', type: 'dropdown', label: 'Direction',
                 icon: 'fa-solid fa-arrow-up-arrow-down', options: this.sortDirectionOptions },
         ];
     }
-    get sortFilterValues() {
-        return { SortField: this.SortField, SortDirection: this.SortDirection };
+    get filterValues() {
+        return {
+            displayMode: this.DisplayMode,
+            status: Array.from(this.StatusFilters),
+            SortField: this.SortField,
+            SortDirection: this.SortDirection,
+        };
     }
-    onSortFilterChange(values) {
+    onFilterValuesChange(values) {
+        if ('displayMode' in values) {
+            this._displayMode$.next(values['displayMode']);
+        }
+        if ('status' in values) {
+            const arr = Array.isArray(values['status']) ? values['status'] : [];
+            this._statusFilters$.next(new Set(arr));
+        }
         if ('SortField' in values) {
             this._sortField$.next(values['SortField']);
         }
@@ -1098,7 +1109,13 @@ export class TestingExplorerComponent extends BaseAngularComponent {
         this._sortField$.next('name');
         this._sortDirection$.next('asc');
     }
-    /** Non-zero when the user has changed SortField or SortDirection from defaults — drives the popover badge. */
+    /** Clears every filter (View · Status · Sort) back to defaults. */
+    resetAllFilters() {
+        this._displayMode$.next('all');
+        this._statusFilters$.next(new Set());
+        this.resetSortFilters();
+    }
+    /** Active sort changes from defaults — contributes to the filter badge + chips. */
     get ActiveSortFilterCount() {
         let count = 0;
         if (this.SortField !== 'name')
@@ -1107,6 +1124,11 @@ export class TestingExplorerComponent extends BaseAngularComponent {
             count++;
         return count;
     }
+    /** Total active filters (View + Status + Sort) — drives the Filter button badge. */
+    get TotalActiveFilterCount() {
+        const displayModeActive = this.DisplayMode !== 'all' ? 1 : 0;
+        return this.ActiveSortFilterCount + this.StatusFilters.size + displayModeActive;
+    }
     RunTest(testId) {
         this.testingDialogService.OpenTestPanel(testId);
     }
@@ -1668,12 +1690,12 @@ export class TestingExplorerComponent extends BaseAngularComponent {
             throw new Error('Failed to save test suite. Please check your input and try again.');
     }
     static ɵfac = function TestingExplorerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingExplorerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i1.TestingDialogService), i0.ɵɵdirectiveInject(i2.TestingInstrumentationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingExplorerComponent, selectors: [["app-testing-explorer"]], inputs: { HideToolbar: "HideToolbar" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [["content", ""], [4, "ngTemplateOutlet"], ["Title", "Test Explorer", "Icon", "fa-solid fa-compass", "Subtitle", "Browse tests and test suites"], ["meta", ""], ["Label", "results", 3, "Count", "Total"], ["actions", ""], ["Label", "Sort", "Icon", "fa-solid fa-arrow-down-wide-short", 3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], [3, "KeyChange", "Options", "ActiveKey"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-folder-plus"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["toolbar", ""], ["Placeholder", "Search tests and suites...", 3, "ValueChange", "Value"], [3, "Label", "Active"], [3, "Flex", "Padding"], [3, "Clicked", "Label", "Active"], [1, "explorer-loading"], [1, "explorer-layout"], [1, "slideout-backdrop"], [1, "slideout-panel"], [1, "slideout-resize-handle", 3, "mousedown"], [1, "slideout-container"], ["Mode", "slide", "Title", "Run Test", 3, "Resizable"], ["text", "Loading test explorer..."], [3, "ItemClicked", "ItemToggled", "Sections", "ActiveId", "ExpandedIds"], [1, "content-area"], [1, "empty-state"], [1, "content-section"], [1, "section-title"], [1, "fa-solid", "fa-folder"], [1, "section-count"], [1, "card-grid"], [1, "suite-card"], [1, "card-header"], [1, "card-title-row"], [1, "fa-solid", "fa-folder-open", "card-icon", "suite-icon"], [1, "card-name", 3, "innerHTML"], [1, "status-badge"], [1, "card-subtitle"], [1, "card-description", 3, "innerHTML"], [1, "card-stats"], [1, "stat"], [1, "stat-label"], [1, "stat-value"], [1, "card-tests-preview"], [1, "card-actions"], [1, "btn", "btn-sm", "btn-primary", 3, "click"], [1, "fa-solid", "fa-play"], [1, "btn", "btn-sm", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-chart-bar"], [1, "fa-solid", "fa-pen"], [1, "dot-sep"], [1, "preview-more"], [1, "preview-test-row"], [1, "preview-dot"], [1, "preview-test-name"], [1, "preview-score"], [1, "preview-bar"], [1, "preview-bar-fill"], [1, "preview-status"], [1, "fa-solid", "fa-vial"], [1, "test-card"], [1, "fa-solid", "fa-vial", "card-icon", "test-icon"], [1, "card-meta-row"], [1, "meta-item"], [1, "fa-solid", "fa-calendar"], [1, "card-tags"], [1, "stat-value", "status-text"], [1, "fa-solid", "fa-history"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-dollar-sign"], [1, "tag", "tag-more"], [1, "tag"], [1, "fa-solid", "fa-inbox"], [1, "empty-hint"], [1, "slideout-backdrop", 3, "click"], [1, "slideout-header"], [1, "slideout-title-row"], [1, "fa-solid", "fa-plus-circle", "slideout-title-icon"], [1, "slideout-title-text"], [1, "slideout-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "slideout-type-toggle"], [1, "type-toggle-btn", 3, "click"], [1, "slideout-error"], [1, "slideout-body"], [1, "form-section"], [1, "form-section-title"], [1, "form-group"], [1, "form-label"], [1, "form-required"], ["type", "text", 1, "form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["rows", "3", 1, "form-textarea", 3, "ngModelChange", "ngModel", "placeholder"], [1, "form-row"], [1, "form-input", 3, "ngModelChange", "ngModel"], [3, "value"], ["type", "text", "placeholder", "Comma-separated tags, e.g., agent, quality, v2", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "form-hint"], [1, "slideout-footer"], [1, "btn", "btn-secondary", 3, "click"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-circle-exclamation"], ["value", "", "disabled", ""], ["value", ""], ["type", "number", "min", "0", "placeholder", "0", 1, "form-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "step", "0.01", "placeholder", "0.00", 1, "form-input", 3, "ngModelChange", "ngModel"], ["Mode", "slide", "Title", "Run Test", 3, "Closed", "Resizable"], [3, "PanelClose", "PanelMode", "selectedTestId", "selectedSuiteId", "runMode"]], template: function TestingExplorerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_0_Template, 1, 1, "ng-container")(1, TestingExplorerComponent_Conditional_1_Template, 21, 14, "mj-page-layout");
-            i0.ɵɵtemplate(2, TestingExplorerComponent_ng_template_2_Template, 7, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingExplorerComponent, selectors: [["app-testing-explorer"]], inputs: { HideToolbar: "HideToolbar" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 1, consts: [["content", ""], [4, "ngTemplateOutlet"], ["Title", "Test Explorer", "Icon", "fa-solid fa-compass", "Subtitle", "Browse tests and test suites"], ["meta", ""], ["Label", "results", 3, "Count", "Total"], ["actions", ""], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "action-btn-label"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["toolbar", ""], ["Placeholder", "Search tests and suites...", 3, "ValueChange", "Value"], ["Label", "Filters", "Icon", "fa-solid fa-filter", 3, "ClearAllRequested", "ActiveCount", "ShowClearAll"], [3, "ValuesChange", "Reset", "Fields", "Values"], [3, "KeyChange", "Options", "ActiveKey"], ["Direction", "row", 3, "Flex", "Padding"], [1, "explorer-loading"], [1, "slideout-backdrop"], [1, "slideout-panel"], [1, "slideout-resize-handle", 3, "mousedown"], [1, "slideout-container"], ["Mode", "slide", "Title", "Run Test", 3, "Resizable"], ["text", "Loading test explorer..."], ["MobileTitle", "Browse Tests", 3, "ItemClicked", "ItemToggled", "Sections", "ActiveId", "ExpandedIds"], [1, "empty-state"], [1, "content-section"], [1, "section-title"], [1, "fa-solid", "fa-folder"], [1, "section-count"], [1, "card-grid"], [1, "suite-card"], [1, "card-header"], [1, "card-title-row"], [1, "fa-solid", "fa-folder-open", "card-icon", "suite-icon"], [1, "card-name", 3, "innerHTML"], [1, "status-badge"], [1, "card-subtitle"], [1, "card-description", 3, "innerHTML"], [1, "card-stats"], [1, "stat"], [1, "stat-label"], [1, "stat-value"], [1, "card-tests-preview"], [1, "card-actions"], [1, "btn", "btn-sm", "btn-primary", 3, "click"], [1, "fa-solid", "fa-play"], [1, "btn", "btn-sm", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-chart-bar"], [1, "fa-solid", "fa-pen"], [1, "dot-sep"], [1, "preview-more"], [1, "preview-test-row"], [1, "preview-dot"], [1, "preview-test-name"], [1, "preview-score"], [1, "preview-bar"], [1, "preview-bar-fill"], [1, "preview-status"], [1, "fa-solid", "fa-vial"], [1, "test-card"], [1, "fa-solid", "fa-vial", "card-icon", "test-icon"], [1, "card-meta-row"], [1, "meta-item"], [1, "fa-solid", "fa-calendar"], [1, "card-tags"], [1, "stat-value", "status-text"], [1, "fa-solid", "fa-history"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-dollar-sign"], [1, "tag", "tag-more"], [1, "tag"], [1, "fa-solid", "fa-inbox"], [1, "empty-hint"], [1, "slideout-backdrop", 3, "click"], [1, "slideout-header"], [1, "slideout-title-row"], [1, "fa-solid", "fa-plus-circle", "slideout-title-icon"], [1, "slideout-title-text"], [1, "slideout-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "slideout-type-toggle"], [1, "type-toggle-btn", 3, "click"], [1, "slideout-error"], [1, "slideout-body"], [1, "form-section"], [1, "form-section-title"], [1, "form-group"], [1, "form-label"], [1, "form-required"], ["type", "text", 1, "form-input", 3, "ngModelChange", "ngModel", "placeholder"], ["rows", "3", 1, "form-textarea", 3, "ngModelChange", "ngModel", "placeholder"], [1, "form-row"], [1, "form-input", 3, "ngModelChange", "ngModel"], [3, "value"], ["type", "text", "placeholder", "Comma-separated tags, e.g., agent, quality, v2", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "form-hint"], [1, "slideout-footer"], [1, "btn", "btn-secondary", 3, "click"], [1, "btn", "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-circle-exclamation"], ["value", "", "disabled", ""], ["value", ""], ["type", "number", "min", "0", "placeholder", "0", 1, "form-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "step", "0.01", "placeholder", "0.00", 1, "form-input", 3, "ngModelChange", "ngModel"], ["Mode", "slide", "Title", "Run Test", 3, "Closed", "Resizable"], [3, "PanelClose", "PanelMode", "selectedTestId", "selectedSuiteId", "runMode"]], template: function TestingExplorerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_0_Template, 1, 1, "ng-container")(1, TestingExplorerComponent_Conditional_1_Template, 19, 10, "mj-page-layout");
+            i0.ɵɵtemplate(2, TestingExplorerComponent_ng_template_2_Template, 8, 10, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.HideToolbar ? 0 : 1);
-        } }, dependencies: [i3.NgTemplateOutlet, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.NumberValueAccessor, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.MinValidator, i4.NgModel, i5.MJButtonDirective, i5.MJPageHeaderComponent, i5.MJPageLayoutComponent, i5.MJPageBodyComponent, i5.MJFilterChipComponent, i5.MJFilterPopoverComponent, i5.MJFilterPanelComponent, i5.MJPageSearchComponent, i5.MJViewToggleComponent, i5.MJStatBadgeComponent, i5.MJLeftNavComponent, i5.MJLeftNavContentComponent, i1.TestRunDialogComponent, i6.MjSlidePanelComponent, i7.LoadingComponent, i8.HighlightSearchPipe], styles: ["\n\n\n\n\n    [_nghost-%COMP%] {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    \n\n    .explorer-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-sunken);\n    }\n\n    \n\n    .explorer-layout[_ngcontent-%COMP%] {\n      display: flex;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n      overflow: hidden;\n    }\n\n    \n\n\n\n\n\n    \n\n    .btn[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 9px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n    }\n\n    .btn-primary[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .btn-primary[_ngcontent-%COMP%]:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .btn-secondary[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-muted);\n      border: 1px solid var(--mj-border-default);\n    }\n\n    .btn-secondary[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-sm[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      font-size: 12px;\n    }\n\n    \n\n    .content-area[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .content-section[_ngcontent-%COMP%] {\n      margin-bottom: 32px;\n    }\n\n    .section-title[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 16px 0;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .section-count[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    \n\n    .card-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n      gap: 16px;\n    }\n\n    \n\n    .suite-card[_ngcontent-%COMP%], \n   .test-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n      transition: all 0.2s ease;\n    }\n\n    .suite-card[_ngcontent-%COMP%]:hover, \n   .test-card[_ngcontent-%COMP%]:hover {\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .card-header[_ngcontent-%COMP%] {\n      padding: 16px 16px 12px;\n    }\n\n    .card-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .card-icon[_ngcontent-%COMP%] {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .suite-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .test-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .card-name[_ngcontent-%COMP%] {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .status-badge[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      flex-shrink: 0;\n    }\n\n    .status-badge[data-status=\"active\"][_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge[data-status=\"pending\"][_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-badge[data-status=\"disabled\"][_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .card-subtitle[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .dot-sep[_ngcontent-%COMP%] {\n      display: inline-block;\n      width: 3px;\n      height: 3px;\n      background: var(--mj-text-disabled);\n      border-radius: 50%;\n      vertical-align: middle;\n      margin: 0 6px;\n    }\n\n    .card-description[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta-row[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 8px;\n    }\n\n    .meta-item[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    .card-tags[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 8px;\n    }\n\n    .tag[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n      border-radius: 4px;\n    }\n\n    .tag-more[_ngcontent-%COMP%] {\n      background: var(--mj-border-default);\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .card-stats[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      background: var(--mj-border-default);\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .stat[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-card);\n      padding: 10px 12px;\n      text-align: center;\n    }\n\n    .stat-label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 2px;\n    }\n\n    .stat-value[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .stat-value.good[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .stat-value.warn[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .stat-value.bad[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n    .status-text[data-status=\"passed\"][_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .status-text[data-status=\"failed\"][_ngcontent-%COMP%] { color: var(--mj-status-error); }\n    .status-text[data-status=\"error\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"running\"][_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n    .status-text[data-status=\"pending\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"skipped\"][_ngcontent-%COMP%] { color: var(--mj-text-muted); }\n\n    \n\n    .card-tests-preview[_ngcontent-%COMP%] {\n      padding: 10px 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .preview-test-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n      font-size: 12px;\n    }\n\n    .preview-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .preview-dot[data-status=\"passed\"][_ngcontent-%COMP%] { background: var(--mj-status-success); }\n    .preview-dot[data-status=\"failed\"][_ngcontent-%COMP%] { background: var(--mj-status-error); }\n    .preview-dot[data-status=\"error\"][_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n    .preview-dot[data-status=\"running\"][_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n    .preview-dot[data-status=\"\"][_ngcontent-%COMP%] { background: var(--mj-text-disabled); }\n\n    .preview-test-name[_ngcontent-%COMP%] {\n      flex: 1;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .preview-score[_ngcontent-%COMP%] {\n      font-weight: 600;\n      font-size: 11px;\n      min-width: 32px;\n      text-align: right;\n    }\n\n    .preview-score.good[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .preview-score.warn[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .preview-score.bad[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n    .preview-bar[_ngcontent-%COMP%] {\n      width: 48px;\n      height: 4px;\n      background: var(--mj-border-default);\n      border-radius: 2px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .preview-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 2px;\n      transition: width 0.3s ease;\n    }\n\n    .good-bg[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n    .warn-bg[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n    .bad-bg[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n\n    .preview-status[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      min-width: 44px;\n      text-align: right;\n    }\n\n    .preview-status[data-status=\"passed\"][_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .preview-status[data-status=\"failed\"][_ngcontent-%COMP%] { color: var(--mj-status-error); }\n    .preview-status[data-status=\"error\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .preview-status[data-status=\"\"][_ngcontent-%COMP%] { color: var(--mj-text-disabled); }\n\n    .preview-more[_ngcontent-%COMP%] {\n      padding: 4px 0 0;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    \n\n    .card-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n      margin-bottom: 16px;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: var(--mj-text-muted);\n      margin: 0 0 8px 0;\n    }\n\n    .empty-hint[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n\n\n    .slideout-backdrop[_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%_fadeInBackdrop 0.2s ease;\n    }\n\n    @keyframes _ngcontent-%COMP%_fadeInBackdrop {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .slideout-panel[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      right: -100%;\n      height: 100vh;\n      background: var(--mj-bg-surface);\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .slideout-panel.open[_ngcontent-%COMP%] {\n      right: 0;\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 5px;\n      height: 100%;\n      cursor: col-resize;\n      background: transparent;\n      z-index: 10;\n      transition: background 0.2s;\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%]:active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 50%, transparent);\n    }\n\n    .slideout-container[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .slideout-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .slideout-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .slideout-title-icon[_ngcontent-%COMP%] {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .slideout-title-text[_ngcontent-%COMP%] {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .slideout-close-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\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: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 14px;\n      transition: all 0.15s ease;\n    }\n\n    .slideout-close-btn[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-border-strong);\n    }\n\n    \n\n    .slideout-type-toggle[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 0;\n      padding: 16px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:first-child {\n      border-radius: 8px 0 0 8px;\n      border-right: none;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:last-child {\n      border-radius: 0 8px 8px 0;\n    }\n\n    .type-toggle-btn.active[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:hover:not(.active) {\n      background: var(--mj-border-default);\n    }\n\n    \n\n    .slideout-error[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 16px 24px 0;\n      padding: 12px 16px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      flex-shrink: 0;\n    }\n\n    .slideout-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    \n\n    .slideout-body[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px 24px;\n    }\n\n    .form-section[_ngcontent-%COMP%] {\n      margin-bottom: 24px;\n    }\n\n    .form-section-title[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      margin-bottom: 14px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 16px;\n    }\n\n    .form-label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 6px;\n    }\n\n    .form-required[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .form-input[_ngcontent-%COMP%], \n   .form-textarea[_ngcontent-%COMP%] {\n      width: 100%;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      transition: border-color 0.2s ease;\n      outline: none;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    .form-input[_ngcontent-%COMP%]:focus, \n   .form-textarea[_ngcontent-%COMP%]:focus {\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input[_ngcontent-%COMP%]::placeholder, \n   .form-textarea[_ngcontent-%COMP%]::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .form-textarea[_ngcontent-%COMP%] {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .form-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .form-hint[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    \n\n    .slideout-footer[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n      flex-shrink: 0;\n    }\n\n    .slideout-footer[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n      min-width: 100px;\n      justify-content: center;\n    }\n\n    .slideout-footer[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    \n\n      mark.search-highlight {\n      background: color-mix(in srgb, var(--mj-status-warning) 20%, var(--mj-bg-surface));\n      color: inherit;\n      padding: 1px 2px;\n      border-radius: 2px;\n      font-weight: 700;\n    }\n\n    \n\n\n\n    @media (max-width: 1200px) {\n      .card-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .content-area[_ngcontent-%COMP%] {\n        padding: 16px;\n      }\n\n      .card-stats[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .slideout-panel[_ngcontent-%COMP%] {\n        width: 100% !important;\n      }\n\n      .slideout-resize-handle[_ngcontent-%COMP%] {\n        display: none;\n      }\n\n      .form-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }"], changeDetection: 0 });
+        } }, dependencies: [i3.NgTemplateOutlet, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.NumberValueAccessor, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.MinValidator, i4.NgModel, i5.MJButtonDirective, i5.MJPageHeaderComponent, i5.MJPageLayoutComponent, i5.MJPageBodyComponent, i5.MJPageBodyInteriorComponent, i5.MJFilterPopoverComponent, i5.MJFilterPanelComponent, i5.MJPageSearchComponent, i5.MJViewToggleComponent, i5.MJStatBadgeComponent, i5.MJLeftNavComponent, i5.MJLeftNavContentComponent, i1.TestRunDialogComponent, i5.MjSlidePanelComponent, i6.LoadingComponent, i7.HighlightSearchPipe], styles: ["\n\n\n\n\n    [_nghost-%COMP%] {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    \n\n    .explorer-loading[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    \n\n\n\n\n    \n\n\n\n    \n\n\n\n\n\n    \n\n    .btn[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 9px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n    }\n\n    .btn-primary[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .btn-primary[_ngcontent-%COMP%]:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .btn-secondary[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-muted);\n      border: 1px solid var(--mj-border-default);\n    }\n\n    .btn-secondary[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-sm[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      font-size: 12px;\n    }\n\n    .content-section[_ngcontent-%COMP%] {\n      margin-bottom: 32px;\n    }\n\n    .section-title[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 16px 0;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .section-count[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    \n\n    .card-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n      gap: 16px;\n    }\n\n    \n\n    .suite-card[_ngcontent-%COMP%], \n   .test-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n      transition: all 0.2s ease;\n    }\n\n    .suite-card[_ngcontent-%COMP%]:hover, \n   .test-card[_ngcontent-%COMP%]:hover {\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .card-header[_ngcontent-%COMP%] {\n      padding: 16px 16px 12px;\n    }\n\n    .card-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .card-icon[_ngcontent-%COMP%] {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .suite-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .test-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .card-name[_ngcontent-%COMP%] {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .status-badge[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      flex-shrink: 0;\n    }\n\n    .status-badge[data-status=\"active\"][_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge[data-status=\"pending\"][_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-badge[data-status=\"disabled\"][_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .card-subtitle[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .dot-sep[_ngcontent-%COMP%] {\n      display: inline-block;\n      width: 3px;\n      height: 3px;\n      background: var(--mj-text-disabled);\n      border-radius: 50%;\n      vertical-align: middle;\n      margin: 0 6px;\n    }\n\n    .card-description[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta-row[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 8px;\n    }\n\n    .meta-item[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    .card-tags[_ngcontent-%COMP%] {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 8px;\n    }\n\n    .tag[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n      border-radius: 4px;\n    }\n\n    .tag-more[_ngcontent-%COMP%] {\n      background: var(--mj-border-default);\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .card-stats[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      background: var(--mj-border-default);\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .stat[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-card);\n      padding: 10px 12px;\n      text-align: center;\n    }\n\n    .stat-label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 2px;\n    }\n\n    .stat-value[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .stat-value.good[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .stat-value.warn[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .stat-value.bad[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n    .status-text[data-status=\"passed\"][_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .status-text[data-status=\"failed\"][_ngcontent-%COMP%] { color: var(--mj-status-error); }\n    .status-text[data-status=\"error\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"running\"][_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n    .status-text[data-status=\"pending\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"skipped\"][_ngcontent-%COMP%] { color: var(--mj-text-muted); }\n\n    \n\n    .card-tests-preview[_ngcontent-%COMP%] {\n      padding: 10px 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .preview-test-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n      font-size: 12px;\n    }\n\n    .preview-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .preview-dot[data-status=\"passed\"][_ngcontent-%COMP%] { background: var(--mj-status-success); }\n    .preview-dot[data-status=\"failed\"][_ngcontent-%COMP%] { background: var(--mj-status-error); }\n    .preview-dot[data-status=\"error\"][_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n    .preview-dot[data-status=\"running\"][_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n    .preview-dot[data-status=\"\"][_ngcontent-%COMP%] { background: var(--mj-text-disabled); }\n\n    .preview-test-name[_ngcontent-%COMP%] {\n      flex: 1;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .preview-score[_ngcontent-%COMP%] {\n      font-weight: 600;\n      font-size: 11px;\n      min-width: 32px;\n      text-align: right;\n    }\n\n    .preview-score.good[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .preview-score.warn[_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .preview-score.bad[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n    .preview-bar[_ngcontent-%COMP%] {\n      width: 48px;\n      height: 4px;\n      background: var(--mj-border-default);\n      border-radius: 2px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .preview-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 2px;\n      transition: width 0.3s ease;\n    }\n\n    .good-bg[_ngcontent-%COMP%] { background: var(--mj-status-success); }\n    .warn-bg[_ngcontent-%COMP%] { background: var(--mj-status-warning); }\n    .bad-bg[_ngcontent-%COMP%] { background: var(--mj-status-error); }\n\n    .preview-status[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      min-width: 44px;\n      text-align: right;\n    }\n\n    .preview-status[data-status=\"passed\"][_ngcontent-%COMP%] { color: var(--mj-status-success); }\n    .preview-status[data-status=\"failed\"][_ngcontent-%COMP%] { color: var(--mj-status-error); }\n    .preview-status[data-status=\"error\"][_ngcontent-%COMP%] { color: var(--mj-status-warning); }\n    .preview-status[data-status=\"\"][_ngcontent-%COMP%] { color: var(--mj-text-disabled); }\n\n    .preview-more[_ngcontent-%COMP%] {\n      padding: 4px 0 0;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    \n\n    .card-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n      margin-bottom: 16px;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      font-size: 16px;\n      color: var(--mj-text-muted);\n      margin: 0 0 8px 0;\n    }\n\n    .empty-hint[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n\n\n    .slideout-backdrop[_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%_fadeInBackdrop 0.2s ease;\n    }\n\n    @keyframes _ngcontent-%COMP%_fadeInBackdrop {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .slideout-panel[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      right: -100%;\n      height: 100vh;\n      background: var(--mj-bg-surface);\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .slideout-panel.open[_ngcontent-%COMP%] {\n      right: 0;\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 5px;\n      height: 100%;\n      cursor: col-resize;\n      background: transparent;\n      z-index: 10;\n      transition: background 0.2s;\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .slideout-resize-handle[_ngcontent-%COMP%]:active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 50%, transparent);\n    }\n\n    .slideout-container[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .slideout-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .slideout-title-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .slideout-title-icon[_ngcontent-%COMP%] {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .slideout-title-text[_ngcontent-%COMP%] {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .slideout-close-btn[_ngcontent-%COMP%] {\n      width: 32px;\n      height: 32px;\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: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 14px;\n      transition: all 0.15s ease;\n    }\n\n    .slideout-close-btn[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-border-strong);\n    }\n\n    \n\n    .slideout-type-toggle[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 0;\n      padding: 16px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:first-child {\n      border-radius: 8px 0 0 8px;\n      border-right: none;\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:last-child {\n      border-radius: 0 8px 8px 0;\n    }\n\n    .type-toggle-btn.active[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .type-toggle-btn[_ngcontent-%COMP%]:hover:not(.active) {\n      background: var(--mj-border-default);\n    }\n\n    \n\n    .slideout-error[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 16px 24px 0;\n      padding: 12px 16px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      flex-shrink: 0;\n    }\n\n    .slideout-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    \n\n    .slideout-body[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px 24px;\n    }\n\n    .form-section[_ngcontent-%COMP%] {\n      margin-bottom: 24px;\n    }\n\n    .form-section-title[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      margin-bottom: 14px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 16px;\n    }\n\n    .form-label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 6px;\n    }\n\n    .form-required[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .form-input[_ngcontent-%COMP%], \n   .form-textarea[_ngcontent-%COMP%] {\n      width: 100%;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      transition: border-color 0.2s ease;\n      outline: none;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    .form-input[_ngcontent-%COMP%]:focus, \n   .form-textarea[_ngcontent-%COMP%]:focus {\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input[_ngcontent-%COMP%]::placeholder, \n   .form-textarea[_ngcontent-%COMP%]::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .form-textarea[_ngcontent-%COMP%] {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .form-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .form-hint[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    \n\n    .slideout-footer[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n      flex-shrink: 0;\n    }\n\n    .slideout-footer[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%] {\n      min-width: 100px;\n      justify-content: center;\n    }\n\n    .slideout-footer[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    \n\n      mark.search-highlight {\n      background: color-mix(in srgb, var(--mj-status-warning) 20%, var(--mj-bg-surface));\n      color: inherit;\n      padding: 1px 2px;\n      border-radius: 2px;\n      font-weight: 700;\n    }\n\n    \n\n\n\n    @media (max-width: 1200px) {\n      .card-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .card-stats[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .slideout-panel[_ngcontent-%COMP%] {\n        width: 100% !important;\n      }\n\n      .slideout-resize-handle[_ngcontent-%COMP%] {\n        display: none;\n      }\n\n      .form-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingExplorerComponent, [{
         type: Component,
@@ -1698,71 +1720,60 @@ export class TestingExplorerComponent extends BaseAngularComponent {
             </mj-stat-badge>
           </div>
           <div actions>
-            <!-- Sort + Direction live in a popover instead of a chrome
-                 toggle button so both dimensions surface together (was just
-                 a direction toggle before; the field selection was buried
-                 in code). Pattern matches AI Analytics → Model Performance
-                 where SortBy lives alongside other filter dropdowns. -->
-            <mj-filter-popover
-              Label="Sort"
-              Icon="fa-solid fa-arrow-down-wide-short"
-              [ActiveCount]="ActiveSortFilterCount"
-              [ShowClearAll]="ActiveSortFilterCount > 0"
-              (ClearAllRequested)="resetSortFilters()">
-              <mj-filter-panel
-                [Fields]="sortFilterFields"
-                [Values]="sortFilterValues"
-                (ValuesChange)="onSortFilterChange($event)"
-                (Reset)="resetSortFilters()">
-              </mj-filter-panel>
-            </mj-filter-popover>
-            <mj-view-toggle
-              [Options]="HeaderViewOptions"
-              [ActiveKey]="ViewMode"
-              (KeyChange)="SetViewMode($any($event))">
-            </mj-view-toggle>
             <button mjButton variant="secondary" size="sm" (click)="OnNewSuite()">
-              <i class="fa-solid fa-folder-plus"></i> New Suite
+              <i class="fa-solid fa-folder-plus"></i> <span class="action-btn-label">New Suite</span>
             </button>
             <button mjButton variant="primary" size="sm" (click)="OnNewTest()">
-              <i class="fa-solid fa-plus"></i> New Test
+              <i class="fa-solid fa-plus"></i> <span class="action-btn-label">New Test</span>
             </button>
           </div>
           <div toolbar>
+            <!-- Concise-chrome control bar: search · Filter · view, together.
+                 Search is persistent wayfinding (never a filter field); all
+                 filters live behind the one Filter button (docks as a bottom
+                 sheet on mobile); applied filters render as removable chips
+                 below the bar (see <mj-applied-filters>). -->
             <mj-page-search
               Placeholder="Search tests and suites..."
               [Value]="SearchTerm"
               (ValueChange)="OnSearchInputValue($event)">
             </mj-page-search>
-            @for (status of StatusOptions; track status) {
-              <mj-filter-chip
-                [Label]="status"
-                [Active]="IsStatusActive(status)"
-                (Clicked)="ToggleStatus(status)">
-              </mj-filter-chip>
-            }
+            <mj-filter-popover
+              Label="Filters"
+              Icon="fa-solid fa-filter"
+              [ActiveCount]="TotalActiveFilterCount"
+              [ShowClearAll]="TotalActiveFilterCount > 0"
+              (ClearAllRequested)="resetAllFilters()">
+              <mj-filter-panel
+                [Fields]="filterFields"
+                [Values]="filterValues"
+                (ValuesChange)="onFilterValuesChange($event)"
+                (Reset)="resetAllFilters()">
+              </mj-filter-panel>
+            </mj-filter-popover>
             <mj-view-toggle
-              [Options]="DisplayModeOptions"
-              [ActiveKey]="DisplayMode"
-              (KeyChange)="SetDisplayMode($any($event))">
+              [Options]="HeaderViewOptions"
+              [ActiveKey]="ViewMode"
+              (KeyChange)="SetViewMode($any($event))">
             </mj-view-toggle>
           </div>
         </mj-page-header>
-        <mj-page-body [Flex]="true" [Padding]="false">
-          <ng-container *ngTemplateOutlet="content"></ng-container>
-        </mj-page-body>
+        <ng-container *ngTemplateOutlet="content"></ng-container>
       </mj-page-layout>
     }
 
     <ng-template #content>
-    @if (IsLoading) {
-      <div class="explorer-loading">
-        <mj-loading text="Loading test explorer..."></mj-loading>
-      </div>
-    } @else {
-      <div class="explorer-layout">
-        <!-- Left rail -->
+      <!-- Shared chrome primitives instead of bespoke wrappers: mj-page-body
+           (row) is the rail+content layout, mj-page-body-interior is the
+           scroller. Both reflow / scroll correctly on mobile. -->
+      <mj-page-body [Flex]="true" [Padding]="false" Direction="row">
+      @if (IsLoading) {
+        <div class="explorer-loading">
+          <mj-loading text="Loading test explorer..."></mj-loading>
+        </div>
+      } @else {
         <mj-left-nav
+          MobileTitle="Browse Tests"
           [Sections]="NavSections"
           [ActiveId]="ActiveNavId"
           [ExpandedIds]="ExpandedNavIds"
@@ -1770,10 +1781,8 @@ export class TestingExplorerComponent extends BaseAngularComponent {
           (ItemToggled)="OnNavItemToggled($event)">
         </mj-left-nav>
 
-        <!-- Main Content -->
         <mj-left-nav-content>
-          <!-- Content Area -->
-          <div class="content-area">
+          <mj-page-body-interior>
             <!-- Suites Section -->
             @if (DisplayMode === 'all' || DisplayMode === 'suites') {
               @if (FilteredSuites.length > 0) {
@@ -1961,10 +1970,9 @@ export class TestingExplorerComponent extends BaseAngularComponent {
                 <span class="empty-hint">Try adjusting your search or filters.</span>
               </div>
             }
-          </div>
+          </mj-page-body-interior>
         </mj-left-nav-content>
-      </div>
-    }
+      }
 
     <!-- Slideout Backdrop -->
     @if (SlideoutOpen) {
@@ -2150,10 +2158,11 @@ export class TestingExplorerComponent extends BaseAngularComponent {
         </app-test-run-dialog>
       </mj-slide-panel>
     }
+      </mj-page-body>
     </ng-template>
-  `, styles: ["\n    /* ==========================================\n       Testing Explorer Component\n       ========================================== */\n\n    :host {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Loading */\n    .explorer-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-sunken);\n    }\n\n    /* Layout */\n    .explorer-layout {\n      display: flex;\n      height: 100%;\n      background: var(--mj-bg-surface-sunken);\n      overflow: hidden;\n    }\n\n    /* ==========================================\n       Main Content\n       \u2014 left rail + content pane handled by <mj-left-nav> + <mj-left-nav-content>\n       ========================================== */\n\n    /* Buttons */\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 9px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n    }\n\n    .btn-primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .btn-primary:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .btn-secondary {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-muted);\n      border: 1px solid var(--mj-border-default);\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-sm {\n      padding: 6px 12px;\n      font-size: 12px;\n    }\n\n    /* Content Area */\n    .content-area {\n      flex: 1;\n      overflow-y: auto;\n      padding: 24px;\n    }\n\n    .content-section {\n      margin-bottom: 32px;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 16px 0;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .section-count {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Card Grid */\n    .card-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n      gap: 16px;\n    }\n\n    /* Suite Card */\n    .suite-card,\n    .test-card {\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n      transition: all 0.2s ease;\n    }\n\n    .suite-card:hover,\n    .test-card:hover {\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .card-header {\n      padding: 16px 16px 12px;\n    }\n\n    .card-title-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .card-icon {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .suite-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .test-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .card-name {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .status-badge {\n      font-size: 10px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      flex-shrink: 0;\n    }\n\n    .status-badge[data-status=\"active\"] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge[data-status=\"pending\"] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-badge[data-status=\"disabled\"] {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .card-subtitle {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .dot-sep {\n      display: inline-block;\n      width: 3px;\n      height: 3px;\n      background: var(--mj-text-disabled);\n      border-radius: 50%;\n      vertical-align: middle;\n      margin: 0 6px;\n    }\n\n    .card-description {\n      margin: 0;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 8px;\n    }\n\n    .meta-item {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item i {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    .card-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 8px;\n    }\n\n    .tag {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n      border-radius: 4px;\n    }\n\n    .tag-more {\n      background: var(--mj-border-default);\n      color: var(--mj-text-disabled);\n    }\n\n    /* Card Stats */\n    .card-stats {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      background: var(--mj-border-default);\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .stat {\n      background: var(--mj-bg-surface-card);\n      padding: 10px 12px;\n      text-align: center;\n    }\n\n    .stat-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 2px;\n    }\n\n    .stat-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .stat-value.good { color: var(--mj-status-success); }\n    .stat-value.warn { color: var(--mj-status-warning); }\n    .stat-value.bad { color: var(--mj-status-error); }\n\n    .status-text[data-status=\"passed\"] { color: var(--mj-status-success); }\n    .status-text[data-status=\"failed\"] { color: var(--mj-status-error); }\n    .status-text[data-status=\"error\"] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"running\"] { color: var(--mj-brand-primary); }\n    .status-text[data-status=\"pending\"] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"skipped\"] { color: var(--mj-text-muted); }\n\n    /* Suite Tests Preview */\n    .card-tests-preview {\n      padding: 10px 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .preview-test-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n      font-size: 12px;\n    }\n\n    .preview-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .preview-dot[data-status=\"passed\"] { background: var(--mj-status-success); }\n    .preview-dot[data-status=\"failed\"] { background: var(--mj-status-error); }\n    .preview-dot[data-status=\"error\"] { background: var(--mj-status-warning); }\n    .preview-dot[data-status=\"running\"] { background: var(--mj-brand-primary); }\n    .preview-dot[data-status=\"\"] { background: var(--mj-text-disabled); }\n\n    .preview-test-name {\n      flex: 1;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .preview-score {\n      font-weight: 600;\n      font-size: 11px;\n      min-width: 32px;\n      text-align: right;\n    }\n\n    .preview-score.good { color: var(--mj-status-success); }\n    .preview-score.warn { color: var(--mj-status-warning); }\n    .preview-score.bad { color: var(--mj-status-error); }\n\n    .preview-bar {\n      width: 48px;\n      height: 4px;\n      background: var(--mj-border-default);\n      border-radius: 2px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .preview-bar-fill {\n      height: 100%;\n      border-radius: 2px;\n      transition: width 0.3s ease;\n    }\n\n    .good-bg { background: var(--mj-status-success); }\n    .warn-bg { background: var(--mj-status-warning); }\n    .bad-bg { background: var(--mj-status-error); }\n\n    .preview-status {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      min-width: 44px;\n      text-align: right;\n    }\n\n    .preview-status[data-status=\"passed\"] { color: var(--mj-status-success); }\n    .preview-status[data-status=\"failed\"] { color: var(--mj-status-error); }\n    .preview-status[data-status=\"error\"] { color: var(--mj-status-warning); }\n    .preview-status[data-status=\"\"] { color: var(--mj-text-disabled); }\n\n    .preview-more {\n      padding: 4px 0 0;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    /* Card Actions */\n    .card-actions {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    /* Empty State */\n    .empty-state {\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .empty-state i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n      margin-bottom: 16px;\n    }\n\n    .empty-state p {\n      font-size: 16px;\n      color: var(--mj-text-muted);\n      margin: 0 0 8px 0;\n    }\n\n    .empty-hint {\n      font-size: 13px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* ==========================================\n       Slideout Panel\n       ========================================== */\n    .slideout-backdrop {\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: fadeInBackdrop 0.2s ease;\n    }\n\n    @keyframes fadeInBackdrop {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .slideout-panel {\n      position: fixed;\n      top: 0;\n      right: -100%;\n      height: 100vh;\n      background: var(--mj-bg-surface);\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .slideout-panel.open {\n      right: 0;\n    }\n\n    .slideout-resize-handle {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 5px;\n      height: 100%;\n      cursor: col-resize;\n      background: transparent;\n      z-index: 10;\n      transition: background 0.2s;\n    }\n\n    .slideout-resize-handle:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .slideout-resize-handle:active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 50%, transparent);\n    }\n\n    .slideout-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .slideout-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .slideout-title-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .slideout-title-icon {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .slideout-title-text {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .slideout-close-btn {\n      width: 32px;\n      height: 32px;\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: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 14px;\n      transition: all 0.15s ease;\n    }\n\n    .slideout-close-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-border-strong);\n    }\n\n    /* Type Toggle */\n    .slideout-type-toggle {\n      display: flex;\n      gap: 0;\n      padding: 16px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .type-toggle-btn {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .type-toggle-btn:first-child {\n      border-radius: 8px 0 0 8px;\n      border-right: none;\n    }\n\n    .type-toggle-btn:last-child {\n      border-radius: 0 8px 8px 0;\n    }\n\n    .type-toggle-btn.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .type-toggle-btn:hover:not(.active) {\n      background: var(--mj-border-default);\n    }\n\n    /* Error Banner */\n    .slideout-error {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 16px 24px 0;\n      padding: 12px 16px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      flex-shrink: 0;\n    }\n\n    .slideout-error i {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    /* Slideout Body */\n    .slideout-body {\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px 24px;\n    }\n\n    .form-section {\n      margin-bottom: 24px;\n    }\n\n    .form-section-title {\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      margin-bottom: 14px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-label {\n      display: block;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 6px;\n    }\n\n    .form-required {\n      color: var(--mj-status-error);\n    }\n\n    .form-input,\n    .form-textarea {\n      width: 100%;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      transition: border-color 0.2s ease;\n      outline: none;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    .form-input:focus,\n    .form-textarea:focus {\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input::placeholder,\n    .form-textarea::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .form-textarea {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .form-hint {\n      display: block;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    /* Slideout Footer */\n    .slideout-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n      flex-shrink: 0;\n    }\n\n    .slideout-footer .btn {\n      min-width: 100px;\n      justify-content: center;\n    }\n\n    .slideout-footer .btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    /* Search Highlight */\n    ::ng-deep mark.search-highlight {\n      background: color-mix(in srgb, var(--mj-status-warning) 20%, var(--mj-bg-surface));\n      color: inherit;\n      padding: 1px 2px;\n      border-radius: 2px;\n      font-weight: 700;\n    }\n\n    /* ==========================================\n       Responsive\n       ========================================== */\n    @media (max-width: 1200px) {\n      .card-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .content-area {\n        padding: 16px;\n      }\n\n      .card-stats {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .slideout-panel {\n        width: 100% !important;\n      }\n\n      .slideout-resize-handle {\n        display: none;\n      }\n\n      .form-row {\n        grid-template-columns: 1fr;\n      }\n    }\n  "] }]
+  `, styles: ["\n    /* ==========================================\n       Testing Explorer Component\n       ========================================== */\n\n    :host {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    /* Loading */\n    .explorer-loading {\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* The rail + content layout is the shared <mj-page-body Direction=\"row\">\n       (it reflows to a column on mobile) and the scroller is the shared\n       <mj-page-body-interior> \u2014 no bespoke .explorer-layout / .content-area. */\n\n    /* Mobile search-grow + icon-only action buttons are handled by the shared\n       <mj-page-header> rules (action-btn-label + toolbar search-grow). */\n\n    /* ==========================================\n       Main Content\n       \u2014 left rail + content pane handled by <mj-left-nav> + <mj-left-nav-content>\n       ========================================== */\n\n    /* Buttons */\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 9px 16px;\n      border: none;\n      border-radius: 6px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n    }\n\n    .btn-primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .btn-primary:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .btn-secondary {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-muted);\n      border: 1px solid var(--mj-border-default);\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-sm {\n      padding: 6px 12px;\n      font-size: 12px;\n    }\n\n    .content-section {\n      margin-bottom: 32px;\n    }\n\n    .section-title {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0 0 16px 0;\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .section-title i {\n      color: var(--mj-brand-primary);\n      font-size: 14px;\n    }\n\n    .section-count {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Card Grid */\n    .card-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));\n      gap: 16px;\n    }\n\n    /* Suite Card */\n    .suite-card,\n    .test-card {\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n      transition: all 0.2s ease;\n    }\n\n    .suite-card:hover,\n    .test-card:hover {\n      border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .card-header {\n      padding: 16px 16px 12px;\n    }\n\n    .card-title-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 6px;\n    }\n\n    .card-icon {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .suite-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .test-icon {\n      color: var(--mj-brand-primary);\n    }\n\n    .card-name {\n      flex: 1;\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .status-badge {\n      font-size: 10px;\n      font-weight: 700;\n      padding: 3px 8px;\n      border-radius: 4px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      flex-shrink: 0;\n    }\n\n    .status-badge[data-status=\"active\"] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge[data-status=\"pending\"] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-badge[data-status=\"disabled\"] {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .card-subtitle {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      margin-bottom: 6px;\n    }\n\n    .dot-sep {\n      display: inline-block;\n      width: 3px;\n      height: 3px;\n      background: var(--mj-text-disabled);\n      border-radius: 50%;\n      vertical-align: middle;\n      margin: 0 6px;\n    }\n\n    .card-description {\n      margin: 0;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 8px;\n    }\n\n    .meta-item {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .meta-item i {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    .card-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 4px;\n      margin-top: 8px;\n    }\n\n    .tag {\n      font-size: 10px;\n      font-weight: 600;\n      padding: 2px 8px;\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n      border-radius: 4px;\n    }\n\n    .tag-more {\n      background: var(--mj-border-default);\n      color: var(--mj-text-disabled);\n    }\n\n    /* Card Stats */\n    .card-stats {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px;\n      background: var(--mj-border-default);\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .stat {\n      background: var(--mj-bg-surface-card);\n      padding: 10px 12px;\n      text-align: center;\n    }\n\n    .stat-label {\n      display: block;\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n      margin-bottom: 2px;\n    }\n\n    .stat-value {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .stat-value.good { color: var(--mj-status-success); }\n    .stat-value.warn { color: var(--mj-status-warning); }\n    .stat-value.bad { color: var(--mj-status-error); }\n\n    .status-text[data-status=\"passed\"] { color: var(--mj-status-success); }\n    .status-text[data-status=\"failed\"] { color: var(--mj-status-error); }\n    .status-text[data-status=\"error\"] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"running\"] { color: var(--mj-brand-primary); }\n    .status-text[data-status=\"pending\"] { color: var(--mj-status-warning); }\n    .status-text[data-status=\"skipped\"] { color: var(--mj-text-muted); }\n\n    /* Suite Tests Preview */\n    .card-tests-preview {\n      padding: 10px 16px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .preview-test-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px 0;\n      font-size: 12px;\n    }\n\n    .preview-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    .preview-dot[data-status=\"passed\"] { background: var(--mj-status-success); }\n    .preview-dot[data-status=\"failed\"] { background: var(--mj-status-error); }\n    .preview-dot[data-status=\"error\"] { background: var(--mj-status-warning); }\n    .preview-dot[data-status=\"running\"] { background: var(--mj-brand-primary); }\n    .preview-dot[data-status=\"\"] { background: var(--mj-text-disabled); }\n\n    .preview-test-name {\n      flex: 1;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .preview-score {\n      font-weight: 600;\n      font-size: 11px;\n      min-width: 32px;\n      text-align: right;\n    }\n\n    .preview-score.good { color: var(--mj-status-success); }\n    .preview-score.warn { color: var(--mj-status-warning); }\n    .preview-score.bad { color: var(--mj-status-error); }\n\n    .preview-bar {\n      width: 48px;\n      height: 4px;\n      background: var(--mj-border-default);\n      border-radius: 2px;\n      overflow: hidden;\n      flex-shrink: 0;\n    }\n\n    .preview-bar-fill {\n      height: 100%;\n      border-radius: 2px;\n      transition: width 0.3s ease;\n    }\n\n    .good-bg { background: var(--mj-status-success); }\n    .warn-bg { background: var(--mj-status-warning); }\n    .bad-bg { background: var(--mj-status-error); }\n\n    .preview-status {\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      min-width: 44px;\n      text-align: right;\n    }\n\n    .preview-status[data-status=\"passed\"] { color: var(--mj-status-success); }\n    .preview-status[data-status=\"failed\"] { color: var(--mj-status-error); }\n    .preview-status[data-status=\"error\"] { color: var(--mj-status-warning); }\n    .preview-status[data-status=\"\"] { color: var(--mj-text-disabled); }\n\n    .preview-more {\n      padding: 4px 0 0;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    /* Card Actions */\n    .card-actions {\n      display: flex;\n      gap: 8px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n    }\n\n    /* Empty State */\n    .empty-state {\n      padding: 80px 40px;\n      text-align: center;\n    }\n\n    .empty-state i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n      margin-bottom: 16px;\n    }\n\n    .empty-state p {\n      font-size: 16px;\n      color: var(--mj-text-muted);\n      margin: 0 0 8px 0;\n    }\n\n    .empty-hint {\n      font-size: 13px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* ==========================================\n       Slideout Panel\n       ========================================== */\n    .slideout-backdrop {\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: fadeInBackdrop 0.2s ease;\n    }\n\n    @keyframes fadeInBackdrop {\n      from { opacity: 0; }\n      to { opacity: 1; }\n    }\n\n    .slideout-panel {\n      position: fixed;\n      top: 0;\n      right: -100%;\n      height: 100vh;\n      background: var(--mj-bg-surface);\n      box-shadow: var(--mj-shadow-lg);\n      z-index: 1000;\n      transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .slideout-panel.open {\n      right: 0;\n    }\n\n    .slideout-resize-handle {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 5px;\n      height: 100%;\n      cursor: col-resize;\n      background: transparent;\n      z-index: 10;\n      transition: background 0.2s;\n    }\n\n    .slideout-resize-handle:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .slideout-resize-handle:active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 50%, transparent);\n    }\n\n    .slideout-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      overflow: hidden;\n    }\n\n    .slideout-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 20px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .slideout-title-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .slideout-title-icon {\n      font-size: 18px;\n      color: var(--mj-brand-primary);\n    }\n\n    .slideout-title-text {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .slideout-close-btn {\n      width: 32px;\n      height: 32px;\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: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 14px;\n      transition: all 0.15s ease;\n    }\n\n    .slideout-close-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n      border-color: var(--mj-border-strong);\n    }\n\n    /* Type Toggle */\n    .slideout-type-toggle {\n      display: flex;\n      gap: 0;\n      padding: 16px 24px;\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .type-toggle-btn {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px 16px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .type-toggle-btn:first-child {\n      border-radius: 8px 0 0 8px;\n      border-right: none;\n    }\n\n    .type-toggle-btn:last-child {\n      border-radius: 0 8px 8px 0;\n    }\n\n    .type-toggle-btn.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .type-toggle-btn:hover:not(.active) {\n      background: var(--mj-border-default);\n    }\n\n    /* Error Banner */\n    .slideout-error {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      margin: 16px 24px 0;\n      padding: 12px 16px;\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-bg-surface));\n      border-radius: 8px;\n      color: var(--mj-status-error);\n      font-size: 13px;\n      flex-shrink: 0;\n    }\n\n    .slideout-error i {\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    /* Slideout Body */\n    .slideout-body {\n      flex: 1;\n      overflow-y: auto;\n      padding: 20px 24px;\n    }\n\n    .form-section {\n      margin-bottom: 24px;\n    }\n\n    .form-section-title {\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n      margin-bottom: 14px;\n      padding-bottom: 8px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-label {\n      display: block;\n      font-size: 13px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 6px;\n    }\n\n    .form-required {\n      color: var(--mj-status-error);\n    }\n\n    .form-input,\n    .form-textarea {\n      width: 100%;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      transition: border-color 0.2s ease;\n      outline: none;\n      box-sizing: border-box;\n      font-family: inherit;\n    }\n\n    .form-input:focus,\n    .form-textarea:focus {\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input::placeholder,\n    .form-textarea::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .form-textarea {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .form-hint {\n      display: block;\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    /* Slideout Footer */\n    .slideout-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 10px;\n      padding: 16px 24px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-card);\n      flex-shrink: 0;\n    }\n\n    .slideout-footer .btn {\n      min-width: 100px;\n      justify-content: center;\n    }\n\n    .slideout-footer .btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n      box-shadow: none;\n    }\n\n    /* Search Highlight */\n    ::ng-deep mark.search-highlight {\n      background: color-mix(in srgb, var(--mj-status-warning) 20%, var(--mj-bg-surface));\n      color: inherit;\n      padding: 1px 2px;\n      border-radius: 2px;\n      font-weight: 700;\n    }\n\n    /* ==========================================\n       Responsive\n       ========================================== */\n    @media (max-width: 1200px) {\n      .card-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .card-stats {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .slideout-panel {\n        width: 100% !important;\n      }\n\n      .slideout-resize-handle {\n        display: none;\n      }\n\n      .form-row {\n        grid-template-columns: 1fr;\n      }\n    }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }, { type: i1.TestingDialogService }, { type: i2.TestingInstrumentationService }], { HideToolbar: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingExplorerComponent, { className: "TestingExplorerComponent", filePath: "src/Testing/components/testing-explorer.component.ts", lineNumber: 1315 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingExplorerComponent, { className: "TestingExplorerComponent", filePath: "src/Testing/components/testing-explorer.component.ts", lineNumber: 1291 }); })();
 //# sourceMappingURL=testing-explorer.component.js.map