@memberjunction/ng-dashboards 5.34.0 → 5.35.0

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

@@ -1,4 +1,4 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
 import { Subject, BehaviorSubject, combineLatest } from 'rxjs';
 import { takeUntil, debounceTime } from 'rxjs/operators';
 import { RunView, CompositeKey } from '@memberjunction/core';
@@ -12,90 +12,168 @@ import * as i1 from "@memberjunction/ng-testing";
 import * as i2 from "../services/testing-instrumentation.service";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
-import * as i5 from "@memberjunction/ng-versions";
-import * as i6 from "@memberjunction/ng-shared-generic";
-import * as i7 from "../../shared/pipes/highlight-search.pipe";
+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.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 8);
+    i0.ɵɵtemplate(0, TestingExplorerComponent_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 2);
+} 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) {
+    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.ɵɵ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) {
+    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.ɵɵ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.ɵɵ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.ɵɵ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.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(20, "mj-page-body", 18);
+    i0.ɵɵtemplate(21, TestingExplorerComponent_Conditional_1_ng_container_21_Template, 1, 0, "ng-container", 2);
+    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.ɵɵadvance(2);
+    i0.ɵɵproperty("Options", ctx_r2.HeaderViewOptions)("ActiveKey", ctx_r2.ViewMode);
+    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.ɵɵadvance(8);
+    i0.ɵɵproperty("Value", ctx_r2.SearchTerm);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.StatusOptions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Options", ctx_r2.DisplayModeOptions)("ActiveKey", ctx_r2.DisplayMode);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Flex", true);
+    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_Conditional_1_Conditional_7_For_20_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+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_Conditional_1_Conditional_7_For_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TestingExplorerComponent_Conditional_1_Conditional_7_For_20_ng_container_0_Template, 1, 0, "ng-container", 50);
+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_r5 = ctx.$implicit;
+    const node_r9 = ctx.$implicit;
     i0.ɵɵnextContext(3);
-    const suiteTreeTpl_r6 = i0.ɵɵreference(3);
-    i0.ɵɵproperty("ngTemplateOutlet", suiteTreeTpl_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r5));
+    const suiteTreeTpl_r10 = i0.ɵɵreference(3);
+    i0.ɵɵproperty("ngTemplateOutlet", suiteTreeTpl_r10)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r9));
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_7_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 48);
+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_Conditional_1_Conditional_7_For_26_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_7_For_26_Template_div_click_0_listener() { const tt_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "testType", ID: tt_r8.ID })); });
-    i0.ɵɵelement(1, "i", 51);
+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", 46);
+    i0.ɵɵelementStart(4, "span", 39);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tt_r8 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "testType" && ctx_r2.IsSidebarSelected(tt_r8.ID));
+    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_r8.Name);
+    i0.ɵɵtextInterpolate(tt_r12.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.GetTestCountForType(tt_r8.ID));
+    i0.ɵɵtextInterpolate(ctx_r2.GetTestCountForType(tt_r12.ID));
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 42)(2, "div", 43);
+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", 44);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_7_Template_div_click_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "all", ID: null })); });
-    i0.ɵɵelement(5, "i", 45);
+    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", 46);
+    i0.ɵɵelementStart(8, "span", 39);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 44);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_7_Template_div_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "standalone", ID: null })); });
-    i0.ɵɵelement(11, "i", 47);
+    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", 46);
+    i0.ɵɵelementStart(14, "span", 39);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(16, "div", 42)(17, "div", 43);
+    i0.ɵɵelementStart(16, "div", 35)(17, "div", 36);
     i0.ɵɵtext(18, "Test Suites");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(19, TestingExplorerComponent_Conditional_1_Conditional_7_For_20_Template, 1, 4, "ng-container", null, _forTrack0);
-    i0.ɵɵconditionalCreate(21, TestingExplorerComponent_Conditional_1_Conditional_7_Conditional_21_Template, 2, 0, "div", 48);
+    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", 42)(23, "div", 43);
+    i0.ɵɵelementStart(22, "div", 35)(23, "div", 36);
     i0.ɵɵtext(24, "Test Types");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(25, TestingExplorerComponent_Conditional_1_Conditional_7_For_26_Template, 6, 4, "div", 49, _forTrack0);
+    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(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "all");
     i0.ɵɵadvance(5);
@@ -111,777 +189,685 @@ function TestingExplorerComponent_Conditional_1_Conditional_7_Template(rf, ctx)
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r2.FilteredTestTypes);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ClearSearch()); });
-    i0.ɵɵelement(1, "i", 53);
-    i0.ɵɵelementEnd();
-} }
-function TestingExplorerComponent_Conditional_1_For_17_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 54);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_For_17_Template_button_click_0_listener() { const status_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleStatus(status_r11)); });
+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);
     i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const status_r11 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r2.IsStatusActive(status_r11));
-    i0.ɵɵattribute("data-status", status_r11.toLowerCase());
+    const suite_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", status_r11, " ");
+    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r14.LastRunDate), " ");
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 79);
-    i0.ɵɵtext(1);
-} if (rf & 2) {
-    const suite_r13 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Last run ", ctx_r2.FormatRelativeTime(suite_r13.LastRunDate), " ");
-} }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 67);
+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);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const suite_r13 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r13.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    const suite_r14 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, suite_r14.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 81);
-    i0.ɵɵelement(1, "span", 82);
-    i0.ɵɵelementStart(2, "span", 83);
+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);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 84);
+    i0.ɵɵelementStart(4, "span", 74);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 85);
-    i0.ɵɵelement(7, "span", 86);
+    i0.ɵɵelementStart(6, "span", 75);
+    i0.ɵɵelement(7, "span", 76);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 87);
+    i0.ɵɵelementStart(8, "span", 77);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const t_r14 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(6);
+    const t_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r14.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r15.LastStatus.toLowerCase());
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(t_r14.TestName);
+    i0.ɵɵtextInterpolate(t_r15.TestName);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r14.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r15.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (t_r14.LastScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (t_r15.LastScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r14.LastScore) + "-bg");
-    i0.ɵɵstyleProp("width", t_r14.LastScore * 100, "%");
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(t_r15.LastScore) + "-bg");
+    i0.ɵɵstyleProp("width", t_r15.LastScore * 100, "%");
     i0.ɵɵadvance();
-    i0.ɵɵattribute("data-status", t_r14.LastStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", t_r15.LastStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(t_r14.LastStatus);
+    i0.ɵɵtextInterpolate(t_r15.LastStatus);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_For_2_Conditional_0_Template, 10, 11, "div", 81);
+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);
 } if (rf & 2) {
-    const ɵ$index_227_r15 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_227_r15 < 4 ? 0 : -1);
+    const ɵ$index_210_r16 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_210_r16 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 80);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r13 = i0.ɵɵnextContext(2).$implicit;
+    const suite_r14 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", suite_r13.TotalTestsInSuite - 4, " more tests");
+    i0.ɵɵtextInterpolate1("+", suite_r14.TotalTestsInSuite - 4, " more tests");
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_For_2_Template, 1, 1, null, null, _forTrack1);
-    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_Conditional_3_Template, 2, 1, "div", 80);
+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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const suite_r13 = i0.ɵɵnextContext().$implicit;
+    const suite_r14 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(suite_r13.Tests);
+    i0.ɵɵrepeater(suite_r14.Tests);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(suite_r13.TotalTestsInSuite > 4 ? 3 : -1);
+    i0.ɵɵconditional(suite_r14.TotalTestsInSuite > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 60)(1, "div", 61)(2, "div", 62);
-    i0.ɵɵelement(3, "i", 63)(4, "span", 64);
+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);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 65);
+    i0.ɵɵelementStart(6, "span", 55);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 66);
+    i0.ɵɵelementStart(8, "div", 56);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_10_Template, 2, 1);
+    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_10_Template, 2, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 67);
+    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_10_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 57);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 68)(13, "div", 69)(14, "span", 70);
+    i0.ɵɵelementStart(12, "div", 58)(13, "div", 59)(14, "span", 60);
     i0.ɵɵtext(15, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 71);
+    i0.ɵɵelementStart(16, "span", 61);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 69)(19, "span", 70);
+    i0.ɵɵelementStart(18, "div", 59)(19, "span", 60);
     i0.ɵɵtext(20, "Tests");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "span", 71);
+    i0.ɵɵelementStart(21, "span", 61);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 69)(24, "span", 70);
+    i0.ɵɵelementStart(23, "div", 59)(24, "span", 60);
     i0.ɵɵtext(25, "Avg Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 71);
+    i0.ɵɵelementStart(26, "span", 61);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 69)(29, "span", 70);
+    i0.ɵɵelementStart(28, "div", 59)(29, "span", 60);
     i0.ɵɵtext(30, "Avg Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "span", 71);
+    i0.ɵɵelementStart(31, "span", 61);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(33, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Conditional_33_Template, 4, 1, "div", 72);
-    i0.ɵɵelementStart(34, "div", 73)(35, "button", 74);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Template_button_click_35_listener() { const suite_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.RunSuite(suite_r13.ID)); });
-    i0.ɵɵelement(36, "i", 75);
+    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.ɵɵtext(37, " Run Suite ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "button", 76);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Template_button_click_38_listener() { const suite_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ViewSuiteResults(suite_r13.ID)); });
-    i0.ɵɵelement(39, "i", 77);
+    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.ɵɵtext(40, " Results ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "button", 76);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Template_button_click_41_listener() { const suite_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Test Suites", suite_r13.ID)); });
-    i0.ɵɵelement(42, "i", 78);
+    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.ɵɵtext(43, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const suite_r13 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const suite_r14 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r13.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 15, suite_r14.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", suite_r13.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", suite_r14.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(suite_r13.Status);
+    i0.ɵɵtextInterpolate(suite_r14.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", suite_r13.TestCount, " tests ");
+    i0.ɵɵtextInterpolate1(" ", suite_r14.TestCount, " tests ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r13.LastRunDate ? 10 : -1);
+    i0.ɵɵconditional(suite_r14.LastRunDate ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r13.Description ? 11 : -1);
+    i0.ɵɵconditional(suite_r14.Description ? 11 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r13.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r14.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r13.PassRate));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatPercent(suite_r14.PassRate));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(suite_r13.TestCount);
+    i0.ɵɵtextInterpolate(suite_r14.TestCount);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r13.AvgScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(suite_r14.AvgScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", (suite_r13.AvgScore * 100).toFixed(0), "%");
+    i0.ɵɵtextInterpolate1("", (suite_r14.AvgScore * 100).toFixed(0), "%");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r13.AvgDuration));
+    i0.ɵɵtextInterpolate(ctx_r2.FormatDuration(suite_r14.AvgDuration));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(suite_r13.Tests.length > 0 ? 33 : -1);
+    i0.ɵɵconditional(suite_r14.Tests.length > 0 ? 33 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55)(1, "h3", 56);
-    i0.ɵɵelement(2, "i", 57);
+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);
     i0.ɵɵtext(3, " Test Suites ");
-    i0.ɵɵelementStart(4, "span", 58);
+    i0.ɵɵelementStart(4, "span", 48);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 59);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_For_8_Template, 44, 18, "div", 60, _forTrack0);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r2.FilteredSuites.length);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredSuites);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_46_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_1_Conditional_46_Conditional_0_Template, 9, 1, "div", 55);
+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);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r2.FilteredSuites.length > 0 ? 0 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 79);
+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);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
+    const test_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", test_r17.SuiteName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r18.SuiteName, " ");
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p", 67);
+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);
     i0.ɵɵpipe(1, "highlightSearch");
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r17.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(1, 1, test_r18.Description, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 91);
-    i0.ɵɵelement(1, "i", 96);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
+    const test_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r17.TypeName);
+    i0.ɵɵtextInterpolate1(" ", test_r18.TypeName);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 91);
-    i0.ɵɵelement(1, "i", 97);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r17.EstDuration));
+    i0.ɵɵtextInterpolate1(" ~", ctx_r2.FormatDurationSeconds(test_r18.EstDuration));
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 91);
-    i0.ɵɵelement(1, "i", 98);
+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);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const test_r18 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r17.EstCost));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatCost(test_r18.EstCost));
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 100);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tag_r18 = i0.ɵɵnextContext().$implicit;
+    const tag_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tag_r18);
+    i0.ɵɵtextInterpolate(tag_r19);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_For_2_Conditional_0_Template, 2, 1, "span", 100);
+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);
 } if (rf & 2) {
-    const ɵ$index_335_r19 = ctx.$index;
-    i0.ɵɵconditional(ɵ$index_335_r19 < 4 ? 0 : -1);
+    const ɵ$index_318_r20 = ctx.$index;
+    i0.ɵɵconditional(ɵ$index_318_r20 < 4 ? 0 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 99);
+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);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext(2).$implicit;
+    const test_r18 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("+", test_r17.Tags.length - 4);
+    i0.ɵɵtextInterpolate1("+", test_r18.Tags.length - 4);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 93);
-    i0.ɵɵrepeaterCreate(1, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_For_2_Template, 1, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(3, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_Conditional_3_Template, 2, 1, "span", 99);
+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);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const test_r17 = i0.ɵɵnextContext().$implicit;
+    const test_r18 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(test_r17.Tags);
+    i0.ɵɵrepeater(test_r18.Tags);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r17.Tags.length > 4 ? 3 : -1);
+    i0.ɵɵconditional(test_r18.Tags.length > 4 ? 3 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 88)(1, "div", 61)(2, "div", 62);
-    i0.ɵɵelement(3, "i", 89)(4, "span", 64);
+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);
     i0.ɵɵpipe(5, "highlightSearch");
-    i0.ɵɵelementStart(6, "span", 65);
+    i0.ɵɵelementStart(6, "span", 55);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 66);
+    i0.ɵɵelementStart(8, "div", 56);
     i0.ɵɵtext(9);
-    i0.ɵɵconditionalCreate(10, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_10_Template, 2, 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_11_Template, 2, 4, "p", 67);
-    i0.ɵɵelementStart(12, "div", 90);
-    i0.ɵɵconditionalCreate(13, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_13_Template, 3, 1, "span", 91);
-    i0.ɵɵconditionalCreate(14, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_14_Template, 3, 1, "span", 91);
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_15_Template, 3, 1, "span", 91);
-    i0.ɵɵelementStart(16, "span", 91);
-    i0.ɵɵelement(17, "i", 92);
+    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.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 93);
+    i0.ɵɵconditionalCreate(19, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_11_Conditional_0_For_8_Conditional_19_Template, 4, 1, "div", 83);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 68)(21, "div", 69)(22, "span", 70);
+    i0.ɵɵelementStart(20, "div", 58)(21, "div", 59)(22, "span", 60);
     i0.ɵɵtext(23, "Last Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "span", 94);
+    i0.ɵɵelementStart(24, "span", 84);
     i0.ɵɵtext(25);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 69)(27, "span", 70);
+    i0.ɵɵelementStart(26, "div", 59)(27, "span", 60);
     i0.ɵɵtext(28, "Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span", 71);
+    i0.ɵɵelementStart(29, "span", 61);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(31, "div", 69)(32, "span", 70);
+    i0.ɵɵelementStart(31, "div", 59)(32, "span", 60);
     i0.ɵɵtext(33, "Total Runs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "span", 71);
+    i0.ɵɵelementStart(34, "span", 61);
     i0.ɵɵtext(35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 69)(37, "span", 70);
+    i0.ɵɵelementStart(36, "div", 59)(37, "span", 60);
     i0.ɵɵtext(38, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "span", 71);
+    i0.ɵɵelementStart(39, "span", 61);
     i0.ɵɵtext(40);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 73)(42, "button", 74);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Template_button_click_42_listener() { const test_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.RunTest(test_r17.ID)); });
-    i0.ɵɵelement(43, "i", 75);
+    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.ɵɵtext(44, " Run ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 76);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Template_button_click_45_listener() { const test_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.ViewTestHistory(test_r17.ID)); });
-    i0.ɵɵelement(46, "i", 95);
+    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.ɵɵtext(47, " History ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 76);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Template_button_click_48_listener() { const test_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.EditItem("MJ: Tests", test_r17.ID)); });
-    i0.ɵɵelement(49, "i", 78);
+    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.ɵɵtext(50, " Edit ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const test_r17 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
+    const test_r18 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r17.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind2(5, 20, test_r18.Name, ctx_r2.SearchTerm), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("data-status", test_r17.Status.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r18.Status.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r17.Status);
+    i0.ɵɵtextInterpolate(test_r18.Status);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", test_r17.TypeName, " ");
+    i0.ɵɵtextInterpolate1(" ", test_r18.TypeName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r17.SuiteName ? 10 : -1);
+    i0.ɵɵconditional(test_r18.SuiteName ? 10 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r17.Description ? 11 : -1);
+    i0.ɵɵconditional(test_r18.Description ? 11 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(test_r17.TypeName ? 13 : -1);
+    i0.ɵɵconditional(test_r18.TypeName ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r17.EstDuration > 0 ? 14 : -1);
+    i0.ɵɵconditional(test_r18.EstDuration > 0 ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r17.EstCost > 0 ? 15 : -1);
+    i0.ɵɵconditional(test_r18.EstCost > 0 ? 15 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r17.UpdatedAt));
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.FormatRelativeTime(test_r18.UpdatedAt));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(test_r17.Tags.length > 0 ? 19 : -1);
+    i0.ɵɵconditional(test_r18.Tags.length > 0 ? 19 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵattribute("data-status", test_r17.LastRunStatus.toLowerCase());
+    i0.ɵɵattribute("data-status", test_r18.LastRunStatus.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r17.LastRunStatus || "N/A");
+    i0.ɵɵtextInterpolate(test_r18.LastRunStatus || "N/A");
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r17.LastScore));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r18.LastScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r17.LastScore > 0 ? (test_r17.LastScore * 100).toFixed(0) + "%" : "N/A");
+    i0.ɵɵtextInterpolate(test_r18.LastScore > 0 ? (test_r18.LastScore * 100).toFixed(0) + "%" : "N/A");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(test_r17.TotalRuns);
+    i0.ɵɵtextInterpolate(test_r18.TotalRuns);
     i0.ɵɵadvance(4);
-    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r17.PassRate / 100));
+    i0.ɵɵclassMap(ctx_r2.GetScoreClass(test_r18.PassRate / 100));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(test_r17.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r17.PassRate) : "N/A");
+    i0.ɵɵtextInterpolate(test_r18.TotalRuns > 0 ? ctx_r2.FormatPercent(test_r18.PassRate) : "N/A");
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55)(1, "h3", 56);
-    i0.ɵɵelement(2, "i", 47);
+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);
     i0.ɵɵtext(3, " Tests ");
-    i0.ɵɵelementStart(4, "span", 58);
+    i0.ɵɵelementStart(4, "span", 48);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 59);
-    i0.ɵɵrepeaterCreate(7, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_For_8_Template, 51, 23, "div", 88, _forTrack0);
+    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.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r2.FilteredTests.length);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r2.FilteredTests);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_1_Conditional_47_Conditional_0_Template, 9, 1, "div", 55);
+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);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵconditional(ctx_r2.FilteredTests.length > 0 ? 0 : -1);
 } }
-function TestingExplorerComponent_Conditional_1_Conditional_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵelement(1, "i", 101);
+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);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No tests or suites found");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 102);
+    i0.ɵɵelementStart(4, "span", 92);
     i0.ɵɵtext(5, "Try adjusting your search or filters.");
     i0.ɵɵelementEnd()();
 } }
-function TestingExplorerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 2)(1, "aside", 9)(2, "div", 10)(3, "h3");
+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", 11);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleSidebar()); });
-    i0.ɵɵelement(6, "i", 12);
+    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_Conditional_1_Conditional_7_Template, 27, 7, "div", 13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "main", 14)(9, "div", 15)(10, "div", 16)(11, "div", 17);
-    i0.ɵɵelement(12, "i", 18);
-    i0.ɵɵelementStart(13, "input", 19);
-    i0.ɵɵlistener("input", function TestingExplorerComponent_Conditional_1_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSearchInput($event)); });
+    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_1_Conditional_7_Template, 27, 7, "div", 31);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, TestingExplorerComponent_Conditional_1_Conditional_14_Template, 2, 0, "button", 20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 21);
-    i0.ɵɵrepeaterCreate(16, TestingExplorerComponent_Conditional_1_For_17_Template, 2, 4, "button", 22, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 23)(19, "span", 24);
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 25)(22, "button", 26);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode("card")); });
-    i0.ɵɵelement(23, "i", 27);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "button", 28);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode("list")); });
-    i0.ɵɵelement(25, "i", 29);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "button", 30);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewSuite()); });
-    i0.ɵɵelement(27, "i", 31);
-    i0.ɵɵtext(28, " New Suite ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "button", 32);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnNewTest()); });
-    i0.ɵɵelement(30, "i", 33);
-    i0.ɵɵtext(31, " New Test ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(32, "div", 34)(33, "div", 35)(34, "button", 36);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDisplayMode("all")); });
-    i0.ɵɵtext(35, "All");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "button", 36);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDisplayMode("suites")); });
-    i0.ɵɵtext(37, "Suites Only");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "button", 36);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_38_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetDisplayMode("tests")); });
-    i0.ɵɵtext(39, "Tests Only");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 37)(41, "button", 38);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_1_Template_button_click_41_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleSortDirection()); });
-    i0.ɵɵelement(42, "i", 39);
-    i0.ɵɵtext(43);
-    i0.ɵɵelement(44, "i", 12);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(45, "div", 40);
-    i0.ɵɵconditionalCreate(46, TestingExplorerComponent_Conditional_1_Conditional_46_Template, 1, 1);
-    i0.ɵɵconditionalCreate(47, TestingExplorerComponent_Conditional_1_Conditional_47_Template, 1, 1);
-    i0.ɵɵconditionalCreate(48, TestingExplorerComponent_Conditional_1_Conditional_48_Template, 6, 0, "div", 41);
+    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.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    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.ɵɵadvance(6);
-    i0.ɵɵproperty("value", ctx_r2.SearchTerm);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.SearchTerm ? 14 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.StatusOptions);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("", ctx_r2.FilteredResultCount, " results");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r2.ViewMode === "card");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r2.ViewMode === "list");
-    i0.ɵɵadvance(10);
-    i0.ɵɵclassProp("active", ctx_r2.DisplayMode === "all");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r2.DisplayMode === "suites");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r2.DisplayMode === "tests");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.SortFieldLabel, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-arrow-up", ctx_r2.SortDirection === "asc")("fa-arrow-down", ctx_r2.SortDirection === "desc");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.DisplayMode === "all" || ctx_r2.DisplayMode === "suites" ? 46 : -1);
+    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" ? 47 : -1);
+    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 ? 48 : -1);
+    i0.ɵɵconditional(ctx_r2.FilteredSuites.length === 0 && ctx_r2.FilteredTests.length === 0 ? 12 : -1);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 106);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Conditional_1_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r22); const node_r21 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleSuiteExpand(node_r21, $event)); });
-    i0.ɵɵelement(1, "i", 12);
+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_r21 = i0.ɵɵnextContext().node;
+    const node_r22 = i0.ɵɵnextContext().node;
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-chevron-right", !node_r21.Expanded)("fa-chevron-down", node_r21.Expanded);
+    i0.ɵɵclassProp("fa-chevron-right", !node_r22.Expanded)("fa-chevron-down", node_r22.Expanded);
 } }
-function TestingExplorerComponent_ng_template_2_Conditional_7_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+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_Conditional_7_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, TestingExplorerComponent_ng_template_2_Conditional_7_For_1_ng_container_0_Template, 1, 0, "ng-container", 50);
+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_r23 = ctx.$implicit;
-    const depth_r24 = i0.ɵɵnextContext(2).depth;
+    const child_r24 = ctx.$implicit;
+    const depth_r25 = i0.ɵɵnextContext(2).depth;
     i0.ɵɵnextContext();
-    const suiteTreeTpl_r6 = i0.ɵɵreference(3);
-    i0.ɵɵproperty("ngTemplateOutlet", suiteTreeTpl_r6)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r23, depth_r24 + 1));
+    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_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, TestingExplorerComponent_ng_template_2_Conditional_7_For_1_Template, 1, 5, "ng-container", null, _forTrack0);
+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_r21 = i0.ɵɵnextContext().node;
-    i0.ɵɵrepeater(node_r21.Children);
+    const node_r22 = i0.ɵɵnextContext().node;
+    i0.ɵɵrepeater(node_r22.Children);
 } }
-function TestingExplorerComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 103);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_ng_template_2_Template_div_click_0_listener() { const node_r21 = i0.ɵɵrestoreView(_r20).node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SelectSidebarItem({ Type: "suite", ID: node_r21.ID })); });
-    i0.ɵɵconditionalCreate(1, TestingExplorerComponent_ng_template_2_Conditional_1_Template, 2, 4, "button", 104);
-    i0.ɵɵelement(2, "i", 57);
-    i0.ɵɵelementStart(3, "span", 105);
+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", 46);
+    i0.ɵɵelementStart(5, "span", 39);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_7_Template, 2, 0);
+    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_ng_template_2_Conditional_7_Template, 2, 0);
 } if (rf & 2) {
-    const node_r21 = ctx.node;
-    const depth_r24 = ctx.depth;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("padding-left", 16 + depth_r24 * 14, "px");
-    i0.ɵɵclassProp("active", ctx_r2.SelectedSidebar.Type === "suite" && ctx_r2.IsSidebarSelected(node_r21.ID));
+    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.ɵɵadvance();
-    i0.ɵɵconditional(node_r21.Children.length > 0 ? 1 : -1);
+    i0.ɵɵconditional(node_r22.Children.length > 0 ? 1 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(node_r21.Name);
+    i0.ɵɵtextInterpolate(node_r22.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r21.TestCount);
+    i0.ɵɵtextInterpolate(node_r22.TestCount);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r21.Expanded && node_r21.Children.length > 0 ? 7 : -1);
+    i0.ɵɵconditional(node_r22.Expanded && node_r22.Children.length > 0 ? 7 : -1);
 } }
-function TestingExplorerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+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()); });
     i0.ɵɵelementEnd();
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 116);
-    i0.ɵɵelement(1, "i", 134);
+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);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r2.FormErrorMessage);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 127);
+function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 117);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tt_r28 = ctx.$implicit;
-    i0.ɵɵproperty("value", tt_r28.ID);
+    const tt_r29 = ctx.$implicit;
+    i0.ɵɵproperty("value", tt_r29.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tt_r28.Name);
+    i0.ɵɵtextInterpolate(tt_r29.Name);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 120)(1, "label", 121);
+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);
     i0.ɵɵtext(2, "Test Type ");
-    i0.ɵɵelementStart(3, "span", 122);
+    i0.ɵɵelementStart(3, "span", 112);
     i0.ɵɵtext(4, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "select", 126);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Conditional_31_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTypeID, $event) || (ctx_r2.FormTypeID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(6, "option", 135);
+    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.ɵɵtext(7, "Select type...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_Conditional_7_Conditional_31_For_9_Template, 2, 2, "option", 127, _forTrack0);
+    i0.ɵɵrepeaterCreate(8, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_31_For_9_Template, 2, 2, "option", 117, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormTypeID);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllTestTypes);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 127);
+function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 117);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const s_r30 = ctx.$implicit;
-    i0.ɵɵproperty("value", s_r30.ID);
+    const s_r31 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r31.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(s_r30.Name);
+    i0.ɵɵtextInterpolate(s_r31.Name);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 120)(1, "label", 121);
+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);
     i0.ɵɵtext(2, "Parent Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 126);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Conditional_32_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormParentSuiteID, $event) || (ctx_r2.FormParentSuiteID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(4, "option", 136);
+    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.ɵɵtext(5, "None (top-level)");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_Conditional_7_Conditional_32_For_7_Template, 2, 2, "option", 127, _forTrack0);
+    i0.ɵɵrepeaterCreate(6, TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_32_For_7_Template, 2, 2, "option", 117, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormParentSuiteID);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r2.AllSuites);
 } }
-function TestingExplorerComponent_Conditional_7_For_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 127);
+function TestingExplorerComponent_ng_template_2_Conditional_7_For_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 117);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const status_r31 = ctx.$implicit;
-    i0.ɵɵproperty("value", status_r31);
+    const status_r32 = ctx.$implicit;
+    i0.ɵɵproperty("value", status_r32);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(status_r31);
+    i0.ɵɵtextInterpolate(status_r32);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 118)(1, "div", 119);
+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);
     i0.ɵɵtext(2, "Estimates");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 125)(4, "div", 120)(5, "label", 121);
+    i0.ɵɵelementStart(3, "div", 115)(4, "div", 110)(5, "label", 111);
     i0.ɵɵtext(6, "Duration (seconds)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "input", 137);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Conditional_39_Template_input_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstDuration, $event) || (ctx_r2.FormEstDuration = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 120)(9, "label", 121);
+    i0.ɵɵelementStart(8, "div", 110)(9, "label", 111);
     i0.ɵɵtext(10, "Cost (USD)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 138);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Conditional_39_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r2 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r2.FormEstCost, $event) || (ctx_r2.FormEstCost = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormEstDuration);
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.FormEstCost);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 132);
+function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 123);
 } }
-function TestingExplorerComponent_Conditional_7_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 133);
+function TestingExplorerComponent_ng_template_2_Conditional_7_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 124);
 } }
-function TestingExplorerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 108)(2, "div", 109);
-    i0.ɵɵelement(3, "i", 110);
-    i0.ɵɵelementStart(4, "span", 111);
+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);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 112);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
-    i0.ɵɵelement(7, "i", 113);
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 114)(9, "button", 115);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_7_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("test")); });
-    i0.ɵɵelement(10, "i", 47);
+    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.ɵɵtext(11, " Test ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 115);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_7_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetSlideoutCreateType("suite")); });
-    i0.ɵɵelement(13, "i", 57);
+    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.ɵɵtext(14, " Suite ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(15, TestingExplorerComponent_Conditional_7_Conditional_15_Template, 4, 1, "div", 116);
-    i0.ɵɵelementStart(16, "div", 117)(17, "div", 118)(18, "div", 119);
+    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.ɵɵtext(19, "General");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 120)(21, "label", 121);
+    i0.ɵɵelementStart(20, "div", 110)(21, "label", 111);
     i0.ɵɵtext(22, "Name ");
-    i0.ɵɵelementStart(23, "span", 122);
+    i0.ɵɵelementStart(23, "span", 112);
     i0.ɵɵtext(24, "*");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "input", 123);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Template_input_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.FormName, $event) || (ctx_r2.FormName = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 120)(27, "label", 121);
+    i0.ɵɵelementStart(26, "div", 110)(27, "label", 111);
     i0.ɵɵtext(28, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "textarea", 124);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Template_textarea_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.FormDescription, $event) || (ctx_r2.FormDescription = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 125);
-    i0.ɵɵconditionalCreate(31, TestingExplorerComponent_Conditional_7_Conditional_31_Template, 10, 1, "div", 120);
-    i0.ɵɵconditionalCreate(32, TestingExplorerComponent_Conditional_7_Conditional_32_Template, 8, 1, "div", 120);
-    i0.ɵɵelementStart(33, "div", 120)(34, "label", 121);
+    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.ɵɵtext(35, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "select", 126);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Template_select_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.FormStatus, $event) || (ctx_r2.FormStatus = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵrepeaterCreate(37, TestingExplorerComponent_Conditional_7_For_38_Template, 2, 2, "option", 127, i0.ɵɵrepeaterTrackByIdentity);
+    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.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(39, TestingExplorerComponent_Conditional_7_Conditional_39_Template, 12, 2, "div", 118);
-    i0.ɵɵelementStart(40, "div", 118)(41, "div", 119);
+    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.ɵɵtext(42, "Tags");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "div", 120)(44, "input", 128);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingExplorerComponent_Conditional_7_Template_input_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.FormTags, $event) || (ctx_r2.FormTags = $event); return i0.ɵɵresetView($event); });
+    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.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 129);
+    i0.ɵɵelementStart(45, "span", 119);
     i0.ɵɵtext(46, "Separate multiple tags with commas");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(47, "div", 130)(48, "button", 30);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_7_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseSlideout()); });
+    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.ɵɵtext(49, "Cancel");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "button", 131);
-    i0.ɵɵlistener("click", function TestingExplorerComponent_Conditional_7_Template_button_click_50_listener() { i0.ɵɵrestoreView(_r26); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SaveForm()); });
-    i0.ɵɵconditionalCreate(51, TestingExplorerComponent_Conditional_7_Conditional_51_Template, 1, 0, "i", 132)(52, TestingExplorerComponent_Conditional_7_Conditional_52_Template, 1, 0, "i", 133);
+    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.ɵɵtext(53);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1(" Create ", ctx_r2.SlideoutCreateType === "test" ? "Test" : "Test Suite", " ");
     i0.ɵɵadvance(4);
@@ -915,24 +901,64 @@ function TestingExplorerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Create ", ctx_r2.SlideoutCreateType === "test" ? "Test" : "Suite", " ");
 } }
-function TestingExplorerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-slide-panel", 139);
-    i0.ɵɵlistener("Closed", function TestingExplorerComponent_Conditional_8_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
-    i0.ɵɵelementStart(1, "app-test-run-dialog", 140);
-    i0.ɵɵlistener("PanelClose", function TestingExplorerComponent_Conditional_8_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r33); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnPanelClosed()); });
+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()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("Resizable", true);
     i0.ɵɵadvance();
     i0.ɵɵproperty("PanelMode", true)("selectedTestId", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.testId) ?? null)("selectedSuiteId", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.suiteId) ?? null)("runMode", (ctx_r2.testingDialogService.PanelOptions == null ? null : ctx_r2.testingDialogService.PanelOptions.mode) ?? "test");
 } }
+function TestingExplorerComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, TestingExplorerComponent_ng_template_2_Conditional_0_Template, 2, 0, "div", 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.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, TestingExplorerComponent_ng_template_2_Conditional_7_Template, 54, 18, "div", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, TestingExplorerComponent_ng_template_2_Conditional_8_Template, 2, 5, "mj-slide-panel", 26);
+} 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();
+    i0.ɵɵstyleProp("width", ctx_r2.SlideoutWidth, "px");
+    i0.ɵɵclassProp("open", ctx_r2.SlideoutOpen);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.SlideoutOpen ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.testingDialogService.IsPanelOpen ? 8 : -1);
+} }
 export class TestingExplorerComponent extends BaseAngularComponent {
     cdr;
     viewContainerRef;
     testingDialogService;
     instrumentationService;
+    HeaderViewOptions = [
+        { key: 'card', icon: 'fa-solid fa-grip', title: 'Card view' },
+        { key: 'list', icon: 'fa-solid fa-list', title: 'List view' }
+    ];
+    DisplayModeOptions = [
+        { key: 'all', label: 'All' },
+        { key: 'suites', label: 'Suites' },
+        { key: 'tests', label: 'Tests' }
+    ];
+    /** mj-page-search emits a string; bridge it to the inner's Event-based OnSearchInput. */
+    OnSearchInputValue(value) {
+        const fakeEvent = { target: { value } };
+        this.OnSearchInput(fakeEvent);
+    }
+    /** When true, the inner bespoke .toolbar is hidden — the parent shell owns the chrome. */
+    HideToolbar = false;
     destroy$ = new Subject();
     // Raw cached data
     allTests = [];
@@ -1666,33 +1692,72 @@ 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"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 8, consts: [["suiteTreeTpl", ""], [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, "fa-solid"], [1, "sidebar-content"], [1, "main-content"], [1, "toolbar"], [1, "toolbar-left"], [1, "toolbar-search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search tests and suites...", 3, "input", "value"], [1, "clear-search"], [1, "status-chips"], [1, "chip", 3, "active"], [1, "toolbar-right"], [1, "result-count"], [1, "view-toggle"], ["title", "Card View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "List View", 1, "view-btn", 3, "click"], [1, "fa-solid", "fa-list"], [1, "btn", "btn-secondary", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "btn", "btn-primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "toggle-bar"], [1, "toggle-group"], [1, "toggle-btn", 3, "click"], [1, "sort-indicator"], [1, "sort-btn", 3, "click"], [1, "fa-solid", "fa-arrow-down-short-wide"], [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, "clear-search", 3, "click"], [1, "fa-solid", "fa-times"], [1, "chip", 3, "click"], [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-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) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵconditionalCreate(0, TestingExplorerComponent_Conditional_0_Template, 2, 0, "div", 1)(1, TestingExplorerComponent_Conditional_1_Template, 49, 28, "div", 2);
-            i0.ɵɵtemplate(2, TestingExplorerComponent_ng_template_2_Template, 8, 8, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵconditionalCreate(4, TestingExplorerComponent_Conditional_4_Template, 1, 0, "div", 3);
-            i0.ɵɵelementStart(5, "div", 4)(6, "div", 5);
-            i0.ɵɵlistener("mousedown", function TestingExplorerComponent_Template_div_mousedown_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnResizeStart($event)); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(7, TestingExplorerComponent_Conditional_7_Template, 54, 18, "div", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(8, TestingExplorerComponent_Conditional_8_Template, 2, 5, "mj-slide-panel", 7);
+    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);
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.SlideoutOpen ? 4 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵstyleProp("width", ctx.SlideoutWidth, "px");
-            i0.ɵɵclassProp("open", ctx.SlideoutOpen);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.SlideoutOpen ? 7 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.testingDialogService.IsPanelOpen ? 8 : -1);
-        } }, dependencies: [i3.NgTemplateOutlet, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.NumberValueAccessor, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.MinValidator, i4.NgModel, i1.TestRunDialogComponent, i5.MjSlidePanelComponent, i6.LoadingComponent, i7.HighlightSearchPipe], styles: ["\n\n\n\n\n    [_nghost-%COMP%] {\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    \n\n    .explorer-loading[_ngcontent-%COMP%] {\n      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    .toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 24px;\n      background: var(--mj-bg-surface);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .toolbar-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .toolbar-search-box[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 14px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      min-width: 240px;\n      max-width: 360px;\n      flex: 1;\n      transition: border-color 0.2s ease;\n    }\n\n    .toolbar-search-box[_ngcontent-%COMP%]:focus-within {\n      border-color: var(--mj-brand-primary);\n      background: var(--mj-bg-surface);\n    }\n\n    .toolbar-search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n    }\n\n    .toolbar-search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n      flex: 1;\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .toolbar-search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .clear-search[_ngcontent-%COMP%] {\n      border: none;\n      background: transparent;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 2px 4px;\n      border-radius: 4px;\n    }\n\n    .clear-search[_ngcontent-%COMP%]:hover {\n      color: var(--mj-text-muted);\n      background: var(--mj-border-default);\n    }\n\n    .status-chips[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 6px;\n    }\n\n    .chip[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 14px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid transparent;\n      border-radius: 16px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .chip[_ngcontent-%COMP%]:hover {\n      background: var(--mj-border-default);\n    }\n\n    .chip.active[_ngcontent-%COMP%] {\n      color: var(--mj-text-inverse);\n    }\n\n    .chip.active[data-status=\"active\"][_ngcontent-%COMP%] {\n      background: var(--mj-status-success);\n      border-color: var(--mj-status-success);\n    }\n\n    .chip.active[data-status=\"pending\"][_ngcontent-%COMP%] {\n      background: var(--mj-status-warning);\n      border-color: var(--mj-status-warning);\n    }\n\n    .chip.active[data-status=\"disabled\"][_ngcontent-%COMP%] {\n      background: var(--mj-text-muted);\n      border-color: var(--mj-text-muted);\n    }\n\n    .toolbar-right[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .result-count[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-disabled);\n      font-weight: 500;\n      white-space: nowrap;\n    }\n\n    .view-toggle[_ngcontent-%COMP%] {\n      display: flex;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .view-btn[_ngcontent-%COMP%] {\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--mj-bg-surface);\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      font-size: 13px;\n      transition: all 0.15s ease;\n    }\n\n    .view-btn[_ngcontent-%COMP%]:not(:last-child) {\n      border-right: 1px solid var(--mj-border-default);\n    }\n\n    .view-btn[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .view-btn.active[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\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    .toggle-bar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .toggle-group[_ngcontent-%COMP%] {\n      display: flex;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .toggle-btn[_ngcontent-%COMP%] {\n      padding: 6px 16px;\n      background: var(--mj-bg-surface);\n      border: none;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .toggle-btn[_ngcontent-%COMP%]:not(:last-child) {\n      border-right: 1px solid var(--mj-border-default);\n    }\n\n    .toggle-btn.active[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .toggle-btn[_ngcontent-%COMP%]:hover:not(.active) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .sort-indicator[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n    }\n\n    .sort-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: transparent;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n    }\n\n    .sort-btn[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .sort-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 11px;\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      .toolbar[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .toolbar-left[_ngcontent-%COMP%], .toolbar-right[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        justify-content: center;\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 });
+            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 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingExplorerComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-testing-explorer', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    @if (HideToolbar) {
+      <ng-container *ngTemplateOutlet="content"></ng-container>
+    } @else {
+      <mj-page-layout>
+        <mj-page-header
+          Title="Test Explorer"
+          Icon="fa-solid fa-compass"
+          Subtitle="Browse tests and test suites">
+          <div meta>
+            <mj-stat-badge [Count]="FilteredResultCount" Label="results"></mj-stat-badge>
+          </div>
+          <div actions>
+            <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>
+            <button mjButton variant="primary" size="sm" (click)="OnNewTest()">
+              <i class="fa-solid fa-plus"></i> New Test
+            </button>
+          </div>
+          <div toolbar>
+            <mj-page-search
+              Placeholder="Search tests and suites..."
+              [Value]="SearchTerm"
+              (ValueChange)="OnSearchInputValue($event)">
+            </mj-page-search>
+            @for (status of StatusOptions; track status) {
+              <mj-filter-chip
+                [Label]="status"
+                [Active]="IsStatusActive(status)"
+                (Clicked)="ToggleStatus(status)">
+              </mj-filter-chip>
+            }
+            <mj-view-toggle
+              [Options]="DisplayModeOptions"
+              [ActiveKey]="DisplayMode"
+              (KeyChange)="SetDisplayMode($any($event))">
+            </mj-view-toggle>
+          </div>
+        </mj-page-header>
+        <mj-page-body [Flex]="true">
+          <ng-container *ngTemplateOutlet="content"></ng-container>
+        </mj-page-body>
+      </mj-page-layout>
+    }
+
+    <ng-template #content>
     @if (IsLoading) {
       <div class="explorer-loading">
         <mj-loading text="Loading test explorer..."></mj-loading>
@@ -1767,95 +1832,6 @@ export class TestingExplorerComponent extends BaseAngularComponent {
 
         <!-- Main Content -->
         <main class="main-content">
-          <!-- Toolbar -->
-          <div class="toolbar">
-            <div class="toolbar-left">
-              <div class="toolbar-search-box">
-                <i class="fa-solid fa-search"></i>
-                <input
-                  type="text"
-                  placeholder="Search tests and suites..."
-                  [value]="SearchTerm"
-                  (input)="OnSearchInput($event)"
-                />
-                @if (SearchTerm) {
-                  <button class="clear-search" (click)="ClearSearch()">
-                    <i class="fa-solid fa-times"></i>
-                  </button>
-                }
-              </div>
-              <div class="status-chips">
-                @for (status of StatusOptions; track status) {
-                  <button
-                    class="chip"
-                    [class.active]="IsStatusActive(status)"
-                    [attr.data-status]="status.toLowerCase()"
-                    (click)="ToggleStatus(status)"
-                  >
-                    {{ status }}
-                  </button>
-                }
-              </div>
-            </div>
-            <div class="toolbar-right">
-              <span class="result-count">{{ FilteredResultCount }} results</span>
-              <div class="view-toggle">
-                <button
-                  class="view-btn"
-                  [class.active]="ViewMode === 'card'"
-                  (click)="SetViewMode('card')"
-                  title="Card View"
-                >
-                  <i class="fa-solid fa-grip"></i>
-                </button>
-                <button
-                  class="view-btn"
-                  [class.active]="ViewMode === 'list'"
-                  (click)="SetViewMode('list')"
-                  title="List View"
-                >
-                  <i class="fa-solid fa-list"></i>
-                </button>
-              </div>
-              <button class="btn btn-secondary" (click)="OnNewSuite()">
-                <i class="fa-solid fa-folder-plus"></i>
-                New Suite
-              </button>
-              <button class="btn btn-primary" (click)="OnNewTest()">
-                <i class="fa-solid fa-plus"></i>
-                New Test
-              </button>
-            </div>
-          </div>
-
-          <!-- Toggle Bar -->
-          <div class="toggle-bar">
-            <div class="toggle-group">
-              <button
-                class="toggle-btn"
-                [class.active]="DisplayMode === 'all'"
-                (click)="SetDisplayMode('all')"
-              >All</button>
-              <button
-                class="toggle-btn"
-                [class.active]="DisplayMode === 'suites'"
-                (click)="SetDisplayMode('suites')"
-              >Suites Only</button>
-              <button
-                class="toggle-btn"
-                [class.active]="DisplayMode === 'tests'"
-                (click)="SetDisplayMode('tests')"
-              >Tests Only</button>
-            </div>
-            <div class="sort-indicator">
-              <button class="sort-btn" (click)="ToggleSortDirection()">
-                <i class="fa-solid fa-arrow-down-short-wide"></i>
-                {{ SortFieldLabel }}
-                <i class="fa-solid" [class.fa-arrow-up]="SortDirection === 'asc'" [class.fa-arrow-down]="SortDirection === 'desc'"></i>
-              </button>
-            </div>
-          </div>
-
           <!-- Content Area -->
           <div class="content-area">
             <!-- Suites Section -->
@@ -2260,7 +2236,10 @@ export class TestingExplorerComponent extends BaseAngularComponent {
         </app-test-run-dialog>
       </mj-slide-panel>
     }
-  `, 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    /* Toolbar */\n    .toolbar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 24px;\n      background: var(--mj-bg-surface);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .toolbar-left {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .toolbar-search-box {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 14px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      min-width: 240px;\n      max-width: 360px;\n      flex: 1;\n      transition: border-color 0.2s ease;\n    }\n\n    .toolbar-search-box:focus-within {\n      border-color: var(--mj-brand-primary);\n      background: var(--mj-bg-surface);\n    }\n\n    .toolbar-search-box i {\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n    }\n\n    .toolbar-search-box input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .toolbar-search-box input::placeholder {\n      color: var(--mj-text-disabled);\n    }\n\n    .clear-search {\n      border: none;\n      background: transparent;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 2px 4px;\n      border-radius: 4px;\n    }\n\n    .clear-search:hover {\n      color: var(--mj-text-muted);\n      background: var(--mj-border-default);\n    }\n\n    .status-chips {\n      display: flex;\n      gap: 6px;\n    }\n\n    .chip {\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 14px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid transparent;\n      border-radius: 16px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .chip:hover {\n      background: var(--mj-border-default);\n    }\n\n    .chip.active {\n      color: var(--mj-text-inverse);\n    }\n\n    .chip.active[data-status=\"active\"] {\n      background: var(--mj-status-success);\n      border-color: var(--mj-status-success);\n    }\n\n    .chip.active[data-status=\"pending\"] {\n      background: var(--mj-status-warning);\n      border-color: var(--mj-status-warning);\n    }\n\n    .chip.active[data-status=\"disabled\"] {\n      background: var(--mj-text-muted);\n      border-color: var(--mj-text-muted);\n    }\n\n    .toolbar-right {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .result-count {\n      font-size: 12px;\n      color: var(--mj-text-disabled);\n      font-weight: 500;\n      white-space: nowrap;\n    }\n\n    .view-toggle {\n      display: flex;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .view-btn {\n      width: 34px;\n      height: 34px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--mj-bg-surface);\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      font-size: 13px;\n      transition: all 0.15s ease;\n    }\n\n    .view-btn:not(:last-child) {\n      border-right: 1px solid var(--mj-border-default);\n    }\n\n    .view-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    .view-btn.active {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\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    /* Toggle Bar */\n    .toggle-bar {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .toggle-group {\n      display: flex;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .toggle-btn {\n      padding: 6px 16px;\n      background: var(--mj-bg-surface);\n      border: none;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      transition: all 0.15s ease;\n    }\n\n    .toggle-btn:not(:last-child) {\n      border-right: 1px solid var(--mj-border-default);\n    }\n\n    .toggle-btn.active {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .toggle-btn:hover:not(.active) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .sort-indicator {\n      display: flex;\n      align-items: center;\n    }\n\n    .sort-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: transparent;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n    }\n\n    .sort-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .sort-btn i {\n      font-size: 11px;\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      .toolbar {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .toolbar-left, .toolbar-right {\n        flex-wrap: wrap;\n        justify-content: center;\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 }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingExplorerComponent, { className: "TestingExplorerComponent", filePath: "src/Testing/components/testing-explorer.component.ts", lineNumber: 1823 }); })();
+    </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  "] }]
+    }], () => [{ 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 }); })();
 //# sourceMappingURL=testing-explorer.component.js.map