@memberjunction/ng-dashboards 5.21.0 → 5.23.0

package/dist/Testing/components/testing-dashboard-tab-resource.component.d.ts

@@ -1,13 +1,19 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { ResourceData } from '@memberjunction/core-entities';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { TestingDialogService } from '@memberjunction/ng-testing';
 import * as i0 from "@angular/core";
 /**
  * Testing Dashboard Tab Resource - displays the main dashboard overview
  */
 export declare class TestingDashboardTabResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {
+    testingDialogService: TestingDialogService;
+    private cdr;
+    private destroy$;
+    constructor(testingDialogService: TestingDialogService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    OnPanelClosed(): void;
     GetResourceDisplayName(data: ResourceData): Promise<string>;
     GetResourceIconClass(data: ResourceData): Promise<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TestingDashboardTabResourceComponent, never>;

package/dist/Testing/components/testing-dashboard-tab-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing-dashboard-tab-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;AAElE;;GAEG;AACH,qBAiBa,oCAAqC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAE1G,QAAQ,IAAI,IAAI;IAIhB,WAAW,IAAI,IAAI;IAGb,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCAbpD,oCAAoC;2CAApC,oCAAoC;CAgBhD"}
+{"version":3,"file":"testing-dashboard-tab-resource.component.d.ts","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAA2B,MAAM,eAAe,CAAC;AAGzG,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAE7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;AAElE;;GAEG;AACH,qBAmCa,oCAAqC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAIjG,oBAAoB,EAAE,oBAAoB;IACjD,OAAO,CAAC,GAAG;IAJb,OAAO,CAAC,QAAQ,CAAuB;gBAG9B,oBAAoB,EAAE,oBAAoB,EACzC,GAAG,EAAE,iBAAiB;IAKhC,QAAQ,IAAI,IAAI;IAUhB,WAAW,IAAI,IAAI;IAKZ,aAAa,IAAI,IAAI;IAKtB,sBAAsB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI3D,oBAAoB,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;yCAlCpD,oCAAoC;2CAApC,oCAAoC;CAqChD"}

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

@@ -4,19 +4,53 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component } from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { RegisterClass } from '@memberjunction/global';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
-import * as i1 from "./testing-dashboard-tab.component";
+import * as i1 from "@memberjunction/ng-testing";
+import * as i2 from "@memberjunction/ng-versions";
+import * as i3 from "./testing-dashboard-tab.component";
+function TestingDashboardTabResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-slide-panel", 2);
+    i0.ɵɵlistener("Closed", function TestingDashboardTabResourceComponent_Conditional_2_Template_mj_slide_panel_Closed_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPanelClosed()); });
+    i0.ɵɵelementStart(1, "app-test-run-dialog", 3);
+    i0.ɵɵlistener("PanelClose", function TestingDashboardTabResourceComponent_Conditional_2_Template_app_test_run_dialog_PanelClose_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.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);
+    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");
+} }
 /**
  * Testing Dashboard Tab Resource - displays the main dashboard overview
  */
 let TestingDashboardTabResourceComponent = class TestingDashboardTabResourceComponent extends BaseResourceComponent {
+    testingDialogService;
+    cdr;
+    destroy$ = new Subject();
+    constructor(testingDialogService, cdr) {
+        super();
+        this.testingDialogService = testingDialogService;
+        this.cdr = cdr;
+    }
     ngOnInit() {
+        this.testingDialogService.PanelStateChanged$.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.cdr.detectChanges();
+        });
         this.NotifyLoadComplete();
     }
     ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    OnPanelClosed() {
+        this.testingDialogService.ClosePanel();
+        this.cdr.markForCheck();
     }
     async GetResourceDisplayName(data) {
         return 'Overview';
@@ -24,12 +58,16 @@ let TestingDashboardTabResourceComponent = class TestingDashboardTabResourceComp
     async GetResourceIconClass(data) {
         return 'fa-solid fa-gauge-high';
     }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵTestingDashboardTabResourceComponent_BaseFactory; return function TestingDashboardTabResourceComponent_Factory(__ngFactoryType__) { return (ɵTestingDashboardTabResourceComponent_BaseFactory || (ɵTestingDashboardTabResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(TestingDashboardTabResourceComponent)))(__ngFactoryType__ || TestingDashboardTabResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabResourceComponent, selectors: [["mj-testing-dashboard-tab-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 0, consts: [[1, "resource-container"]], template: function TestingDashboardTabResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function TestingDashboardTabResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingDashboardTabResourceComponent)(i0.ɵɵdirectiveInject(i1.TestingDialogService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabResourceComponent, selectors: [["mj-testing-dashboard-tab-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [[1, "resource-container"], ["Mode", "slide", 3, "Title", "Resizable"], ["Mode", "slide", 3, "Closed", "Title", "Resizable"], [3, "PanelClose", "PanelMode", "selectedTestId", "selectedSuiteId", "runMode"]], template: function TestingDashboardTabResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "app-testing-dashboard-tab");
             i0.ɵɵelementEnd();
-        } }, dependencies: [i1.TestingDashboardTabComponent], styles: [".resource-container[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    }"] });
+            i0.ɵɵconditionalCreate(2, TestingDashboardTabResourceComponent_Conditional_2_Template, 2, 6, "mj-slide-panel", 1);
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.testingDialogService.IsPanelOpen ? 2 : -1);
+        } }, dependencies: [i1.TestRunDialogComponent, i2.MjSlidePanelComponent, i3.TestingDashboardTabComponent], styles: [".resource-container[_ngcontent-%COMP%] {\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    }"], changeDetection: 0 });
 };
 TestingDashboardTabResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'TestingDashboardTabResource')
@@ -37,11 +75,28 @@ TestingDashboardTabResourceComponent = __decorate([
 export { TestingDashboardTabResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingDashboardTabResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-testing-dashboard-tab-resource', template: `
+        args: [{ standalone: false, selector: 'mj-testing-dashboard-tab-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: `
     <div class="resource-container">
       <app-testing-dashboard-tab></app-testing-dashboard-tab>
     </div>
+
+    <!-- Slide Panel for Test Execution -->
+    @if (testingDialogService.IsPanelOpen) {
+      <mj-slide-panel
+        Mode="slide"
+        [Title]="testingDialogService.PanelOptions?.testId ? 'Test Execution' : 'Run Test'"
+        [Resizable]="true"
+        (Closed)="OnPanelClosed()">
+        <app-test-run-dialog
+          [PanelMode]="true"
+          [selectedTestId]="testingDialogService.PanelOptions?.testId ?? null"
+          [selectedSuiteId]="testingDialogService.PanelOptions?.suiteId ?? null"
+          [runMode]="testingDialogService.PanelOptions?.mode ?? 'test'"
+          (PanelClose)="OnPanelClosed()">
+        </app-test-run-dialog>
+      </mj-slide-panel>
+    }
   `, styles: ["\n    .resource-container {\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    }\n  "] }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabResourceComponent, { className: "TestingDashboardTabResourceComponent", filePath: "src/Testing/components/testing-dashboard-tab-resource.component.ts", lineNumber: 26 }); })();
+    }], () => [{ type: i1.TestingDialogService }, { type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabResourceComponent, { className: "TestingDashboardTabResourceComponent", filePath: "src/Testing/components/testing-dashboard-tab-resource.component.ts", lineNumber: 47 }); })();
 //# sourceMappingURL=testing-dashboard-tab-resource.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"testing-dashboard-tab-resource.component.js","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;AAElE;;GAEG;AAkBI,IAAM,oCAAoC,GAA1C,MAAM,oCAAqC,SAAQ,qBAAqB;IAE7E,QAAQ;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,WAAW;IACX,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,IAAkB;QAC7C,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,IAAkB;QAC3C,OAAO,wBAAwB,CAAC;IAClC,CAAC;6TAfU,oCAAoC,yBAApC,oCAAoC;6DAApC,oCAAoC;YAZ7C,8BAAgC;YAC9B,4CAAuD;YACzD,iBAAM;;;AAUG,oCAAoC;IAjBhD,aAAa,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;GAiBvD,oCAAoC,CAgBhD;;iFAhBY,oCAAoC;cAhBhD,SAAS;6BACI,KAAK,YACP,mCAAmC,YACnC;;;;GAIT;;kFASU,oCAAoC","sourcesContent":["import { Component, OnInit, OnDestroy } from '@angular/core';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\n\n/**\n * Testing Dashboard Tab Resource - displays the main dashboard overview\n */\n@RegisterClass(BaseResourceComponent, 'TestingDashboardTabResource')\n@Component({\n  standalone: false,\n  selector: 'mj-testing-dashboard-tab-resource',\n  template: `\n    <div class=\"resource-container\">\n      <app-testing-dashboard-tab></app-testing-dashboard-tab>\n    </div>\n  `,\n  styles: [`\n    .resource-container {\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    }\n  `]\n})\nexport class TestingDashboardTabResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n\n  ngOnInit(): void {\n    this.NotifyLoadComplete();\n  }\n\n  ngOnDestroy(): void {\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Overview';\n  }\n\n  async GetResourceIconClass(data: ResourceData): Promise<string> {\n    return 'fa-solid fa-gauge-high';\n  }\n}\n"]}
+{"version":3,"file":"testing-dashboard-tab-resource.component.js","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab-resource.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAwC,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACzG,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;;;;;;;IAkB5D,yCAI6B;IAA3B,kNAAU,sBAAe,KAAC;IAC1B,8CAKiC;IAA/B,+NAAc,sBAAe,KAAC;IAElC,AADE,iBAAsB,EACP;;;IATf,AADA,mKAAmF,mBACjE;IAGhB,cAAkB;IAGlB,AADA,AADA,AADA,gCAAkB,uIACkD,yIACE,gIACT;;AAxBvE;;GAEG;AAoCI,IAAM,oCAAoC,GAA1C,MAAM,oCAAqC,SAAQ,qBAAqB;IAIpE;IACC;IAJF,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAEvC,YACS,oBAA0C,EACzC,GAAsB;QAE9B,KAAK,EAAE,CAAC;QAHD,yBAAoB,GAApB,oBAAoB,CAAsB;QACzC,QAAG,GAAH,GAAG,CAAmB;IAGhC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,IAAI,CAC/C,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACzB,CAAC,SAAS,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAED,WAAW;QACT,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,oBAAoB,CAAC,UAAU,EAAE,CAAC;QACvC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,sBAAsB,CAAC,IAAkB;QAC7C,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,IAAkB;QAC3C,OAAO,wBAAwB,CAAC;IAClC,CAAC;8HApCU,oCAAoC;6DAApC,oCAAoC;YA7B7C,8BAAgC;YAC9B,4CAAuD;YACzD,iBAAM;YAGN,iHAAwC;;YAAxC,eAcC;YAdD,+DAcC;;;AAUQ,oCAAoC;IAnChD,aAAa,CAAC,qBAAqB,EAAE,6BAA6B,CAAC;GAmCvD,oCAAoC,CAqChD;;iFArCY,oCAAoC;cAlChD,SAAS;6BACI,KAAK,YACP,mCAAmC,mBAC5B,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;GAqBT;;kFASU,oCAAoC","sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ResourceData } from '@memberjunction/core-entities';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { TestingDialogService } from '@memberjunction/ng-testing';\n\n/**\n * Testing Dashboard Tab Resource - displays the main dashboard overview\n */\n@RegisterClass(BaseResourceComponent, 'TestingDashboardTabResource')\n@Component({\n  standalone: false,\n  selector: 'mj-testing-dashboard-tab-resource',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div class=\"resource-container\">\n      <app-testing-dashboard-tab></app-testing-dashboard-tab>\n    </div>\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  `,\n  styles: [`\n    .resource-container {\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n    }\n  `]\n})\nexport class TestingDashboardTabResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n  private destroy$ = new Subject<void>();\n\n  constructor(\n    public testingDialogService: TestingDialogService,\n    private cdr: ChangeDetectorRef\n  ) {\n    super();\n  }\n\n  ngOnInit(): void {\n    this.testingDialogService.PanelStateChanged$.pipe(\n      takeUntil(this.destroy$)\n    ).subscribe(() => {\n      this.cdr.detectChanges();\n    });\n\n    this.NotifyLoadComplete();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n\n  public OnPanelClosed(): void {\n    this.testingDialogService.ClosePanel();\n    this.cdr.markForCheck();\n  }\n\n  async GetResourceDisplayName(data: ResourceData): Promise<string> {\n    return 'Overview';\n  }\n\n  async GetResourceIconClass(data: ResourceData): Promise<string> {\n    return 'fa-solid fa-gauge-high';\n  }\n}\n"]}

package/dist/Testing/components/testing-dashboard-tab.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { TestingInstrumentationService, TestRunSummary, SuiteHierarchyNode } from '../services/testing-instrumentation.service';
 import { KPICardData } from '../../AI/components/widgets/kpi-card.component';
+import { TestingExecutionService, TestingDialogService } from '@memberjunction/ng-testing';
 import * as i0 from "@angular/core";
 /** Status type union matching TestRunSummary */
 type TestRunStatus = 'Passed' | 'Failed' | 'Skipped' | 'Error' | 'Running' | 'Timeout';
@@ -15,6 +16,8 @@ interface TestAlert {
 }
 export declare class TestingDashboardTabComponent implements OnInit, OnDestroy {
     private instrumentationService;
+    private executionService;
+    private testingDialogService;
     private cdr;
     initialState: Record<string, unknown> | null;
     stateChange: EventEmitter<Record<string, unknown>>;
@@ -26,10 +29,14 @@ export declare class TestingDashboardTabComponent implements OnInit, OnDestroy {
     RecentRuns: TestRunSummary[];
     SortedSuites: SuiteHierarchyNode[];
     Alerts: TestAlert[];
-    constructor(instrumentationService: TestingInstrumentationService, cdr: ChangeDetectorRef);
+    private activeRunsMap;
+    constructor(instrumentationService: TestingInstrumentationService, executionService: TestingExecutionService, testingDialogService: TestingDialogService, cdr: ChangeDetectorRef);
     ngOnInit(): Promise<void>;
     ngOnDestroy(): void;
     OnRefresh(): void;
+    OnViewRunningTest(run: TestRunSummary): void;
+    GetActiveRunProgress(testId: string): number;
+    GetActiveRunStep(testId: string): string;
     OnOpenRun(run: TestRunSummary): void;
     OnOpenAlert(alert: TestAlert): void;
     FormatDuration(ms: number): string;
@@ -37,6 +44,7 @@ export declare class TestingDashboardTabComponent implements OnInit, OnDestroy {
     FormatCost(cost: number): string;
     GetPassRateColor(rate: number): string;
     private subscribeToStreams;
+    private subscribeActiveRuns;
     private subscribeLoading;
     private subscribeKpis;
     private subscribeTestRuns;

package/dist/Testing/components/testing-dashboard-tab.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing-dashboard-tab.component.d.ts","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACM,MAAM,EAAE,SAAS,EAAiB,YAAY,EACzD,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAKvB,OAAO,EACL,6BAA6B,EAE7B,cAAc,EACd,kBAAkB,EACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;;AAG7E,gDAAgD;AAChD,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvF,wCAAwC;AACxC,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,IAAI,CAAC;CACnB;AAED,qBAwhBa,4BAA6B,YAAW,MAAM,EAAE,SAAS;IAgBlE,OAAO,CAAC,sBAAsB;IAC9B,OAAO,CAAC,GAAG;IAfJ,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAQ;IACnD,WAAW,wCAA+C;IAEpE,OAAO,CAAC,QAAQ,CAAuB;IAEvC,qCAAqC;IACrC,SAAS,UAAS;IAClB,QAAQ,EAAE,WAAW,EAAE,CAAM;IAC7B,YAAY,EAAE,cAAc,EAAE,CAAM;IACpC,UAAU,EAAE,cAAc,EAAE,CAAM;IAClC,YAAY,EAAE,kBAAkB,EAAE,CAAM;IACxC,MAAM,EAAE,SAAS,EAAE,CAAM;gBAGf,sBAAsB,EAAE,6BAA6B,EACrD,GAAG,EAAE,iBAAiB;IAO1B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IASnB,SAAS,IAAI,IAAI;IAIjB,SAAS,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI;IAOpC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAOnC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IASlC,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAenC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAIhC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAUtC,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,aAAa;IAkDrB,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,iBAAiB;IAmCzB,uCAAuC;IACvC,OAAO,CAAC,eAAe;IAiBvB,6DAA6D;IAC7D,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,YAAY;yCAlRT,4BAA4B;2CAA5B,4BAA4B;CA0RxC"}
+{"version":3,"file":"testing-dashboard-tab.component.d.ts","sourceRoot":"","sources":["../../../src/Testing/components/testing-dashboard-tab.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACM,MAAM,EAAE,SAAS,EAAiB,YAAY,EACzD,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAKvB,OAAO,EACL,6BAA6B,EAE7B,cAAc,EACd,kBAAkB,EACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAE7E,OAAO,EAAE,uBAAuB,EAAa,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;;AAEtG,gDAAgD;AAChD,KAAK,aAAa,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEvF,wCAAwC;AACxC,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,GAAG,WAAW,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,EAAE,IAAI,CAAC;CACnB;AAED,qBA+iBa,4BAA6B,YAAW,MAAM,EAAE,SAAS;IAkBlE,OAAO,CAAC,sBAAsB;IAC9B,OAAO,CAAC,gBAAgB;IACxB,OAAO,CAAC,oBAAoB;IAC5B,OAAO,CAAC,GAAG;IAnBJ,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAQ;IACnD,WAAW,wCAA+C;IAEpE,OAAO,CAAC,QAAQ,CAAuB;IAEvC,qCAAqC;IACrC,SAAS,UAAS;IAClB,QAAQ,EAAE,WAAW,EAAE,CAAM;IAC7B,YAAY,EAAE,cAAc,EAAE,CAAM;IACpC,UAAU,EAAE,cAAc,EAAE,CAAM;IAClC,YAAY,EAAE,kBAAkB,EAAE,CAAM;IACxC,MAAM,EAAE,SAAS,EAAE,CAAM;IAEzB,OAAO,CAAC,aAAa,CAAgC;gBAG3C,sBAAsB,EAAE,6BAA6B,EACrD,gBAAgB,EAAE,uBAAuB,EACzC,oBAAoB,EAAE,oBAAoB,EAC1C,GAAG,EAAE,iBAAiB;IAO1B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAM/B,WAAW,IAAI,IAAI;IASnB,SAAS,IAAI,IAAI;IAIjB,iBAAiB,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI;IAI5C,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAI5C,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAOxC,SAAS,CAAC,GAAG,EAAE,cAAc,GAAG,IAAI;IAOpC,WAAW,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAOnC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IASlC,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM;IAenC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAIhC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAUtC,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,aAAa;IAkDrB,OAAO,CAAC,WAAW;IAoBnB,qDAAqD;IACrD,OAAO,CAAC,iBAAiB;IAmCzB,uCAAuC;IACvC,OAAO,CAAC,eAAe;IAiBvB,6DAA6D;IAC7D,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,YAAY;yCAlTT,4BAA4B;2CAA5B,4BAA4B;CA0TxC"}

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

@@ -40,26 +40,41 @@ function TestingDashboardTabComponent_Conditional_1_Conditional_14_Template(rf,
     i0.ɵɵelementEnd();
 } }
 function TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31);
-    i0.ɵɵtext(2);
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template_div_click_0_listener() { const run_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnViewRunningTest(run_r5)); });
+    i0.ɵɵelementStart(1, "div", 32)(2, "div", 33);
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 32)(4, "span", 33);
+    i0.ɵɵelementStart(4, "div", 34);
     i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 35)(7, "span", 36);
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 34);
-    i0.ɵɵelement(7, "span", 35);
+    i0.ɵɵelementStart(9, "span", 37);
+    i0.ɵɵelement(10, "span", 38);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 39);
+    i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const run_r4 = ctx.$implicit;
+    const run_r5 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(run_r5.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(run_r4.testName);
+    i0.ɵɵtextInterpolate(ctx_r1.GetActiveRunStep(run_r5.testId));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r4.duration));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r5.duration));
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", ctx_r1.GetActiveRunProgress(run_r5.testId), "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r1.GetActiveRunProgress(run_r5.testId), "%");
 } }
 function TestingDashboardTabComponent_Conditional_1_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵrepeaterCreate(1, TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template, 8, 2, "div", 30, _forTrack1);
+    i0.ɵɵrepeaterCreate(1, TestingDashboardTabComponent_Conditional_1_Conditional_15_For_2_Template, 13, 6, "div", 30, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -67,37 +82,37 @@ function TestingDashboardTabComponent_Conditional_1_Conditional_15_Template(rf,
     i0.ɵɵrepeater(ctx_r1.RunningTests);
 } }
 function TestingDashboardTabComponent_Conditional_1_For_24_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 36);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_24_Template_div_click_0_listener() { const run_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenRun(run_r6)); });
-    i0.ɵɵelementStart(1, "div", 37)(2, "span", 38);
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_24_Template_div_click_0_listener() { const run_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenRun(run_r7)); });
+    i0.ɵɵelementStart(1, "div", 41)(2, "span", 42);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 39);
+    i0.ɵɵelementStart(4, "span", 43);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 40);
-    i0.ɵɵelement(7, "app-test-status-badge", 41)(8, "app-score-indicator", 42);
-    i0.ɵɵelementStart(9, "span", 43);
+    i0.ɵɵelementStart(6, "div", 44);
+    i0.ɵɵelement(7, "app-test-status-badge", 45)(8, "app-score-indicator", 46);
+    i0.ɵɵelementStart(9, "span", 47);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "app-cost-display", 44);
+    i0.ɵɵelement(11, "app-cost-display", 48);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const run_r6 = ctx.$implicit;
+    const run_r7 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(run_r6.testName);
+    i0.ɵɵtextInterpolate(run_r7.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatTimestamp(run_r6.runDateTime));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatTimestamp(run_r7.runDateTime));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("status", run_r6.status);
+    i0.ɵɵproperty("status", run_r7.status);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("score", run_r6.score)("showBar", true);
+    i0.ɵɵproperty("score", run_r7.score)("showBar", true);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r6.duration));
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDuration(run_r7.duration));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("cost", run_r6.cost);
+    i0.ɵɵproperty("cost", run_r7.cost);
 } }
 function TestingDashboardTabComponent_Conditional_1_ForEmpty_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
@@ -105,32 +120,32 @@ function TestingDashboardTabComponent_Conditional_1_ForEmpty_25_Template(rf, ctx
     i0.ɵɵelementEnd();
 } }
 function TestingDashboardTabComponent_Conditional_1_For_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23)(1, "div", 45)(2, "span", 46);
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 49)(2, "span", 50);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 47);
+    i0.ɵɵelementStart(4, "span", 51);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 48)(7, "div", 49);
-    i0.ɵɵelement(8, "div", 50);
+    i0.ɵɵelementStart(6, "div", 52)(7, "div", 53);
+    i0.ɵɵelement(8, "div", 54);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 51);
+    i0.ɵɵelementStart(9, "span", 55);
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "number");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const suite_r7 = ctx.$implicit;
+    const suite_r8 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(suite_r7.name);
+    i0.ɵɵtextInterpolate(suite_r8.name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", suite_r7.testCount, " tests");
+    i0.ɵɵtextInterpolate1("", suite_r8.testCount, " tests");
     i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("width", suite_r7.passRate, "%")("background", ctx_r1.GetPassRateColor(suite_r7.passRate));
+    i0.ɵɵstyleProp("width", suite_r8.passRate, "%")("background", ctx_r1.GetPassRateColor(suite_r8.passRate));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", ctx_r1.GetPassRateColor(suite_r7.passRate));
+    i0.ɵɵstyleProp("color", ctx_r1.GetPassRateColor(suite_r8.passRate));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(11, 9, suite_r7.passRate, "1.0-0"), "% ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(11, 9, suite_r8.passRate, "1.0-0"), "% ");
 } }
 function TestingDashboardTabComponent_Conditional_1_ForEmpty_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
@@ -144,37 +159,37 @@ function TestingDashboardTabComponent_Conditional_1_For_43_Conditional_7_Templat
     i0.ɵɵtext(0);
     i0.ɵɵpipe(1, "number");
 } if (rf & 2) {
-    const alert_r9 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" Score below 0.5 (", i0.ɵɵpipeBind2(1, 1, alert_r9.score, "1.2-2"), ") ");
+    const alert_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" Score below 0.5 (", i0.ɵɵpipeBind2(1, 1, alert_r10.score, "1.2-2"), ") ");
 } }
 function TestingDashboardTabComponent_Conditional_1_For_43_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 52);
-    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_43_Template_div_click_0_listener() { const alert_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenAlert(alert_r9)); });
-    i0.ɵɵelement(1, "i", 53);
-    i0.ɵɵelementStart(2, "div", 54)(3, "span", 55);
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵlistener("click", function TestingDashboardTabComponent_Conditional_1_For_43_Template_div_click_0_listener() { const alert_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnOpenAlert(alert_r10)); });
+    i0.ɵɵelement(1, "i", 57);
+    i0.ɵɵelementStart(2, "div", 58)(3, "span", 59);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 56);
+    i0.ɵɵelementStart(5, "span", 60);
     i0.ɵɵconditionalCreate(6, TestingDashboardTabComponent_Conditional_1_For_43_Conditional_6_Template, 1, 0)(7, TestingDashboardTabComponent_Conditional_1_For_43_Conditional_7_Template, 2, 4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(8, "app-test-status-badge", 41);
+    i0.ɵɵelement(8, "app-test-status-badge", 45);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const alert_r9 = ctx.$implicit;
+    const alert_r10 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("color", alert_r9.reason === "regression" ? "#ef4444" : "#f59e0b");
-    i0.ɵɵclassProp("fa-arrow-trend-down", alert_r9.reason === "regression")("fa-circle-exclamation", alert_r9.reason === "low-score");
+    i0.ɵɵstyleProp("color", alert_r10.reason === "regression" ? "#ef4444" : "#f59e0b");
+    i0.ɵɵclassProp("fa-arrow-trend-down", alert_r10.reason === "regression")("fa-circle-exclamation", alert_r10.reason === "low-score");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(alert_r9.testName);
+    i0.ɵɵtextInterpolate(alert_r10.testName);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(alert_r9.reason === "regression" ? 6 : 7);
+    i0.ɵɵconditional(alert_r10.reason === "regression" ? 6 : 7);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("status", alert_r9.status);
+    i0.ɵɵproperty("status", alert_r10.status);
 } }
 function TestingDashboardTabComponent_Conditional_1_ForEmpty_44_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "i", 57);
+    i0.ɵɵelement(1, "i", 61);
     i0.ɵɵtext(2, " No alerts - all tests healthy ");
     i0.ɵɵelementEnd();
 } }
@@ -239,6 +254,8 @@ function TestingDashboardTabComponent_Conditional_1_Template(rf, ctx) { if (rf &
 } }
 export class TestingDashboardTabComponent {
     instrumentationService;
+    executionService;
+    testingDialogService;
     cdr;
     initialState = null;
     stateChange = new EventEmitter();
@@ -250,8 +267,11 @@ export class TestingDashboardTabComponent {
     RecentRuns = [];
     SortedSuites = [];
     Alerts = [];
-    constructor(instrumentationService, cdr) {
+    activeRunsMap = new Map();
+    constructor(instrumentationService, executionService, testingDialogService, cdr) {
         this.instrumentationService = instrumentationService;
+        this.executionService = executionService;
+        this.testingDialogService = testingDialogService;
         this.cdr = cdr;
     }
     // ---------------------------------------------------------------------------
@@ -272,6 +292,19 @@ export class TestingDashboardTabComponent {
     OnRefresh() {
         this.instrumentationService.refresh();
     }
+    OnViewRunningTest(run) {
+        this.testingDialogService.OpenTestMonitor(run.testId);
+    }
+    GetActiveRunProgress(testId) {
+        return this.activeRunsMap.get(testId)?.Progress ?? 0;
+    }
+    GetActiveRunStep(testId) {
+        const step = this.activeRunsMap.get(testId)?.CurrentStep ?? '';
+        // Hide raw internal step identifiers (e.g. "driver_log", "loading_test")
+        if (step.includes('_'))
+            return '';
+        return step;
+    }
     OnOpenRun(run) {
         SharedService.Instance.OpenEntityRecord('MJ: Test Runs', CompositeKey.FromID(run.id));
     }
@@ -325,6 +358,16 @@ export class TestingDashboardTabComponent {
         this.subscribeKpis();
         this.subscribeTestRuns();
         this.subscribeSuites();
+        this.subscribeActiveRuns();
+    }
+    subscribeActiveRuns() {
+        this.executionService.ActiveRuns$.pipe(takeUntil(this.destroy$)).subscribe(runs => {
+            this.activeRunsMap.clear();
+            for (const run of runs) {
+                this.activeRunsMap.set(run.TestId, run);
+            }
+            this.cdr.markForCheck();
+        });
     }
     subscribeLoading() {
         this.instrumentationService.isLoading$.pipe(takeUntil(this.destroy$)).subscribe(loading => {
@@ -474,12 +517,12 @@ export class TestingDashboardTabComponent {
             }
         }
     }
-    static ɵfac = function TestingDashboardTabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingDashboardTabComponent)(i0.ɵɵdirectiveInject(i1.TestingInstrumentationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabComponent, selectors: [["app-testing-dashboard-tab"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, standalone: false, decls: 2, vars: 1, consts: [[1, "full-page-loading"], [1, "dashboard-container"], ["text", "Loading Testing Dashboard..."], [1, "page-header"], [1, "page-title"], [1, "fa-solid", "fa-gauge-high"], [1, "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [3, "data"], [1, "live-activity-card"], [1, "section-header"], [1, "running-tests-list"], [1, "lower-grid"], [1, "card", "recent-runs-card"], [1, "fa-solid", "fa-history"], [1, "runs-list"], [1, "run-row"], [1, "empty-state"], [1, "right-column"], [1, "card", "suite-health-card"], [1, "fa-solid", "fa-heartbeat"], [1, "suite-health-list"], [1, "suite-health-row"], [1, "card", "alerts-card"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "alerts-list"], [1, "alert-row"], [1, "live-dot"], [1, "fa-solid", "fa-circle-pause", "live-idle-icon"], [1, "running-test-item"], [1, "running-test-name"], [1, "running-test-meta"], [1, "running-elapsed"], [1, "running-progress-bar"], [1, "running-progress-fill"], [1, "run-row", 3, "click"], [1, "run-row-left"], [1, "run-row-name"], [1, "run-row-time"], [1, "run-row-right"], [3, "status"], [3, "score", "showBar"], [1, "run-row-duration"], [3, "cost"], [1, "suite-health-info"], [1, "suite-health-name"], [1, "suite-health-count"], [1, "suite-health-bar-wrapper"], [1, "suite-health-bar"], [1, "suite-health-bar-fill"], [1, "suite-health-pct"], [1, "alert-row", 3, "click"], [1, "fa-solid"], [1, "alert-info"], [1, "alert-name"], [1, "alert-reason"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)", "margin-right", "6px"]], template: function TestingDashboardTabComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵfac = function TestingDashboardTabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingDashboardTabComponent)(i0.ɵɵdirectiveInject(i1.TestingInstrumentationService), i0.ɵɵdirectiveInject(i2.TestingExecutionService), i0.ɵɵdirectiveInject(i2.TestingDialogService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingDashboardTabComponent, selectors: [["app-testing-dashboard-tab"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, standalone: false, decls: 2, vars: 1, consts: [[1, "full-page-loading"], [1, "dashboard-container"], ["text", "Loading Testing Dashboard..."], [1, "page-header"], [1, "page-title"], [1, "fa-solid", "fa-gauge-high"], [1, "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], [1, "kpi-row"], [3, "data"], [1, "live-activity-card"], [1, "section-header"], [1, "running-tests-list"], [1, "lower-grid"], [1, "card", "recent-runs-card"], [1, "fa-solid", "fa-history"], [1, "runs-list"], [1, "run-row"], [1, "empty-state"], [1, "right-column"], [1, "card", "suite-health-card"], [1, "fa-solid", "fa-heartbeat"], [1, "suite-health-list"], [1, "suite-health-row"], [1, "card", "alerts-card"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "alerts-list"], [1, "alert-row"], [1, "live-dot"], [1, "fa-solid", "fa-circle-pause", "live-idle-icon"], [1, "running-test-item"], [1, "running-test-item", 3, "click"], [1, "running-test-info"], [1, "running-test-name"], [1, "running-test-step"], [1, "running-test-meta"], [1, "running-elapsed"], [1, "running-progress-bar"], [1, "running-progress-fill"], [1, "running-progress-pct"], [1, "run-row", 3, "click"], [1, "run-row-left"], [1, "run-row-name"], [1, "run-row-time"], [1, "run-row-right"], [3, "status"], [3, "score", "showBar"], [1, "run-row-duration"], [3, "cost"], [1, "suite-health-info"], [1, "suite-health-name"], [1, "suite-health-count"], [1, "suite-health-bar-wrapper"], [1, "suite-health-bar"], [1, "suite-health-bar-fill"], [1, "suite-health-pct"], [1, "alert-row", 3, "click"], [1, "fa-solid"], [1, "alert-info"], [1, "alert-name"], [1, "alert-reason"], [1, "fa-solid", "fa-check-circle", 2, "color", "var(--mj-status-success)", "margin-right", "6px"]], template: function TestingDashboardTabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, TestingDashboardTabComponent_Conditional_0_Template, 2, 0, "div", 0)(1, TestingDashboardTabComponent_Conditional_1_Template, 45, 8, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsLoading ? 0 : 1);
-        } }, dependencies: [i2.TestStatusBadgeComponent, i2.ScoreIndicatorComponent, i2.CostDisplayComponent, i3.LoadingComponent, i4.KPICardComponent, i5.DecimalPipe], styles: ["\n\n    .full-page-loading[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container[_ngcontent-%COMP%] {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .page-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    .refresh-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn[_ngcontent-%COMP%]:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn[_ngcontent-%COMP%]   i.spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    @keyframes _ngcontent-%COMP%_spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \n\n    .kpi-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    \n\n    .card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-size: 13px; }\n\n    \n\n    .live-activity-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot[_ngcontent-%COMP%] {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: _ngcontent-%COMP%_pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list[_ngcontent-%COMP%] {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n    }\n\n    .running-test-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar[_ngcontent-%COMP%] {\n      width: 60px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill[_ngcontent-%COMP%] {\n      display: block;\n      width: 100%;\n      height: 100%;\n      background: var(--mj-status-success);\n      animation: _ngcontent-%COMP%_progress-slide 1.2s ease-in-out infinite;\n      border-radius: 2px;\n    }\n\n    @keyframes _ngcontent-%COMP%_progress-slide {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    \n\n    .lower-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    \n\n    .runs-list[_ngcontent-%COMP%] {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    \n\n    .suite-health-list[_ngcontent-%COMP%] {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    \n\n    .alerts-list[_ngcontent-%COMP%] {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row[_ngcontent-%COMP%]:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \n\n    @media (max-width: 900px) {\n      .lower-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container[_ngcontent-%COMP%] { padding: 16px; }\n      .kpi-row[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"], changeDetection: 0 });
+        } }, dependencies: [i2.TestStatusBadgeComponent, i2.ScoreIndicatorComponent, i2.CostDisplayComponent, i3.LoadingComponent, i4.KPICardComponent, i5.DecimalPipe], styles: ["\n\n    .full-page-loading[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container[_ngcontent-%COMP%] {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    \n\n    .page-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n    .refresh-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn[_ngcontent-%COMP%]:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn[_ngcontent-%COMP%]   i.spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    @keyframes _ngcontent-%COMP%_spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    \n\n    .kpi-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    \n\n    .card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .section-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); font-size: 13px; }\n\n    \n\n    .live-activity-card[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot[_ngcontent-%COMP%] {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: _ngcontent-%COMP%_pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list[_ngcontent-%COMP%] {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .running-test-item[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-status-success) 16%, var(--mj-bg-surface));\n    }\n\n    .running-test-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .running-test-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-step[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .running-test-meta[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill[_ngcontent-%COMP%] {\n      display: block;\n      height: 100%;\n      background: var(--mj-status-success);\n      border-radius: 2px;\n      transition: width 0.5s ease;\n    }\n\n    .running-progress-pct[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-status-success);\n      min-width: 30px;\n      text-align: right;\n    }\n\n    \n\n    .lower-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    \n\n    .runs-list[_ngcontent-%COMP%] {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    \n\n    .suite-health-list[_ngcontent-%COMP%] {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar[_ngcontent-%COMP%] {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    \n\n    .alerts-list[_ngcontent-%COMP%] {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row[_ngcontent-%COMP%]:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \n\n    @media (max-width: 900px) {\n      .lower-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container[_ngcontent-%COMP%] { padding: 16px; }\n      .kpi-row[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingDashboardTabComponent, [{
         type: Component,
@@ -525,13 +568,17 @@ export class TestingDashboardTabComponent {
           @if (RunningTests.length > 0) {
             <div class="running-tests-list">
               @for (run of RunningTests; track run.id) {
-                <div class="running-test-item">
-                  <div class="running-test-name">{{ run.testName }}</div>
+                <div class="running-test-item" (click)="OnViewRunningTest(run)">
+                  <div class="running-test-info">
+                    <div class="running-test-name">{{ run.testName }}</div>
+                    <div class="running-test-step">{{ GetActiveRunStep(run.testId) }}</div>
+                  </div>
                   <div class="running-test-meta">
                     <span class="running-elapsed">{{ FormatDuration(run.duration) }}</span>
                     <span class="running-progress-bar">
-                      <span class="running-progress-fill"></span>
+                      <span class="running-progress-fill" [style.width.%]="GetActiveRunProgress(run.testId)"></span>
                     </span>
+                    <span class="running-progress-pct">{{ GetActiveRunProgress(run.testId) }}%</span>
                   </div>
                 </div>
               }
@@ -639,11 +686,11 @@ export class TestingDashboardTabComponent {
         </div>
       </div>
     }
-  `, styles: ["\n    /* ===== Layout ===== */\n    .full-page-loading {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    /* ===== Page Header ===== */\n    .page-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title i { color: var(--mj-brand-primary); }\n\n    .refresh-btn {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn i.spinning { animation: spin 1s linear infinite; }\n\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    /* ===== KPI Row ===== */\n    .kpi-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    /* ===== Card Base ===== */\n    .card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .section-header h3 i { color: var(--mj-brand-primary); font-size: 13px; }\n\n    /* ===== Live Activity ===== */\n    .live-activity-card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n    }\n\n    .running-test-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-meta {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar {\n      width: 60px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill {\n      display: block;\n      width: 100%;\n      height: 100%;\n      background: var(--mj-status-success);\n      animation: progress-slide 1.2s ease-in-out infinite;\n      border-radius: 2px;\n    }\n\n    @keyframes progress-slide {\n      0% { transform: translateX(-100%); }\n      100% { transform: translateX(100%); }\n    }\n\n    /* ===== Lower Grid ===== */\n    .lower-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    /* ===== Recent Runs ===== */\n    .runs-list {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    /* ===== Suite Health ===== */\n    .suite-health-list {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    /* ===== Alerts ===== */\n    .alerts-list {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* ===== Empty State ===== */\n    .empty-state {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* ===== Responsive ===== */\n    @media (max-width: 900px) {\n      .lower-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container { padding: 16px; }\n      .kpi-row { grid-template-columns: 1fr; }\n    }\n  "] }]
-    }], () => [{ type: i1.TestingInstrumentationService }, { type: i0.ChangeDetectorRef }], { initialState: [{
+  `, styles: ["\n    /* ===== Layout ===== */\n    .full-page-loading {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      min-height: 400px;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .dashboard-container {\n      padding: 24px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    /* ===== Page Header ===== */\n    .page-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n    }\n\n    .page-title {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .page-title i { color: var(--mj-brand-primary); }\n\n    .refresh-btn {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 18px;\n      border-radius: 8px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      transition: background 0.2s ease;\n    }\n\n    .refresh-btn:hover:not(:disabled) { background: var(--mj-brand-primary-hover); }\n    .refresh-btn:disabled { opacity: 0.6; cursor: not-allowed; }\n    .refresh-btn i.spinning { animation: spin 1s linear infinite; }\n\n    @keyframes spin {\n      from { transform: rotate(0deg); }\n      to { transform: rotate(360deg); }\n    }\n\n    /* ===== KPI Row ===== */\n    .kpi-row {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    /* ===== Card Base ===== */\n    .card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n    }\n\n    .section-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .section-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .section-header h3 i { color: var(--mj-brand-primary); font-size: 13px; }\n\n    /* ===== Live Activity ===== */\n    .live-activity-card {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-sm);\n      margin-bottom: 24px;\n      overflow: hidden;\n    }\n\n    .live-dot {\n      width: 10px;\n      height: 10px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n      display: inline-block;\n      animation: pulse-dot 1.5s ease-in-out infinite;\n    }\n\n    @keyframes pulse-dot {\n      0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-status-success) 50%, transparent); }\n      50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-status-success) 0%, transparent); }\n    }\n\n    .live-idle-icon { color: var(--mj-text-disabled); font-size: 14px; }\n\n    .running-tests-list {\n      padding: 0 20px 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .running-test-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 14px;\n      background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n      border-radius: 8px;\n      border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, var(--mj-bg-surface));\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .running-test-item:hover {\n      background: color-mix(in srgb, var(--mj-status-success) 16%, var(--mj-bg-surface));\n    }\n\n    .running-test-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .running-test-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-status-success);\n    }\n\n    .running-test-step {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .running-test-meta {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .running-elapsed {\n      font-size: 12px;\n      color: var(--mj-status-success);\n      font-weight: 500;\n    }\n\n    .running-progress-bar {\n      width: 80px;\n      height: 4px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 2px;\n      overflow: hidden;\n    }\n\n    .running-progress-fill {\n      display: block;\n      height: 100%;\n      background: var(--mj-status-success);\n      border-radius: 2px;\n      transition: width 0.5s ease;\n    }\n\n    .running-progress-pct {\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-status-success);\n      min-width: 30px;\n      text-align: right;\n    }\n\n    /* ===== Lower Grid ===== */\n    .lower-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 24px;\n    }\n\n    .right-column {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    /* ===== Recent Runs ===== */\n    .runs-list {\n      max-height: 520px;\n      overflow-y: auto;\n    }\n\n    .run-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .run-row:hover { background: var(--mj-bg-surface-card); }\n\n    .run-row-left {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .run-row-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .run-row-time {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .run-row-right {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      flex-shrink: 0;\n    }\n\n    .run-row-duration {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      min-width: 44px;\n      text-align: right;\n    }\n\n    /* ===== Suite Health ===== */\n    .suite-health-list {\n      padding: 8px 0;\n      max-height: 260px;\n      overflow-y: auto;\n    }\n\n    .suite-health-row {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 8px 20px;\n    }\n\n    .suite-health-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-health-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .suite-health-count {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    .suite-health-bar-wrapper {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      flex-shrink: 0;\n    }\n\n    .suite-health-bar {\n      width: 80px;\n      height: 6px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 3px;\n      overflow: hidden;\n    }\n\n    .suite-health-bar-fill {\n      height: 100%;\n      border-radius: 3px;\n      transition: width 0.3s ease;\n    }\n\n    .suite-health-pct {\n      font-size: 12px;\n      font-weight: 600;\n      min-width: 36px;\n      text-align: right;\n    }\n\n    /* ===== Alerts ===== */\n    .alerts-list {\n      max-height: 220px;\n      overflow-y: auto;\n    }\n\n    .alert-row {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 20px;\n      border-bottom: 1px solid var(--mj-bg-surface-card);\n      cursor: pointer;\n      transition: background 0.15s ease;\n    }\n\n    .alert-row:hover { background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface)); }\n\n    .alert-info {\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .alert-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .alert-reason {\n      font-size: 11px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* ===== Empty State ===== */\n    .empty-state {\n      padding: 32px 20px;\n      text-align: center;\n      color: var(--mj-text-disabled);\n      font-size: 13px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* ===== Responsive ===== */\n    @media (max-width: 900px) {\n      .lower-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 640px) {\n      .dashboard-container { padding: 16px; }\n      .kpi-row { grid-template-columns: 1fr; }\n    }\n  "] }]
+    }], () => [{ type: i1.TestingInstrumentationService }, { type: i2.TestingExecutionService }, { type: i2.TestingDialogService }, { type: i0.ChangeDetectorRef }], { initialState: [{
             type: Input
         }], stateChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabComponent, { className: "TestingDashboardTabComponent", filePath: "src/Testing/components/testing-dashboard-tab.component.ts", lineNumber: 567 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingDashboardTabComponent, { className: "TestingDashboardTabComponent", filePath: "src/Testing/components/testing-dashboard-tab.component.ts", lineNumber: 591 }); })();
 //# sourceMappingURL=testing-dashboard-tab.component.js.map