@memberjunction/ng-dashboards 5.34.0 → 5.35.0

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

@@ -12,128 +12,113 @@ import { debounceTime, takeUntil } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-testing";
 import * as i2 from "./services/testing-instrumentation.service";
-import * as i3 from "@memberjunction/ng-versions";
-import * as i4 from "@memberjunction/ng-shared-generic";
-import * as i5 from "./components/testing-dashboard-tab.component";
-import * as i6 from "./components/testing-runs.component";
-import * as i7 from "./components/testing-analytics.component";
-import * as i8 from "./components/testing-review.component";
-function TestingDashboardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "mj-loading", 3);
+import * as i3 from "@memberjunction/ng-ui-components";
+import * as i4 from "@memberjunction/ng-versions";
+import * as i5 from "@memberjunction/ng-shared-generic";
+import * as i6 from "./components/testing-dashboard-tab.component";
+import * as i7 from "./components/testing-runs.component";
+import * as i8 from "./components/testing-analytics.component";
+import * as i9 from "./components/testing-review.component";
+function TestingDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Count", ctx_r0.ActiveRuns.length);
+} }
+function TestingDashboardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "mj-loading", 8);
     i0.ɵɵelementEnd();
 } }
-function TestingDashboardComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelement(1, "i", 11);
-    i0.ɵɵelementStart(2, "span", 12);
+function TestingDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 12);
+    i0.ɵɵelementStart(2, "span", 13);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 13);
+    i0.ɵɵelementStart(4, "span", 14);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 14);
-    i0.ɵɵlistener("click", function TestingDashboardComponent_Conditional_2_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnViewActiveRun(ctx_r1.ActiveRuns[0])); });
+    i0.ɵɵelementStart(6, "button", 15);
+    i0.ɵɵlistener("click", function TestingDashboardComponent_Conditional_9_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnViewActiveRun(ctx_r0.ActiveRuns[0])); });
     i0.ɵɵtext(7, "View");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r1.ActiveRuns.length, " test", ctx_r1.ActiveRuns.length === 1 ? "" : "s", " running");
+    i0.ɵɵtextInterpolate2("", ctx_r0.ActiveRuns.length, " test", ctx_r0.ActiveRuns.length === 1 ? "" : "s", " running");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r1.ActiveRuns[0].TestName, " \u2014 ", ctx_r1.ActiveRuns[0].Progress, "%");
+    i0.ɵɵtextInterpolate2("", ctx_r0.ActiveRuns[0].TestName, " \u2014 ", ctx_r0.ActiveRuns[0].Progress, "%");
 } }
-function TestingDashboardComponent_Conditional_2_For_4_Template(rf, ctx) { if (rf & 1) {
+function TestingDashboardComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵlistener("click", function TestingDashboardComponent_Conditional_2_For_4_Template_div_click_0_listener() { const $index_r4 = i0.ɵɵrestoreView(_r3).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTabChange(ctx_r1.navigationItems[$index_r4])); });
-    i0.ɵɵelement(1, "i");
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const navItem_r5 = ctx.$implicit;
-    i0.ɵɵclassProp("active", navItem_r5.selected);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(navItem_r5.icon);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(navItem_r5.text);
-} }
-function TestingDashboardComponent_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "app-testing-dashboard-tab", 16);
-    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_2_Conditional_8_Template_app_testing_dashboard_tab_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onDashboardStateChange($event)); });
+    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_9_Conditional_2_Template_app_testing_dashboard_tab_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onDashboardStateChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("initialState", ctx_r1.dashboardState);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("initialState", ctx_r0.dashboardState)("HideToolbar", true);
 } }
-function TestingDashboardComponent_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+function TestingDashboardComponent_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "app-testing-runs", 16);
-    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_2_Conditional_9_Template_app_testing_runs_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRunsStateChange($event)); });
+    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_9_Conditional_3_Template_app_testing_runs_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onRunsStateChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("initialState", ctx_r1.runsState);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("initialState", ctx_r0.runsState)("HideToolbar", true);
 } }
-function TestingDashboardComponent_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+function TestingDashboardComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "app-testing-analytics", 16);
-    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_2_Conditional_10_Template_app_testing_analytics_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onAnalyticsStateChange($event)); });
+    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_9_Conditional_4_Template_app_testing_analytics_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAnalyticsStateChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("initialState", ctx_r1.analyticsState);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("initialState", ctx_r0.analyticsState)("HideToolbar", true);
 } }
-function TestingDashboardComponent_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
+function TestingDashboardComponent_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "app-testing-review", 16);
-    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_2_Conditional_11_Template_app_testing_review_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onReviewStateChange($event)); });
+    i0.ɵɵlistener("stateChange", function TestingDashboardComponent_Conditional_9_Conditional_5_Template_app_testing_review_stateChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onReviewStateChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("initialState", ctx_r1.reviewState);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("initialState", ctx_r0.reviewState)("HideToolbar", true);
 } }
-function TestingDashboardComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, TestingDashboardComponent_Conditional_2_Conditional_0_Template, 8, 4, "div", 4);
-    i0.ɵɵelementStart(1, "div", 5)(2, "div", 6);
-    i0.ɵɵrepeaterCreate(3, TestingDashboardComponent_Conditional_2_For_4_Template, 4, 5, "div", 7, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelement(5, "div", 8)(6, "app-evaluation-mode-toggle");
+function TestingDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, TestingDashboardComponent_Conditional_9_Conditional_0_Template, 8, 4, "div", 9);
+    i0.ɵɵelementStart(1, "div", 10);
+    i0.ɵɵconditionalCreate(2, TestingDashboardComponent_Conditional_9_Conditional_2_Template, 1, 2, "app-testing-dashboard-tab", 11);
+    i0.ɵɵconditionalCreate(3, TestingDashboardComponent_Conditional_9_Conditional_3_Template, 1, 2, "app-testing-runs", 11);
+    i0.ɵɵconditionalCreate(4, TestingDashboardComponent_Conditional_9_Conditional_4_Template, 1, 2, "app-testing-analytics", 11);
+    i0.ɵɵconditionalCreate(5, TestingDashboardComponent_Conditional_9_Conditional_5_Template, 1, 2, "app-testing-review", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 9);
-    i0.ɵɵconditionalCreate(8, TestingDashboardComponent_Conditional_2_Conditional_8_Template, 1, 1, "app-testing-dashboard-tab", 10);
-    i0.ɵɵconditionalCreate(9, TestingDashboardComponent_Conditional_2_Conditional_9_Template, 1, 1, "app-testing-runs", 10);
-    i0.ɵɵconditionalCreate(10, TestingDashboardComponent_Conditional_2_Conditional_10_Template, 1, 1, "app-testing-analytics", 10);
-    i0.ɵɵconditionalCreate(11, TestingDashboardComponent_Conditional_2_Conditional_11_Template, 1, 1, "app-testing-review", 10);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.ActiveRuns.length > 0 ? 0 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r1.navigationConfig);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.activeTab === "dashboard" && ctx_r1.hasVisited("dashboard") ? 8 : -1);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.ActiveRuns.length > 0 ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.activeTab === "dashboard" && ctx_r0.hasVisited("dashboard") ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "runs" && ctx_r1.hasVisited("runs") ? 9 : -1);
+    i0.ɵɵconditional(ctx_r0.activeTab === "runs" && ctx_r0.hasVisited("runs") ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "analytics" && ctx_r1.hasVisited("analytics") ? 10 : -1);
+    i0.ɵɵconditional(ctx_r0.activeTab === "analytics" && ctx_r0.hasVisited("analytics") ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.activeTab === "review" && ctx_r1.hasVisited("review") ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.activeTab === "review" && ctx_r0.hasVisited("review") ? 5 : -1);
 } }
-function TestingDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+function TestingDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-slide-panel", 17);
-    i0.ɵɵlistener("Closed", function TestingDashboardComponent_Conditional_3_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPanelClosed()); });
+    i0.ɵɵlistener("Closed", function TestingDashboardComponent_Conditional_10_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnPanelClosed()); });
     i0.ɵɵelementStart(1, "app-test-run-dialog", 18);
-    i0.ɵɵlistener("PanelClose", function TestingDashboardComponent_Conditional_3_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPanelClosed()); });
+    i0.ɵɵlistener("PanelClose", function TestingDashboardComponent_Conditional_10_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnPanelClosed()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Title", (ctx_r1.testingDialogService.PanelOptions == null ? null : ctx_r1.testingDialogService.PanelOptions.testId) ? "Test Execution" : "Run Test")("Resizable", true);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Title", (ctx_r0.testingDialogService.PanelOptions == null ? null : ctx_r0.testingDialogService.PanelOptions.testId) ? "Test Execution" : "Run Test")("Resizable", true);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("PanelMode", true)("selectedTestId", (ctx_r1.testingDialogService.PanelOptions == null ? null : ctx_r1.testingDialogService.PanelOptions.testId) ?? null)("selectedSuiteId", (ctx_r1.testingDialogService.PanelOptions == null ? null : ctx_r1.testingDialogService.PanelOptions.suiteId) ?? null)("runMode", (ctx_r1.testingDialogService.PanelOptions == null ? null : ctx_r1.testingDialogService.PanelOptions.mode) ?? "test");
+    i0.ɵɵproperty("PanelMode", true)("selectedTestId", (ctx_r0.testingDialogService.PanelOptions == null ? null : ctx_r0.testingDialogService.PanelOptions.testId) ?? null)("selectedSuiteId", (ctx_r0.testingDialogService.PanelOptions == null ? null : ctx_r0.testingDialogService.PanelOptions.suiteId) ?? null)("runMode", (ctx_r0.testingDialogService.PanelOptions == null ? null : ctx_r0.testingDialogService.PanelOptions.mode) ?? "test");
 } }
 let TestingDashboardComponent = class TestingDashboardComponent extends BaseDashboard {
     cdr;
@@ -160,6 +145,20 @@ let TestingDashboardComponent = class TestingDashboardComponent extends BaseDash
         { text: 'Analytics', icon: 'fa-solid fa-chart-bar', selected: false },
         { text: 'Review', icon: 'fa-solid fa-clipboard-check', selected: false }
     ];
+    get Tabs() {
+        return [
+            { key: 'dashboard', label: 'Dashboard', icon: 'fa-solid fa-gauge-high' },
+            {
+                key: 'runs',
+                label: 'Runs',
+                icon: 'fa-solid fa-play-circle',
+                badge: this.ActiveRuns.length > 0 ? this.ActiveRuns.length : null,
+                badgeVariant: this.ActiveRuns.length > 0 ? 'warning' : 'default'
+            },
+            { key: 'analytics', label: 'Analytics', icon: 'fa-solid fa-chart-bar' },
+            { key: 'review', label: 'Review', icon: 'fa-solid fa-clipboard-check' }
+        ];
+    }
     stateChangeSubject = new Subject();
     destroy$ = new Subject();
     constructor(cdr, testingDialogService, executionService, instrumentationService) {
@@ -300,20 +299,35 @@ let TestingDashboardComponent = class TestingDashboardComponent extends BaseDash
         });
     }
     static ɵfac = function TestingDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingDashboardComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.TestingDialogService), i0.ɵɵdirectiveInject(i1.TestingExecutionService), i0.ɵɵdirectiveInject(i2.TestingInstrumentationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardComponent, selectors: [["mj-testing-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [[1, "testing-dashboard-container"], [1, "loading-container"], ["Mode", "slide", 3, "Title", "Resizable"], ["text", "Loading Testing Dashboard...", "size", "large"], [1, "active-runs-banner"], [1, "dashboard-content-wrapper"], [1, "testing-dashboard-nav"], [1, "nav-item", 3, "active"], [1, "nav-spacer"], [1, "dashboard-content"], [3, "initialState"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "active-runs-count"], [1, "active-runs-detail"], [1, "active-runs-view-btn", 3, "click"], [1, "nav-item", 3, "click"], [3, "stateChange", "initialState"], ["Mode", "slide", 3, "Closed", "Title", "Resizable"], [3, "PanelClose", "PanelMode", "selectedTestId", "selectedSuiteId", "runMode"]], template: function TestingDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, TestingDashboardComponent_Conditional_1_Template, 2, 0, "div", 1);
-            i0.ɵɵconditionalCreate(2, TestingDashboardComponent_Conditional_2_Template, 12, 5);
-            i0.ɵɵconditionalCreate(3, TestingDashboardComponent_Conditional_3_Template, 2, 6, "mj-slide-panel", 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardComponent, selectors: [["mj-testing-dashboard"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 7, consts: [["Title", "Testing", "Icon", "fa-solid fa-vial-circle-check", "Subtitle", "Evaluate AI agents, workflows, and system components"], ["meta", ""], ["Icon", "fa-solid fa-spinner fa-spin", "Label", "running", "Variant", "running", 3, "Count"], ["actions", ""], [3, "TabChange", "Tabs", "ActiveKey"], [3, "Flex"], [1, "loading-container"], ["Mode", "slide", 3, "Title", "Resizable"], ["text", "Loading Testing Dashboard...", "size", "large"], [1, "active-runs-banner"], [1, "dashboard-content"], [3, "initialState", "HideToolbar"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "active-runs-count"], [1, "active-runs-detail"], [1, "active-runs-view-btn", 3, "click"], [3, "stateChange", "initialState", "HideToolbar"], ["Mode", "slide", 3, "Closed", "Title", "Resizable"], [3, "PanelClose", "PanelMode", "selectedTestId", "selectedSuiteId", "runMode"]], template: function TestingDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1);
+            i0.ɵɵconditionalCreate(3, TestingDashboardComponent_Conditional_3_Template, 1, 1, "mj-stat-badge", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3)(5, "mj-tab-nav", 4);
+            i0.ɵɵlistener("TabChange", function TestingDashboardComponent_Template_mj_tab_nav_TabChange_5_listener($event) { return ctx.onTabChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(6, "app-evaluation-mode-toggle");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(7, "mj-page-body", 5);
+            i0.ɵɵconditionalCreate(8, TestingDashboardComponent_Conditional_8_Template, 2, 0, "div", 6);
+            i0.ɵɵconditionalCreate(9, TestingDashboardComponent_Conditional_9_Template, 6, 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(10, TestingDashboardComponent_Conditional_10_Template, 2, 6, "mj-slide-panel", 7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.ActiveRuns.length > 0 ? 3 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Tabs", ctx.Tabs)("ActiveKey", ctx.activeTab);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Flex", true);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isLoading ? 1 : -1);
+            i0.ɵɵconditional(ctx.isLoading ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading ? 2 : -1);
+            i0.ɵɵconditional(!ctx.isLoading ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.testingDialogService.IsPanelOpen ? 3 : -1);
-        } }, dependencies: [i1.TestRunDialogComponent, i1.EvaluationModeToggleComponent, i3.MjSlidePanelComponent, i4.LoadingComponent, i5.TestingDashboardTabComponent, i6.TestingRunsComponent, i7.TestingAnalyticsComponent, i8.TestingReviewComponent], styles: ["\n\n\n\n\n\n.testing-dashboard-container[_ngcontent-%COMP%] {\n  height: 100%;\n  background: var(--mj-bg-surface-sunken);\n  position: relative;\n  overflow: hidden;\n}\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  backdrop-filter: blur(8px);\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n\n.spinner-ring[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid var(--mj-brand-primary);\n  border-radius: 50%;\n  animation: _ngcontent-%COMP%_spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: var(--mj-brand-primary) transparent transparent transparent;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n@keyframes _ngcontent-%COMP%_spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  margin-top: 20px;\n  font-size: 16px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n\n\n.dashboard-content-wrapper[_ngcontent-%COMP%] {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.dashboard-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n}\n\n\n\n.testing-dashboard-nav[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  gap: 2px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  box-shadow: var(--mj-shadow-sm);\n  padding: 0 16px;\n  position: relative;\n  z-index: 10;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 16px 24px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  border-bottom: 3px solid transparent;\n  white-space: nowrap;\n  position: relative;\n  font-weight: 500;\n}\n\n.nav-item[_ngcontent-%COMP%]::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 3px;\n  background: transparent;\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  border-radius: 8px 8px 0 0;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n  color: var(--mj-brand-primary);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover::before {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.nav-item.active[_ngcontent-%COMP%]::before {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 1;\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n}\n\n.nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n  position: relative;\n  z-index: 1;\n}\n\n\n\n.nav-spacer[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n\n\n.active-runs-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.active-runs-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.active-runs-count[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.active-runs-detail[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.active-runs-view-btn[_ngcontent-%COMP%] {\n  padding: 4px 14px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.2s;\n}\n\n.active-runs-view-btn[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n\n\n@media (max-width: 768px) {\n  .testing-dashboard-nav[_ngcontent-%COMP%] {\n    padding: 0 8px;\n    overflow-x: auto;\n  }\n\n  .nav-item[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    gap: 8px;\n  }\n\n  .nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 11px;\n  }\n\n  .nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .active-runs-banner[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    padding: 8px 12px;\n    gap: 6px;\n  }\n\n  .active-runs-detail[_ngcontent-%COMP%] {\n    width: 100%;\n    order: 3;\n  }\n}\n\n@media (max-width: 480px) {\n  .nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .nav-item[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n  }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.testingDialogService.IsPanelOpen ? 10 : -1);
+        } }, dependencies: [i3.MJPageHeaderComponent, i3.MJPageLayoutComponent, i3.MJPageBodyComponent, i3.MJTabNavComponent, i3.MJStatBadgeComponent, i1.TestRunDialogComponent, i1.EvaluationModeToggleComponent, i4.MjSlidePanelComponent, i5.LoadingComponent, i6.TestingDashboardTabComponent, i7.TestingRunsComponent, i8.TestingAnalyticsComponent, i9.TestingReviewComponent], styles: ["\n\n\n\n\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  backdrop-filter: blur(8px);\n}\n\n.loading-content[_ngcontent-%COMP%] {\n  text-align: center;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n\n.spinner-ring[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid var(--mj-brand-primary);\n  border-radius: 50%;\n  animation: _ngcontent-%COMP%_spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: var(--mj-brand-primary) transparent transparent transparent;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner-ring[_ngcontent-%COMP%]:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n@keyframes _ngcontent-%COMP%_spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.loading-text[_ngcontent-%COMP%] {\n  margin-top: 20px;\n  font-size: 16px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.dashboard-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n\n\n.active-runs-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.active-runs-banner[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.active-runs-count[_ngcontent-%COMP%] {\n  font-weight: 600;\n}\n\n.active-runs-detail[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.active-runs-view-btn[_ngcontent-%COMP%] {\n  padding: 4px 14px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.2s;\n}\n\n.active-runs-view-btn[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n\n\n@media (max-width: 768px) {\n  .testing-dashboard-nav[_ngcontent-%COMP%] {\n    padding: 0 8px;\n    overflow-x: auto;\n  }\n\n  .nav-item[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    gap: 8px;\n  }\n\n  .nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 11px;\n  }\n\n  .nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .active-runs-banner[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    padding: 8px 12px;\n    gap: 6px;\n  }\n\n  .active-runs-detail[_ngcontent-%COMP%] {\n    width: 100%;\n    order: 3;\n  }\n}\n\n@media (max-width: 480px) {\n  .nav-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .nav-item[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n  }\n}"], changeDetection: 0 });
 };
 TestingDashboardComponent = __decorate([
     RegisterClass(BaseDashboard, 'TestingDashboard')
@@ -321,7 +335,7 @@ TestingDashboardComponent = __decorate([
 export { TestingDashboardComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingDashboardComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-testing-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"testing-dashboard-container\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading Testing Dashboard...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  @if (!isLoading) {\n    <!-- Active Runs Banner -->\n    @if (ActiveRuns.length > 0) {\n      <div class=\"active-runs-banner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span class=\"active-runs-count\">{{ ActiveRuns.length }} test{{ ActiveRuns.length === 1 ? '' : 's' }} running</span>\n        <span class=\"active-runs-detail\">{{ ActiveRuns[0].TestName }} &mdash; {{ ActiveRuns[0].Progress }}%</span>\n        <button class=\"active-runs-view-btn\" (click)=\"OnViewActiveRun(ActiveRuns[0])\">View</button>\n      </div>\n    }\n\n    <div class=\"dashboard-content-wrapper\">\n      <div class=\"testing-dashboard-nav\">\n        @for (navItem of navigationConfig; track $index) {\n          <div\n            class=\"nav-item\"\n            [class.active]=\"navItem.selected\"\n            (click)=\"onTabChange(navigationItems[$index])\"\n          >\n            <i [class]=\"navItem.icon\"></i>\n            <span>{{ navItem.text }}</span>\n          </div>\n        }\n        <div class=\"nav-spacer\"></div>\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n      </div>\n\n      <div class=\"dashboard-content\">\n        @if (activeTab === 'dashboard' && hasVisited('dashboard')) {\n          <app-testing-dashboard-tab\n            [initialState]=\"dashboardState\"\n            (stateChange)=\"onDashboardStateChange($event)\"\n          ></app-testing-dashboard-tab>\n        }\n\n        @if (activeTab === 'runs' && hasVisited('runs')) {\n          <app-testing-runs\n            [initialState]=\"runsState\"\n            (stateChange)=\"onRunsStateChange($event)\"\n          ></app-testing-runs>\n        }\n\n        @if (activeTab === 'analytics' && hasVisited('analytics')) {\n          <app-testing-analytics\n            [initialState]=\"analyticsState\"\n            (stateChange)=\"onAnalyticsStateChange($event)\"\n          ></app-testing-analytics>\n        }\n\n        @if (activeTab === 'review' && hasVisited('review')) {\n          <app-testing-review\n            [initialState]=\"reviewState\"\n            (stateChange)=\"onReviewStateChange($event)\"\n          ></app-testing-review>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Slide Panel for Test Execution -->\n  @if (testingDialogService.IsPanelOpen) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      [Title]=\"testingDialogService.PanelOptions?.testId ? 'Test Execution' : 'Run Test'\"\n      [Resizable]=\"true\"\n      (Closed)=\"OnPanelClosed()\">\n      <app-test-run-dialog\n        [PanelMode]=\"true\"\n        [selectedTestId]=\"testingDialogService.PanelOptions?.testId ?? null\"\n        [selectedSuiteId]=\"testingDialogService.PanelOptions?.suiteId ?? null\"\n        [runMode]=\"testingDialogService.PanelOptions?.mode ?? 'test'\"\n        (PanelClose)=\"OnPanelClosed()\">\n      </app-test-run-dialog>\n    </mj-slide-panel>\n  }\n</div>\n", styles: ["/* ============================================\n   Testing Dashboard - Premium Design System\n   Based on AI Dashboard patterns\n   ============================================ */\n\n.testing-dashboard-container {\n  height: 100%;\n  background: var(--mj-bg-surface-sunken);\n  position: relative;\n  overflow: hidden;\n}\n\n/* Loading State */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  backdrop-filter: blur(8px);\n}\n\n.loading-content {\n  text-align: center;\n}\n\n.loading-spinner {\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n\n.spinner-ring {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid var(--mj-brand-primary);\n  border-radius: 50%;\n  animation: spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: var(--mj-brand-primary) transparent transparent transparent;\n}\n\n.spinner-ring:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner-ring:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner-ring:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n@keyframes spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.loading-text {\n  margin-top: 20px;\n  font-size: 16px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n/* Dashboard Layout */\n.dashboard-content-wrapper {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.dashboard-content {\n  flex: 1;\n  overflow: hidden;\n}\n\n/* Premium Navigation Tabs */\n.testing-dashboard-nav {\n  display: flex;\n  justify-content: flex-start;\n  gap: 2px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  box-shadow: var(--mj-shadow-sm);\n  padding: 0 16px;\n  position: relative;\n  z-index: 10;\n}\n\n.nav-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 16px 24px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  border-bottom: 3px solid transparent;\n  white-space: nowrap;\n  position: relative;\n  font-weight: 500;\n}\n\n.nav-item::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 3px;\n  background: transparent;\n  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  border-radius: 8px 8px 0 0;\n}\n\n.nav-item:hover {\n  color: var(--mj-brand-primary);\n}\n\n.nav-item:hover::before {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.nav-item.active {\n  color: var(--mj-brand-primary);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.nav-item.active::before {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.nav-item i {\n  font-size: 16px;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  z-index: 1;\n}\n\n.nav-item:hover i {\n  transform: scale(1.1);\n}\n\n.nav-item span {\n  font-size: 13px;\n  font-weight: 600;\n  letter-spacing: 0.2px;\n  position: relative;\n  z-index: 1;\n}\n\n/* Spacer for flex layout */\n.nav-spacer {\n  flex: 1;\n}\n\n/* Active Runs Banner */\n.active-runs-banner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.active-runs-banner i {\n  color: var(--mj-brand-primary);\n}\n\n.active-runs-count {\n  font-weight: 600;\n}\n\n.active-runs-detail {\n  color: var(--mj-text-secondary);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.active-runs-view-btn {\n  padding: 4px 14px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.2s;\n}\n\n.active-runs-view-btn:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .testing-dashboard-nav {\n    padding: 0 8px;\n    overflow-x: auto;\n  }\n\n  .nav-item {\n    padding: 12px 16px;\n    gap: 8px;\n  }\n\n  .nav-item span {\n    font-size: 11px;\n  }\n\n  .nav-item i {\n    font-size: 18px;\n  }\n\n  .active-runs-banner {\n    flex-wrap: wrap;\n    padding: 8px 12px;\n    gap: 6px;\n  }\n\n  .active-runs-detail {\n    width: 100%;\n    order: 3;\n  }\n}\n\n@media (max-width: 480px) {\n  .nav-item span {\n    display: none;\n  }\n\n  .nav-item {\n    padding: 12px 14px;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-testing-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Testing\"\n    Icon=\"fa-solid fa-vial-circle-check\"\n    Subtitle=\"Evaluate AI agents, workflows, and system components\">\n    <div meta>\n      @if (ActiveRuns.length > 0) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-spinner fa-spin\"\n          [Count]=\"ActiveRuns.length\"\n          Label=\"running\"\n          Variant=\"running\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      <mj-tab-nav\n        [Tabs]=\"Tabs\"\n        [ActiveKey]=\"activeTab\"\n        (TabChange)=\"onTabChange($any($event))\">\n      </mj-tab-nav>\n      <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading Testing Dashboard...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  @if (!isLoading) {\n    <!-- Active Runs Banner (in-body so it doesn't crowd the page-header) -->\n    @if (ActiveRuns.length > 0) {\n      <div class=\"active-runs-banner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span class=\"active-runs-count\">{{ ActiveRuns.length }} test{{ ActiveRuns.length === 1 ? '' : 's' }} running</span>\n        <span class=\"active-runs-detail\">{{ ActiveRuns[0].TestName }} &mdash; {{ ActiveRuns[0].Progress }}%</span>\n        <button class=\"active-runs-view-btn\" (click)=\"OnViewActiveRun(ActiveRuns[0])\">View</button>\n      </div>\n    }\n\n    <div class=\"dashboard-content\">\n      @if (activeTab === 'dashboard' && hasVisited('dashboard')) {\n        <app-testing-dashboard-tab\n          [initialState]=\"dashboardState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onDashboardStateChange($event)\"\n        ></app-testing-dashboard-tab>\n      }\n\n      @if (activeTab === 'runs' && hasVisited('runs')) {\n        <app-testing-runs\n          [initialState]=\"runsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onRunsStateChange($event)\"\n        ></app-testing-runs>\n      }\n\n      @if (activeTab === 'analytics' && hasVisited('analytics')) {\n        <app-testing-analytics\n          [initialState]=\"analyticsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onAnalyticsStateChange($event)\"\n        ></app-testing-analytics>\n      }\n\n      @if (activeTab === 'review' && hasVisited('review')) {\n        <app-testing-review\n          [initialState]=\"reviewState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onReviewStateChange($event)\"\n        ></app-testing-review>\n      }\n    </div>\n  }\n  </mj-page-body>\n\n  <!-- Slide Panel for Test Execution -->\n  @if (testingDialogService.IsPanelOpen) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      [Title]=\"testingDialogService.PanelOptions?.testId ? 'Test Execution' : 'Run Test'\"\n      [Resizable]=\"true\"\n      (Closed)=\"OnPanelClosed()\">\n      <app-test-run-dialog\n        [PanelMode]=\"true\"\n        [selectedTestId]=\"testingDialogService.PanelOptions?.testId ?? null\"\n        [selectedSuiteId]=\"testingDialogService.PanelOptions?.suiteId ?? null\"\n        [runMode]=\"testingDialogService.PanelOptions?.mode ?? 'test'\"\n        (PanelClose)=\"OnPanelClosed()\">\n      </app-test-run-dialog>\n    </mj-slide-panel>\n  }\n</mj-page-layout>\n", styles: ["/* ============================================\n   Testing Dashboard - Premium Design System\n   Based on AI Dashboard patterns\n   ============================================ */\n\n/* Loading State */\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  backdrop-filter: blur(8px);\n}\n\n.loading-content {\n  text-align: center;\n}\n\n.loading-spinner {\n  display: inline-block;\n  position: relative;\n  width: 80px;\n  height: 80px;\n}\n\n.spinner-ring {\n  box-sizing: border-box;\n  display: block;\n  position: absolute;\n  width: 64px;\n  height: 64px;\n  margin: 8px;\n  border: 8px solid var(--mj-brand-primary);\n  border-radius: 50%;\n  animation: spinner-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: var(--mj-brand-primary) transparent transparent transparent;\n}\n\n.spinner-ring:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner-ring:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner-ring:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n@keyframes spinner-ring {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.loading-text {\n  margin-top: 20px;\n  font-size: 16px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.dashboard-content {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* Active Runs Banner */\n.active-runs-banner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.active-runs-banner i {\n  color: var(--mj-brand-primary);\n}\n\n.active-runs-count {\n  font-weight: 600;\n}\n\n.active-runs-detail {\n  color: var(--mj-text-secondary);\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.active-runs-view-btn {\n  padding: 4px 14px;\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.2s;\n}\n\n.active-runs-view-btn:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .testing-dashboard-nav {\n    padding: 0 8px;\n    overflow-x: auto;\n  }\n\n  .nav-item {\n    padding: 12px 16px;\n    gap: 8px;\n  }\n\n  .nav-item span {\n    font-size: 11px;\n  }\n\n  .nav-item i {\n    font-size: 18px;\n  }\n\n  .active-runs-banner {\n    flex-wrap: wrap;\n    padding: 8px 12px;\n    gap: 6px;\n  }\n\n  .active-runs-detail {\n    width: 100%;\n    order: 3;\n  }\n}\n\n@media (max-width: 480px) {\n  .nav-item span {\n    display: none;\n  }\n\n  .nav-item {\n    padding: 12px 14px;\n  }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.TestingDialogService }, { type: i1.TestingExecutionService }, { type: i2.TestingInstrumentationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardComponent, { className: "TestingDashboardComponent", filePath: "src/Testing/testing-dashboard.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardComponent, { className: "TestingDashboardComponent", filePath: "src/Testing/testing-dashboard.component.ts", lineNumber: 27 }); })();
 //# sourceMappingURL=testing-dashboard.component.js.map

package/dist/Testing/testing-dashboard.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"testing-dashboard.component.js","sourceRoot":"","sources":["../../src/Testing/testing-dashboard.component.ts","../../src/Testing/testing-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, AfterViewInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { BaseDashboard } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { TestingDialogService, TestingExecutionService, ActiveRun } from '@memberjunction/ng-testing';\nimport { TestingInstrumentationService } from './services/testing-instrumentation.service';\n\ninterface TestingDashboardState {\n  activeTab: string;\n  dashboardState: Record<string, unknown>;\n  runsState: Record<string, unknown>;\n  analyticsState: Record<string, unknown>;\n  reviewState: Record<string, unknown>;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-testing-dashboard',\n  templateUrl: './testing-dashboard.component.html',\n  styleUrls: ['./testing-dashboard.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n@RegisterClass(BaseDashboard, 'TestingDashboard')\nexport class TestingDashboardComponent extends BaseDashboard implements AfterViewInit, OnDestroy {\n\n  public isLoading = false;\n  public activeTab = 'dashboard';\n  public selectedIndex = 0;\n\n  // Active test runs from execution service\n  public ActiveRuns: ActiveRun[] = [];\n\n  // Component states\n  public dashboardState: Record<string, unknown> | null = null;\n  public runsState: Record<string, unknown> | null = null;\n  public analyticsState: Record<string, unknown> | null = null;\n  public reviewState: Record<string, unknown> | null = null;\n\n  // Track visited tabs for lazy loading\n  private visitedTabs = new Set<string>();\n\n  // Navigation items\n  public navigationItems: string[] = ['dashboard', 'runs', 'analytics', 'review'];\n\n  public navigationConfig = [\n    { text: 'Dashboard', icon: 'fa-solid fa-gauge-high', selected: false },\n    { text: 'Runs', icon: 'fa-solid fa-play-circle', selected: false },\n    { text: 'Analytics', icon: 'fa-solid fa-chart-bar', selected: false },\n    { text: 'Review', icon: 'fa-solid fa-clipboard-check', selected: false }\n  ];\n\n  private stateChangeSubject = new Subject<TestingDashboardState>();\n  protected override destroy$ = new Subject<void>();\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    public testingDialogService: TestingDialogService,\n    private executionService: TestingExecutionService,\n    private instrumentationService: TestingInstrumentationService\n  ) {\n    super();\n    this.setupStateManagement();\n    this.updateNavigationSelection();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Testing';\n  }\n\n  ngAfterViewInit(): void {\n    this.visitedTabs.add(this.activeTab);\n    this.updateNavigationSelection();\n    this.emitStateChange();\n\n    this.executionService.ActiveRuns$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(runs => {\n      this.ActiveRuns = runs;\n      this.cdr.markForCheck();\n    });\n\n    this.testingDialogService.PanelStateChanged$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe((isOpen) => {\n      console.log('[TestingDashboard] PanelStateChanged$:', isOpen, 'IsPanelOpen:', this.testingDialogService.IsPanelOpen);\n      this.cdr.detectChanges();\n    });\n\n    this.cdr.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.stateChangeSubject.complete();\n  }\n\n  public onTabChange(tabId: string): void {\n    this.activeTab = tabId;\n    const index = this.navigationItems.indexOf(tabId);\n    this.selectedIndex = index >= 0 ? index : 0;\n    this.updateNavigationSelection();\n    this.visitedTabs.add(tabId);\n    this.emitStateChange();\n    this.cdr.markForCheck();\n  }\n\n  public hasVisited(tabId: string): boolean {\n    return this.visitedTabs.has(tabId);\n  }\n\n  private setupStateManagement(): void {\n    this.stateChangeSubject.pipe(\n      debounceTime(50)\n    ).subscribe(state => {\n      this.UserStateChanged.emit(state);\n    });\n  }\n\n  private emitStateChange(): void {\n    const state: TestingDashboardState = {\n      activeTab: this.activeTab,\n      dashboardState: (this.dashboardState || {}) as Record<string, unknown>,\n      runsState: (this.runsState || {}) as Record<string, unknown>,\n      analyticsState: (this.analyticsState || {}) as Record<string, unknown>,\n      reviewState: (this.reviewState || {}) as Record<string, unknown>\n    };\n\n    this.stateChangeSubject.next(state);\n  }\n\n  public onDashboardStateChange(state: Record<string, unknown>): void {\n    this.dashboardState = state;\n    this.emitStateChange();\n  }\n\n  public onRunsStateChange(state: Record<string, unknown>): void {\n    this.runsState = state;\n    this.emitStateChange();\n  }\n\n  public onAnalyticsStateChange(state: Record<string, unknown>): void {\n    this.analyticsState = state;\n    this.emitStateChange();\n  }\n\n  public onReviewStateChange(state: Record<string, unknown>): void {\n    this.reviewState = state;\n    this.emitStateChange();\n  }\n\n  public loadUserState(state: Partial<TestingDashboardState>): void {\n    if (state.activeTab) {\n      this.activeTab = state.activeTab;\n      const index = this.navigationItems.indexOf(state.activeTab);\n      this.selectedIndex = index >= 0 ? index : 0;\n      this.visitedTabs.add(state.activeTab);\n      this.updateNavigationSelection();\n    }\n\n    if (state.dashboardState) this.dashboardState = state.dashboardState;\n    if (state.runsState) this.runsState = state.runsState;\n    if (state.analyticsState) this.analyticsState = state.analyticsState;\n    if (state.reviewState) this.reviewState = state.reviewState;\n\n    this.cdr.markForCheck();\n  }\n\n  initDashboard(): void {\n    try {\n      this.isLoading = true;\n      this.instrumentationService.Provider = this.ProviderToUse;\n    } catch (error) {\n      console.error('Error initializing Testing dashboard:', error);\n      this.Error.emit(new Error('Failed to initialize Testing dashboard. Please try again.'));\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  loadData(): void {\n    if (this.Config?.userState) {\n      setTimeout(() => {\n        if (this.Config?.userState) {\n          this.loadUserState(this.Config.userState);\n        }\n      }, 0);\n    }\n\n    this.NotifyLoadComplete();\n  }\n\n  public getCurrentTabLabel(): string {\n    const tabIndex = this.navigationItems.indexOf(this.activeTab);\n    return tabIndex >= 0 ? this.navigationConfig[tabIndex].text : 'Testing Dashboard';\n  }\n\n  public OnPanelClosed(): void {\n    this.testingDialogService.ClosePanel();\n    this.cdr.markForCheck();\n  }\n\n  public OnViewActiveRun(run: ActiveRun): void {\n    this.testingDialogService.OpenTestPanel(run.TestId);\n    this.cdr.markForCheck();\n  }\n\n  public OnViewRunningTestFromTab(testId: string): void {\n    this.testingDialogService.OpenTestPanel(testId);\n    this.cdr.detectChanges();\n  }\n\n  private updateNavigationSelection(): void {\n    this.navigationConfig.forEach((item, index) => {\n      item.selected = this.navigationItems[index] === this.activeTab;\n    });\n  }\n}\n","<div class=\"testing-dashboard-container\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading Testing Dashboard...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  @if (!isLoading) {\n    <!-- Active Runs Banner -->\n    @if (ActiveRuns.length > 0) {\n      <div class=\"active-runs-banner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span class=\"active-runs-count\">{{ ActiveRuns.length }} test{{ ActiveRuns.length === 1 ? '' : 's' }} running</span>\n        <span class=\"active-runs-detail\">{{ ActiveRuns[0].TestName }} &mdash; {{ ActiveRuns[0].Progress }}%</span>\n        <button class=\"active-runs-view-btn\" (click)=\"OnViewActiveRun(ActiveRuns[0])\">View</button>\n      </div>\n    }\n\n    <div class=\"dashboard-content-wrapper\">\n      <div class=\"testing-dashboard-nav\">\n        @for (navItem of navigationConfig; track $index) {\n          <div\n            class=\"nav-item\"\n            [class.active]=\"navItem.selected\"\n            (click)=\"onTabChange(navigationItems[$index])\"\n          >\n            <i [class]=\"navItem.icon\"></i>\n            <span>{{ navItem.text }}</span>\n          </div>\n        }\n        <div class=\"nav-spacer\"></div>\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n      </div>\n\n      <div class=\"dashboard-content\">\n        @if (activeTab === 'dashboard' && hasVisited('dashboard')) {\n          <app-testing-dashboard-tab\n            [initialState]=\"dashboardState\"\n            (stateChange)=\"onDashboardStateChange($event)\"\n          ></app-testing-dashboard-tab>\n        }\n\n        @if (activeTab === 'runs' && hasVisited('runs')) {\n          <app-testing-runs\n            [initialState]=\"runsState\"\n            (stateChange)=\"onRunsStateChange($event)\"\n          ></app-testing-runs>\n        }\n\n        @if (activeTab === 'analytics' && hasVisited('analytics')) {\n          <app-testing-analytics\n            [initialState]=\"analyticsState\"\n            (stateChange)=\"onAnalyticsStateChange($event)\"\n          ></app-testing-analytics>\n        }\n\n        @if (activeTab === 'review' && hasVisited('review')) {\n          <app-testing-review\n            [initialState]=\"reviewState\"\n            (stateChange)=\"onReviewStateChange($event)\"\n          ></app-testing-review>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Slide Panel for Test Execution -->\n  @if (testingDialogService.IsPanelOpen) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      [Title]=\"testingDialogService.PanelOptions?.testId ? 'Test Execution' : 'Run Test'\"\n      [Resizable]=\"true\"\n      (Closed)=\"OnPanelClosed()\">\n      <app-test-run-dialog\n        [PanelMode]=\"true\"\n        [selectedTestId]=\"testingDialogService.PanelOptions?.testId ?? null\"\n        [selectedSuiteId]=\"testingDialogService.PanelOptions?.suiteId ?? null\"\n        [runMode]=\"testingDialogService.PanelOptions?.mode ?? 'test'\"\n        (PanelClose)=\"OnPanelClosed()\">\n      </app-test-run-dialog>\n    </mj-slide-panel>\n  }\n</div>\n"]}
+{"version":3,"file":"testing-dashboard.component.js","sourceRoot":"","sources":["../../src/Testing/testing-dashboard.component.ts","../../src/Testing/testing-dashboard.component.html"],"names":[],"mappings":"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","sourcesContent":["import { Component, AfterViewInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { BaseDashboard } from '@memberjunction/ng-shared';\nimport { RegisterClass } from '@memberjunction/global';\nimport { Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { TestingDialogService, TestingExecutionService, ActiveRun } from '@memberjunction/ng-testing';\nimport { TabConfig } from '@memberjunction/ng-ui-components';\nimport { TestingInstrumentationService } from './services/testing-instrumentation.service';\n\ninterface TestingDashboardState {\n  activeTab: string;\n  dashboardState: Record<string, unknown>;\n  runsState: Record<string, unknown>;\n  analyticsState: Record<string, unknown>;\n  reviewState: Record<string, unknown>;\n}\n\n@Component({\n  standalone: false,\n  selector: 'mj-testing-dashboard',\n  templateUrl: './testing-dashboard.component.html',\n  styleUrls: ['./testing-dashboard.component.css'],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\n@RegisterClass(BaseDashboard, 'TestingDashboard')\nexport class TestingDashboardComponent extends BaseDashboard implements AfterViewInit, OnDestroy {\n\n  public isLoading = false;\n  public activeTab = 'dashboard';\n  public selectedIndex = 0;\n\n  // Active test runs from execution service\n  public ActiveRuns: ActiveRun[] = [];\n\n  // Component states\n  public dashboardState: Record<string, unknown> | null = null;\n  public runsState: Record<string, unknown> | null = null;\n  public analyticsState: Record<string, unknown> | null = null;\n  public reviewState: Record<string, unknown> | null = null;\n\n  // Track visited tabs for lazy loading\n  private visitedTabs = new Set<string>();\n\n  // Navigation items\n  public navigationItems: string[] = ['dashboard', 'runs', 'analytics', 'review'];\n\n  public navigationConfig = [\n    { text: 'Dashboard', icon: 'fa-solid fa-gauge-high', selected: false },\n    { text: 'Runs', icon: 'fa-solid fa-play-circle', selected: false },\n    { text: 'Analytics', icon: 'fa-solid fa-chart-bar', selected: false },\n    { text: 'Review', icon: 'fa-solid fa-clipboard-check', selected: false }\n  ];\n\n  public get Tabs(): TabConfig[] {\n    return [\n      { key: 'dashboard', label: 'Dashboard', icon: 'fa-solid fa-gauge-high' },\n      {\n        key: 'runs',\n        label: 'Runs',\n        icon: 'fa-solid fa-play-circle',\n        badge: this.ActiveRuns.length > 0 ? this.ActiveRuns.length : null,\n        badgeVariant: this.ActiveRuns.length > 0 ? 'warning' : 'default'\n      },\n      { key: 'analytics', label: 'Analytics', icon: 'fa-solid fa-chart-bar' },\n      { key: 'review',    label: 'Review',    icon: 'fa-solid fa-clipboard-check' }\n    ];\n  }\n\n  private stateChangeSubject = new Subject<TestingDashboardState>();\n  protected override destroy$ = new Subject<void>();\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    public testingDialogService: TestingDialogService,\n    private executionService: TestingExecutionService,\n    private instrumentationService: TestingInstrumentationService\n  ) {\n    super();\n    this.setupStateManagement();\n    this.updateNavigationSelection();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Testing';\n  }\n\n  ngAfterViewInit(): void {\n    this.visitedTabs.add(this.activeTab);\n    this.updateNavigationSelection();\n    this.emitStateChange();\n\n    this.executionService.ActiveRuns$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(runs => {\n      this.ActiveRuns = runs;\n      this.cdr.markForCheck();\n    });\n\n    this.testingDialogService.PanelStateChanged$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe((isOpen) => {\n      console.log('[TestingDashboard] PanelStateChanged$:', isOpen, 'IsPanelOpen:', this.testingDialogService.IsPanelOpen);\n      this.cdr.detectChanges();\n    });\n\n    this.cdr.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.destroy$.next();\n    this.destroy$.complete();\n    this.stateChangeSubject.complete();\n  }\n\n  public onTabChange(tabId: string): void {\n    this.activeTab = tabId;\n    const index = this.navigationItems.indexOf(tabId);\n    this.selectedIndex = index >= 0 ? index : 0;\n    this.updateNavigationSelection();\n    this.visitedTabs.add(tabId);\n    this.emitStateChange();\n    this.cdr.markForCheck();\n  }\n\n  public hasVisited(tabId: string): boolean {\n    return this.visitedTabs.has(tabId);\n  }\n\n  private setupStateManagement(): void {\n    this.stateChangeSubject.pipe(\n      debounceTime(50)\n    ).subscribe(state => {\n      this.UserStateChanged.emit(state);\n    });\n  }\n\n  private emitStateChange(): void {\n    const state: TestingDashboardState = {\n      activeTab: this.activeTab,\n      dashboardState: (this.dashboardState || {}) as Record<string, unknown>,\n      runsState: (this.runsState || {}) as Record<string, unknown>,\n      analyticsState: (this.analyticsState || {}) as Record<string, unknown>,\n      reviewState: (this.reviewState || {}) as Record<string, unknown>\n    };\n\n    this.stateChangeSubject.next(state);\n  }\n\n  public onDashboardStateChange(state: Record<string, unknown>): void {\n    this.dashboardState = state;\n    this.emitStateChange();\n  }\n\n  public onRunsStateChange(state: Record<string, unknown>): void {\n    this.runsState = state;\n    this.emitStateChange();\n  }\n\n  public onAnalyticsStateChange(state: Record<string, unknown>): void {\n    this.analyticsState = state;\n    this.emitStateChange();\n  }\n\n  public onReviewStateChange(state: Record<string, unknown>): void {\n    this.reviewState = state;\n    this.emitStateChange();\n  }\n\n  public loadUserState(state: Partial<TestingDashboardState>): void {\n    if (state.activeTab) {\n      this.activeTab = state.activeTab;\n      const index = this.navigationItems.indexOf(state.activeTab);\n      this.selectedIndex = index >= 0 ? index : 0;\n      this.visitedTabs.add(state.activeTab);\n      this.updateNavigationSelection();\n    }\n\n    if (state.dashboardState) this.dashboardState = state.dashboardState;\n    if (state.runsState) this.runsState = state.runsState;\n    if (state.analyticsState) this.analyticsState = state.analyticsState;\n    if (state.reviewState) this.reviewState = state.reviewState;\n\n    this.cdr.markForCheck();\n  }\n\n  initDashboard(): void {\n    try {\n      this.isLoading = true;\n      this.instrumentationService.Provider = this.ProviderToUse;\n    } catch (error) {\n      console.error('Error initializing Testing dashboard:', error);\n      this.Error.emit(new Error('Failed to initialize Testing dashboard. Please try again.'));\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  loadData(): void {\n    if (this.Config?.userState) {\n      setTimeout(() => {\n        if (this.Config?.userState) {\n          this.loadUserState(this.Config.userState);\n        }\n      }, 0);\n    }\n\n    this.NotifyLoadComplete();\n  }\n\n  public getCurrentTabLabel(): string {\n    const tabIndex = this.navigationItems.indexOf(this.activeTab);\n    return tabIndex >= 0 ? this.navigationConfig[tabIndex].text : 'Testing Dashboard';\n  }\n\n  public OnPanelClosed(): void {\n    this.testingDialogService.ClosePanel();\n    this.cdr.markForCheck();\n  }\n\n  public OnViewActiveRun(run: ActiveRun): void {\n    this.testingDialogService.OpenTestPanel(run.TestId);\n    this.cdr.markForCheck();\n  }\n\n  public OnViewRunningTestFromTab(testId: string): void {\n    this.testingDialogService.OpenTestPanel(testId);\n    this.cdr.detectChanges();\n  }\n\n  private updateNavigationSelection(): void {\n    this.navigationConfig.forEach((item, index) => {\n      item.selected = this.navigationItems[index] === this.activeTab;\n    });\n  }\n}\n","<mj-page-layout>\n  <mj-page-header\n    Title=\"Testing\"\n    Icon=\"fa-solid fa-vial-circle-check\"\n    Subtitle=\"Evaluate AI agents, workflows, and system components\">\n    <div meta>\n      @if (ActiveRuns.length > 0) {\n        <mj-stat-badge\n          Icon=\"fa-solid fa-spinner fa-spin\"\n          [Count]=\"ActiveRuns.length\"\n          Label=\"running\"\n          Variant=\"running\">\n        </mj-stat-badge>\n      }\n    </div>\n    <div actions>\n      <mj-tab-nav\n        [Tabs]=\"Tabs\"\n        [ActiveKey]=\"activeTab\"\n        (TabChange)=\"onTabChange($any($event))\">\n      </mj-tab-nav>\n      <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\">\n  @if (isLoading) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading Testing Dashboard...\" size=\"large\"></mj-loading>\n    </div>\n  }\n\n  @if (!isLoading) {\n    <!-- Active Runs Banner (in-body so it doesn't crowd the page-header) -->\n    @if (ActiveRuns.length > 0) {\n      <div class=\"active-runs-banner\">\n        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n        <span class=\"active-runs-count\">{{ ActiveRuns.length }} test{{ ActiveRuns.length === 1 ? '' : 's' }} running</span>\n        <span class=\"active-runs-detail\">{{ ActiveRuns[0].TestName }} &mdash; {{ ActiveRuns[0].Progress }}%</span>\n        <button class=\"active-runs-view-btn\" (click)=\"OnViewActiveRun(ActiveRuns[0])\">View</button>\n      </div>\n    }\n\n    <div class=\"dashboard-content\">\n      @if (activeTab === 'dashboard' && hasVisited('dashboard')) {\n        <app-testing-dashboard-tab\n          [initialState]=\"dashboardState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onDashboardStateChange($event)\"\n        ></app-testing-dashboard-tab>\n      }\n\n      @if (activeTab === 'runs' && hasVisited('runs')) {\n        <app-testing-runs\n          [initialState]=\"runsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onRunsStateChange($event)\"\n        ></app-testing-runs>\n      }\n\n      @if (activeTab === 'analytics' && hasVisited('analytics')) {\n        <app-testing-analytics\n          [initialState]=\"analyticsState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onAnalyticsStateChange($event)\"\n        ></app-testing-analytics>\n      }\n\n      @if (activeTab === 'review' && hasVisited('review')) {\n        <app-testing-review\n          [initialState]=\"reviewState\"\n          [HideToolbar]=\"true\"\n          (stateChange)=\"onReviewStateChange($event)\"\n        ></app-testing-review>\n      }\n    </div>\n  }\n  </mj-page-body>\n\n  <!-- Slide Panel for Test Execution -->\n  @if (testingDialogService.IsPanelOpen) {\n    <mj-slide-panel\n      Mode=\"slide\"\n      [Title]=\"testingDialogService.PanelOptions?.testId ? 'Test Execution' : 'Run Test'\"\n      [Resizable]=\"true\"\n      (Closed)=\"OnPanelClosed()\">\n      <app-test-run-dialog\n        [PanelMode]=\"true\"\n        [selectedTestId]=\"testingDialogService.PanelOptions?.testId ?? null\"\n        [selectedSuiteId]=\"testingDialogService.PanelOptions?.suiteId ?? null\"\n        [runMode]=\"testingDialogService.PanelOptions?.mode ?? 'test'\"\n        (PanelClose)=\"OnPanelClosed()\">\n      </app-test-run-dialog>\n    </mj-slide-panel>\n  }\n</mj-page-layout>\n"]}