@memberjunction/ng-dashboards 2.118.0 → 2.120.0

package/dist/Testing/components/widgets/test-run-dialog.component.js

@@ -1,989 +0,0 @@
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { Subject } from 'rxjs';
-import { TestEngineBase } from '@memberjunction/testing-engine-base';
-import { GraphQLTestingClient } from '@memberjunction/graphql-dataprovider';
-import { Metadata } from '@memberjunction/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-dialog";
-import * as i2 from "@angular/forms";
-import * as i3 from "@angular/common";
-const _forTrack0 = ($index, $item) => $item.ID;
-const _forTrack1 = ($index, $item) => $item.step;
-function TestRunDialogComponent_Conditional_1_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Conditional_10_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
-    i0.ɵɵelement(1, "i", 21);
-    i0.ɵɵelementEnd();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_10_For_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 28);
-    i0.ɵɵelementEnd();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_10_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Conditional_10_For_7_Template_div_click_0_listener() { const test_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectTest(test_r6.ID)); });
-    i0.ɵɵelementStart(1, "div", 23);
-    i0.ɵɵelement(2, "i", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 24)(4, "div", 25);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 26);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, TestRunDialogComponent_Conditional_1_Conditional_10_For_7_Conditional_8_Template, 2, 0, "div", 27);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const test_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("selected", ctx_r1.selectedTestId === test_r6.ID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(test_r6.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", test_r6.Type, " \u2022 ", test_r6.Description || "No description", "");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedTestId === test_r6.ID ? 8 : -1);
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_10_ForEmpty_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "i", 29);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No tests found");
-    i0.ɵɵelementEnd()();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "div", 13);
-    i0.ɵɵelement(2, "i", 14);
-    i0.ɵɵelementStart(3, "input", 15);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestRunDialogComponent_Conditional_1_Conditional_10_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function TestRunDialogComponent_Conditional_1_Conditional_10_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.filterItems()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TestRunDialogComponent_Conditional_1_Conditional_10_Conditional_4_Template, 2, 0, "button", 16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 17);
-    i0.ɵɵrepeaterCreate(6, TestRunDialogComponent_Conditional_1_Conditional_10_For_7_Template, 9, 6, "div", 18, _forTrack0, false, TestRunDialogComponent_Conditional_1_Conditional_10_ForEmpty_8_Template, 4, 0, "div", 19);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchText);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.searchText ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.filteredTests);
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_11_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Conditional_11_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
-    i0.ɵɵelement(1, "i", 21);
-    i0.ɵɵelementEnd();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_11_For_7_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 28);
-    i0.ɵɵelementEnd();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_11_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Conditional_11_For_7_Template_div_click_0_listener() { const suite_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectSuite(suite_r10.ID)); });
-    i0.ɵɵelementStart(1, "div", 31);
-    i0.ɵɵelement(2, "i", 8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 24)(4, "div", 25);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 26);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, TestRunDialogComponent_Conditional_1_Conditional_11_For_7_Conditional_8_Template, 2, 0, "div", 27);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const suite_r10 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("selected", ctx_r1.selectedSuiteId === suite_r10.ID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(suite_r10.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(suite_r10.Description || "No description");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedSuiteId === suite_r10.ID ? 8 : -1);
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_11_ForEmpty_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵelement(1, "i", 29);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No test suites found");
-    i0.ɵɵelementEnd()();
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9)(1, "div", 13);
-    i0.ɵɵelement(2, "i", 14);
-    i0.ɵɵelementStart(3, "input", 30);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestRunDialogComponent_Conditional_1_Conditional_11_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.searchText, $event) || (ctx_r1.searchText = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("input", function TestRunDialogComponent_Conditional_1_Conditional_11_Template_input_input_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.filterItems()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TestRunDialogComponent_Conditional_1_Conditional_11_Conditional_4_Template, 2, 0, "button", 16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 17);
-    i0.ɵɵrepeaterCreate(6, TestRunDialogComponent_Conditional_1_Conditional_11_For_7_Template, 9, 5, "div", 18, _forTrack0, false, TestRunDialogComponent_Conditional_1_Conditional_11_ForEmpty_8_Template, 4, 0, "div", 19);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchText);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.searchText ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.filteredSuites);
-} }
-function TestRunDialogComponent_Conditional_1_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 11)(1, "input", 12);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestRunDialogComponent_Conditional_1_Conditional_17_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.parallel, $event) || (ctx_r1.parallel = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Run tests in parallel");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.parallel);
-} }
-function TestRunDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 5)(2, "button", 6);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setRunMode("test")); });
-    i0.ɵɵelement(3, "i", 7);
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "Single Test");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 6);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setRunMode("suite")); });
-    i0.ɵɵelement(7, "i", 8);
-    i0.ɵɵelementStart(8, "span");
-    i0.ɵɵtext(9, "Test Suite");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(10, TestRunDialogComponent_Conditional_1_Conditional_10_Template, 9, 3, "div", 9)(11, TestRunDialogComponent_Conditional_1_Conditional_11_Template, 9, 3, "div", 9);
-    i0.ɵɵelementStart(12, "div", 10)(13, "label", 11)(14, "input", 12);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestRunDialogComponent_Conditional_1_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.verbose, $event) || (ctx_r1.verbose = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span");
-    i0.ɵɵtext(16, "Verbose logging");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(17, TestRunDialogComponent_Conditional_1_Conditional_17_Template, 4, 1, "label", 11);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.runMode === "test");
-    i0.ɵɵadvance(4);
-    i0.ɵɵclassProp("active", ctx_r1.runMode === "suite");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.runMode === "test" ? 10 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.runMode === "suite" ? 11 : -1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.verbose);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.runMode === "suite" ? 17 : -1);
-} }
-function TestRunDialogComponent_Conditional_2_For_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 46);
-} }
-function TestRunDialogComponent_Conditional_2_For_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 47);
-} }
-function TestRunDialogComponent_Conditional_2_For_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
-} }
-function TestRunDialogComponent_Conditional_2_For_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const step_r12 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(step_r12.message);
-} }
-function TestRunDialogComponent_Conditional_2_For_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
-    i0.ɵɵtemplate(2, TestRunDialogComponent_Conditional_2_For_15_Conditional_2_Template, 1, 0, "i", 46)(3, TestRunDialogComponent_Conditional_2_For_15_Conditional_3_Template, 1, 0, "i", 47)(4, TestRunDialogComponent_Conditional_2_For_15_Conditional_4_Template, 1, 0, "i", 48);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 49)(6, "div", 50);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, TestRunDialogComponent_Conditional_2_For_15_Conditional_8_Template, 2, 1, "div", 51);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const step_r12 = ctx.$implicit;
-    i0.ɵɵclassProp("active", step_r12.active)("completed", step_r12.completed);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(step_r12.completed ? 2 : step_r12.active ? 3 : 4);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(step_r12.label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r12.message ? 8 : -1);
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_16_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 56)(1, "span", 57);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 58);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const entry_r13 = ctx.$implicit;
-    i0.ɵɵclassMap(entry_r13.type);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 4, entry_r13.timestamp, "HH:mm:ss"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entry_r13.message);
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 42)(1, "div", 52);
-    i0.ɵɵelement(2, "i", 53);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "Execution Log");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 54);
-    i0.ɵɵrepeaterCreate(6, TestRunDialogComponent_Conditional_2_Conditional_16_For_7_Template, 6, 7, "div", 55, i0.ɵɵrepeaterTrackByIndex);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(6);
-    i0.ɵɵrepeater(ctx_r1.executionLog);
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_6_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
-    i0.ɵɵtext(2, "Cost:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 65);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "number");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("$", i0.ɵɵpipeBind2(5, 1, ctx_r1.result.result.totalCost, "1.6-6"), "");
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 63)(1, "span", 64);
-    i0.ɵɵtext(2, "Status:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 65);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 63)(6, "span", 64);
-    i0.ɵɵtext(7, "Score:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 65);
-    i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "number");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 63)(12, "span", 64);
-    i0.ɵɵtext(13, "Duration:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 65);
-    i0.ɵɵtext(15);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(16, TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_6_Conditional_16_Template, 6, 4, "div", 63);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate((ctx_r1.result.result == null ? null : ctx_r1.result.result.status) || "Unknown");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 4, (ctx_r1.result.result == null ? null : ctx_r1.result.result.score) || 0, "1.4-4"));
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1("", ctx_r1.result.executionTimeMs, "ms");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((ctx_r1.result.result == null ? null : ctx_r1.result.result.totalCost) ? 16 : -1);
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵelement(1, "i", 66);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.result.errorMessage);
-} }
-function TestRunDialogComponent_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59)(1, "div", 60);
-    i0.ɵɵelement(2, "i", 34);
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 61);
-    i0.ɵɵtemplate(6, TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_6_Template, 17, 7)(7, TestRunDialogComponent_Conditional_2_Conditional_17_Conditional_7_Template, 4, 1, "div", 62);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("success", !ctx_r1.hasError)("error", ctx_r1.hasError);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-check-circle", !ctx_r1.hasError)("fa-exclamation-circle", ctx_r1.hasError);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.hasError ? "Execution Failed" : "Execution Completed");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r1.hasError ? 6 : 7);
-} }
-function TestRunDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 32)(2, "div", 33);
-    i0.ɵɵelement(3, "i", 34);
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 35);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 36)(9, "div", 37);
-    i0.ɵɵelement(10, "div", 38);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 39);
-    i0.ɵɵtext(12);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 40);
-    i0.ɵɵrepeaterCreate(14, TestRunDialogComponent_Conditional_2_For_15_Template, 9, 7, "div", 41, _forTrack1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(16, TestRunDialogComponent_Conditional_2_Conditional_16_Template, 8, 0, "div", 42)(17, TestRunDialogComponent_Conditional_2_Conditional_17_Template, 8, 10, "div", 43);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("fa-spinner", ctx_r1.isRunning)("fa-spin", ctx_r1.isRunning)("fa-check-circle", ctx_r1.hasCompleted && !ctx_r1.hasError)("fa-exclamation-circle", ctx_r1.hasCompleted && ctx_r1.hasError);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.executionTitle);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("running", ctx_r1.isRunning)("success", ctx_r1.hasCompleted && !ctx_r1.hasError)("error", ctx_r1.hasCompleted && ctx_r1.hasError);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.executionStatus, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("width", ctx_r1.progress, "%");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r1.progress, "%");
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.progressSteps);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.executionLog.length > 0 ? 16 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.hasCompleted && ctx_r1.result ? 17 : -1);
-} }
-function TestRunDialogComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 67);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
-    i0.ɵɵtext(1, "Cancel");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 68);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_4_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.runTest()); });
-    i0.ɵɵelement(3, "i", 69);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r1.canRun());
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Run ", ctx_r1.runMode === "test" ? "Test" : "Suite", " ");
-} }
-function TestRunDialogComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 67);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
-    i0.ɵɵtext(1, "Close");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "button", 70);
-    i0.ɵɵlistener("click", function TestRunDialogComponent_Conditional_5_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.resetDialog()); });
-    i0.ɵɵelement(3, "i", 71);
-    i0.ɵɵtext(4, " Run Another ");
-    i0.ɵɵelementEnd();
-} }
-function TestRunDialogComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵelement(1, "i", 47);
-    i0.ɵɵtext(2, " Running... ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵproperty("disabled", true);
-} }
-export class TestRunDialogComponent {
-    dialogRef;
-    cdr;
-    destroy$ = new Subject();
-    testingClient;
-    engine;
-    // Selection state
-    runMode = 'test';
-    searchText = '';
-    selectedTestId = null;
-    selectedSuiteId = null;
-    verbose = true;
-    parallel = false;
-    // Data
-    allTests = [];
-    allSuites = [];
-    filteredTests = [];
-    filteredSuites = [];
-    // Execution state
-    isRunning = false;
-    hasCompleted = false;
-    hasError = false;
-    progress = 0;
-    executionTitle = '';
-    executionStatus = '';
-    result = null;
-    progressSteps = [
-        { step: 'loading_test', label: 'Loading Configuration', message: '', active: false, completed: false },
-        { step: 'initializing_driver', label: 'Initializing Driver', message: '', active: false, completed: false },
-        { step: 'executing_test', label: 'Executing Test', message: '', active: false, completed: false },
-        { step: 'evaluating_oracles', label: 'Evaluating Oracles', message: '', active: false, completed: false },
-        { step: 'complete', label: 'Complete', message: '', active: false, completed: false }
-    ];
-    executionLog = [];
-    get dialogTitle() {
-        if (this.isRunning || this.hasCompleted) {
-            return 'Test Execution';
-        }
-        return 'Run Test';
-    }
-    constructor(dialogRef, cdr) {
-        this.dialogRef = dialogRef;
-        this.cdr = cdr;
-        // Get GraphQLDataProvider from Metadata.Provider (it's already configured in the Angular app)
-        const dataProvider = Metadata.Provider;
-        this.testingClient = new GraphQLTestingClient(dataProvider);
-    }
-    async ngOnInit() {
-        // Get engine instance and load metadata
-        this.engine = TestEngineBase.Instance;
-        // Load tests and suites from cache
-        this.allTests = this.engine.Tests.filter(t => t.Status === 'Active');
-        this.allSuites = this.engine.TestSuites.filter(s => s.Status === 'Active');
-        this.filterItems();
-        this.cdr.markForCheck();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    setRunMode(mode) {
-        this.runMode = mode;
-        this.searchText = '';
-        this.selectedTestId = null;
-        this.selectedSuiteId = null;
-        this.filterItems();
-        this.cdr.markForCheck();
-    }
-    filterItems() {
-        const search = this.searchText.toLowerCase();
-        if (this.runMode === 'test') {
-            this.filteredTests = this.allTests.filter(t => t.Name.toLowerCase().includes(search) ||
-                (t.Description && t.Description.toLowerCase().includes(search)));
-        }
-        else {
-            this.filteredSuites = this.allSuites.filter(s => s.Name.toLowerCase().includes(search) ||
-                (s.Description && s.Description.toLowerCase().includes(search)));
-        }
-        this.cdr.markForCheck();
-    }
-    clearSearch() {
-        this.searchText = '';
-        this.filterItems();
-    }
-    selectTest(testId) {
-        this.selectedTestId = testId;
-        this.cdr.markForCheck();
-    }
-    selectSuite(suiteId) {
-        this.selectedSuiteId = suiteId;
-        this.cdr.markForCheck();
-    }
-    canRun() {
-        return (this.runMode === 'test' && this.selectedTestId != null) ||
-            (this.runMode === 'suite' && this.selectedSuiteId != null);
-    }
-    async runTest() {
-        if (!this.canRun())
-            return;
-        this.isRunning = true;
-        this.hasCompleted = false;
-        this.hasError = false;
-        this.progress = 0;
-        this.executionLog = [];
-        this.resetProgressSteps();
-        if (this.runMode === 'test') {
-            const test = this.allTests.find(t => t.ID === this.selectedTestId);
-            this.executionTitle = test ? test.Name : 'Running Test...';
-            this.executionStatus = 'Running';
-            this.addLogEntry(`Starting test: ${test?.Name}`, 'info');
-            await this.executeTest();
-        }
-        else {
-            const suite = this.allSuites.find(s => s.ID === this.selectedSuiteId);
-            this.executionTitle = suite ? suite.Name : 'Running Suite...';
-            this.executionStatus = 'Running';
-            this.addLogEntry(`Starting suite: ${suite?.Name}`, 'info');
-            await this.executeSuite();
-        }
-        this.cdr.markForCheck();
-    }
-    async executeTest() {
-        try {
-            const result = await this.testingClient.RunTest({
-                testId: this.selectedTestId,
-                verbose: this.verbose,
-                onProgress: (progress) => {
-                    // Update progress percentage
-                    this.progress = progress.percentage;
-                    // Update progress steps based on current step
-                    this.updateProgressStep(progress.currentStep);
-                    // Add log entry for this progress update
-                    this.addLogEntry(progress.message, 'info');
-                    // Trigger change detection
-                    this.cdr.markForCheck();
-                }
-            });
-            this.result = result;
-            this.progress = 100;
-            this.hasCompleted = true;
-            this.hasError = !result.success;
-            this.executionStatus = result.success ? 'Completed' : 'Failed';
-            this.completeAllSteps();
-            if (result.success) {
-                this.addLogEntry('Test completed successfully', 'success');
-            }
-            else {
-                this.addLogEntry(`Test failed: ${result.errorMessage}`, 'error');
-            }
-        }
-        catch (error) {
-            this.hasCompleted = true;
-            this.hasError = true;
-            this.executionStatus = 'Error';
-            this.result = {
-                success: false,
-                errorMessage: error.message
-            };
-            this.addLogEntry(`Error: ${error.message}`, 'error');
-        }
-        finally {
-            this.isRunning = false;
-            this.cdr.markForCheck();
-        }
-    }
-    async executeSuite() {
-        try {
-            const result = await this.testingClient.RunTestSuite({
-                suiteId: this.selectedSuiteId,
-                verbose: this.verbose,
-                parallel: this.parallel,
-                onProgress: (progress) => {
-                    // Update progress percentage
-                    this.progress = progress.percentage;
-                    // Update progress steps based on current step
-                    this.updateProgressStep(progress.currentStep);
-                    // Add log entry for this progress update
-                    this.addLogEntry(progress.message, 'info');
-                    // Trigger change detection
-                    this.cdr.markForCheck();
-                }
-            });
-            this.result = result;
-            this.progress = 100;
-            this.hasCompleted = true;
-            this.hasError = !result.success;
-            this.executionStatus = result.success ? 'Completed' : 'Failed';
-            this.completeAllSteps();
-            if (result.success) {
-                this.addLogEntry('Suite completed successfully', 'success');
-            }
-            else {
-                this.addLogEntry(`Suite failed: ${result.errorMessage}`, 'error');
-            }
-        }
-        catch (error) {
-            this.hasCompleted = true;
-            this.hasError = true;
-            this.executionStatus = 'Error';
-            this.result = {
-                success: false,
-                errorMessage: error.message
-            };
-            this.addLogEntry(`Error: ${error.message}`, 'error');
-        }
-        finally {
-            this.isRunning = false;
-            this.cdr.markForCheck();
-        }
-    }
-    updateProgress(update) {
-        this.progress = update.percentage;
-        // Update step states
-        const stepIndex = this.progressSteps.findIndex(s => s.step === update.step);
-        if (stepIndex >= 0) {
-            // Mark previous steps as completed
-            for (let i = 0; i < stepIndex; i++) {
-                this.progressSteps[i].completed = true;
-                this.progressSteps[i].active = false;
-            }
-            // Mark current step as active
-            this.progressSteps[stepIndex].active = true;
-            this.progressSteps[stepIndex].message = update.message;
-        }
-        this.addLogEntry(update.message, 'info');
-        this.cdr.markForCheck();
-    }
-    updateProgressStep(currentStep) {
-        // Map test engine steps to our UI steps
-        const stepMapping = {
-            'loading_test': 'loading_test',
-            'initializing': 'initializing_driver',
-            'executing': 'executing_test',
-            'evaluating': 'evaluating_oracles',
-            'complete': 'complete'
-        };
-        const mappedStep = stepMapping[currentStep] || currentStep;
-        const stepIndex = this.progressSteps.findIndex(s => s.step === mappedStep);
-        if (stepIndex >= 0) {
-            // Mark previous steps as completed
-            for (let i = 0; i < stepIndex; i++) {
-                this.progressSteps[i].completed = true;
-                this.progressSteps[i].active = false;
-            }
-            // Mark current step as active
-            this.progressSteps[stepIndex].active = true;
-            this.progressSteps[stepIndex].completed = false;
-        }
-    }
-    resetProgressSteps() {
-        this.progressSteps.forEach(step => {
-            step.active = false;
-            step.completed = false;
-            step.message = '';
-        });
-    }
-    completeAllSteps() {
-        this.progressSteps.forEach(step => {
-            step.active = false;
-            step.completed = true;
-        });
-    }
-    addLogEntry(message, type) {
-        this.executionLog.push({
-            timestamp: new Date(),
-            message,
-            type
-        });
-        // Keep log manageable
-        if (this.executionLog.length > 100) {
-            this.executionLog = this.executionLog.slice(-100);
-        }
-    }
-    resetDialog() {
-        this.isRunning = false;
-        this.hasCompleted = false;
-        this.hasError = false;
-        this.progress = 0;
-        this.executionTitle = '';
-        this.executionStatus = '';
-        this.result = null;
-        this.executionLog = [];
-        this.selectedTestId = null;
-        this.selectedSuiteId = null;
-        this.searchText = '';
-        this.resetProgressSteps();
-        this.filterItems();
-        this.cdr.markForCheck();
-    }
-    onClose() {
-        if (!this.isRunning) {
-            this.dialogRef.close();
-        }
-    }
-    static ɵfac = function TestRunDialogComponent_Factory(t) { return new (t || TestRunDialogComponent)(i0.ɵɵdirectiveInject(i1.DialogRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestRunDialogComponent, selectors: [["app-test-run-dialog"]], decls: 7, vars: 3, consts: [[1, "test-run-dialog"], [1, "selection-mode"], [1, "execution-mode"], [1, "dialog-actions"], [1, "action-btn", "run-btn", 3, "disabled"], [1, "mode-tabs"], [1, "mode-tab", 3, "click"], [1, "fa-solid", "fa-flask"], [1, "fa-solid", "fa-layer-group"], [1, "selection-panel"], [1, "options-panel"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search tests...", 3, "ngModelChange", "input", "ngModel"], [1, "clear-btn"], [1, "items-list"], [1, "item", 3, "selected"], [1, "no-items"], [1, "clear-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "item", 3, "click"], [1, "item-icon"], [1, "item-content"], [1, "item-name"], [1, "item-meta"], [1, "item-check"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-inbox"], ["type", "text", "placeholder", "Search test suites...", 3, "ngModelChange", "input", "ngModel"], [1, "item-icon", "suite"], [1, "execution-header"], [1, "execution-title"], [1, "fa-solid"], [1, "execution-status"], [1, "progress-container"], [1, "progress-bar"], [1, "progress-fill"], [1, "progress-text"], [1, "progress-steps"], [1, "step", 3, "active", "completed"], [1, "execution-log"], [1, "result-summary", 3, "success", "error"], [1, "step"], [1, "step-icon"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-circle"], [1, "step-content"], [1, "step-label"], [1, "step-message"], [1, "log-header"], [1, "fa-solid", "fa-terminal"], [1, "log-content"], [1, "log-entry", 3, "class"], [1, "log-entry"], [1, "log-time"], [1, "log-message"], [1, "result-summary"], [1, "result-header"], [1, "result-details"], [1, "error-message"], [1, "result-item"], [1, "result-label"], [1, "result-value"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "action-btn", "cancel-btn", 3, "click"], [1, "action-btn", "run-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], [1, "action-btn", "run-btn", 3, "click"], [1, "fa-solid", "fa-redo"]], template: function TestRunDialogComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, TestRunDialogComponent_Conditional_1_Template, 18, 8, "div", 1)(2, TestRunDialogComponent_Conditional_2_Template, 18, 21, "div", 2);
-            i0.ɵɵelementStart(3, "div", 3);
-            i0.ɵɵtemplate(4, TestRunDialogComponent_Conditional_4_Template, 5, 2)(5, TestRunDialogComponent_Conditional_5_Template, 5, 0)(6, TestRunDialogComponent_Conditional_6_Template, 3, 1, "button", 4);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isRunning && !ctx.hasCompleted ? 1 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isRunning || ctx.hasCompleted ? 2 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(!ctx.isRunning && !ctx.hasCompleted ? 4 : ctx.hasCompleted ? 5 : 6);
-        } }, dependencies: [i2.DefaultValueAccessor, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.DecimalPipe, i3.DatePipe], styles: [".test-run-dialog[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #f8f9fa;\n    }\n\n    .dialog-actions[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      background: white;\n      border-top: 1px solid #e0e0e0;\n      margin-top: auto;\n    }\n\n    .action-btn[_ngcontent-%COMP%] {\n      padding: 10px 20px;\n      border: none;\n      border-radius: 4px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .cancel-btn[_ngcontent-%COMP%] {\n      background: #f5f5f5;\n      color: #666;\n    }\n\n    .cancel-btn[_ngcontent-%COMP%]:hover {\n      background: #e0e0e0;\n    }\n\n    .run-btn[_ngcontent-%COMP%] {\n      background: #2196f3;\n      color: white;\n    }\n\n    .run-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #1976d2;\n    }\n\n    .run-btn[_ngcontent-%COMP%]:disabled {\n      background: #ccc;\n      cursor: not-allowed;\n      opacity: 0.6;\n    }\n\n    \n\n    .selection-mode[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n      overflow: hidden;\n      padding: 20px;\n    }\n\n    .mode-tabs[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 8px;\n      background: white;\n      padding: 8px;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      flex-shrink: 0;\n    }\n\n    .mode-tab[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: none;\n      background: transparent;\n      color: #666;\n      font-size: 14px;\n      font-weight: 500;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .mode-tab[_ngcontent-%COMP%]:hover {\n      background: rgba(33, 150, 243, 0.1);\n      color: #2196f3;\n    }\n\n    .mode-tab.active[_ngcontent-%COMP%] {\n      background: #2196f3;\n      color: white;\n    }\n\n    .mode-tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 16px;\n    }\n\n    .selection-panel[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      background: white;\n      border-radius: 8px;\n      padding: 16px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      overflow: hidden;\n    }\n\n    .search-box[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #f5f7fa;\n      border: 2px solid #e0e4e8;\n      border-radius: 6px;\n      transition: border-color 0.2s ease;\n    }\n\n    .search-box[_ngcontent-%COMP%]:focus-within {\n      border-color: #2196f3;\n    }\n\n    .search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #999;\n      font-size: 14px;\n    }\n\n    .search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n      flex: 1;\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      color: #333;\n    }\n\n    .search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n      color: #999;\n    }\n\n    .clear-btn[_ngcontent-%COMP%] {\n      padding: 4px 8px;\n      border: none;\n      background: transparent;\n      color: #999;\n      cursor: pointer;\n      border-radius: 4px;\n      transition: all 0.2s ease;\n    }\n\n    .clear-btn[_ngcontent-%COMP%]:hover {\n      background: rgba(0,0,0,0.05);\n      color: #666;\n    }\n\n    .items-list[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      min-height: 0;\n    }\n\n    .item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 16px;\n      background: #f8f9fa;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      min-width: 0;\n      max-width: 100%;\n    }\n\n    .item[_ngcontent-%COMP%]:hover {\n      background: #e3f2fd;\n      border-color: #90caf9;\n    }\n\n    .item.selected[_ngcontent-%COMP%] {\n      background: #e3f2fd;\n      border-color: #2196f3;\n    }\n\n    .item-icon[_ngcontent-%COMP%] {\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2196f3;\n      color: white;\n      border-radius: 8px;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .item-icon.suite[_ngcontent-%COMP%] {\n      background: #9c27b0;\n    }\n\n    .item-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .item-name[_ngcontent-%COMP%] {\n      font-size: 15px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n    }\n\n    .item-meta[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.4;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      white-space: normal;\n    }\n\n    .item-check[_ngcontent-%COMP%] {\n      color: #2196f3;\n      font-size: 20px;\n    }\n\n    .no-items[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      padding: 40px;\n      text-align: center;\n    }\n\n    .no-items[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      margin-bottom: 12px;\n      opacity: 0.3;\n    }\n\n    .no-items[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .options-panel[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .checkbox-label[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .checkbox-label[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n    }\n\n    .checkbox-label[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      font-size: 14px;\n      color: #333;\n    }\n\n    \n\n    .execution-mode[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n      overflow: hidden;\n      padding: 20px;\n    }\n\n    .execution-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .execution-title[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .execution-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 20px;\n      color: #2196f3;\n    }\n\n    .execution-title[_ngcontent-%COMP%]   i.fa-check-circle[_ngcontent-%COMP%] {\n      color: #4caf50;\n    }\n\n    .execution-title[_ngcontent-%COMP%]   i.fa-exclamation-circle[_ngcontent-%COMP%] {\n      color: #f44336;\n    }\n\n    .execution-status[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .execution-status.running[_ngcontent-%COMP%] {\n      background: #e3f2fd;\n      color: #2196f3;\n    }\n\n    .execution-status.success[_ngcontent-%COMP%] {\n      background: #e8f5e9;\n      color: #4caf50;\n    }\n\n    .execution-status.error[_ngcontent-%COMP%] {\n      background: #ffebee;\n      color: #f44336;\n    }\n\n    .progress-container[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .progress-bar[_ngcontent-%COMP%] {\n      flex: 1;\n      height: 8px;\n      background: #e0e0e0;\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .progress-fill[_ngcontent-%COMP%] {\n      height: 100%;\n      background: linear-gradient(90deg, #2196f3, #21cbf3);\n      border-radius: 4px;\n      transition: width 0.3s ease;\n    }\n\n    .progress-text[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #2196f3;\n      min-width: 45px;\n      text-align: right;\n    }\n\n    .progress-steps[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      max-height: 150px;\n      overflow-y: auto;\n      flex-shrink: 0;\n    }\n\n    .step[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 8px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n    }\n\n    .step.active[_ngcontent-%COMP%] {\n      background: #e3f2fd;\n    }\n\n    .step.completed[_ngcontent-%COMP%] {\n      opacity: 0.6;\n    }\n\n    .step-icon[_ngcontent-%COMP%] {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-size: 12px;\n    }\n\n    .step.active[_ngcontent-%COMP%]   .step-icon[_ngcontent-%COMP%] {\n      color: #2196f3;\n    }\n\n    .step.completed[_ngcontent-%COMP%]   .step-icon[_ngcontent-%COMP%] {\n      color: #4caf50;\n    }\n\n    .step-content[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .step-label[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 600;\n      color: #333;\n      margin-bottom: 2px;\n    }\n\n    .step-message[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #666;\n    }\n\n    .execution-log[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      background: #1e1e1e;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      flex: 1;\n      min-height: 0;\n    }\n\n    .log-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: #2d2d2d;\n      color: #fff;\n      font-size: 13px;\n      font-weight: 600;\n      border-bottom: 1px solid #3d3d3d;\n    }\n\n    .log-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #4caf50;\n    }\n\n    .log-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px 16px;\n      font-family: 'Courier New', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      min-height: 0;\n    }\n\n    .log-entry[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 4px;\n      color: #e0e0e0;\n    }\n\n    .log-entry.error[_ngcontent-%COMP%] {\n      color: #f44336;\n    }\n\n    .log-entry.success[_ngcontent-%COMP%] {\n      color: #4caf50;\n    }\n\n    .log-entry.info[_ngcontent-%COMP%] {\n      color: #2196f3;\n    }\n\n    .log-time[_ngcontent-%COMP%] {\n      color: #999;\n      min-width: 60px;\n    }\n\n    .log-message[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .result-summary[_ngcontent-%COMP%] {\n      padding: 16px;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .result-summary.success[_ngcontent-%COMP%] {\n      background: #e8f5e9;\n      border: 2px solid #4caf50;\n    }\n\n    .result-summary.error[_ngcontent-%COMP%] {\n      background: #ffebee;\n      border: 2px solid #f44336;\n    }\n\n    .result-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .result-summary.success[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%] {\n      color: #2e7d32;\n    }\n\n    .result-summary.error[_ngcontent-%COMP%]   .result-header[_ngcontent-%COMP%] {\n      color: #c62828;\n    }\n\n    .result-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 24px;\n    }\n\n    .result-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .result-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(255,255,255,0.5);\n      border-radius: 4px;\n    }\n\n    .result-label[_ngcontent-%COMP%] {\n      font-weight: 600;\n      color: #666;\n      font-size: 13px;\n    }\n\n    .result-value[_ngcontent-%COMP%] {\n      font-weight: 600;\n      color: #333;\n      font-size: 13px;\n    }\n\n    .error-message[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 14px;\n      background: rgba(255,255,255,0.7);\n      border-radius: 6px;\n      color: #c62828;\n      font-size: 13px;\n      line-height: 1.5;\n      word-break: break-word;\n    }\n\n    .error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 20px;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .error-message[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      flex: 1;\n    }"], changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestRunDialogComponent, [{
-        type: Component,
-        args: [{ selector: 'app-test-run-dialog', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-      <div class="test-run-dialog">
-        @if (!isRunning && !hasCompleted) {
-          <!-- Selection Mode -->
-          <div class="selection-mode">
-            <div class="mode-tabs">
-              <button
-                class="mode-tab"
-                [class.active]="runMode === 'test'"
-                (click)="setRunMode('test')"
-              >
-                <i class="fa-solid fa-flask"></i>
-                <span>Single Test</span>
-              </button>
-              <button
-                class="mode-tab"
-                [class.active]="runMode === 'suite'"
-                (click)="setRunMode('suite')"
-              >
-                <i class="fa-solid fa-layer-group"></i>
-                <span>Test Suite</span>
-              </button>
-            </div>
-
-            @if (runMode === 'test') {
-              <div class="selection-panel">
-                <div class="search-box">
-                  <i class="fa-solid fa-search"></i>
-                  <input
-                    type="text"
-                    [(ngModel)]="searchText"
-                    (input)="filterItems()"
-                    placeholder="Search tests..."
-                  />
-                  @if (searchText) {
-                    <button class="clear-btn" (click)="clearSearch()">
-                      <i class="fa-solid fa-times"></i>
-                    </button>
-                  }
-                </div>
-
-                <div class="items-list">
-                  @for (test of filteredTests; track test.ID) {
-                    <div
-                      class="item"
-                      [class.selected]="selectedTestId === test.ID"
-                      (click)="selectTest(test.ID)"
-                    >
-                      <div class="item-icon">
-                        <i class="fa-solid fa-flask"></i>
-                      </div>
-                      <div class="item-content">
-                        <div class="item-name">{{ test.Name }}</div>
-                        <div class="item-meta">{{ test.Type }} • {{ test.Description || 'No description' }}</div>
-                      </div>
-                      @if (selectedTestId === test.ID) {
-                        <div class="item-check">
-                          <i class="fa-solid fa-check-circle"></i>
-                        </div>
-                      }
-                    </div>
-                  }
-                  @empty {
-                    <div class="no-items">
-                      <i class="fa-solid fa-inbox"></i>
-                      <p>No tests found</p>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-
-            @if (runMode === 'suite') {
-              <div class="selection-panel">
-                <div class="search-box">
-                  <i class="fa-solid fa-search"></i>
-                  <input
-                    type="text"
-                    [(ngModel)]="searchText"
-                    (input)="filterItems()"
-                    placeholder="Search test suites..."
-                  />
-                  @if (searchText) {
-                    <button class="clear-btn" (click)="clearSearch()">
-                      <i class="fa-solid fa-times"></i>
-                    </button>
-                  }
-                </div>
-
-                <div class="items-list">
-                  @for (suite of filteredSuites; track suite.ID) {
-                    <div
-                      class="item"
-                      [class.selected]="selectedSuiteId === suite.ID"
-                      (click)="selectSuite(suite.ID)"
-                    >
-                      <div class="item-icon suite">
-                        <i class="fa-solid fa-layer-group"></i>
-                      </div>
-                      <div class="item-content">
-                        <div class="item-name">{{ suite.Name }}</div>
-                        <div class="item-meta">{{ suite.Description || 'No description' }}</div>
-                      </div>
-                      @if (selectedSuiteId === suite.ID) {
-                        <div class="item-check">
-                          <i class="fa-solid fa-check-circle"></i>
-                        </div>
-                      }
-                    </div>
-                  }
-                  @empty {
-                    <div class="no-items">
-                      <i class="fa-solid fa-inbox"></i>
-                      <p>No test suites found</p>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-
-            <div class="options-panel">
-              <label class="checkbox-label">
-                <input type="checkbox" [(ngModel)]="verbose" />
-                <span>Verbose logging</span>
-              </label>
-              @if (runMode === 'suite') {
-                <label class="checkbox-label">
-                  <input type="checkbox" [(ngModel)]="parallel" />
-                  <span>Run tests in parallel</span>
-                </label>
-              }
-            </div>
-          </div>
-        }
-
-        @if (isRunning || hasCompleted) {
-          <!-- Execution Mode -->
-          <div class="execution-mode">
-            <div class="execution-header">
-              <div class="execution-title">
-                <i class="fa-solid" [class.fa-spinner]="isRunning" [class.fa-spin]="isRunning" [class.fa-check-circle]="hasCompleted && !hasError" [class.fa-exclamation-circle]="hasCompleted && hasError"></i>
-                <span>{{ executionTitle }}</span>
-              </div>
-              <div class="execution-status" [class.running]="isRunning" [class.success]="hasCompleted && !hasError" [class.error]="hasCompleted && hasError">
-                {{ executionStatus }}
-              </div>
-            </div>
-
-            <div class="progress-container">
-              <div class="progress-bar">
-                <div class="progress-fill" [style.width.%]="progress"></div>
-              </div>
-              <div class="progress-text">{{ progress }}%</div>
-            </div>
-
-            <div class="progress-steps">
-              @for (step of progressSteps; track step.step) {
-                <div class="step" [class.active]="step.active" [class.completed]="step.completed">
-                  <div class="step-icon">
-                    @if (step.completed) {
-                      <i class="fa-solid fa-check"></i>
-                    } @else if (step.active) {
-                      <i class="fa-solid fa-spinner fa-spin"></i>
-                    } @else {
-                      <i class="fa-solid fa-circle"></i>
-                    }
-                  </div>
-                  <div class="step-content">
-                    <div class="step-label">{{ step.label }}</div>
-                    @if (step.message) {
-                      <div class="step-message">{{ step.message }}</div>
-                    }
-                  </div>
-                </div>
-              }
-            </div>
-
-            @if (executionLog.length > 0) {
-              <div class="execution-log">
-                <div class="log-header">
-                  <i class="fa-solid fa-terminal"></i>
-                  <span>Execution Log</span>
-                </div>
-                <div class="log-content">
-                  @for (entry of executionLog; track $index) {
-                    <div class="log-entry" [class]="entry.type">
-                      <span class="log-time">{{ entry.timestamp | date:'HH:mm:ss' }}</span>
-                      <span class="log-message">{{ entry.message }}</span>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-
-            @if (hasCompleted && result) {
-              <div class="result-summary" [class.success]="!hasError" [class.error]="hasError">
-                <div class="result-header">
-                  <i class="fa-solid" [class.fa-check-circle]="!hasError" [class.fa-exclamation-circle]="hasError"></i>
-                  <span>{{ hasError ? 'Execution Failed' : 'Execution Completed' }}</span>
-                </div>
-                <div class="result-details">
-                  @if (!hasError) {
-                    <div class="result-item">
-                      <span class="result-label">Status:</span>
-                      <span class="result-value">{{ result.result?.status || 'Unknown' }}</span>
-                    </div>
-                    <div class="result-item">
-                      <span class="result-label">Score:</span>
-                      <span class="result-value">{{ (result.result?.score || 0) | number:'1.4-4' }}</span>
-                    </div>
-                    <div class="result-item">
-                      <span class="result-label">Duration:</span>
-                      <span class="result-value">{{ result.executionTimeMs }}ms</span>
-                    </div>
-                    @if (result.result?.totalCost) {
-                      <div class="result-item">
-                        <span class="result-label">Cost:</span>
-                        <span class="result-value">\${{ result.result.totalCost | number:'1.6-6' }}</span>
-                      </div>
-                    }
-                  } @else {
-                    <div class="error-message">
-                      <i class="fa-solid fa-exclamation-triangle"></i>
-                      <span>{{ result.errorMessage }}</span>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-          </div>
-        }
-
-        <!-- Dialog Actions -->
-        <div class="dialog-actions">
-          @if (!isRunning && !hasCompleted) {
-            <button class="action-btn cancel-btn" (click)="onClose()">Cancel</button>
-            <button class="action-btn run-btn"
-                    [disabled]="!canRun()"
-                    (click)="runTest()">
-              <i class="fa-solid fa-play"></i>
-              Run {{ runMode === 'test' ? 'Test' : 'Suite' }}
-            </button>
-          } @else if (hasCompleted) {
-            <button class="action-btn cancel-btn" (click)="onClose()">Close</button>
-            <button class="action-btn run-btn" (click)="resetDialog()">
-              <i class="fa-solid fa-redo"></i>
-              Run Another
-            </button>
-          } @else {
-            <button class="action-btn run-btn" [disabled]="true">
-              <i class="fa-solid fa-spinner fa-spin"></i>
-              Running...
-            </button>
-          }
-        </div>
-      </div>
-  `, styles: ["\n    .test-run-dialog {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: #f8f9fa;\n    }\n\n    .dialog-actions {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      background: white;\n      border-top: 1px solid #e0e0e0;\n      margin-top: auto;\n    }\n\n    .action-btn {\n      padding: 10px 20px;\n      border: none;\n      border-radius: 4px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .cancel-btn {\n      background: #f5f5f5;\n      color: #666;\n    }\n\n    .cancel-btn:hover {\n      background: #e0e0e0;\n    }\n\n    .run-btn {\n      background: #2196f3;\n      color: white;\n    }\n\n    .run-btn:hover:not(:disabled) {\n      background: #1976d2;\n    }\n\n    .run-btn:disabled {\n      background: #ccc;\n      cursor: not-allowed;\n      opacity: 0.6;\n    }\n\n    /* Selection Mode */\n    .selection-mode {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n      overflow: hidden;\n      padding: 20px;\n    }\n\n    .mode-tabs {\n      display: flex;\n      gap: 8px;\n      background: white;\n      padding: 8px;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      flex-shrink: 0;\n    }\n\n    .mode-tab {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: none;\n      background: transparent;\n      color: #666;\n      font-size: 14px;\n      font-weight: 500;\n      border-radius: 6px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .mode-tab:hover {\n      background: rgba(33, 150, 243, 0.1);\n      color: #2196f3;\n    }\n\n    .mode-tab.active {\n      background: #2196f3;\n      color: white;\n    }\n\n    .mode-tab i {\n      font-size: 16px;\n    }\n\n    .selection-panel {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      background: white;\n      border-radius: 8px;\n      padding: 16px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      overflow: hidden;\n    }\n\n    .search-box {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: #f5f7fa;\n      border: 2px solid #e0e4e8;\n      border-radius: 6px;\n      transition: border-color 0.2s ease;\n    }\n\n    .search-box:focus-within {\n      border-color: #2196f3;\n    }\n\n    .search-box i {\n      color: #999;\n      font-size: 14px;\n    }\n\n    .search-box input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      outline: none;\n      font-size: 14px;\n      color: #333;\n    }\n\n    .search-box input::placeholder {\n      color: #999;\n    }\n\n    .clear-btn {\n      padding: 4px 8px;\n      border: none;\n      background: transparent;\n      color: #999;\n      cursor: pointer;\n      border-radius: 4px;\n      transition: all 0.2s ease;\n    }\n\n    .clear-btn:hover {\n      background: rgba(0,0,0,0.05);\n      color: #666;\n    }\n\n    .items-list {\n      flex: 1;\n      overflow-y: auto;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      min-height: 0;\n    }\n\n    .item {\n      display: flex;\n      align-items: flex-start;\n      gap: 14px;\n      padding: 16px;\n      background: #f8f9fa;\n      border: 2px solid transparent;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      min-width: 0;\n      max-width: 100%;\n    }\n\n    .item:hover {\n      background: #e3f2fd;\n      border-color: #90caf9;\n    }\n\n    .item.selected {\n      background: #e3f2fd;\n      border-color: #2196f3;\n    }\n\n    .item-icon {\n      width: 42px;\n      height: 42px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #2196f3;\n      color: white;\n      border-radius: 8px;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .item-icon.suite {\n      background: #9c27b0;\n    }\n\n    .item-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .item-name {\n      font-size: 15px;\n      font-weight: 600;\n      color: #333;\n      line-height: 1.3;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n    }\n\n    .item-meta {\n      font-size: 13px;\n      color: #666;\n      line-height: 1.4;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      white-space: normal;\n    }\n\n    .item-check {\n      color: #2196f3;\n      font-size: 20px;\n    }\n\n    .no-items {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      padding: 40px;\n      text-align: center;\n    }\n\n    .no-items i {\n      font-size: 48px;\n      margin-bottom: 12px;\n      opacity: 0.3;\n    }\n\n    .no-items p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    .options-panel {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .checkbox-label {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n    }\n\n    .checkbox-label span {\n      font-size: 14px;\n      color: #333;\n    }\n\n    /* Execution Mode */\n    .execution-mode {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n      overflow: hidden;\n      padding: 20px;\n    }\n\n    .execution-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .execution-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n    }\n\n    .execution-title i {\n      font-size: 20px;\n      color: #2196f3;\n    }\n\n    .execution-title i.fa-check-circle {\n      color: #4caf50;\n    }\n\n    .execution-title i.fa-exclamation-circle {\n      color: #f44336;\n    }\n\n    .execution-status {\n      padding: 6px 12px;\n      border-radius: 4px;\n      font-size: 12px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .execution-status.running {\n      background: #e3f2fd;\n      color: #2196f3;\n    }\n\n    .execution-status.success {\n      background: #e8f5e9;\n      color: #4caf50;\n    }\n\n    .execution-status.error {\n      background: #ffebee;\n      color: #f44336;\n    }\n\n    .progress-container {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .progress-bar {\n      flex: 1;\n      height: 8px;\n      background: #e0e0e0;\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .progress-fill {\n      height: 100%;\n      background: linear-gradient(90deg, #2196f3, #21cbf3);\n      border-radius: 4px;\n      transition: width 0.3s ease;\n    }\n\n    .progress-text {\n      font-size: 14px;\n      font-weight: 600;\n      color: #2196f3;\n      min-width: 45px;\n      text-align: right;\n    }\n\n    .progress-steps {\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      padding: 16px;\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      max-height: 150px;\n      overflow-y: auto;\n      flex-shrink: 0;\n    }\n\n    .step {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 8px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n    }\n\n    .step.active {\n      background: #e3f2fd;\n    }\n\n    .step.completed {\n      opacity: 0.6;\n    }\n\n    .step-icon {\n      width: 24px;\n      height: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-size: 12px;\n    }\n\n    .step.active .step-icon {\n      color: #2196f3;\n    }\n\n    .step.completed .step-icon {\n      color: #4caf50;\n    }\n\n    .step-content {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .step-label {\n      font-size: 13px;\n      font-weight: 600;\n      color: #333;\n      margin-bottom: 2px;\n    }\n\n    .step-message {\n      font-size: 12px;\n      color: #666;\n    }\n\n    .execution-log {\n      display: flex;\n      flex-direction: column;\n      background: #1e1e1e;\n      border-radius: 8px;\n      overflow: hidden;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n      flex: 1;\n      min-height: 0;\n    }\n\n    .log-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: #2d2d2d;\n      color: #fff;\n      font-size: 13px;\n      font-weight: 600;\n      border-bottom: 1px solid #3d3d3d;\n    }\n\n    .log-header i {\n      color: #4caf50;\n    }\n\n    .log-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px 16px;\n      font-family: 'Courier New', monospace;\n      font-size: 13px;\n      line-height: 1.5;\n      min-height: 0;\n    }\n\n    .log-entry {\n      display: flex;\n      gap: 12px;\n      margin-bottom: 4px;\n      color: #e0e0e0;\n    }\n\n    .log-entry.error {\n      color: #f44336;\n    }\n\n    .log-entry.success {\n      color: #4caf50;\n    }\n\n    .log-entry.info {\n      color: #2196f3;\n    }\n\n    .log-time {\n      color: #999;\n      min-width: 60px;\n    }\n\n    .log-message {\n      flex: 1;\n    }\n\n    .result-summary {\n      padding: 16px;\n      border-radius: 8px;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n    }\n\n    .result-summary.success {\n      background: #e8f5e9;\n      border: 2px solid #4caf50;\n    }\n\n    .result-summary.error {\n      background: #ffebee;\n      border: 2px solid #f44336;\n    }\n\n    .result-header {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .result-summary.success .result-header {\n      color: #2e7d32;\n    }\n\n    .result-summary.error .result-header {\n      color: #c62828;\n    }\n\n    .result-header i {\n      font-size: 24px;\n    }\n\n    .result-details {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .result-item {\n      display: flex;\n      justify-content: space-between;\n      padding: 8px 12px;\n      background: rgba(255,255,255,0.5);\n      border-radius: 4px;\n    }\n\n    .result-label {\n      font-weight: 600;\n      color: #666;\n      font-size: 13px;\n    }\n\n    .result-value {\n      font-weight: 600;\n      color: #333;\n      font-size: 13px;\n    }\n\n    .error-message {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 14px;\n      background: rgba(255,255,255,0.7);\n      border-radius: 6px;\n      color: #c62828;\n      font-size: 13px;\n      line-height: 1.5;\n      word-break: break-word;\n    }\n\n    .error-message i {\n      font-size: 20px;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .error-message span {\n      flex: 1;\n    }\n  "] }]
-    }], () => [{ type: i1.DialogRef }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestRunDialogComponent, { className: "TestRunDialogComponent", filePath: "src/Testing/components/widgets/test-run-dialog.component.ts", lineNumber: 892 }); })();
-//# sourceMappingURL=test-run-dialog.component.js.map