npm - @memberjunction/ng-dashboards - Versions diffs - 5.35.0 → 5.37.0 - Mend

@memberjunction/ng-dashboards 5.35.0 → 5.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (159) hide show

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

@@ -16,76 +16,75 @@ 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";
-const _c0 = a0 => ({ node: a0, depth: 0 });
-const _c1 = (a0, a1) => ({ node: a0, depth: a1 });
 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) {
     i0.ɵɵelementContainer(0);
 } }
 function TestingExplorerComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TestingExplorerComponent_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 2);
+    i0.ɵɵtemplate(0, TestingExplorerComponent_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 1);
 } if (rf & 2) {
     i0.ɵɵnextContext();
     const content_r1 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", content_r1);
 } }
-function TestingExplorerComponent_Conditional_1_For_18_Template(rf, ctx) { if (rf & 1) {
+function TestingExplorerComponent_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-filter-chip", 19);
-    i0.ɵɵlistener("Clicked", function TestingExplorerComponent_Conditional_1_For_18_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.ɵɵ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_21_Template(rf, ctx) { if (rf & 1) {
+function TestingExplorerComponent_Conditional_1_ng_container_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function TestingExplorerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 3)(2, "div", 4);
-    i0.ɵɵelement(3, "mj-stat-badge", 5);
+    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", 6)(5, "mj-view-toggle", 7);
-    i0.ɵɵlistener("KeyChange", function TestingExplorerComponent_Conditional_1_Template_mj_view_toggle_KeyChange_5_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 8);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleSortDirection()); });
-    i0.ɵɵelement(7, "i", 9)(8, "i", 10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 11);
-    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.OnNewSuite()); });
-    i0.ɵɵelement(10, "i", 12);
-    i0.ɵɵtext(11, " New Suite ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 13);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewTest()); });
-    i0.ɵɵelement(13, "i", 14);
-    i0.ɵɵtext(14, " New Test ");
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 15)(16, "mj-page-search", 16);
-    i0.ɵɵlistener("ValueChange", function TestingExplorerComponent_Conditional_1_Template_mj_page_search_ValueChange_16_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSearchInputValue($event)); });
+    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.ɵɵ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.ɵɵ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(17, TestingExplorerComponent_Conditional_1_For_18_Template, 1, 2, "mj-filter-chip", 17, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementStart(19, "mj-view-toggle", 7);
-    i0.ɵɵlistener("KeyChange", function TestingExplorerComponent_Conditional_1_Template_mj_view_toggle_KeyChange_19_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDisplayMode($event)); });
+    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.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(20, "mj-page-body", 18);
-    i0.ɵɵtemplate(21, TestingExplorerComponent_Conditional_1_ng_container_21_Template, 1, 0, "ng-container", 2);
+    i0.ɵɵelementStart(19, "mj-page-body", 16);
+    i0.ɵɵtemplate(20, TestingExplorerComponent_Conditional_1_ng_container_20_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);
+    i0.ɵɵproperty("Count", ctx_r2.FilteredResultCount)("Total", ctx_r2.TotalItemCount);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Options", ctx_r2.HeaderViewOptions)("ActiveKey", ctx_r2.ViewMode);
+    i0.ɵɵproperty("ActiveCount", ctx_r2.ActiveSortFilterCount)("ShowClearAll", ctx_r2.ActiveSortFilterCount > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("title", "Sort by " + ctx_r2.SortFieldLabel + " (" + (ctx_r2.SortDirection === "asc" ? "ascending" : "descending") + ")");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-arrow-up", ctx_r2.SortDirection === "asc")("fa-arrow-down", ctx_r2.SortDirection === "desc");
+    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.ɵɵproperty("Value", ctx_r2.SearchTerm);
     i0.ɵɵadvance();
@@ -93,273 +92,186 @@ function TestingExplorerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("Options", ctx_r2.DisplayModeOptions)("ActiveKey", ctx_r2.DisplayMode);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Flex", true);
+    i0.ɵɵproperty("Flex", true)("Padding", false);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngTemplateOutlet", content_r1);
 } }
 function TestingExplorerComponent_ng_template_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "mj-loading", 27);
-    i0.ɵɵelementEnd();
-} }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_20_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_20_ng_container_0_Template, 1, 0, "ng-container", 43);
-} if (rf & 2) {
-    const node_r9 = ctx.$implicit;
-    i0.ɵɵnextContext(3);
-    const suiteTreeTpl_r10 = i0.ɵɵreference(3);
-    i0.ɵɵproperty("ngTemplateOutlet", suiteTreeTpl_r10)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r9));
-} }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵtext(1, "No suites found");
-    i0.ɵɵelementEnd();
-} }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_26_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_26_Template_div_click_0_listener() { const tt_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "testType", ID: tt_r12.ID })); });
-    i0.ɵɵelement(1, "i", 44);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 39);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const tt_r12 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "testType" && ctx_r2.IsSidebarSelected(tt_r12.ID));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(tt_r12.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.GetTestCountForType(tt_r12.ID));
-} }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 35)(2, "div", 36);
-    i0.ɵɵtext(3, "Browse");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 37);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "all", ID: null })); });
-    i0.ɵɵelement(5, "i", 38);
-    i0.ɵɵelementStart(6, "span");
-    i0.ɵɵtext(7, "All Items");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 39);
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 37);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Template_div_click_10_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "standalone", ID: null })); });
-    i0.ɵɵelement(11, "i", 40);
-    i0.ɵɵelementStart(12, "span");
-    i0.ɵɵtext(13, "Standalone Tests");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 39);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "div", 35)(17, "div", 36);
-    i0.ɵɵtext(18, "Test Suites");
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "mj-loading", 25);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(19, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_20_Template, 1, 4, "ng-container", null, _forTrack0);
-    i0.ɵɵconditionalCreate(21, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Conditional_21_Template, 2, 0, "div", 41);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 35)(23, "div", 36);
-    i0.ɵɵtext(24, "Test Types");
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(25, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_For_26_Template, 6, 4, "div", 42, _forTrack0);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "all");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.TotalItemCount);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "standalone");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.StandaloneTestCount);
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r2.FilteredSuiteTree);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.FilteredSuiteTree.length === 0 ? 21 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r2.FilteredTestTypes);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 69);
+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);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const suite_r14 = i0.ɵɵnextContext().$implicit;
+    const suite_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r14.LastRunDate), " ");
+    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r9.LastRunDate), " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 57);
+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);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const suite_r14 = i0.ɵɵnextContext().$implicit;
+    const suite_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r14.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r9.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵelement(1, "span", 72);
-    i0.ɵɵelementStart(2, "span", 73);
+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);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 74);
+    i0.ɵɵelementStart(4, "span", 58);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 75);
-    i0.ɵɵelement(7, "span", 76);
+    i0.ɵɵelementStart(6, "span", 59);
+    i0.ɵɵelement(7, "span", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 77);
+    i0.ɵɵelementStart(8, "span", 61);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const t_r15 = i0.ɵɵnextContext().$implicit;
+    const t_r10 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r15.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r10.LastStatus.toLowerCase());
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(t_r15.TestName);
+    i0.ɵɵtextInterpolate(t_r10.TestName);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r15.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r10.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (t_r15.LastScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (t_r10.LastScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r15.LastScore) + "-bg");
-    i0.ɵɵstyleProp("width", t_r15.LastScore * 100, "%");
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r10.LastScore) + "-bg");
+    i0.ɵɵstyleProp("width", t_r10.LastScore * 100, "%");
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r15.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r10.LastStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(t_r15.LastStatus);
+    i0.ɵɵtextInterpolate(t_r10.LastStatus);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template, 10, 11, "div", 71);
+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);
 } if (rf & 2) {
-    const ɵ$index_210_r16 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_210_r16 < 4 ? 0 : -1);
+    const ɵ$index_141_r11 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_141_r11 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 70);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r14 = i0.ɵɵnextContext(2).$implicit;
+    const suite_r9 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", suite_r14.TotalTestsInSuite - 4, " more tests");
+    i0.ɵɵtextInterpolate1("+", suite_r9.TotalTestsInSuite - 4, " more tests");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_For_2_Template, 1, 1, null, null, _forTrack1);
-    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_Conditional_3_Template, 2, 1, "div", 70);
+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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r14 = i0.ɵɵnextContext().$implicit;
+    const suite_r9 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(suite_r14.Tests);
+    i0.ɵɵrepeater(suite_r9.Tests);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(suite_r14.TotalTestsInSuite > 4 ? 3 : -1);
+    i0.ɵɵconditional(suite_r9.TotalTestsInSuite > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51)(2, "div", 52);
-    i0.ɵɵelement(3, "i", 53)(4, "span", 54);
+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);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 55);
+    i0.ɵɵelementStart(6, "span", 39);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 56);
+    i0.ɵɵelementStart(8, "div", 40);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_10_Template, 2, 1);
+    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_10_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 57);
+    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_4_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 41);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 58)(13, "div", 59)(14, "span", 60);
+    i0.ɵɵelementStart(12, "div", 42)(13, "div", 43)(14, "span", 44);
     i0.ɵɵtext(15, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 61);
+    i0.ɵɵelementStart(16, "span", 45);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 59)(19, "span", 60);
+    i0.ɵɵelementStart(18, "div", 43)(19, "span", 44);
     i0.ɵɵtext(20, "Tests");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 61);
+    i0.ɵɵelementStart(21, "span", 45);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 59)(24, "span", 60);
+    i0.ɵɵelementStart(23, "div", 43)(24, "span", 44);
     i0.ɵɵtext(25, "Avg Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 61);
+    i0.ɵɵelementStart(26, "span", 45);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 59)(29, "span", 60);
+    i0.ɵɵelementStart(28, "div", 43)(29, "span", 44);
     i0.ɵɵtext(30, "Avg Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 61);
+    i0.ɵɵelementStart(31, "span", 45);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(33, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_33_Template, 4, 1, "div", 62);
-    i0.ɵɵelementStart(34, "div", 63)(35, "button", 64);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Template_button_click_35_listener() { const suite_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunSuite(suite_r14.ID)); });
-    i0.ɵɵelement(36, "i", 65);
+    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.ɵɵtext(37, " Run Suite ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "button", 66);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Template_button_click_38_listener() { const suite_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewSuiteResults(suite_r14.ID)); });
-    i0.ɵɵelement(39, "i", 67);
+    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.ɵɵtext(40, " Results ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "button", 66);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Template_button_click_41_listener() { const suite_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Test Suites", suite_r14.ID)); });
-    i0.ɵɵelement(42, "i", 68);
+    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.ɵɵtext(43, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const suite_r14 = ctx.$implicit;
+    const suite_r9 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r14.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r9.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", suite_r14.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", suite_r9.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(suite_r14.Status);
+    i0.ɵɵtextInterpolate(suite_r9.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", suite_r14.TestCount, " tests ");
+    i0.ɵɵtextInterpolate1(" ", suite_r9.TestCount, " tests ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r14.LastRunDate ? 10 : -1);
+    i0.ɵɵconditional(suite_r9.LastRunDate ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r14.Description ? 11 : -1);
+    i0.ɵɵconditional(suite_r9.Description ? 11 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r14.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r9.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r14.PassRate));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r9.PassRate));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(suite_r14.TestCount);
+    i0.ɵɵtextInterpolate(suite_r9.TestCount);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r14.AvgScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r9.AvgScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (suite_r14.AvgScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (suite_r9.AvgScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r14.AvgDuration));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r9.AvgDuration));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r14.Tests.length > 0 ? 33 : -1);
+    i0.ɵɵconditional(suite_r9.Tests.length > 0 ? 33 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45)(1, "h3", 46);
-    i0.ɵɵelement(2, "i", 47);
+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);
     i0.ɵɵtext(3, " Test Suites ");
-    i0.ɵɵelementStart(4, "span", 48);
+    i0.ɵɵelementStart(4, "span", 32);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Template, 44, 18, "div", 50, _forTrack0);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -368,207 +280,207 @@ function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Con
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredSuites);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_Template, 9, 1, "div", 45);
+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);
 } 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_11_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 69);
+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);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", test_r18.SuiteName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r13.SuiteName, " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 57);
+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);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r18.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r13.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
-    i0.ɵɵelement(1, "i", 86);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r18.TypeName);
+    i0.ɵɵtextInterpolate1(" ", test_r13.TypeName);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
-    i0.ɵɵelement(1, "i", 87);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r18.EstDuration));
+    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r13.EstDuration));
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 81);
-    i0.ɵɵelement(1, "i", 88);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r18.EstCost));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r13.EstCost));
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 90);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tag_r19 = i0.ɵɵnextContext().$implicit;
+    const tag_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tag_r19);
+    i0.ɵɵtextInterpolate(tag_r14);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template, 2, 1, "span", 90);
+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);
 } if (rf & 2) {
-    const ɵ$index_318_r20 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_318_r20 < 4 ? 0 : -1);
+    const ɵ$index_249_r15 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_249_r15 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext(2).$implicit;
+    const test_r13 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", test_r18.Tags.length - 4);
+    i0.ɵɵtextInterpolate1("+", test_r13.Tags.length - 4);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 83);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_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_11_Conditional_0_For_8_Conditional_19_Conditional_3_Template, 2, 1, "span", 89);
+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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const test_r13 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(test_r18.Tags);
+    i0.ɵɵrepeater(test_r13.Tags);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r18.Tags.length > 4 ? 3 : -1);
+    i0.ɵɵconditional(test_r13.Tags.length > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 78)(1, "div", 51)(2, "div", 52);
-    i0.ɵɵelement(3, "i", 79)(4, "span", 54);
+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);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 55);
+    i0.ɵɵelementStart(6, "span", 39);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 56);
+    i0.ɵɵelementStart(8, "div", 40);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_10_Template, 2, 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 57);
-    i0.ɵɵelementStart(12, "div", 80);
-    i0.ɵɵconditionalCreate(13, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_13_Template, 3, 1, "span", 81);
-    i0.ɵɵconditionalCreate(14, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_14_Template, 3, 1, "span", 81);
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_15_Template, 3, 1, "span", 81);
-    i0.ɵɵelementStart(16, "span", 81);
-    i0.ɵɵelement(17, "i", 82);
+    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_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.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 83);
+    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_5_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 68);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 58)(21, "div", 59)(22, "span", 60);
+    i0.ɵɵelementStart(20, "div", 42)(21, "div", 43)(22, "span", 44);
     i0.ɵɵtext(23, "Last Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span", 84);
+    i0.ɵɵelementStart(24, "span", 69);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 59)(27, "span", 60);
+    i0.ɵɵelementStart(26, "div", 43)(27, "span", 44);
     i0.ɵɵtext(28, "Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span", 61);
+    i0.ɵɵelementStart(29, "span", 45);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 59)(32, "span", 60);
+    i0.ɵɵelementStart(31, "div", 43)(32, "span", 44);
     i0.ɵɵtext(33, "Total Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 61);
+    i0.ɵɵelementStart(34, "span", 45);
     i0.ɵɵtext(35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 59)(37, "span", 60);
+    i0.ɵɵelementStart(36, "div", 43)(37, "span", 44);
     i0.ɵɵtext(38, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span", 61);
+    i0.ɵɵelementStart(39, "span", 45);
     i0.ɵɵtext(40);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 63)(42, "button", 64);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Template_button_click_42_listener() { const test_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.RunTest(test_r18.ID)); });
-    i0.ɵɵelement(43, "i", 65);
+    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.ɵɵtext(44, " Run ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 66);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Template_button_click_45_listener() { const test_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.ViewTestHistory(test_r18.ID)); });
-    i0.ɵɵelement(46, "i", 85);
+    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.ɵɵtext(47, " History ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 66);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Template_button_click_48_listener() { const test_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Tests", test_r18.ID)); });
-    i0.ɵɵelement(49, "i", 68);
+    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.ɵɵtext(50, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const test_r18 = ctx.$implicit;
+    const test_r13 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r18.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r13.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", test_r18.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r13.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r18.Status);
+    i0.ɵɵtextInterpolate(test_r13.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r18.TypeName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r13.TypeName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r18.SuiteName ? 10 : -1);
+    i0.ɵɵconditional(test_r13.SuiteName ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r18.Description ? 11 : -1);
+    i0.ɵɵconditional(test_r13.Description ? 11 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r18.TypeName ? 13 : -1);
+    i0.ɵɵconditional(test_r13.TypeName ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r18.EstDuration > 0 ? 14 : -1);
+    i0.ɵɵconditional(test_r13.EstDuration > 0 ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r18.EstCost > 0 ? 15 : -1);
+    i0.ɵɵconditional(test_r13.EstCost > 0 ? 15 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r18.UpdatedAt));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r13.UpdatedAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r18.Tags.length > 0 ? 19 : -1);
+    i0.ɵɵconditional(test_r13.Tags.length > 0 ? 19 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵattribute("data-status", test_r18.LastRunStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r13.LastRunStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r18.LastRunStatus || "N/A");
+    i0.ɵɵtextInterpolate(test_r13.LastRunStatus || "N/A");
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r18.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r13.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r18.LastScore > 0 ? (test_r18.LastScore * 100).toFixed(0) + "%" : "N/A");
+    i0.ɵɵtextInterpolate(test_r13.LastScore > 0 ? (test_r13.LastScore * 100).toFixed(0) + "%" : "N/A");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(test_r18.TotalRuns);
+    i0.ɵɵtextInterpolate(test_r13.TotalRuns);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r18.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r13.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r18.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r18.PassRate) : "N/A");
+    i0.ɵɵtextInterpolate(test_r13.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r13.PassRate) : "N/A");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45)(1, "h3", 46);
-    i0.ɵɵelement(2, "i", 40);
+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);
     i0.ɵɵtext(3, " Tests ");
-    i0.ɵɵelementStart(4, "span", 48);
+    i0.ɵɵelementStart(4, "span", 32);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Template, 51, 23, "div", 78, _forTrack0);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
@@ -577,119 +489,52 @@ function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Con
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredTests);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_Template, 9, 1, "div", 45);
+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);
 } 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_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 34);
-    i0.ɵɵelement(1, "i", 91);
+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);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tests or suites found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 92);
+    i0.ɵɵelementStart(4, "span", 77);
     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", 21)(1, "aside", 28)(2, "div", 29)(3, "h3");
-    i0.ɵɵtext(4, "Explorer");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 30);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleSidebar()); });
-    i0.ɵɵelement(6, "i", 10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Template, 27, 7, "div", 31);
+    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)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "main", 32)(9, "div", 33);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Template, 1, 1);
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Template, 1, 1);
-    i0.ɵɵconditionalCreate(12, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_12_Template, 6, 0, "div", 34);
+    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()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("collapsed", ctx_r2.IsSidebarCollapsed);
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("fa-chevron-left", !ctx_r2.IsSidebarCollapsed)("fa-chevron-right", ctx_r2.IsSidebarCollapsed);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r2.IsSidebarCollapsed ? 7 : -1);
+    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" ? 10 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "tests" ? 11 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.FilteredSuites.length === 0 && ctx_r2.FilteredTests.length === 0 ? 12 : -1);
-} }
-function TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 96);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_1_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r23); const node_r22 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleSuiteExpand(node_r22, $event)); });
-    i0.ɵɵelement(1, "i", 10);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const node_r22 = i0.ɵɵnextContext().node;
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-chevron-right", !node_r22.Expanded)("fa-chevron-down", node_r22.Expanded);
-} }
-function TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_For_1_ng_container_0_Template, 1, 0, "ng-container", 43);
-} if (rf & 2) {
-    const child_r24 = ctx.$implicit;
-    const depth_r25 = i0.ɵɵnextContext(2).depth;
-    i0.ɵɵnextContext();
-    const suiteTreeTpl_r10 = i0.ɵɵreference(3);
-    i0.ɵɵproperty("ngTemplateOutlet", suiteTreeTpl_r10)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r24, depth_r25 + 1));
-} }
-function TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_For_1_Template, 1, 5, "ng-container", null, _forTrack0);
-} if (rf & 2) {
-    const node_r22 = i0.ɵɵnextContext().node;
-    i0.ɵɵrepeater(node_r22.Children);
-} }
-function TestingExplorerComponent_ng_template_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 93);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_ng_template_2_Template_div_click_0_listener() { const node_r22 = i0.ɵɵrestoreView(_r21).node; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "suite", ID: node_r22.ID })); });
-    i0.ɵɵconditionalCreate(1, TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_1_Template, 2, 4, "button", 94);
-    i0.ɵɵelement(2, "i", 47);
-    i0.ɵɵelementStart(3, "span", 95);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 39);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_Template, 2, 0);
-} if (rf & 2) {
-    const node_r22 = ctx.node;
-    const depth_r25 = ctx.depth;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("padding-left", 16 + depth_r25 * 14, "px");
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "suite" && ctx_r2.IsSidebarSelected(node_r22.ID));
+    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "suites" ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r22.Children.length > 0 ? 1 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(node_r22.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r22.TestCount);
+    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "tests" ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r22.Expanded && node_r22.Children.length > 0 ? 7 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredSuites.length === 0 && ctx_r2.FilteredTests.length === 0 ? 6 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 97);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+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()); });
     i0.ɵɵelementEnd();
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106);
-    i0.ɵɵelement(1, "i", 125);
+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);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -698,29 +543,29 @@ function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_15_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.FormErrorMessage);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 117);
+function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 98);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tt_r29 = ctx.$implicit;
-    i0.ɵɵproperty("value", tt_r29.ID);
+    const tt_r19 = ctx.$implicit;
+    i0.ɵɵproperty("value", tt_r19.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tt_r29.Name);
+    i0.ɵɵtextInterpolate(tt_r19.Name);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 110)(1, "label", 111);
+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);
     i0.ɵɵtext(2, "Test Type ");
-    i0.ɵɵelementStart(3, "span", 112);
+    i0.ɵɵelementStart(3, "span", 93);
     i0.ɵɵtext(4, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 116);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeID, $event) || (ctx_r2.FormTypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(6, "option", 126);
+    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.ɵɵtext(7, "Select type...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_For_9_Template, 2, 2, "option", 117, _forTrack0);
+    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_31_For_9_Template, 2, 2, "option", 98, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -729,27 +574,27 @@ function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllTestTypes);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 117);
+function TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 98);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const s_r31 = ctx.$implicit;
-    i0.ɵɵproperty("value", s_r31.ID);
+    const s_r21 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r21.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(s_r31.Name);
+    i0.ɵɵtextInterpolate(s_r21.Name);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 110)(1, "label", 111);
+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);
     i0.ɵɵtext(2, "Parent Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 116);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormParentSuiteID, $event) || (ctx_r2.FormParentSuiteID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(4, "option", 127);
+    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.ɵɵtext(5, "None (top-level)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_For_7_Template, 2, 2, "option", 117, _forTrack0);
+    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_ng_template_2_Conditional_5_Conditional_32_For_7_Template, 2, 2, "option", 98, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -758,32 +603,32 @@ function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_Tem
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllSuites);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_For_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 117);
+function TestingExplorerComponent_ng_template_2_Conditional_5_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 98);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const status_r32 = ctx.$implicit;
-    i0.ɵɵproperty("value", status_r32);
+    const status_r22 = ctx.$implicit;
+    i0.ɵɵproperty("value", status_r22);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(status_r32);
+    i0.ɵɵtextInterpolate(status_r22);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 108)(1, "div", 109);
+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);
     i0.ɵɵtext(2, "Estimates");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 115)(4, "div", 110)(5, "label", 111);
+    i0.ɵɵelementStart(3, "div", 96)(4, "div", 91)(5, "label", 92);
     i0.ɵɵtext(6, "Duration (seconds)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "input", 128);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_39_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstDuration, $event) || (ctx_r2.FormEstDuration = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 110)(9, "label", 111);
+    i0.ɵɵelementStart(8, "div", 91)(9, "label", 92);
     i0.ɵɵtext(10, "Cost (USD)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 129);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_39_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstCost, $event) || (ctx_r2.FormEstCost = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
@@ -792,78 +637,78 @@ function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_39_Tem
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormEstCost);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 123);
+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_7_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 124);
+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_7_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 98)(2, "div", 99);
-    i0.ɵɵelement(3, "i", 100);
-    i0.ɵɵelementStart(4, "span", 101);
+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);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 102);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
-    i0.ɵɵelement(7, "i", 103);
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 104)(9, "button", 105);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("test")); });
-    i0.ɵɵelement(10, "i", 40);
+    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.ɵɵtext(11, " Test ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 105);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("suite")); });
-    i0.ɵɵelement(13, "i", 47);
+    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.ɵɵtext(14, " Suite ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_15_Template, 4, 1, "div", 106);
-    i0.ɵɵelementStart(16, "div", 107)(17, "div", 108)(18, "div", 109);
+    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.ɵɵtext(19, "General");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 110)(21, "label", 111);
+    i0.ɵɵelementStart(20, "div", 91)(21, "label", 92);
     i0.ɵɵtext(22, "Name ");
-    i0.ɵɵelementStart(23, "span", 112);
+    i0.ɵɵelementStart(23, "span", 93);
     i0.ɵɵtext(24, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "input", 113);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormName, $event) || (ctx_r2.FormName = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 110)(27, "label", 111);
+    i0.ɵɵelementStart(26, "div", 91)(27, "label", 92);
     i0.ɵɵtext(28, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "textarea", 114);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_textarea_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormDescription, $event) || (ctx_r2.FormDescription = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 115);
-    i0.ɵɵconditionalCreate(31, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_Template, 10, 1, "div", 110);
-    i0.ɵɵconditionalCreate(32, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_Template, 8, 1, "div", 110);
-    i0.ɵɵelementStart(33, "div", 110)(34, "label", 111);
+    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.ɵɵtext(35, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "select", 116);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_select_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r27); 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_7_For_38_Template, 2, 2, "option", 117, i0.ɵɵrepeaterTrackByIdentity);
+    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.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(39, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_39_Template, 12, 2, "div", 108);
-    i0.ɵɵelementStart(40, "div", 108)(41, "div", 109);
+    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.ɵɵtext(42, "Tags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "div", 110)(44, "input", 118);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_input_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTags, $event) || (ctx_r2.FormTags = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 119);
+    i0.ɵɵelementStart(45, "span", 100);
     i0.ɵɵtext(46, "Separate multiple tags with commas");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(47, "div", 120)(48, "button", 121);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+    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.ɵɵtext(49, "Cancel");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "button", 122);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_7_Template_button_click_50_listener() { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SaveForm()); });
-    i0.ɵɵconditionalCreate(51, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_51_Template, 1, 0, "i", 123)(52, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_52_Template, 1, 0, "i", 124);
+    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.ɵɵtext(53);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -901,12 +746,12 @@ function TestingExplorerComponent_ng_template_2_Conditional_7_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Create ", ctx_r2.SlideoutCreateType === "test" ? "Test" : "Suite", " ");
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-slide-panel", 130);
-    i0.ɵɵlistener("Closed", function TestingExplorerComponent_ng_template_2_Conditional_8_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r34); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
-    i0.ɵɵelementStart(1, "app-test-run-dialog", 131);
-    i0.ɵɵlistener("PanelClose", function TestingExplorerComponent_ng_template_2_Conditional_8_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r34); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
+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()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
@@ -916,27 +761,26 @@ function TestingExplorerComponent_ng_template_2_Conditional_8_Template(rf, ctx)
 } }
 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", 20)(1, TestingExplorerComponent_ng_template_2_Conditional_1_Template, 13, 10, "div", 21);
-    i0.ɵɵtemplate(2, TestingExplorerComponent_ng_template_2_ng_template_2_Template, 8, 8, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵconditionalCreate(4, TestingExplorerComponent_ng_template_2_Conditional_4_Template, 1, 0, "div", 22);
-    i0.ɵɵelementStart(5, "div", 23)(6, "div", 24);
-    i0.ɵɵlistener("mousedown", function TestingExplorerComponent_ng_template_2_Template_div_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnResizeStart($event)); });
+    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)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_7_Template, 54, 18, "div", 25);
+    i0.ɵɵconditionalCreate(5, TestingExplorerComponent_ng_template_2_Conditional_5_Template, 54, 18, "div", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, TestingExplorerComponent_ng_template_2_Conditional_8_Template, 2, 5, "mj-slide-panel", 26);
+    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.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 2 : -1);
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("width", ctx_r2.SlideoutWidth, "px");
     i0.ɵɵclassProp("open", ctx_r2.SlideoutOpen);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 7 : -1);
+    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.testingDialogService.IsPanelOpen ? 8 : -1);
+    i0.ɵɵconditional(ctx_r2.testingDialogService.IsPanelOpen ? 6 : -1);
 } }
 export class TestingExplorerComponent extends BaseAngularComponent {
     cdr;
@@ -979,7 +823,6 @@ export class TestingExplorerComponent extends BaseAngularComponent {
     _sortDirection$ = new BehaviorSubject('asc');
     // Template-bound state
     IsLoading = true;
-    IsSidebarCollapsed = false;
     SearchTerm = '';
     StatusFilters = new Set();
     ViewMode = 'card';
@@ -1028,14 +871,6 @@ export class TestingExplorerComponent extends BaseAngularComponent {
             return false;
         return true;
     }
-    get SortFieldLabel() {
-        switch (this.SortField) {
-            case 'name': return 'Name';
-            case 'updated': return 'Updated';
-            case 'status': return 'Status';
-            default: return 'Name';
-        }
-    }
     constructor(cdr, viewContainerRef, testingDialogService, instrumentationService) {
         super();
         this.cdr = cdr;
@@ -1118,18 +953,159 @@ export class TestingExplorerComponent extends BaseAngularComponent {
     ClearSearch() {
         this._searchTerm$.next('');
     }
-    ToggleSidebar() {
-        this.IsSidebarCollapsed = !this.IsSidebarCollapsed;
-        this.cdr.markForCheck();
-    }
-    ToggleSuiteExpand(node, event) {
-        event.stopPropagation();
+    ToggleSuiteExpand(node) {
         node.Expanded = !node.Expanded;
         this.cdr.markForCheck();
     }
-    ToggleSortDirection() {
-        const newDir = this.SortDirection === 'asc' ? 'desc' : 'asc';
-        this._sortDirection$.next(newDir);
+    // ---------------------------------------------------------------------------
+    // <mj-left-nav> adapters
+    //
+    // The rail is one <mj-left-nav> with three logical sections. Internal state
+    // still lives on SelectedSidebar (typed Type+ID) and on SuiteTreeNode.Expanded
+    // booleans — these getters translate to/from the primitive's flat
+    // string-id interface.
+    // ---------------------------------------------------------------------------
+    /** Composite-key sections fed to <mj-left-nav>. */
+    get NavSections() {
+        const suiteItems = this.FilteredSuiteTree.length === 0
+            ? [{ id: '__suites-empty', label: 'No suites found', disabled: true }]
+            : this.FilteredSuiteTree.map(node => this.suiteNodeToNavItem(node));
+        return [
+            {
+                label: 'Browse',
+                items: [
+                    { id: 'all', label: 'All Items', icon: 'fa-solid fa-layer-group', badge: this.TotalItemCount },
+                    { id: 'standalone', label: 'Standalone Tests', icon: 'fa-solid fa-vial', badge: this.StandaloneTestCount },
+                ]
+            },
+            { label: 'Test Suites', items: suiteItems },
+            {
+                label: 'Test Types',
+                items: this.FilteredTestTypes.map(tt => ({
+                    id: `testType:${tt.ID}`,
+                    label: tt.Name,
+                    icon: 'fa-solid fa-tag',
+                    badge: this.GetTestCountForType(tt.ID)
+                }))
+            }
+        ];
+    }
+    /** Recursive map SuiteTreeNode -> MJLeftNavItem. Leaves keep `children: []`
+     *  so the primitive renders a placeholder where the chevron would be —
+     *  this keeps siblings vertically aligned. */
+    suiteNodeToNavItem(node) {
+        return {
+            id: `suite:${node.ID}`,
+            label: node.Name,
+            icon: 'fa-solid fa-folder',
+            badge: node.TestCount,
+            children: node.Children.map(child => this.suiteNodeToNavItem(child))
+        };
+    }
+    /** Translate SelectedSidebar (typed Type+ID) to the rail's composite key. */
+    get ActiveNavId() {
+        const sel = this.SelectedSidebar;
+        if (sel.Type === 'suite' || sel.Type === 'testType') {
+            return `${sel.Type}:${sel.ID ?? ''}`;
+        }
+        return sel.Type;
+    }
+    /** Suite-node IDs that are currently expanded, walked from FilteredSuiteTree. */
+    get ExpandedNavIds() {
+        const out = [];
+        const walk = (nodes) => {
+            for (const n of nodes) {
+                if (n.Expanded)
+                    out.push(`suite:${n.ID}`);
+                walk(n.Children);
+            }
+        };
+        walk(this.FilteredSuiteTree);
+        return out;
+    }
+    /** Parse composite id and delegate to the existing SelectSidebarItem path. */
+    OnNavItemClicked(item) {
+        const id = item.id;
+        if (id === 'all') {
+            this.SelectSidebarItem({ Type: 'all', ID: null });
+        }
+        else if (id === 'standalone') {
+            this.SelectSidebarItem({ Type: 'standalone', ID: null });
+        }
+        else if (id.startsWith('suite:')) {
+            this.SelectSidebarItem({ Type: 'suite', ID: id.substring('suite:'.length) });
+        }
+        else if (id.startsWith('testType:')) {
+            this.SelectSidebarItem({ Type: 'testType', ID: id.substring('testType:'.length) });
+        }
+    }
+    /** Chevron click on a suite item — toggle that node's Expanded flag. */
+    OnNavItemToggled(item) {
+        if (!item.id.startsWith('suite:'))
+            return;
+        const suiteId = item.id.substring('suite:'.length);
+        const node = this.findSuiteNode(this.FilteredSuiteTree, suiteId);
+        if (node)
+            this.ToggleSuiteExpand(node);
+    }
+    findSuiteNode(tree, id) {
+        for (const node of tree) {
+            if (UUIDsEqual(node.ID, id))
+                return node;
+            const found = this.findSuiteNode(node.Children, id);
+            if (found)
+                return found;
+        }
+        return null;
+    }
+    // ---------------------------------------------------------------------------
+    // Sort filter-popover wiring
+    //
+    // The chrome surfaces SortField + SortDirection through a <mj-filter-popover>
+    // — same pattern AI Analytics → Model Performance uses for its SortBy
+    // selection. Was previously a single direction-toggle button in chrome
+    // [actions] with no way to change the field from the UI.
+    // ---------------------------------------------------------------------------
+    sortFieldOptions = [
+        { text: 'Name', value: 'name' },
+        { text: 'Updated', value: 'updated' },
+        { text: 'Status', value: 'status' },
+    ];
+    sortDirectionOptions = [
+        { text: 'Ascending', value: 'asc' },
+        { text: 'Descending', value: 'desc' },
+    ];
+    get sortFilterFields() {
+        return [
+            { 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 };
+    }
+    onSortFilterChange(values) {
+        if ('SortField' in values) {
+            this._sortField$.next(values['SortField']);
+        }
+        if ('SortDirection' in values) {
+            this._sortDirection$.next(values['SortDirection']);
+        }
+    }
+    resetSortFilters() {
+        this._sortField$.next('name');
+        this._sortDirection$.next('asc');
+    }
+    /** Non-zero when the user has changed SortField or SortDirection from defaults — drives the popover badge. */
+    get ActiveSortFilterCount() {
+        let count = 0;
+        if (this.SortField !== 'name')
+            count++;
+        if (this.SortDirection !== 'asc')
+            count++;
+        return count;
     }
     RunTest(testId) {
         this.testingDialogService.OpenTestPanel(testId);
@@ -1692,12 +1668,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", ""], ["suiteTreeTpl", ""], [4, "ngTemplateOutlet"], ["Title", "Test Explorer", "Icon", "fa-solid fa-compass", "Subtitle", "Browse tests and test suites"], ["meta", ""], ["Label", "results", 3, "Count"], ["actions", ""], [3, "KeyChange", "Options", "ActiveKey"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "title"], [1, "fa-solid", "fa-arrow-down-short-wide"], [1, "fa-solid"], ["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"], [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..."], [1, "sidebar"], [1, "sidebar-header"], [1, "sidebar-toggle", 3, "click"], [1, "sidebar-content"], [1, "main-content"], [1, "content-area"], [1, "empty-state"], [1, "sidebar-section"], [1, "sidebar-section-title"], [1, "sidebar-item", 3, "click"], [1, "fa-solid", "fa-layer-group"], [1, "sidebar-count"], [1, "fa-solid", "fa-vial"], [1, "sidebar-empty"], [1, "sidebar-item", 3, "active"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "fa-solid", "fa-tag"], [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, "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, "sidebar-item", "suite-tree-item", 3, "click"], [1, "tree-toggle"], [1, "tree-name"], [1, "tree-toggle", 3, "click"], [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, 22, 13, "mj-page-layout");
-            i0.ɵɵtemplate(2, TestingExplorerComponent_ng_template_2_Template, 9, 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", ""], ["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);
         } 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.MJPageSearchComponent, i5.MJViewToggleComponent, i5.MJStatBadgeComponent, 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    .sidebar[_ngcontent-%COMP%] {\n      width: 280px;\n      min-width: 280px;\n      background: var(--mj-bg-surface);\n      border-right: 1px solid var(--mj-border-default);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      transition: width 0.2s ease, min-width 0.2s ease;\n    }\n\n    .sidebar.collapsed[_ngcontent-%COMP%] {\n      width: 48px;\n      min-width: 48px;\n    }\n\n    .sidebar-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .sidebar-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar.collapsed[_ngcontent-%COMP%]   .sidebar-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      display: none;\n    }\n\n    .sidebar-toggle[_ngcontent-%COMP%] {\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 11px;\n      transition: all 0.15s ease;\n    }\n\n    .sidebar-toggle[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 8px 0;\n    }\n\n    .sidebar-section[_ngcontent-%COMP%] {\n      margin-bottom: 8px;\n    }\n\n    .sidebar-section-title[_ngcontent-%COMP%] {\n      padding: 8px 16px 4px;\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n    }\n\n    .sidebar-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 16px;\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n      overflow: hidden;\n    }\n\n    .sidebar-item[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar-item.active[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .sidebar-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 12px;\n      width: 16px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .sidebar-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:not(.sidebar-count) {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .sidebar-count[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-weight: 500;\n      flex-shrink: 0;\n    }\n\n    .sidebar-item.active[_ngcontent-%COMP%]   .sidebar-count[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .sidebar-empty[_ngcontent-%COMP%] {\n      padding: 8px 16px;\n      font-size: 12px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    \n\n    .suite-tree-item[_ngcontent-%COMP%] {\n      gap: 6px;\n    }\n\n    .tree-toggle[_ngcontent-%COMP%] {\n      width: 18px;\n      height: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      font-size: 9px;\n      flex-shrink: 0;\n      border-radius: 4px;\n      padding: 0;\n    }\n\n    .tree-toggle[_ngcontent-%COMP%]:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-muted);\n    }\n\n    .tree-name[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    \n\n\n\n    .main-content[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\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: 900px) {\n      .sidebar[_ngcontent-%COMP%] {\n        display: none;\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.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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingExplorerComponent, [{
         type: Component,
@@ -1710,20 +1686,41 @@ export class TestingExplorerComponent extends BaseAngularComponent {
           Title="Test Explorer"
           Icon="fa-solid fa-compass"
           Subtitle="Browse tests and test suites">
+          <!-- X-of-Y filtered count earns its meta spot per chrome conventions §2.
+               TotalItemCount and FilteredResultCount are both kept in sync by
+               the component as the rail selection / status chips / search input
+               narrow the data. -->
           <div meta>
-            <mj-stat-badge [Count]="FilteredResultCount" Label="results"></mj-stat-badge>
+            <mj-stat-badge
+              [Count]="FilteredResultCount"
+              [Total]="TotalItemCount"
+              Label="results">
+            </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)="ToggleSortDirection()"
-              [title]="'Sort by ' + SortFieldLabel + ' (' + (SortDirection === 'asc' ? 'ascending' : 'descending') + ')'">
-              <i class="fa-solid fa-arrow-down-short-wide"></i>
-              <i class="fa-solid" [class.fa-arrow-up]="SortDirection === 'asc'" [class.fa-arrow-down]="SortDirection === 'desc'"></i>
-            </button>
             <button mjButton variant="secondary" size="sm" (click)="OnNewSuite()">
               <i class="fa-solid fa-folder-plus"></i> New Suite
             </button>
@@ -1751,7 +1748,7 @@ export class TestingExplorerComponent extends BaseAngularComponent {
             </mj-view-toggle>
           </div>
         </mj-page-header>
-        <mj-page-body [Flex]="true">
+        <mj-page-body [Flex]="true" [Padding]="false">
           <ng-container *ngTemplateOutlet="content"></ng-container>
         </mj-page-body>
       </mj-page-layout>
@@ -1764,74 +1761,17 @@ export class TestingExplorerComponent extends BaseAngularComponent {
       </div>
     } @else {
       <div class="explorer-layout">
-        <!-- Left Sidebar -->
-        <aside class="sidebar" [class.collapsed]="IsSidebarCollapsed">
-          <div class="sidebar-header">
-            <h3>Explorer</h3>
-            <button class="sidebar-toggle" (click)="ToggleSidebar()">
-              <i class="fa-solid" [class.fa-chevron-left]="!IsSidebarCollapsed" [class.fa-chevron-right]="IsSidebarCollapsed"></i>
-            </button>
-          </div>
-          @if (!IsSidebarCollapsed) {
-            <div class="sidebar-content">
-              <!-- Browse Section -->
-              <div class="sidebar-section">
-                <div class="sidebar-section-title">Browse</div>
-                <div
-                  class="sidebar-item"
-                  [class.active]="SelectedSidebar.Type === 'all'"
-                  (click)="SelectSidebarItem({ Type: 'all', ID: null })"
-                >
-                  <i class="fa-solid fa-layer-group"></i>
-                  <span>All Items</span>
-                  <span class="sidebar-count">{{ TotalItemCount }}</span>
-                </div>
-                <div
-                  class="sidebar-item"
-                  [class.active]="SelectedSidebar.Type === 'standalone'"
-                  (click)="SelectSidebarItem({ Type: 'standalone', ID: null })"
-                >
-                  <i class="fa-solid fa-vial"></i>
-                  <span>Standalone Tests</span>
-                  <span class="sidebar-count">{{ StandaloneTestCount }}</span>
-                </div>
-              </div>
-              <!-- Test Suites Section -->
-              <div class="sidebar-section">
-                <div class="sidebar-section-title">Test Suites</div>
-                @for (node of FilteredSuiteTree; track node.ID) {
-                  <ng-container
-                    *ngTemplateOutlet="suiteTreeTpl; context: { node: node, depth: 0 }"
-                  ></ng-container>
-                }
-                @if (FilteredSuiteTree.length === 0) {
-                  <div class="sidebar-empty">No suites found</div>
-                }
-              </div>
-              <!-- Test Types Section -->
-              <div class="sidebar-section">
-                <div class="sidebar-section-title">Test Types</div>
-                @for (tt of FilteredTestTypes; track tt.ID) {
-                  <div
-                    class="sidebar-item"
-                    [class.active]="SelectedSidebar.Type === 'testType' && IsSidebarSelected(tt.ID)"
-                    (click)="SelectSidebarItem({ Type: 'testType', ID: tt.ID })"
-                  >
-                    <i class="fa-solid fa-tag"></i>
-                    <span>{{ tt.Name }}</span>
-                    <span class="sidebar-count">{{ GetTestCountForType(tt.ID) }}</span>
-                  </div>
-                }
-              </div>
-            </div>
-          }
-        </aside>
+        <!-- Left rail -->
+        <mj-left-nav
+          [Sections]="NavSections"
+          [ActiveId]="ActiveNavId"
+          [ExpandedIds]="ExpandedNavIds"
+          (ItemClicked)="OnNavItemClicked($event)"
+          (ItemToggled)="OnNavItemToggled($event)">
+        </mj-left-nav>
         <!-- Main Content -->
-        <main class="main-content">
+        <mj-left-nav-content>
           <!-- Content Area -->
           <div class="content-area">
             <!-- Suites Section -->
@@ -2022,36 +1962,10 @@ export class TestingExplorerComponent extends BaseAngularComponent {
               </div>
             }
           </div>
-        </main>
+        </mj-left-nav-content>
       </div>
     }
-    <!-- Template for recursive suite tree rendering -->
-    <ng-template #suiteTreeTpl let-node="node" let-depth="depth">
-      <div
-        class="sidebar-item suite-tree-item"
-        [style.paddingLeft.px]="16 + depth * 14"
-        [class.active]="SelectedSidebar.Type === 'suite' && IsSidebarSelected(node.ID)"
-        (click)="SelectSidebarItem({ Type: 'suite', ID: node.ID })"
-      >
-        @if (node.Children.length > 0) {
-          <button class="tree-toggle" (click)="ToggleSuiteExpand(node, $event)">
-            <i class="fa-solid" [class.fa-chevron-right]="!node.Expanded" [class.fa-chevron-down]="node.Expanded"></i>
-          </button>
-        }
-        <i class="fa-solid fa-folder"></i>
-        <span class="tree-name">{{ node.Name }}</span>
-        <span class="sidebar-count">{{ node.TestCount }}</span>
-      </div>
-      @if (node.Expanded && node.Children.length > 0) {
-        @for (child of node.Children; track child.ID) {
-          <ng-container
-            *ngTemplateOutlet="suiteTreeTpl; context: { node: child, depth: depth + 1 }"
-          ></ng-container>
-        }
-      }
-    </ng-template>
     <!-- Slideout Backdrop -->
     @if (SlideoutOpen) {
       <div class="slideout-backdrop" (click)="CloseSlideout()"></div>
@@ -2237,9 +2151,9 @@ export class TestingExplorerComponent extends BaseAngularComponent {
       </mj-slide-panel>
     }
     </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       Sidebar\n       ========================================== */\n    .sidebar {\n      width: 280px;\n      min-width: 280px;\n      background: var(--mj-bg-surface);\n      border-right: 1px solid var(--mj-border-default);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      transition: width 0.2s ease, min-width 0.2s ease;\n    }\n\n    .sidebar.collapsed {\n      width: 48px;\n      min-width: 48px;\n    }\n\n    .sidebar-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .sidebar-header h3 {\n      margin: 0;\n      font-size: 15px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar.collapsed .sidebar-header h3 {\n      display: none;\n    }\n\n    .sidebar-toggle {\n      width: 28px;\n      height: 28px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      font-size: 11px;\n      transition: all 0.15s ease;\n    }\n\n    .sidebar-toggle:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 8px 0;\n    }\n\n    .sidebar-section {\n      margin-bottom: 8px;\n    }\n\n    .sidebar-section-title {\n      padding: 8px 16px 4px;\n      font-size: 10px;\n      font-weight: 700;\n      color: var(--mj-text-disabled);\n      text-transform: uppercase;\n      letter-spacing: 0.8px;\n    }\n\n    .sidebar-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 16px;\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n      white-space: nowrap;\n      overflow: hidden;\n    }\n\n    .sidebar-item:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-primary);\n    }\n\n    .sidebar-item.active {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .sidebar-item i {\n      font-size: 12px;\n      width: 16px;\n      text-align: center;\n      flex-shrink: 0;\n    }\n\n    .sidebar-item span:not(.sidebar-count) {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .sidebar-count {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n      font-weight: 500;\n      flex-shrink: 0;\n    }\n\n    .sidebar-item.active .sidebar-count {\n      color: var(--mj-brand-primary);\n    }\n\n    .sidebar-empty {\n      padding: 8px 16px;\n      font-size: 12px;\n      color: var(--mj-text-disabled);\n      font-style: italic;\n    }\n\n    /* Tree nodes */\n    .suite-tree-item {\n      gap: 6px;\n    }\n\n    .tree-toggle {\n      width: 18px;\n      height: 18px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      font-size: 9px;\n      flex-shrink: 0;\n      border-radius: 4px;\n      padding: 0;\n    }\n\n    .tree-toggle:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-muted);\n    }\n\n    .tree-name {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    /* ==========================================\n       Main Content\n       ========================================== */\n    .main-content {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\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: 900px) {\n      .sidebar {\n        display: none;\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      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  "] }]
     }], () => [{ 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: 1552 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingExplorerComponent, { className: "TestingExplorerComponent", filePath: "src/Testing/components/testing-explorer.component.ts", lineNumber: 1315 }); })();
 //# sourceMappingURL=testing-explorer.component.js.map