@memberjunction/ng-core-entity-forms 2.129.0 → 2.130.0

package/dist/lib/custom/Tests/test-suite-run-form.component.js

@@ -4,27 +4,36 @@ 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, ChangeDetectionStrategy } from '@angular/core';
-import { Subject } from 'rxjs';
+import { Component, ChangeDetectionStrategy, HostListener } from '@angular/core';
+import { Subject, interval } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
+import { UserInfoEngine } from '@memberjunction/core-entities';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { RegisterClass } from '@memberjunction/global';
 import { SharedService } from '@memberjunction/ng-shared';
 import { TestSuiteRunFormComponent } from '../../generated/Entities/TestSuiteRun/testsuiterun.form.component';
+import { TagsHelper, calculateEvaluationMetrics, normalizeExecutionStatus, getNeedsReviewItems } from '@memberjunction/ng-testing';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-buttons";
+import * as i3 from "@memberjunction/ng-testing";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "@progress/kendo-angular-dialog";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "./entity-link-pill.component";
+const _c0 = () => [1, 2, 3, 4, 5];
+const _c1 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 function TestSuiteRunFormComponentExtended_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 42)(1, "a", 43);
+    i0.ɵɵelementStart(0, "div", 61)(1, "a", 62);
     i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_2_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
-    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵelement(2, "i", 63);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "i", 45);
-    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵelement(4, "i", 64);
+    i0.ɵɵelementStart(5, "span", 65);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -35,25 +44,140 @@ function TestSuiteRunFormComponentExtended_div_2_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtextInterpolate1("Run #", ctx_r1.record.ID.substring(0, 8), "");
 } }
 function TestSuiteRunFormComponentExtended_span_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 46);
+    i0.ɵɵelementStart(0, "span", 66);
+    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Environment, " ");
+} }
+function TestSuiteRunFormComponentExtended_span_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵelement(1, "i", 69);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.record.TriggerType, " ");
+} }
+function TestSuiteRunFormComponentExtended_button_18_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 70);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_button_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reRunSuite()); });
+    i0.ɵɵelement(1, "i", 71);
+    i0.ɵɵtext(2, " Re-run Suite ");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_96_div_4_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r5 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r5);
+} }
+function TestSuiteRunFormComponentExtended_div_96_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 80);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_96_div_4_span_1_Template, 2, 1, "span", 81);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.tags);
+} }
+function TestSuiteRunFormComponentExtended_div_96_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 83);
+    i0.ɵɵtext(1, "No tags");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_96_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 72)(1, "div", 73)(2, "span", 74);
+    i0.ɵɵelement(3, "i", 75);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, TestSuiteRunFormComponentExtended_div_96_div_4_Template, 2, 1, "div", 76)(5, TestSuiteRunFormComponentExtended_div_96_span_5_Template, 2, 0, "span", 77);
+    i0.ɵɵelementStart(6, "button", 78);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_96_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startEditingTags()); });
+    i0.ɵɵelement(7, "i", 79);
+    i0.ɵɵtext(8, " Add ");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngIf", ctx_r1.tags.length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.record.Environment);
+    i0.ɵɵproperty("ngIf", ctx_r1.tags.length === 0);
 } }
-function TestSuiteRunFormComponentExtended_span_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 47);
+function TestSuiteRunFormComponentExtended_div_97_span_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 98);
     i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "button", 99);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_97_span_7_Template_button_click_2_listener() { const tag_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeTag(tag_r8)); });
+    i0.ɵɵelement(3, "i", 100);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const tag_r8 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", tag_r8, " ");
+} }
+function TestSuiteRunFormComponentExtended_div_97_span_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 101);
+    i0.ɵɵtext(1, "No tags yet");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_97_i_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 102);
+} }
+function TestSuiteRunFormComponentExtended_div_97_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84)(1, "div", 85)(2, "span", 86);
+    i0.ɵɵelement(3, "i", 75);
+    i0.ɵɵtext(4, " Edit Tags");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 87)(6, "div", 88);
+    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_97_span_7_Template, 4, 1, "span", 89)(8, TestSuiteRunFormComponentExtended_div_97_span_8_Template, 2, 0, "span", 90);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 91)(10, "input", 92);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_97_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newTag, $event) || (ctx_r1.newTag = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keyup.enter", function TestSuiteRunFormComponentExtended_div_97_Template_input_keyup_enter_10_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "button", 93);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_97_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
+    i0.ɵɵelement(12, "i", 79);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 94)(14, "button", 95);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_97_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveTags()); });
+    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_97_i_15_Template, 1, 0, "i", 96);
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 97);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_97_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelEditingTags()); });
+    i0.ɵɵtext(18, "Cancel");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngForOf", ctx_r1.tags);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.record.TriggerType);
+    i0.ɵɵproperty("ngIf", ctx_r1.tags.length === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newTag);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", !ctx_r1.newTag.trim());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.savingTags);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.savingTags);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.savingTags ? "Saving..." : "Save", " ");
 } }
-function TestSuiteRunFormComponentExtended_span_88_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
+function TestSuiteRunFormComponentExtended_span_106_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 103);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -61,222 +185,1309 @@ function TestSuiteRunFormComponentExtended_span_88_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.testRuns.length);
 } }
-function TestSuiteRunFormComponentExtended_div_94_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "div", 50)(2, "div", 51);
-    i0.ɵɵelement(3, "i", 10);
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "span", 124);
+    i0.ɵɵtext(2, "Avg Rating");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 125);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.humanAvgRating.toFixed(1), "/10");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_12_span_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 130);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.humanIncorrectCount, " incorrect");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "span", 124);
+    i0.ɵɵtext(2, "Correct");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 128);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(5, TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_12_span_5_Template, 2, 1, "span", 129);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r1.evaluationMetrics.humanCorrectCount);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanIncorrectCount > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 131)(1, "span", 132);
+    i0.ɵɵelement(2, "i", 133);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.evaluationMetrics.humanPendingCount, " need review ");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "div", 120);
+    i0.ɵɵelement(2, "i", 121);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Human Feedback");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 122)(6, "div", 123)(7, "span", 124);
+    i0.ɵɵtext(8, "Reviewed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 125);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_11_Template, 5, 1, "div", 126)(12, TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_12_Template, 6, 2, "div", 126);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(13, TestSuiteRunFormComponentExtended_div_118_div_19_div_2_div_13_Template, 4, 1, "div", 127);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.humanReviewedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanReviewedCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanReviewedCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanPendingCount > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_3_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "span", 124);
+    i0.ɵɵtext(2, "Avg Score");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 125);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", (ctx_r1.evaluationMetrics.autoAvgScore * 100).toFixed(0), "%");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_3_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "span", 124);
+    i0.ɵɵtext(2, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 52)(5, "h2");
+    i0.ɵɵelementStart(3, "span", 125);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.autoPassRate.toFixed(0), "%");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "div", 120);
+    i0.ɵɵelement(2, "i", 134);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Auto Evaluation");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 122)(6, "div", 123)(7, "span", 124);
+    i0.ɵɵtext(8, "Evaluated");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 125);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_118_div_19_div_3_div_11_Template, 5, 1, "div", 126)(12, TestSuiteRunFormComponentExtended_div_118_div_19_div_3_div_12_Template, 5, 1, "div", 126);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.autoEvaluatedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.autoEvaluatedCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.autoEvaluatedCount > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 138);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execErrorCount, " errors");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 139);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execTimeoutCount, " timeouts");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123)(1, "span", 124);
+    i0.ɵɵtext(2, "Issues");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_span_3_Template, 2, 1, "span", 136)(4, TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_span_4_Template, 2, 1, "span", 137);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execErrorCount > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execTimeoutCount > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 119)(1, "div", 120);
+    i0.ɵɵelement(2, "i", 135);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Execution");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 122)(6, "div", 123)(7, "span", 124);
+    i0.ɵɵtext(8, "Completed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 125);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 123)(12, "span", 124);
+    i0.ɵɵtext(13, "Success Rate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 125);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(16, TestSuiteRunFormComponentExtended_div_118_div_19_div_4_div_16_Template, 5, 2, "div", 126);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.execCompletedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execSuccessRate.toFixed(0), "%");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execErrorCount > 0 || ctx_r1.evaluationMetrics.execTimeoutCount > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 116)(1, "div", 117);
+    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_118_div_19_div_2_Template, 14, 5, "div", 118)(3, TestSuiteRunFormComponentExtended_div_118_div_19_div_3_Template, 13, 4, "div", 118)(4, TestSuiteRunFormComponentExtended_div_118_div_19_div_4_Template, 17, 4, "div", 118);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 157);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 158);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 133);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_div_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 147);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_118_div_20_div_8_Template_div_click_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(item_r10.run.id)); });
+    i0.ɵɵelementStart(1, "div", 148);
+    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_2_Template, 1, 0, "i", 149)(3, TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_3_Template, 1, 0, "i", 150)(4, TestSuiteRunFormComponentExtended_div_118_div_20_div_8_i_4_Template, 1, 0, "i", 151);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 152)(6, "span", 153);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 154);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 155);
+    i0.ɵɵelement(11, "i", 156);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r10 = ctx.$implicit;
+    i0.ɵɵclassProp("high-priority", item_r10.priority === "high")("medium-priority", item_r10.priority === "medium");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", item_r10.priority === "high");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r10.priority === "medium");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", item_r10.priority === "low");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r10.run.testName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r10.reason);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_div_9_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 159)(1, "button", 97);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_118_div_20_div_9_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeTab("runs")); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" View all ", ctx_r1.needsReviewItems.length, " items ");
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140)(1, "div", 141)(2, "h3");
+    i0.ɵɵelement(3, "i", 142);
+    i0.ɵɵtext(4, " Needs Review");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 143);
     i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 144);
+    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_118_div_20_div_8_Template, 12, 9, "div", 145)(9, TestSuiteRunFormComponentExtended_div_118_div_20_div_9_Template, 3, 1, "div", 146);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("", ctx_r1.needsReviewItems.length, " items");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", ctx_r1.needsReviewItems.slice(0, 5));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.needsReviewItems.length > 5);
+} }
+function TestSuiteRunFormComponentExtended_div_118_div_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 160)(1, "div", 161);
+    i0.ɵɵelement(2, "i", 162);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "Suite execution in progress...");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 163);
+    i0.ɵɵelement(6, "i", 164);
+    i0.ɵɵtext(7, " Auto-refreshing every 5 seconds ");
+    i0.ɵɵelementEnd()();
+} }
+function TestSuiteRunFormComponentExtended_div_118_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104)(1, "div", 105)(2, "div", 106);
+    i0.ɵɵelement(3, "i", 6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 53);
-    i0.ɵɵtext(8);
+    i0.ɵɵelementStart(4, "div", 107)(5, "h2");
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 54);
+    i0.ɵɵelementStart(7, "div", 108)(8, "div", 109)(9, "span", 110);
     i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 111);
+    i0.ɵɵtext(12, "Pass Rate");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(13, "div", 112);
+    i0.ɵɵelementStart(14, "div", 109)(15, "span", 110);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 111);
+    i0.ɵɵtext(18, "Tests Passed");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵtemplate(19, TestSuiteRunFormComponentExtended_div_118_div_19_Template, 5, 3, "div", 113)(20, TestSuiteRunFormComponentExtended_div_118_div_20_Template, 10, 3, "div", 114)(21, TestSuiteRunFormComponentExtended_div_118_div_21_Template, 8, 0, "div", 115);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("passed", ctx_r1.record.Status === "Completed" && ctx_r1.getPassRate() >= 90)("failed", ctx_r1.record.Status === "Failed");
+    i0.ɵɵclassProp("passed", ctx_r1.record.Status === "Completed" && ctx_r1.getPassRate() >= 90)("failed", ctx_r1.record.Status === "Failed" || ctx_r1.getPassRate() < 50)("running", ctx_r1.record.Status === "Running")("pending", ctx_r1.record.Status === "Pending");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getStatusIcon());
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("SUITE ", ctx_r1.record.Status.toUpperCase(), "");
+    i0.ɵɵtextInterpolate1("SUITE ", ctx_r1.record.Status.toUpperCase() || "UNKNOWN", "");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.getPassRate().toFixed(1), "%");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate2("", ctx_r1.record.PassedTests || 0, " / ", ctx_r1.record.TotalTests || 0, "");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics && ctx_r1.feedbacksLoaded);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman && ctx_r1.needsReviewItems.length > 0 && ctx_r1.feedbacksLoaded);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.record.Status === "Running" || ctx_r1.record.Status === "Pending");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_1_button_4_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 179);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_1_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Passed")); });
+    i0.ɵɵelement(1, "i", 180);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.runStatusFilter === "Passed");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Passed (", ctx_r1.getRunCountByStatus("Passed"), ") ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_1_button_5_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 181);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_1_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Failed")); });
+    i0.ɵɵelement(1, "i", 100);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.runStatusFilter === "Failed");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Failed (", ctx_r1.getRunCountByStatus("Failed"), ") ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_1_button_6_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 182);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_1_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Error")); });
+    i0.ɵɵelement(1, "i", 183);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("active", ctx_r1.runStatusFilter === "Error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Error (", ctx_r1.getRunCountByStatus("Error"), ") ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 170)(1, "div", 171)(2, "button", 172);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(4, TestSuiteRunFormComponentExtended_div_119_div_1_button_4_Template, 3, 3, "button", 173)(5, TestSuiteRunFormComponentExtended_div_119_div_1_button_5_Template, 3, 3, "button", 174)(6, TestSuiteRunFormComponentExtended_div_119_div_1_button_6_Template, 3, 3, "button", 175);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 176)(8, "button", 177);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.exportToCSV()); });
+    i0.ɵɵelement(9, "i", 178);
+    i0.ɵɵtext(10, " Export CSV ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r1.runStatusFilter === null);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" All (", ctx_r1.testRuns.length, ") ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Passed") > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Failed") > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Error") > 0);
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 187);
+    i0.ɵɵelement(1, "div", 188)(2, "div", 189);
+    i0.ɵɵelementStart(3, "div", 190);
+    i0.ɵɵelement(4, "div", 191)(5, "div", 192);
+    i0.ɵɵelementEnd()();
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 184)(1, "div", 185);
+    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_119_div_2_div_2_Template, 6, 0, "div", 186);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(1, _c0));
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_span_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 211);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", run_r17.DurationSeconds.toFixed(1), "s ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_span_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 212);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", run_r17.CostUSD.toFixed(6), " ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_mj_entity_link_pill_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-entity-link-pill", 213);
+} if (rf & 2) {
+    const run_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("entityName", run_r17.TargetLogEntity)("recordId", run_r17.TargetLogID);
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_15_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 216);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r18 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r18);
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 214);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_15_span_1_Template, 2, 1, "span", 215);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r17 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.getRunTags(run_r17));
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_button_7_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 234);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_button_7_Template_button_click_0_listener($event) { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); ctx_r1.setInlineRating(num_r21); return i0.ɵɵresetView($event.stopPropagation()); })("mouseenter", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_button_7_Template_button_mouseenter_0_listener() { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = num_r21); })("mouseleave", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_button_7_Template_button_mouseleave_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = 0); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const num_r21 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵclassProp("selected", num_r21 === ctx_r1.inlineRating)("hover", num_r21 === ctx_r1.inlineHoverRating)("low", num_r21 <= 3)("mid", num_r21 >= 4 && num_r21 <= 6)("high", num_r21 >= 7);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", num_r21, " ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 235)(1, "span", 236);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 237);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r1.inlineRating, "/10");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.getInlineRatingLabel());
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 217);
+    i0.ɵɵelement(1, "div", 218);
+    i0.ɵɵelementStart(2, "div", 219)(3, "div", 220);
+    i0.ɵɵtext(4, "Quick Feedback");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 221)(6, "div", 222);
+    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_button_7_Template, 2, 11, "button", 223);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_div_8_Template, 5, 2, "div", 224);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 225)(10, "span", 226);
+    i0.ɵɵtext(11, "Was it correct?");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 227)(13, "label", 228);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_label_click_13_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(14, "input", 229);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span");
+    i0.ɵɵtext(16, "Yes");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "label", 228);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_label_click_17_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(18, "input", 229);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_input_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span");
+    i0.ɵɵtext(20, "No");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "label", 228);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_label_click_21_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(22, "input", 229);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "span");
+    i0.ɵɵtext(24, "Not Sure");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(25, "div", 230);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_div_click_25_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(26, "textarea", 231);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_textarea_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineComments, $event) || (ctx_r1.inlineComments = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 232);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_div_click_27_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(28, "button", 177);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r19); const run_r17 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r17.ID)); });
+    i0.ɵɵelement(29, "i", 233);
+    i0.ɵɵtext(30, " View Full Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "button", 95);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.saveInlineFeedback()); });
+    i0.ɵɵelement(32, "i", 6);
+    i0.ɵɵtext(33);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const run_r17 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(18, _c1));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.inlineRating > 0);
+    i0.ɵɵadvance(6);
+    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
+    i0.ɵɵproperty("value", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
+    i0.ɵɵadvance(4);
+    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
+    i0.ɵɵproperty("value", false);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
+    i0.ɵɵadvance(4);
+    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
+    i0.ɵɵproperty("value", null);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineComments);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", !ctx_r1.canSubmitInlineFeedback() || ctx_r1.savingInlineFeedback);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.savingInlineFeedback ? "fa-spinner fa-spin" : "fa-save");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.savingInlineFeedback ? "Saving..." : ctx_r1.hasFeedback(run_r17.ID) ? "Update" : "Save", " ");
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 195)(1, "div", 196);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_3_div_1_Template_div_click_1_listener() { const run_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(run_r17.ID)); });
+    i0.ɵɵelementStart(2, "div", 197);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 198);
+    i0.ɵɵelement(5, "i", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 199)(7, "div", 200)(8, "div", 201);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(10, "app-evaluation-badge", 202);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 203);
+    i0.ɵɵtemplate(12, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_span_12_Template, 3, 1, "span", 204)(13, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_span_13_Template, 3, 1, "span", 205)(14, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_mj_entity_link_pill_14_Template, 1, 2, "mj-entity-link-pill", 206);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_15_Template, 2, 1, "div", 207);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "div", 208);
+    i0.ɵɵelement(17, "i", 209);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(18, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_div_18_Template, 34, 19, "div", 210);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r17 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(run_r17.Sequence || "-");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", ctx_r1.getRunStatusColor(run_r17.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.getRunStatusIcon(run_r17.Status));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(run_r17.Test);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("executionStatus", run_r17.Status)("originalStatus", run_r17.Status)("autoScore", run_r17.Score)("humanRating", ctx_r1.getFeedbackRating(run_r17.ID) || null)("humanIsCorrect", ctx_r1.getHumanIsCorrect(run_r17.ID))("hasHumanFeedback", ctx_r1.hasFeedback(run_r17.ID))("preferences", ctx_r1.evalPreferences)("mode", "compact");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Pass Rate: ", ctx_r1.getPassRate().toFixed(1), "%");
+    i0.ɵɵproperty("ngIf", run_r17.DurationSeconds);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", run_r17.CostUSD);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", run_r17.TargetLogEntityID && run_r17.TargetLogID);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.getRunTags(run_r17).length > 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r1.record.PassedTests, " of ", ctx_r1.record.TotalTests, " tests passed");
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r1.expandedRunId !== run_r17.ID)("fa-chevron-up", ctx_r1.expandedRunId === run_r17.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.expandedRunId === run_r17.ID);
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_119_div_3_div_1_Template, 19, 22, "div", 194);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.getFilteredTestRuns());
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 238)(1, "div", 239);
+    i0.ɵɵelement(2, "i", 240);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "No Test Runs Found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6, "No test runs have been recorded for this suite execution.");
+    i0.ɵɵelementEnd()();
+} }
+function TestSuiteRunFormComponentExtended_div_119_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 238)(1, "div", 239);
+    i0.ɵɵelement(2, "i", 241);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "No Matching Runs");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6, "No test runs match the current filter.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 177);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_119_div_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
+    i0.ɵɵtext(8, "Clear Filter");
+    i0.ɵɵelementEnd()();
+} }
+function TestSuiteRunFormComponentExtended_div_119_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 165);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_119_div_1_Template, 11, 6, "div", 166)(2, TestSuiteRunFormComponentExtended_div_119_div_2_Template, 3, 2, "div", 167)(3, TestSuiteRunFormComponentExtended_div_119_div_3_Template, 2, 1, "div", 168)(4, TestSuiteRunFormComponentExtended_div_119_div_4_Template, 7, 0, "div", 169)(5, TestSuiteRunFormComponentExtended_div_119_div_5_Template, 9, 0, "div", 169);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && ctx_r1.testRuns.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.loadingTestRuns);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 && ctx_r1.getFilteredTestRuns().length === 0);
+} }
+function TestSuiteRunFormComponentExtended_div_120_a_15_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 62);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_120_a_15_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.testSuite.Name);
+} }
+function TestSuiteRunFormComponentExtended_div_120_span_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Loading...");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_120_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 242)(1, "div", 243)(2, "h3");
+    i0.ɵɵelement(3, "i", 47);
+    i0.ɵɵtext(4, " Run Information");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 244)(6, "div", 245)(7, "div", 246);
+    i0.ɵɵtext(8, "Run ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 247);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 245)(12, "div", 246);
+    i0.ɵɵtext(13, "Test Suite");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 248);
+    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_120_a_15_Template, 2, 1, "a", 249)(16, TestSuiteRunFormComponentExtended_div_120_span_16_Template, 2, 0, "span", 250);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 245)(18, "div", 246);
+    i0.ɵɵtext(19, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 248)(21, "span", 251);
+    i0.ɵɵtext(22);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(23, "div", 245)(24, "div", 246);
+    i0.ɵɵtext(25, "Run By");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 248);
+    i0.ɵɵtext(27);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div", 245)(29, "div", 246);
+    i0.ɵɵtext(30, "Started At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "div", 248);
+    i0.ɵɵtext(32);
+    i0.ɵɵpipe(33, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "div", 245)(35, "div", 246);
+    i0.ɵɵtext(36, "Completed At");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "div", 248);
+    i0.ɵɵtext(38);
+    i0.ɵɵpipe(39, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(40, "div", 245)(41, "div", 246);
+    i0.ɵɵtext(42, "Environment");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "div", 248);
+    i0.ɵɵtext(44);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(45, "div", 245)(46, "div", 246);
+    i0.ɵɵtext(47, "Trigger Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "div", 248);
+    i0.ɵɵtext(49);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "div", 245)(51, "div", 246);
+    i0.ɵɵtext(52, "Git Commit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "div", 247);
+    i0.ɵɵtext(54);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(55, "div", 245)(56, "div", 246);
+    i0.ɵɵtext(57, "Agent Version");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(58, "div", 248);
+    i0.ɵɵtext(59);
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r1.record.ID);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngIf", ctx_r1.testSuite);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.testSuite);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.record.Status);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.record.RunByUser || "N/A");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(33, 12, ctx_r1.record.StartedAt, "medium"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(39, 15, ctx_r1.record.CompletedAt, "medium"));
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.record.Environment || "N/A");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.record.TriggerType || "N/A");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.record.GitCommit || "N/A");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.record.AgentVersion || "N/A");
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 255);
+    i0.ɵɵelement(1, "i", 102);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading test results...");
+    i0.ɵɵelementEnd()();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 256)(1, "h3");
+    i0.ɵɵelement(2, "i", 257);
+    i0.ɵɵtext(3, " Summary Statistics");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 258)(5, "div", 259)(6, "div", 260);
+    i0.ɵɵelement(7, "i", 28);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 261)(9, "div", 110);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 111);
+    i0.ɵɵtext(12, "Passed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 262);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(15, "div", 259)(16, "div", 263);
+    i0.ɵɵelement(17, "i", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 261)(19, "div", 110);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 111);
+    i0.ɵɵtext(22, "Failed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 262);
+    i0.ɵɵtext(24);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(25, "div", 259)(26, "div", 264);
+    i0.ɵɵelement(27, "i", 265);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "div", 261)(29, "div", 110);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "div", 111);
+    i0.ɵɵtext(32, "Avg Score");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(33, "div", 259)(34, "div", 266);
+    i0.ɵɵelement(35, "i", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "div", 261)(37, "div", 110);
+    i0.ɵɵtext(38);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "div", 111);
+    i0.ɵɵtext(40, "Avg Duration");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(41, "div", 259)(42, "div", 267);
+    i0.ɵɵelement(43, "i", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "div", 261)(45, "div", 110);
+    i0.ɵɵtext(46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "div", 111);
+    i0.ɵɵtext(48, "Total Cost");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(10);
+    i0.ɵɵtextInterpolate(ctx_r1.getPassedCount());
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.getPassedPercent().toFixed(1), "%");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.getFailedCount());
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1("", ctx_r1.getFailedPercent().toFixed(1), "%");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("", (ctx_r1.getAverageScore() * 100).toFixed(1), "%");
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate1("", ctx_r1.getAverageDuration().toFixed(1), "s");
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate1("$", ctx_r1.getTotalCost().toFixed(4), "");
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_th_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 285);
+    i0.ɵɵtext(1, "Status");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_th_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 286);
+    i0.ɵɵtext(1, "Auto Score");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_th_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 287);
+    i0.ɵɵtext(1, "Human Score");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_div_7_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 295);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const tag_r26 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(tag_r26);
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 293);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_div_7_span_1_Template, 2, 1, "span", 294);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.getRunTags(run_r25).slice(0, 2));
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 285)(1, "span", 9);
+    i0.ɵɵelement(2, "i", 209);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", "status-" + run_r25.Status.toLowerCase());
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check-circle", run_r25.Status === "Passed")("fa-times-circle", run_r25.Status === "Failed")("fa-exclamation-circle", run_r25.Status === "Error")("fa-forward", run_r25.Status === "Skipped")("fa-clock", run_r25.Status === "Pending")("fa-spinner", run_r25.Status === "Running")("fa-spin", run_r25.Status === "Running");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", run_r25.Status, " ");
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 297)(1, "div", 298);
+    i0.ɵɵelement(2, "div", 299);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 300);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", run_r25.Score * 100, "%");
+    i0.ɵɵclassProp("high", run_r25.Score >= 0.8)("medium", run_r25.Score >= 0.5 && run_r25.Score < 0.8)("low", run_r25.Score < 0.5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", (run_r25.Score * 100).toFixed(0), "%");
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 301);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 286);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_div_1_Template, 5, 9, "div", 296)(2, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_span_2_Template, 2, 0, "span", 292);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", run_r25.Score != null);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", run_r25.Score == null);
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 307);
+    i0.ɵɵelement(1, "i", 209);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check", ctx_r1.getHumanIsCorrect(run_r25.ID) === true)("fa-times", ctx_r1.getHumanIsCorrect(run_r25.ID) === false)("correct", ctx_r1.getHumanIsCorrect(run_r25.ID) === true)("incorrect", ctx_r1.getHumanIsCorrect(run_r25.ID) === false);
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 304)(1, "span", 305);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_div_1_span_3_Template, 2, 8, "span", 306);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("low", ctx_r1.getFeedbackRating(run_r25.ID) <= 3)("mid", ctx_r1.getFeedbackRating(run_r25.ID) >= 4 && ctx_r1.getFeedbackRating(run_r25.ID) <= 6)("high", ctx_r1.getFeedbackRating(run_r25.ID) >= 7);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.getFeedbackRating(run_r25.ID), "/10 ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.getHumanIsCorrect(run_r25.ID) !== null);
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_span_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 308);
+    i0.ɵɵelement(1, "i", 309);
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 287);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_div_1_Template, 4, 8, "div", 302)(2, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_span_2_Template, 2, 0, "span", 303);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const run_r25 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.hasFeedback(run_r25.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.hasFeedback(run_r25.ID));
 } }
-function TestSuiteRunFormComponentExtended_div_95_div_1_div_1_span_11_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r4 = i0.ɵɵnextContext().$implicit;
+    const run_r25 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Score: ", run_r4.Score.toFixed(4), "");
+    i0.ɵɵtextInterpolate1("", run_r25.DurationSeconds.toFixed(1), "s");
 } }
-function TestSuiteRunFormComponentExtended_div_95_div_1_div_1_span_12_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 301);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const run_r4 = i0.ɵɵnextContext().$implicit;
+    const run_r25 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", run_r4.DurationSeconds.toFixed(1), "s");
+    i0.ɵɵtextInterpolate1("$", run_r25.CostUSD.toFixed(4), "");
 } }
-function TestSuiteRunFormComponentExtended_div_95_div_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_95_div_1_div_1_Template_div_click_0_listener() { const run_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r4.ID)); });
-    i0.ɵɵelementStart(1, "div", 61);
-    i0.ɵɵtext(2);
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 301);
+    i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 62);
-    i0.ɵɵelement(4, "i", 63);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 64)(6, "div", 65);
-    i0.ɵɵtext(7);
+} }
+function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 288);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_Template_tr_click_0_listener() { const run_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r25.ID)); });
+    i0.ɵɵelementStart(1, "td", 277);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 66)(9, "span", 67);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(3, "td", 278)(4, "div", 289)(5, "span", 290);
+    i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_95_div_1_div_1_span_11_Template, 2, 1, "span", 68)(12, TestSuiteRunFormComponentExtended_div_95_div_1_div_1_span_12_Template, 2, 1, "span", 68);
+    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_div_7_Template, 2, 1, "div", 291);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(13, "i", 45);
+    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_8_Template, 4, 16, "td", 279)(9, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_9_Template, 3, 2, "td", 280)(10, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_td_10_Template, 3, 2, "td", 281);
+    i0.ɵɵelementStart(11, "td", 282);
+    i0.ɵɵtemplate(12, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_12_Template, 2, 1, "span", 250)(13, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_13_Template, 2, 0, "span", 292);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 283);
+    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_15_Template, 2, 1, "span", 250)(16, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_span_16_Template, 2, 0, "span", 292);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const run_r4 = ctx.$implicit;
+    const run_r25 = ctx.$implicit;
+    const i_r27 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("row-passed", run_r25.Status === "Passed")("row-failed", run_r25.Status === "Failed")("row-error", run_r25.Status === "Error")("row-skipped", run_r25.Status === "Skipped");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(run_r4.Sequence);
+    i0.ɵɵtextInterpolate(i_r27 + 1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(run_r25.Test || "Unknown Test");
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", run_r4.Status === "Passed" ? "#4caf50" : run_r4.Status === "Failed" ? "#f44336" : "#ff9800");
+    i0.ɵɵproperty("ngIf", ctx_r1.getRunTags(run_r25).length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-check", run_r4.Status === "Passed")("fa-times", run_r4.Status === "Failed")("fa-exclamation", run_r4.Status === "Error");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(run_r4.Test);
-    i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("color", run_r4.Status === "Passed" ? "#4caf50" : run_r4.Status === "Failed" ? "#f44336" : "#ff9800");
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(run_r4.Status);
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", run_r25.DurationSeconds);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r4.Score != null);
+    i0.ɵɵproperty("ngIf", !run_r25.DurationSeconds);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", run_r25.CostUSD);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r4.DurationSeconds);
+    i0.ɵɵproperty("ngIf", !run_r25.CostUSD);
 } }
-function TestSuiteRunFormComponentExtended_div_95_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_95_div_1_div_1_Template, 14, 15, "div", 59);
+function TestSuiteRunFormComponentExtended_div_121_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 256)(1, "div", 268)(2, "h3");
+    i0.ɵɵelement(3, "i", 269);
+    i0.ɵɵtext(4, " Test Results");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 270)(6, "span", 271);
+    i0.ɵɵelement(7, "i", 28);
+    i0.ɵɵtext(8, " Passed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 272);
+    i0.ɵɵelement(10, "i", 33);
+    i0.ɵɵtext(11, " Failed");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 273);
+    i0.ɵɵelement(13, "i", 35);
+    i0.ɵɵtext(14, " Error");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 274);
+    i0.ɵɵelement(16, "i", 37);
+    i0.ɵɵtext(17, " Skipped");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(18, "div", 275)(19, "table", 276)(20, "thead")(21, "tr")(22, "th", 277);
+    i0.ɵɵtext(23, "#");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "th", 278);
+    i0.ɵɵtext(25, "Test Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(26, TestSuiteRunFormComponentExtended_div_121_div_3_th_26_Template, 2, 0, "th", 279)(27, TestSuiteRunFormComponentExtended_div_121_div_3_th_27_Template, 2, 0, "th", 280)(28, TestSuiteRunFormComponentExtended_div_121_div_3_th_28_Template, 2, 0, "th", 281);
+    i0.ɵɵelementStart(29, "th", 282);
+    i0.ɵɵtext(30, "Duration");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "th", 283);
+    i0.ɵɵtext(32, "Cost");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(33, "tbody");
+    i0.ɵɵtemplate(34, TestSuiteRunFormComponentExtended_div_121_div_3_tr_34_Template, 17, 18, "tr", 284);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(26);
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
     i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵadvance(6);
     i0.ɵɵproperty("ngForOf", ctx_r1.testRuns);
 } }
-function TestSuiteRunFormComponentExtended_div_95_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelement(1, "i", 70);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3, "No test runs found for this suite execution");
+function TestSuiteRunFormComponentExtended_div_121_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 238)(1, "div", 239);
+    i0.ɵɵelement(2, "i", 49);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h4");
+    i0.ɵɵtext(4, "No Test Results Yet");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6, "Test runs will appear here once the suite execution completes.");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_95_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_95_div_1_Template, 2, 1, "div", 56)(2, TestSuiteRunFormComponentExtended_div_95_div_2_Template, 4, 0, "div", 57);
+function TestSuiteRunFormComponentExtended_div_121_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 252);
+    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_121_div_1_Template, 4, 0, "div", 253)(2, TestSuiteRunFormComponentExtended_div_121_div_2_Template, 49, 7, "div", 254)(3, TestSuiteRunFormComponentExtended_div_121_div_3_Template, 35, 4, "div", 254)(4, TestSuiteRunFormComponentExtended_div_121_div_4_Template, 7, 0, "div", 169);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.testRuns.length > 0);
+    i0.ɵɵproperty("ngIf", ctx_r1.loadingTestRuns);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && ctx_r1.testRuns.length === 0);
+    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRunsLoaded && ctx_r1.testRuns.length === 0);
 } }
-function TestSuiteRunFormComponentExtended_div_96_a_11_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 43);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_96_a_11_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
-    i0.ɵɵtext(1);
+function TestSuiteRunFormComponentExtended_div_122_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 310);
+    i0.ɵɵelement(1, "mj-execution-context", 311);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.testSuite.Name);
+    i0.ɵɵproperty("machineName", ctx_r1.record.MachineName)("machineId", ctx_r1.record.MachineID)("runByUserName", ctx_r1.record.RunByUserName)("runByUserEmail", ctx_r1.record.RunByUserEmail)("runContextDetailsJson", ctx_r1.record.RunContextDetails);
 } }
-function TestSuiteRunFormComponentExtended_div_96_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71)(1, "div", 72)(2, "div", 73)(3, "div", 74);
-    i0.ɵɵtext(4, "Run ID");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 75);
-    i0.ɵɵtext(6);
+function TestSuiteRunFormComponentExtended_div_125_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 312)(1, "div", 313);
+    i0.ɵɵelement(2, "i", 59);
+    i0.ɵɵtext(3, " Shortcuts ");
+    i0.ɵɵelementStart(4, "button", 314);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_125_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleShortcuts()); });
+    i0.ɵɵelement(5, "i", 100);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 73)(8, "div", 74);
-    i0.ɵɵtext(9, "Test Suite");
+    i0.ɵɵelementStart(6, "div", 315)(7, "div", 316)(8, "span");
+    i0.ɵɵtext(9, "Refresh");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 75);
-    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_96_a_11_Template, 2, 1, "a", 76);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 73)(13, "div", 74);
-    i0.ɵɵtext(14, "Status");
+    i0.ɵɵelementStart(10, "span", 317)(11, "kbd");
+    i0.ɵɵtext(12, "Cmd");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 75);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 73)(18, "div", 74);
-    i0.ɵɵtext(19, "Run By");
+    i0.ɵɵelementStart(13, "kbd");
+    i0.ɵɵtext(14, "R");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(15, "div", 316)(16, "span");
+    i0.ɵɵtext(17, "Re-run Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 75);
-    i0.ɵɵtext(21);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 73)(23, "div", 74);
-    i0.ɵɵtext(24, "Environment");
+    i0.ɵɵelementStart(18, "span", 317)(19, "kbd");
+    i0.ɵɵtext(20, "Cmd");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 75);
-    i0.ɵɵtext(26);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 73)(28, "div", 74);
-    i0.ɵɵtext(29, "Trigger Type");
+    i0.ɵɵelementStart(21, "kbd");
+    i0.ɵɵtext(22, "Shift");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "div", 75);
-    i0.ɵɵtext(31);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 73)(33, "div", 74);
-    i0.ɵɵtext(34, "Git Commit");
+    i0.ɵɵelementStart(23, "kbd");
+    i0.ɵɵtext(24, "R");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(25, "div", 316)(26, "span");
+    i0.ɵɵtext(27, "Switch Tabs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "div", 75);
-    i0.ɵɵtext(36);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(37, "div", 73)(38, "div", 74);
-    i0.ɵɵtext(39, "Agent Version");
+    i0.ɵɵelementStart(28, "span", 317)(29, "kbd");
+    i0.ɵɵtext(30, "1");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "div", 75);
-    i0.ɵɵtext(41);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.record.ID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r1.testSuite);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.Status);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.RunByUser);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.Environment || "N/A");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.TriggerType || "N/A");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.GitCommit || "N/A");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.record.AgentVersion || "N/A");
+    i0.ɵɵtext(31, "-");
+    i0.ɵɵelementStart(32, "kbd");
+    i0.ɵɵtext(33, "5");
+    i0.ɵɵelementEnd()()()()();
 } }
+/** Settings key for keyboard shortcuts visibility */
+const SHORTCUTS_SETTINGS_KEY = '__mj.Testing.ShowKeyboardShortcuts';
 let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended extends TestSuiteRunFormComponent {
-    constructor(elementRef, sharedService, router, route, cdr) {
+    constructor(elementRef, sharedService, router, route, cdr, testingDialogService, evalPrefsService) {
         super(elementRef, sharedService, router, route, cdr);
         this.router = router;
         this.cdr = cdr;
+        this.testingDialogService = testingDialogService;
+        this.evalPrefsService = evalPrefsService;
         this.destroy$ = new Subject();
         // UI state
         this.activeTab = 'overview';
         this.loading = false;
+        this.loadingTestRuns = false;
+        this.loadingFeedbacks = false;
         this.error = null;
         this.testRunsLoaded = false;
+        this.feedbacksLoaded = false;
+        this.isRefreshing = false;
+        this.autoRefreshEnabled = false;
         // Related entities
         this.testSuite = null;
         this.testRuns = [];
+        this.feedbacks = new Map();
+        // Tags
+        this.tags = [];
+        this.newTag = '';
+        this.editingTags = false;
+        this.savingTags = false;
+        // Inline feedback
+        this.expandedRunId = null;
+        this.inlineRating = 0;
+        this.inlineHoverRating = 0;
+        this.inlineIsCorrect = null;
+        this.inlineComments = '';
+        this.savingInlineFeedback = false;
+        // Filter for test runs
+        this.runStatusFilter = null;
+        // Keyboard shortcuts
+        this.keyboardShortcutsEnabled = true;
+        this.showShortcuts = false; // Hidden by default
+        this.shortcutsSettingEntity = null;
+        this.metadata = new Metadata();
+        // Evaluation system
+        this.evalPreferences = {
+            showExecution: true,
+            showHuman: true,
+            showAuto: false
+        };
+        this.testRunsWithFeedback = [];
+        this.evaluationMetrics = null;
+        this.needsReviewItems = [];
     }
     async ngOnInit() {
         await super.ngOnInit();
+        this.loadShortcutsSetting();
+        // Subscribe to evaluation preferences
+        this.evalPrefsService.preferences$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(prefs => {
+            this.evalPreferences = prefs;
+            this.cdr.markForCheck();
+        });
         if (this.record && this.record.ID) {
             await this.loadRelatedData();
+            this.parseTags();
+            // Auto-refresh for running suite executions
+            if (this.record.Status === 'Running' || this.record.Status === 'Pending') {
+                this.startAutoRefresh();
+            }
         }
     }
+    parseTags() {
+        this.tags = TagsHelper.parseTags(this.record.Tags);
+    }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
     }
+    // Keyboard shortcuts
+    handleKeyboardShortcut(event) {
+        if (!this.keyboardShortcutsEnabled)
+            return;
+        // Cmd/Ctrl + R: Refresh
+        if ((event.metaKey || event.ctrlKey) && event.key === 'r' && !event.shiftKey) {
+            event.preventDefault();
+            this.refresh();
+            return;
+        }
+        // Cmd/Ctrl + Shift + R: Re-run suite
+        if ((event.metaKey || event.ctrlKey) && event.shiftKey && event.key === 'r') {
+            event.preventDefault();
+            this.reRunSuite();
+            return;
+        }
+        // Number keys for tabs (1-4)
+        if (!event.metaKey && !event.ctrlKey && !event.altKey) {
+            switch (event.key) {
+                case '1':
+                    this.changeTab('overview');
+                    break;
+                case '2':
+                    this.changeTab('runs');
+                    break;
+                case '3':
+                    this.changeTab('details');
+                    break;
+                case '4':
+                    this.changeTab('analytics');
+                    break;
+            }
+        }
+    }
+    startAutoRefresh() {
+        this.autoRefreshEnabled = true;
+        interval(5000)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (this.autoRefreshEnabled && (this.record.Status === 'Running' || this.record.Status === 'Pending')) {
+                this.silentRefresh();
+            }
+            else {
+                this.autoRefreshEnabled = false;
+            }
+        });
+    }
+    async silentRefresh() {
+        try {
+            await this.record.Load(this.record.ID);
+            this.cdr.markForCheck();
+        }
+        catch {
+            // Silently fail on auto-refresh
+        }
+    }
     async loadRelatedData() {
         this.loading = true;
+        this.error = null;
         try {
             // Load test suite
             if (this.record.SuiteID) {
@@ -290,16 +1501,22 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
         }
         catch (error) {
             console.error('Error loading related data:', error);
-            this.error = 'Failed to load related data';
+            this.error = 'Failed to load related data. Click to retry.';
         }
         finally {
             this.loading = false;
             this.cdr.markForCheck();
         }
     }
+    async retryLoad() {
+        this.error = null;
+        await this.loadRelatedData();
+    }
     async loadTestRuns() {
         if (this.testRunsLoaded)
             return;
+        this.loadingTestRuns = true;
+        this.cdr.markForCheck();
         try {
             const rv = new RunView();
             const result = await rv.RunView({
@@ -312,40 +1529,51 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
                 this.testRuns = result.Results || [];
             }
             this.testRunsLoaded = true;
-            this.cdr.markForCheck();
+            // Also load feedbacks for these runs
+            if (this.testRuns.length > 0) {
+                await this.loadFeedbacks();
+            }
         }
         catch (error) {
             console.error('Error loading test runs:', error);
+            SharedService.Instance.CreateSimpleNotification('Failed to load test runs', 'error', 3000);
+        }
+        finally {
+            this.loadingTestRuns = false;
+            this.cdr.markForCheck();
         }
     }
     changeTab(tab) {
         this.activeTab = tab;
         // Lazy load tabs
-        if (tab === 'runs' && !this.testRunsLoaded) {
+        if ((tab === 'runs' || tab === 'analytics') && !this.testRunsLoaded) {
             this.loadTestRuns();
         }
         this.cdr.markForCheck();
     }
     getStatusColor() {
         switch (this.record.Status) {
-            case 'Completed': return '#4caf50';
-            case 'Failed': return '#f44336';
-            case 'Running': return '#2196f3';
-            case 'Pending': return '#ffc107';
-            case 'Cancelled': return '#9e9e9e';
-            default: return '#999';
+            case 'Completed': return '#10b981';
+            case 'Failed': return '#ef4444';
+            case 'Running': return '#3b82f6';
+            case 'Pending': return '#8b5cf6';
+            case 'Cancelled': return '#6b7280';
+            default: return '#9ca3af';
         }
     }
     getStatusIcon() {
         switch (this.record.Status) {
             case 'Completed': return 'fa-check-circle';
             case 'Failed': return 'fa-times-circle';
-            case 'Running': return 'fa-spinner fa-spin';
-            case 'Pending': return 'fa-clock';
+            case 'Running': return 'fa-circle-notch fa-spin';
+            case 'Pending': return 'fa-hourglass-half';
             case 'Cancelled': return 'fa-ban';
             default: return 'fa-question-circle';
         }
     }
+    getStatusClass() {
+        return `status-${this.record.Status?.toLowerCase() || 'unknown'}`;
+    }
     calculateDuration() {
         if (!this.record.TotalDurationSeconds)
             return 'N/A';
@@ -373,6 +1601,25 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             return 0;
         return (passed / total) * 100;
     }
+    getRelativeTime(date) {
+        if (!date)
+            return 'N/A';
+        const d = new Date(date);
+        const now = new Date();
+        const diffMs = now.getTime() - d.getTime();
+        const diffMins = Math.floor(diffMs / 60000);
+        const diffHours = Math.floor(diffMs / 3600000);
+        const diffDays = Math.floor(diffMs / 86400000);
+        if (diffMins < 1)
+            return 'Just now';
+        if (diffMins < 60)
+            return `${diffMins}m ago`;
+        if (diffHours < 24)
+            return `${diffHours}h ago`;
+        if (diffDays < 7)
+            return `${diffDays}d ago`;
+        return d.toLocaleDateString();
+    }
     openTestSuite() {
         if (this.testSuite) {
             SharedService.Instance.OpenEntityRecord('MJ: Test Suites', CompositeKey.FromID(this.testSuite.ID));
@@ -381,136 +1628,572 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
     openTestRun(runId) {
         SharedService.Instance.OpenEntityRecord('MJ: Test Runs', CompositeKey.FromID(runId));
     }
+    async reRunSuite() {
+        if (!this.record.SuiteID) {
+            SharedService.Instance.CreateSimpleNotification('Cannot re-run: Suite ID not available', 'error', 3000);
+            return;
+        }
+        this.testingDialogService.OpenSuiteDialog(this.record.SuiteID);
+    }
     async refresh() {
-        await this.loadRelatedData();
-        if (this.testRunsLoaded) {
-            this.testRunsLoaded = false;
-            await this.loadTestRuns();
+        this.isRefreshing = true;
+        this.cdr.markForCheck();
+        try {
+            await this.record.Load(this.record.ID);
+            await this.loadRelatedData();
+            // Reset lazy-loaded data
+            if (this.testRunsLoaded) {
+                this.testRunsLoaded = false;
+                this.testRuns = [];
+                await this.loadTestRuns();
+            }
+            SharedService.Instance.CreateSimpleNotification('Refreshed successfully', 'success', 2000);
+        }
+        catch {
+            SharedService.Instance.CreateSimpleNotification('Failed to refresh', 'error', 3000);
+        }
+        finally {
+            this.isRefreshing = false;
+            this.cdr.markForCheck();
+        }
+    }
+    getRunStatusColor(status) {
+        switch (status) {
+            case 'Passed': return '#10b981';
+            case 'Failed': return '#ef4444';
+            case 'Error': return '#f59e0b';
+            case 'Timeout': return '#f97316';
+            case 'Running': return '#3b82f6';
+            case 'Pending': return '#8b5cf6';
+            case 'Skipped': return '#6b7280';
+            default: return '#9ca3af';
+        }
+    }
+    getRunStatusIcon(status) {
+        switch (status) {
+            case 'Passed': return 'fa-check';
+            case 'Failed': return 'fa-times';
+            case 'Error': return 'fa-exclamation';
+            case 'Timeout': return 'fa-clock';
+            case 'Running': return 'fa-circle-notch fa-spin';
+            case 'Pending': return 'fa-hourglass-half';
+            case 'Skipped': return 'fa-forward';
+            default: return 'fa-question';
+        }
+    }
+    // ===========================
+    // Tag Management
+    // ===========================
+    startEditingTags() {
+        this.editingTags = true;
+        this.cdr.markForCheck();
+    }
+    cancelEditingTags() {
+        this.editingTags = false;
+        this.newTag = '';
+        this.parseTags(); // Reset to original
+        this.cdr.markForCheck();
+    }
+    addTag() {
+        const tag = this.newTag.trim();
+        if (tag && !this.tags.includes(tag)) {
+            this.tags = [...this.tags, tag];
+            this.newTag = '';
+            this.cdr.markForCheck();
+        }
+    }
+    removeTag(tag) {
+        this.tags = this.tags.filter(t => t !== tag);
+        this.cdr.markForCheck();
+    }
+    async saveTags() {
+        // Auto-add any pending tag in the input before saving
+        const pendingTag = this.newTag.trim();
+        if (pendingTag && !this.tags.includes(pendingTag)) {
+            this.tags = [...this.tags, pendingTag];
+            this.newTag = '';
+        }
+        this.savingTags = true;
+        this.cdr.markForCheck();
+        try {
+            this.record.Tags = TagsHelper.toJson(this.tags);
+            const result = await this.record.Save();
+            if (result) {
+                this.editingTags = false;
+                SharedService.Instance.CreateSimpleNotification('Tags saved successfully', 'success', 2000);
+            }
+            else {
+                SharedService.Instance.CreateSimpleNotification(this.record.LatestResult?.Message || 'Failed to save tags', 'error', 3000);
+            }
+        }
+        catch (error) {
+            SharedService.Instance.CreateSimpleNotification('Failed to save tags', 'error', 3000);
+        }
+        finally {
+            this.savingTags = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ===========================
+    // Test Run Filtering
+    // ===========================
+    setRunStatusFilter(status) {
+        this.runStatusFilter = status;
+        this.cdr.markForCheck();
+    }
+    getFilteredTestRuns() {
+        if (!this.runStatusFilter)
+            return this.testRuns;
+        return this.testRuns.filter(run => run.Status === this.runStatusFilter);
+    }
+    getRunCountByStatus(status) {
+        return this.testRuns.filter(run => run.Status === status).length;
+    }
+    // ===========================
+    // Inline Feedback
+    // ===========================
+    async loadFeedbacks() {
+        if (this.feedbacksLoaded)
+            return;
+        this.loadingFeedbacks = true;
+        this.cdr.markForCheck();
+        try {
+            const testRunIds = this.testRuns.map(r => `'${r.ID}'`).join(',');
+            if (!testRunIds)
+                return;
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Test Run Feedbacks',
+                ExtraFilter: `TestRunID IN (${testRunIds})`,
+                ResultType: 'entity_object'
+            });
+            if (result.Success && result.Results) {
+                this.feedbacks.clear();
+                for (const feedback of result.Results) {
+                    this.feedbacks.set(feedback.TestRunID, feedback);
+                }
+            }
+            // Build TestRunWithFeedback array and calculate metrics
+            this.buildTestRunsWithFeedback();
+            this.feedbacksLoaded = true;
+        }
+        catch (error) {
+            console.error('Error loading feedbacks:', error);
+        }
+        finally {
+            this.loadingFeedbacks = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Build TestRunWithFeedback array from testRuns and feedbacks
+     */
+    buildTestRunsWithFeedback() {
+        this.testRunsWithFeedback = this.testRuns.map(run => {
+            const feedback = this.feedbacks.get(run.ID);
+            return {
+                id: run.ID,
+                testId: run.TestID,
+                testName: run.Test || 'Unknown Test',
+                executionStatus: normalizeExecutionStatus(run.Status || 'Completed'),
+                originalStatus: run.Status || 'Completed',
+                duration: (run.DurationSeconds || 0) * 1000, // Convert to ms
+                cost: run.CostUSD || 0,
+                runDateTime: run.StartedAt ? new Date(run.StartedAt) : new Date(),
+                autoScore: run.Score,
+                passedChecks: null,
+                failedChecks: null,
+                totalChecks: null,
+                humanRating: feedback?.Rating || null,
+                humanIsCorrect: feedback?.IsCorrect ?? null,
+                humanComments: feedback?.CorrectionSummary || null,
+                hasHumanFeedback: !!feedback,
+                feedbackId: feedback?.ID || null,
+                tags: TagsHelper.parseTags(run.Tags),
+                targetType: null,
+                targetLogID: null
+            };
+        });
+        // Calculate metrics
+        this.evaluationMetrics = calculateEvaluationMetrics(this.testRunsWithFeedback);
+        // Get items needing review
+        this.needsReviewItems = getNeedsReviewItems(this.testRunsWithFeedback);
+    }
+    toggleRunExpanded(runId) {
+        if (this.expandedRunId === runId) {
+            this.expandedRunId = null;
+        }
+        else {
+            this.expandedRunId = runId;
+            this.initializeInlineFeedback(runId);
+        }
+        this.cdr.markForCheck();
+    }
+    initializeInlineFeedback(runId) {
+        const existingFeedback = this.feedbacks.get(runId);
+        if (existingFeedback) {
+            this.inlineRating = existingFeedback.Rating || 0;
+            this.inlineIsCorrect = existingFeedback.IsCorrect;
+            this.inlineComments = existingFeedback.CorrectionSummary || '';
+        }
+        else {
+            this.inlineRating = 0;
+            this.inlineIsCorrect = null;
+            this.inlineComments = '';
+        }
+        this.inlineHoverRating = 0;
+    }
+    setInlineRating(value) {
+        this.inlineRating = value;
+        this.cdr.markForCheck();
+    }
+    getInlineRatingLabel() {
+        if (this.inlineRating <= 3)
+            return 'Poor';
+        if (this.inlineRating <= 5)
+            return 'Below Average';
+        if (this.inlineRating <= 6)
+            return 'Average';
+        if (this.inlineRating <= 7)
+            return 'Good';
+        if (this.inlineRating <= 8)
+            return 'Very Good';
+        if (this.inlineRating <= 9)
+            return 'Excellent';
+        return 'Outstanding';
+    }
+    canSubmitInlineFeedback() {
+        return this.inlineRating > 0 && this.inlineComments.trim().length > 0;
+    }
+    async saveInlineFeedback() {
+        if (!this.expandedRunId || !this.canSubmitInlineFeedback())
+            return;
+        this.savingInlineFeedback = true;
+        this.cdr.markForCheck();
+        try {
+            const md = new Metadata();
+            const currentUser = md.CurrentUser;
+            let feedback = this.feedbacks.get(this.expandedRunId);
+            if (!feedback) {
+                feedback = await md.GetEntityObject('MJ: Test Run Feedbacks', currentUser);
+                feedback.TestRunID = this.expandedRunId;
+                feedback.ReviewerUserID = currentUser.ID;
+            }
+            feedback.Rating = this.inlineRating;
+            feedback.IsCorrect = this.inlineIsCorrect;
+            feedback.CorrectionSummary = this.inlineComments.trim() || null;
+            const result = await feedback.Save();
+            if (result) {
+                this.feedbacks.set(this.expandedRunId, feedback);
+                // Rebuild the metrics after feedback update
+                this.buildTestRunsWithFeedback();
+                SharedService.Instance.CreateSimpleNotification('Feedback saved', 'success', 2000);
+                this.expandedRunId = null;
+            }
+            else {
+                SharedService.Instance.CreateSimpleNotification(feedback.LatestResult?.Message || 'Failed to save feedback', 'error', 3000);
+            }
+        }
+        catch (error) {
+            SharedService.Instance.CreateSimpleNotification('Failed to save feedback', 'error', 3000);
+        }
+        finally {
+            this.savingInlineFeedback = false;
+            this.cdr.markForCheck();
+        }
+    }
+    hasFeedback(runId) {
+        return this.feedbacks.has(runId);
+    }
+    getFeedbackRating(runId) {
+        return this.feedbacks.get(runId)?.Rating || 0;
+    }
+    /**
+     * Get TestRunWithFeedback by run ID for template binding
+     */
+    getRunWithFeedback(runId) {
+        return this.testRunsWithFeedback.find(r => r.id === runId);
+    }
+    /**
+     * Get the human correctness status for a run
+     */
+    getHumanIsCorrect(runId) {
+        return this.feedbacks.get(runId)?.IsCorrect ?? null;
+    }
+    // ===========================
+    // Run Tags
+    // ===========================
+    getRunTags(run) {
+        return TagsHelper.parseTags(run.Tags);
+    }
+    // ===========================
+    // Keyboard Shortcuts Settings
+    // ===========================
+    /**
+     * Load keyboard shortcuts visibility setting from user settings
+     */
+    loadShortcutsSetting() {
+        try {
+            const engine = UserInfoEngine.Instance;
+            const setting = engine.UserSettings.find(s => s.Setting === SHORTCUTS_SETTINGS_KEY);
+            if (setting) {
+                this.shortcutsSettingEntity = setting;
+                this.showShortcuts = setting.Value === 'true';
+            }
+            else {
+                // Default to hidden
+                this.showShortcuts = false;
+            }
+            this.cdr.markForCheck();
+        }
+        catch (error) {
+            console.warn('Failed to load shortcuts setting:', error);
         }
+    }
+    /**
+     * Toggle keyboard shortcuts visibility and save preference
+     */
+    async toggleShortcuts() {
+        this.showShortcuts = !this.showShortcuts;
         this.cdr.markForCheck();
+        try {
+            const userId = this.metadata.CurrentUser?.ID;
+            if (!userId)
+                return;
+            if (!this.shortcutsSettingEntity) {
+                const engine = UserInfoEngine.Instance;
+                const setting = engine.UserSettings.find(s => s.Setting === SHORTCUTS_SETTINGS_KEY);
+                if (setting) {
+                    this.shortcutsSettingEntity = setting;
+                }
+                else {
+                    this.shortcutsSettingEntity = await this.metadata.GetEntityObject('MJ: User Settings');
+                    this.shortcutsSettingEntity.UserID = userId;
+                    this.shortcutsSettingEntity.Setting = SHORTCUTS_SETTINGS_KEY;
+                }
+            }
+            this.shortcutsSettingEntity.Value = this.showShortcuts ? 'true' : 'false';
+            await this.shortcutsSettingEntity.Save();
+        }
+        catch (error) {
+            console.warn('Failed to save shortcuts setting:', error);
+        }
+    }
+    // ===========================
+    // Analytics Calculations
+    // ===========================
+    getPassedCount() {
+        return this.testRuns.filter(r => r.Status === 'Passed').length;
+    }
+    getFailedCount() {
+        return this.testRuns.filter(r => r.Status === 'Failed' || r.Status === 'Error').length;
+    }
+    getPassedPercent() {
+        if (this.testRuns.length === 0)
+            return 0;
+        return (this.getPassedCount() / this.testRuns.length) * 100;
+    }
+    getFailedPercent() {
+        if (this.testRuns.length === 0)
+            return 0;
+        return (this.getFailedCount() / this.testRuns.length) * 100;
+    }
+    getAverageScore() {
+        const runsWithScore = this.testRuns.filter(r => r.Score != null);
+        if (runsWithScore.length === 0)
+            return 0;
+        const sum = runsWithScore.reduce((acc, r) => acc + (r.Score || 0), 0);
+        return sum / runsWithScore.length;
+    }
+    getAverageDuration() {
+        const runsWithDuration = this.testRuns.filter(r => r.DurationSeconds != null);
+        if (runsWithDuration.length === 0)
+            return 0;
+        const sum = runsWithDuration.reduce((acc, r) => acc + (r.DurationSeconds || 0), 0);
+        return sum / runsWithDuration.length;
+    }
+    getTotalCost() {
+        return this.testRuns.reduce((acc, r) => acc + (r.CostUSD || 0), 0);
+    }
+    // ===========================
+    // Export
+    // ===========================
+    exportToCSV() {
+        const headers = ['Test Name', 'Status', 'Score', 'Duration (s)', 'Cost (USD)', 'Started At', 'Tags'];
+        const rows = this.testRuns.map(run => [
+            run.Test || '',
+            run.Status || '',
+            run.Score?.toFixed(4) || '',
+            run.DurationSeconds?.toFixed(2) || '',
+            run.CostUSD?.toFixed(6) || '',
+            run.StartedAt ? new Date(run.StartedAt).toISOString() : '',
+            this.getRunTags(run).join('; ')
+        ]);
+        const csvContent = [headers, ...rows]
+            .map(row => row.map(cell => `"${cell}"`).join(','))
+            .join('\n');
+        const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = `test-suite-run-${this.record.ID.substring(0, 8)}-results.csv`;
+        link.click();
+        URL.revokeObjectURL(link.href);
+        SharedService.Instance.CreateSimpleNotification('Export complete', 'success', 2000);
     }
-    static { this.ɵfac = function TestSuiteRunFormComponentExtended_Factory(t) { return new (t || TestSuiteRunFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteRunFormComponentExtended, selectors: [["mj-test-suite-run-form"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 97, vars: 35, consts: [[1, "test-suite-run-form"], [1, "suite-run-header"], ["class", "breadcrumb", 4, "ngIf"], [1, "header-content"], [1, "header-left"], [1, "suite-run-icon"], [1, "fas", "fa-layer-group"], [1, "suite-run-info"], [1, "suite-run-meta"], [1, "status-badge"], [1, "fas", 3, "ngClass"], ["class", "environment", 4, "ngIf"], ["class", "trigger", 4, "ngIf"], [1, "header-actions"], ["kendoButton", "", "icon", "sync", 3, "click"], [1, "metrics-bar"], [1, "metric-card"], [1, "metric-label"], [1, "metric-value"], [1, "results-summary"], [1, "result-item", "passed"], [1, "fas", "fa-check-circle"], [1, "count"], [1, "label"], [1, "result-item", "failed"], [1, "fas", "fa-times-circle"], [1, "result-item", "skipped"], [1, "fas", "fa-forward"], [1, "result-item", "error"], [1, "fas", "fa-exclamation-circle"], [1, "result-item", "total"], [1, "fas", "fa-list"], [1, "tabs-container"], [1, "tabs"], [1, "tab", 3, "click"], [1, "fas", "fa-th-large"], ["class", "tab-badge", 4, "ngIf"], [1, "fas", "fa-info-circle"], [1, "tab-content"], ["class", "overview-tab", 4, "ngIf"], ["class", "runs-tab", 4, "ngIf"], ["class", "details-tab", 4, "ngIf"], [1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-folder"], [1, "fas", "fa-chevron-right"], [1, "environment"], [1, "trigger"], [1, "tab-badge"], [1, "overview-tab"], [1, "result-hero"], [1, "result-icon"], [1, "result-text"], [1, "result-stats"], [1, "result-counts"], [1, "runs-tab"], ["class", "test-runs-list", 4, "ngIf"], ["class", "no-data", 4, "ngIf"], [1, "test-runs-list"], ["class", "test-run-item", 3, "click", 4, "ngFor", "ngForOf"], [1, "test-run-item", 3, "click"], [1, "run-sequence"], [1, "run-icon"], [1, "fas"], [1, "run-content"], [1, "run-name"], [1, "run-meta"], [1, "status"], [4, "ngIf"], [1, "no-data"], [1, "fas", "fa-inbox"], [1, "details-tab"], [1, "details-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"]], template: function TestSuiteRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function TestSuiteRunFormComponentExtended_Factory(t) { return new (t || TestSuiteRunFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.TestingDialogService), i0.ɵɵdirectiveInject(i3.EvaluationPreferencesService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteRunFormComponentExtended, selectors: [["mj-test-suite-run-form"]], hostBindings: function TestSuiteRunFormComponentExtended_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function TestSuiteRunFormComponentExtended_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, false, i0.ɵɵresolveDocument);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 126, vars: 47, consts: [["kendoDialogContainer", "", 1, "test-suite-run-form"], [1, "suite-run-header"], ["class", "breadcrumb", 4, "ngIf"], [1, "header-content"], [1, "header-left"], [1, "suite-run-icon"], [1, "fas", 3, "ngClass"], [1, "suite-run-info"], [1, "suite-run-meta"], [1, "status-badge", 3, "ngClass"], ["class", "meta-tag environment", 4, "ngIf"], ["class", "meta-tag trigger", 4, "ngIf"], [1, "header-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click", "disabled"], [1, "metrics-bar"], [1, "metric-card"], [1, "metric-icon"], [1, "fas", "fa-clock"], [1, "metric-content"], [1, "metric-value"], [1, "metric-label"], [1, "fas", "fa-percentage"], [1, "fas", "fa-dollar-sign"], [1, "fas", "fa-calendar"], [1, "results-summary"], [1, "result-item", "passed"], [1, "result-icon"], [1, "fas", "fa-check-circle"], [1, "result-content"], [1, "result-count"], [1, "result-label"], [1, "result-item", "failed"], [1, "fas", "fa-times-circle"], [1, "result-item", "error"], [1, "fas", "fa-exclamation-circle"], [1, "result-item", "skipped"], [1, "fas", "fa-forward"], [1, "result-item", "total"], [1, "fas", "fa-list"], ["class", "tags-bar", 4, "ngIf"], ["class", "tags-editor-panel", 4, "ngIf"], [1, "tabs-container"], ["role", "tablist", 1, "tabs"], ["role", "tab", 1, "tab", 3, "click"], [1, "fas", "fa-th-large"], ["class", "tab-badge", 4, "ngIf"], [1, "fas", "fa-info-circle"], ["role", "tab", "title", "Press 4", 1, "tab", 3, "click"], [1, "fas", "fa-chart-bar"], ["role", "tab", "title", "Press 5", 1, "tab", 3, "click"], [1, "fas", "fa-microchip"], [1, "tab-content"], ["class", "overview-tab", 4, "ngIf"], ["class", "runs-tab", 4, "ngIf"], ["class", "details-tab", 4, "ngIf"], ["class", "analytics-tab", 4, "ngIf"], ["class", "execution-tab", 4, "ngIf"], [1, "shortcuts-toggle", 3, "click", "title"], [1, "fas", "fa-keyboard"], ["class", "keyboard-shortcuts", 4, "ngIf"], [1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-layer-group"], [1, "fas", "fa-chevron-right", "separator"], [1, "current"], [1, "meta-tag", "environment"], [1, "fas", "fa-server"], [1, "meta-tag", "trigger"], [1, "fas", "fa-bolt"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fas", "fa-play"], [1, "tags-bar"], [1, "tags-bar-content"], [1, "tags-bar-label"], [1, "fas", "fa-tags"], ["class", "tags-bar-chips", 4, "ngIf"], ["class", "tags-bar-empty", 4, "ngIf"], ["title", "Edit tags", 1, "tags-bar-edit", 3, "click"], [1, "fas", "fa-plus"], [1, "tags-bar-chips"], ["class", "tag-inline", 4, "ngFor", "ngForOf"], [1, "tag-inline"], [1, "tags-bar-empty"], [1, "tags-editor-panel"], [1, "tags-editor-header"], [1, "tags-editor-title"], [1, "tags-editor-body"], [1, "tags-editor-chips"], ["class", "tag-editable", 4, "ngFor", "ngForOf"], ["class", "tags-empty-hint", 4, "ngIf"], [1, "tags-editor-input"], ["type", "text", "placeholder", "Type a tag and press Enter...", 1, "tag-text-input", 3, "ngModelChange", "keyup.enter", "ngModel"], ["kendoButton", "", "fillMode", "flat", 3, "click", "disabled"], [1, "tags-editor-footer"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], ["class", "fas fa-spinner fa-spin", 4, "ngIf"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "tag-editable"], ["title", "Remove tag", 1, "tag-remove-btn", 3, "click"], [1, "fas", "fa-times"], [1, "tags-empty-hint"], [1, "fas", "fa-spinner", "fa-spin"], [1, "tab-badge"], [1, "overview-tab"], [1, "result-hero"], [1, "result-hero-icon"], [1, "result-hero-text"], [1, "result-hero-stats"], [1, "stat-item"], [1, "stat-value"], [1, "stat-label"], [1, "stat-divider"], ["class", "evaluation-summary", 4, "ngIf"], ["class", "needs-review-section", 4, "ngIf"], ["class", "progress-section", 4, "ngIf"], [1, "evaluation-summary"], [1, "eval-summary-grid"], ["class", "eval-summary-card", 4, "ngIf"], [1, "eval-summary-card"], [1, "eval-card-header"], [1, "fa-solid", "fa-user"], [1, "eval-card-body"], [1, "eval-stat-row"], [1, "eval-stat-label"], [1, "eval-stat-value"], ["class", "eval-stat-row", 4, "ngIf"], ["class", "eval-card-footer", 4, "ngIf"], [1, "eval-stat-value", "correct"], ["class", "eval-stat-value incorrect", 4, "ngIf"], [1, "eval-stat-value", "incorrect"], [1, "eval-card-footer"], [1, "pending-badge"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-circle-check"], ["class", "eval-stat-value error", 4, "ngIf"], ["class", "eval-stat-value timeout", 4, "ngIf"], [1, "eval-stat-value", "error"], [1, "eval-stat-value", "timeout"], [1, "needs-review-section"], [1, "needs-review-header"], [1, "fa-solid", "fa-user-clock"], [1, "review-count"], [1, "needs-review-list"], ["class", "review-item", 3, "high-priority", "medium-priority", "click", 4, "ngFor", "ngForOf"], ["class", "review-more", 4, "ngIf"], [1, "review-item", 3, "click"], [1, "review-item-icon"], ["class", "fa-solid fa-exclamation-triangle", 4, "ngIf"], ["class", "fa-solid fa-circle-dot", 4, "ngIf"], ["class", "fa-solid fa-clock", 4, "ngIf"], [1, "review-item-content"], [1, "review-item-name"], [1, "review-item-reason"], [1, "review-item-action"], [1, "fa-solid", "fa-chevron-right"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-circle-dot"], [1, "review-more"], [1, "progress-section"], [1, "progress-info"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "auto-refresh-notice"], [1, "fas", "fa-sync"], [1, "runs-tab"], ["class", "runs-toolbar", 4, "ngIf"], ["class", "loading-state", 4, "ngIf"], ["class", "test-runs-list", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], [1, "runs-toolbar"], [1, "run-filters"], [1, "filter-btn", 3, "click"], ["class", "filter-btn passed", 3, "active", "click", 4, "ngIf"], ["class", "filter-btn failed", 3, "active", "click", 4, "ngIf"], ["class", "filter-btn error", 3, "active", "click", 4, "ngIf"], [1, "runs-actions"], ["kendoButton", "", 3, "click"], [1, "fas", "fa-download"], [1, "filter-btn", "passed", 3, "click"], [1, "fas", "fa-check"], [1, "filter-btn", "failed", 3, "click"], [1, "filter-btn", "error", 3, "click"], [1, "fas", "fa-exclamation"], [1, "loading-state"], [1, "skeleton-list"], ["class", "skeleton-card", 4, "ngFor", "ngForOf"], [1, "skeleton-card"], [1, "skeleton-sequence"], [1, "skeleton-icon"], [1, "skeleton-content"], [1, "skeleton-line", "wide"], [1, "skeleton-line", "narrow"], [1, "test-runs-list"], ["class", "test-run-card", 4, "ngFor", "ngForOf"], [1, "test-run-card"], [1, "test-run-item", 3, "click"], [1, "run-sequence"], [1, "run-icon"], [1, "run-content"], [1, "run-header-row"], [1, "run-name"], [3, "executionStatus", "originalStatus", "autoScore", "humanRating", "humanIsCorrect", "hasHumanFeedback", "preferences", "mode"], [1, "run-meta"], ["class", "run-duration", 4, "ngIf"], ["class", "run-cost", 4, "ngIf"], [3, "entityName", "recordId", 4, "ngIf"], ["class", "run-tags", 4, "ngIf"], [1, "run-expand"], [1, "fas"], ["class", "inline-feedback", 4, "ngIf"], [1, "run-duration"], [1, "run-cost"], [3, "entityName", "recordId"], [1, "run-tags"], ["class", "tag-chip", 4, "ngFor", "ngForOf"], [1, "tag-chip"], [1, "inline-feedback"], [1, "feedback-divider"], [1, "feedback-section"], [1, "feedback-label"], [1, "inline-rating"], [1, "rating-numbers"], ["type", "button", "class", "rating-btn", 3, "selected", "hover", "low", "mid", "high", "click", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], ["class", "rating-info", 4, "ngIf"], [1, "correctness-row"], [1, "correctness-label"], [1, "correctness-options"], [1, "radio-opt", 3, "click"], ["type", "radio", 3, "ngModelChange", "name", "value", "ngModel"], [1, "comments-row", 3, "click"], ["placeholder", "Add comments or corrections...", "rows", "3", 1, "feedback-textarea", 3, "ngModelChange", "ngModel"], [1, "feedback-actions", 3, "click"], [1, "fas", "fa-external-link-alt"], ["type", "button", 1, "rating-btn", 3, "click", "mouseenter", "mouseleave"], [1, "rating-info"], [1, "rating-value"], [1, "rating-label-text"], [1, "empty-state"], [1, "empty-icon"], [1, "fas", "fa-inbox"], [1, "fas", "fa-filter"], [1, "details-tab"], [1, "details-card"], [1, "details-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value", "monospace"], [1, "detail-value"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [4, "ngIf"], [1, "status-inline", 3, "ngClass"], [1, "analytics-tab"], ["class", "analytics-loading", 4, "ngIf"], ["class", "analytics-section", 4, "ngIf"], [1, "analytics-loading"], [1, "analytics-section"], [1, "fas", "fa-chart-pie"], [1, "stats-grid"], [1, "stat-card"], [1, "stat-icon", "passed"], [1, "stat-content"], [1, "stat-percent"], [1, "stat-icon", "failed"], [1, "stat-icon", "score"], [1, "fas", "fa-star"], [1, "stat-icon", "duration"], [1, "stat-icon", "cost"], [1, "analytics-header"], [1, "fas", "fa-table"], [1, "analytics-legend"], [1, "legend-item", "passed"], [1, "legend-item", "failed"], [1, "legend-item", "error"], [1, "legend-item", "skipped"], [1, "results-table-wrapper"], [1, "results-table"], [1, "seq-col"], [1, "name-col"], ["class", "status-col", 4, "ngIf"], ["class", "score-col", 4, "ngIf"], ["class", "feedback-col", 4, "ngIf"], [1, "duration-col"], [1, "cost-col"], ["class", "result-row", 3, "row-passed", "row-failed", "row-error", "row-skipped", "click", 4, "ngFor", "ngForOf"], [1, "status-col"], [1, "score-col"], [1, "feedback-col"], [1, "result-row", 3, "click"], [1, "test-name-wrapper"], [1, "test-name"], ["class", "test-tags", 4, "ngIf"], ["class", "na-value", 4, "ngIf"], [1, "test-tags"], ["class", "tag-mini", 4, "ngFor", "ngForOf"], [1, "tag-mini"], ["class", "score-display", 4, "ngIf"], [1, "score-display"], [1, "score-bar-mini"], [1, "score-fill"], [1, "score-text"], [1, "na-value"], ["class", "feedback-display", 4, "ngIf"], ["class", "na-value needs-review", 4, "ngIf"], [1, "feedback-display"], [1, "feedback-rating"], ["class", "feedback-correctness", 4, "ngIf"], [1, "feedback-correctness"], [1, "na-value", "needs-review"], [1, "fas", "fa-user-clock"], [1, "execution-tab"], [3, "machineName", "machineId", "runByUserName", "runByUserEmail", "runContextDetailsJson"], [1, "keyboard-shortcuts"], [1, "shortcuts-header"], ["title", "Hide shortcuts", 1, "shortcuts-close", 3, "click"], [1, "shortcut-list"], [1, "shortcut-item"], [1, "shortcut-keys"]], template: function TestSuiteRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_2_Template, 7, 2, "div", 2);
             i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "i", 6);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(7, "div", 7)(8, "h1");
-            i0.ɵɵtext(9, "Test Suite Run");
+            i0.ɵɵtext(9, "Suite Run");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(10, "div", 8)(11, "span", 9);
-            i0.ɵɵelement(12, "i", 10);
+            i0.ɵɵelement(12, "i", 6);
             i0.ɵɵtext(13);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(14, TestSuiteRunFormComponentExtended_span_14_Template, 2, 1, "span", 11)(15, TestSuiteRunFormComponentExtended_span_15_Template, 2, 1, "span", 12);
+            i0.ɵɵtemplate(14, TestSuiteRunFormComponentExtended_span_14_Template, 3, 1, "span", 10)(15, TestSuiteRunFormComponentExtended_span_15_Template, 3, 1, "span", 11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(16, "div", 13)(17, "button", 14);
-            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_17_listener() { return ctx.refresh(); });
-            i0.ɵɵtext(18, " Refresh ");
+            i0.ɵɵelementStart(16, "div", 12);
+            i0.ɵɵelement(17, "app-evaluation-mode-toggle");
+            i0.ɵɵtemplate(18, TestSuiteRunFormComponentExtended_button_18_Template, 3, 0, "button", 13);
+            i0.ɵɵelementStart(19, "button", 14);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_19_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(20, "i", 6);
+            i0.ɵɵtext(21);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(19, "div", 15)(20, "div", 16)(21, "div", 17);
-            i0.ɵɵtext(22, "Started");
+            i0.ɵɵelementStart(22, "div", 15)(23, "div", 16)(24, "div", 17);
+            i0.ɵɵelement(25, "i", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "div", 18);
-            i0.ɵɵtext(24);
-            i0.ɵɵpipe(25, "date");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(26, "div", 16)(27, "div", 17);
-            i0.ɵɵtext(28, "Completed");
+            i0.ɵɵelementStart(26, "div", 19)(27, "div", 20);
+            i0.ɵɵtext(28);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "div", 18);
-            i0.ɵɵtext(30);
-            i0.ɵɵpipe(31, "date");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(32, "div", 16)(33, "div", 17);
-            i0.ɵɵtext(34, "Duration");
+            i0.ɵɵelementStart(29, "div", 21);
+            i0.ɵɵtext(30, "Duration");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(31, "div", 16)(32, "div", 17);
+            i0.ɵɵelement(33, "i", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(35, "div", 18);
+            i0.ɵɵelementStart(34, "div", 19)(35, "div", 20);
             i0.ɵɵtext(36);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(37, "div", 16)(38, "div", 17);
-            i0.ɵɵtext(39, "Pass Rate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "div", 18);
-            i0.ɵɵtext(41);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(42, "div", 16)(43, "div", 17);
-            i0.ɵɵtext(44, "Cost");
+            i0.ɵɵelementStart(37, "div", 21);
+            i0.ɵɵtext(38, "Pass Rate");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(39, "div", 16)(40, "div", 17);
+            i0.ɵɵelement(41, "i", 23);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(42, "div", 19)(43, "div", 20);
+            i0.ɵɵtext(44);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "div", 18);
-            i0.ɵɵtext(46);
+            i0.ɵɵelementStart(45, "div", 21);
+            i0.ɵɵtext(46, "Total Cost");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(47, "div", 19)(48, "div", 20);
-            i0.ɵɵelement(49, "i", 21);
-            i0.ɵɵelementStart(50, "span", 22);
-            i0.ɵɵtext(51);
+            i0.ɵɵelementStart(47, "div", 16)(48, "div", 17);
+            i0.ɵɵelement(49, "i", 24);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "div", 19)(51, "div", 20);
+            i0.ɵɵtext(52);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(52, "span", 23);
-            i0.ɵɵtext(53, "Passed");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(54, "div", 24);
-            i0.ɵɵelement(55, "i", 25);
-            i0.ɵɵelementStart(56, "span", 22);
-            i0.ɵɵtext(57);
+            i0.ɵɵelementStart(53, "div", 21);
+            i0.ɵɵtext(54, "Started");
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(55, "div", 25)(56, "div", 26)(57, "div", 27);
+            i0.ɵɵelement(58, "i", 28);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(59, "div", 29)(60, "span", 30);
+            i0.ɵɵtext(61);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(58, "span", 23);
-            i0.ɵɵtext(59, "Failed");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(60, "div", 26);
-            i0.ɵɵelement(61, "i", 27);
-            i0.ɵɵelementStart(62, "span", 22);
-            i0.ɵɵtext(63);
+            i0.ɵɵelementStart(62, "span", 31);
+            i0.ɵɵtext(63, "Passed");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(64, "div", 32)(65, "div", 27);
+            i0.ɵɵelement(66, "i", 33);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(64, "span", 23);
-            i0.ɵɵtext(65, "Skipped");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(66, "div", 28);
-            i0.ɵɵelement(67, "i", 29);
-            i0.ɵɵelementStart(68, "span", 22);
+            i0.ɵɵelementStart(67, "div", 29)(68, "span", 30);
             i0.ɵɵtext(69);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(70, "span", 23);
-            i0.ɵɵtext(71, "Errors");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(72, "div", 30);
-            i0.ɵɵelement(73, "i", 31);
-            i0.ɵɵelementStart(74, "span", 22);
-            i0.ɵɵtext(75);
+            i0.ɵɵelementStart(70, "span", 31);
+            i0.ɵɵtext(71, "Failed");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(72, "div", 34)(73, "div", 27);
+            i0.ɵɵelement(74, "i", 35);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(75, "div", 29)(76, "span", 30);
+            i0.ɵɵtext(77);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(78, "span", 31);
+            i0.ɵɵtext(79, "Errors");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(80, "div", 36)(81, "div", 27);
+            i0.ɵɵelement(82, "i", 37);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(83, "div", 29)(84, "span", 30);
+            i0.ɵɵtext(85);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(76, "span", 23);
-            i0.ɵɵtext(77, "Total");
+            i0.ɵɵelementStart(86, "span", 31);
+            i0.ɵɵtext(87, "Skipped");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(88, "div", 38)(89, "div", 27);
+            i0.ɵɵelement(90, "i", 39);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(91, "div", 29)(92, "span", 30);
+            i0.ɵɵtext(93);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(94, "span", 31);
+            i0.ɵɵtext(95, "Total");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(78, "div", 32)(79, "div", 33)(80, "button", 34);
-            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_80_listener() { return ctx.changeTab("overview"); });
-            i0.ɵɵelement(81, "i", 35);
-            i0.ɵɵelementStart(82, "span");
-            i0.ɵɵtext(83, "Overview");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(84, "button", 34);
-            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_84_listener() { return ctx.changeTab("runs"); });
-            i0.ɵɵelement(85, "i", 31);
-            i0.ɵɵelementStart(86, "span");
-            i0.ɵɵtext(87, "Test Runs");
+            i0.ɵɵtemplate(96, TestSuiteRunFormComponentExtended_div_96_Template, 9, 2, "div", 40)(97, TestSuiteRunFormComponentExtended_div_97_Template, 19, 7, "div", 41);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(98, "div", 42)(99, "div", 43)(100, "button", 44);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_100_listener() { return ctx.changeTab("overview"); });
+            i0.ɵɵelement(101, "i", 45);
+            i0.ɵɵtext(102, " Overview ");
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(88, TestSuiteRunFormComponentExtended_span_88_Template, 2, 1, "span", 36);
+            i0.ɵɵelementStart(103, "button", 44);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_103_listener() { return ctx.changeTab("runs"); });
+            i0.ɵɵelement(104, "i", 39);
+            i0.ɵɵtext(105, " Test Runs ");
+            i0.ɵɵtemplate(106, TestSuiteRunFormComponentExtended_span_106_Template, 2, 1, "span", 46);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(89, "button", 34);
-            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_89_listener() { return ctx.changeTab("details"); });
-            i0.ɵɵelement(90, "i", 37);
-            i0.ɵɵelementStart(91, "span");
-            i0.ɵɵtext(92, "Details");
+            i0.ɵɵelementStart(107, "button", 44);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_107_listener() { return ctx.changeTab("details"); });
+            i0.ɵɵelement(108, "i", 47);
+            i0.ɵɵtext(109, " Details ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(110, "button", 48);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_110_listener() { return ctx.changeTab("analytics"); });
+            i0.ɵɵelement(111, "i", 49);
+            i0.ɵɵtext(112, " Analytics ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(113, "button", 50);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_113_listener() { return ctx.changeTab("execution"); });
+            i0.ɵɵelement(114, "i", 51);
+            i0.ɵɵelementStart(115, "span");
+            i0.ɵɵtext(116, "Execution");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(93, "div", 38);
-            i0.ɵɵtemplate(94, TestSuiteRunFormComponentExtended_div_94_Template, 11, 9, "div", 39)(95, TestSuiteRunFormComponentExtended_div_95_Template, 3, 2, "div", 40)(96, TestSuiteRunFormComponentExtended_div_96_Template, 42, 8, "div", 41);
-            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(117, "div", 52);
+            i0.ɵɵtemplate(118, TestSuiteRunFormComponentExtended_div_118_Template, 22, 16, "div", 53)(119, TestSuiteRunFormComponentExtended_div_119_Template, 6, 5, "div", 54)(120, TestSuiteRunFormComponentExtended_div_120_Template, 60, 18, "div", 55)(121, TestSuiteRunFormComponentExtended_div_121_Template, 5, 4, "div", 56)(122, TestSuiteRunFormComponentExtended_div_122_Template, 2, 5, "div", 57);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(123, "button", 58);
+            i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_123_listener() { return ctx.toggleShortcuts(); });
+            i0.ɵɵelement(124, "i", 59);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(125, TestSuiteRunFormComponentExtended_div_125_Template, 34, 0, "div", 60);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.testSuite);
             i0.ɵɵadvance(3);
             i0.ɵɵstyleProp("background-color", ctx.getStatusColor());
-            i0.ɵɵadvance(6);
-            i0.ɵɵstyleProp("background-color", ctx.getStatusColor());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.getStatusIcon());
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngClass", ctx.getStatusClass());
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.getStatusIcon());
             i0.ɵɵadvance();
@@ -519,41 +2202,68 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             i0.ɵɵproperty("ngIf", ctx.record.Environment);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.record.TriggerType);
-            i0.ɵɵadvance(9);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(25, 29, ctx.record.StartedAt, "short"));
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(31, 32, ctx.record.CompletedAt, "short"));
-            i0.ɵɵadvance(6);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.record.SuiteID);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.isRefreshing);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.isRefreshing ? "fa-sync fa-spin" : "fa-sync");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.isRefreshing ? "Refreshing..." : "Refresh", " ");
+            i0.ɵɵadvance(7);
             i0.ɵɵtextInterpolate(ctx.calculateDuration());
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate1("", ctx.getPassRate().toFixed(1), "%");
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate(ctx.formatCost(ctx.record.TotalCostUSD));
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(8);
+            i0.ɵɵtextInterpolate(ctx.getRelativeTime(ctx.record.StartedAt));
+            i0.ɵɵadvance(9);
             i0.ɵɵtextInterpolate(ctx.record.PassedTests || 0);
-            i0.ɵɵadvance(6);
+            i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate(ctx.record.FailedTests || 0);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate(ctx.record.SkippedTests || 0);
-            i0.ɵɵadvance(6);
+            i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate(ctx.record.ErrorTests || 0);
-            i0.ɵɵadvance(6);
+            i0.ɵɵadvance(8);
+            i0.ɵɵtextInterpolate(ctx.record.SkippedTests || 0);
+            i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate(ctx.record.TotalTests || 0);
-            i0.ɵɵadvance(5);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", !ctx.editingTags);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.editingTags);
+            i0.ɵɵadvance(3);
             i0.ɵɵclassProp("active", ctx.activeTab === "overview");
-            i0.ɵɵadvance(4);
+            i0.ɵɵattribute("aria-selected", ctx.activeTab === "overview");
+            i0.ɵɵadvance(3);
             i0.ɵɵclassProp("active", ctx.activeTab === "runs");
-            i0.ɵɵadvance(4);
+            i0.ɵɵattribute("aria-selected", ctx.activeTab === "runs");
+            i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.testRunsLoaded);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("active", ctx.activeTab === "details");
+            i0.ɵɵattribute("aria-selected", ctx.activeTab === "details");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.activeTab === "analytics");
+            i0.ɵɵattribute("aria-selected", ctx.activeTab === "analytics");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.activeTab === "execution");
+            i0.ɵɵattribute("aria-selected", ctx.activeTab === "execution");
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngIf", ctx.activeTab === "overview");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.activeTab === "runs");
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.activeTab === "details");
-        } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i4.ButtonComponent, i3.DatePipe], styles: [".test-suite-run-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n}\n\n\n\n.suite-run-header[_ngcontent-%COMP%] {\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n  padding: 20px;\n}\n\n.breadcrumb[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: #666;\n  margin-bottom: 16px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #2196f3;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 20px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n}\n\n.suite-run-icon[_ngcontent-%COMP%] {\n  width: 56px;\n  height: 56px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n}\n\n.suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #333;\n}\n\n.suite-run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  border-radius: 12px;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.environment[_ngcontent-%COMP%], \n.trigger[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #666;\n  padding: 4px 8px;\n  background: #f0f0f0;\n  border-radius: 6px;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.metrics-bar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n  background: #f5f7fa;\n  border-radius: 8px;\n  padding: 12px;\n  text-align: center;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #999;\n  margin-bottom: 4px;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n  font-size: 16px;\n  font-weight: 600;\n  color: #333;\n}\n\n.results-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #e0e0e0;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  background: #f8f9fa;\n}\n\n.result-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n\n.result-item[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.result-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: #666;\n}\n\n.result-item.passed[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.result-item.passed[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #4caf50;\n}\n\n.result-item.failed[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.result-item.failed[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #f44336;\n}\n\n.result-item.skipped[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.result-item.skipped[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #9e9e9e;\n}\n\n.result-item.error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.result-item.error[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #ff9800;\n}\n\n.result-item.total[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.result-item.total[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  color: #2196f3;\n}\n\n\n\n.tabs-container[_ngcontent-%COMP%] {\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 0 20px;\n  overflow-x: auto;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: #666;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: #2196f3;\n  background: rgba(33, 150, 243, 0.05);\n}\n\n.tab.active[_ngcontent-%COMP%] {\n  color: #2196f3;\n  border-bottom-color: #2196f3;\n}\n\n.tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n  background: #e0e0e0;\n  color: #666;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n  background: #e3f2fd;\n  color: #2196f3;\n}\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n\n\n.overview-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.result-hero[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  text-align: center;\n  border: 3px solid #e0e0e0;\n}\n\n.result-hero.passed[_ngcontent-%COMP%] {\n  background: #e8f5e9;\n  border-color: #4caf50;\n}\n\n.result-hero.failed[_ngcontent-%COMP%] {\n  background: #ffebee;\n  border-color: #f44336;\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  font-size: 64px;\n  margin-bottom: 16px;\n}\n\n.result-hero.passed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n  color: #4caf50;\n}\n\n.result-hero.failed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%] {\n  color: #f44336;\n}\n\n.result-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0 0 12px 0;\n  font-size: 32px;\n  font-weight: 700;\n  color: #333;\n}\n\n.result-stats[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 600;\n  color: #666;\n  margin-bottom: 8px;\n}\n\n.result-counts[_ngcontent-%COMP%] {\n  font-size: 16px;\n  color: #999;\n}\n\n\n\n.test-runs-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: white;\n  border: 2px solid transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: #e3f2fd;\n  border-color: #90caf9;\n}\n\n.run-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f0f0f0;\n  border-radius: 50%;\n  font-size: 14px;\n  font-weight: 700;\n  color: #666;\n  flex-shrink: 0;\n}\n\n.run-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  color: white;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.run-content[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.run-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: #333;\n  margin-bottom: 4px;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  font-size: 12px;\n  color: #666;\n}\n\n.run-meta[_ngcontent-%COMP%]   .status[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n\n.test-run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  color: #999;\n  font-size: 14px;\n}\n\n\n\n.details-tab[_ngcontent-%COMP%] {\n  background: white;\n  border-radius: 12px;\n  padding: 20px;\n}\n\n.details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #999;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #2196f3;\n  text-decoration: none;\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  text-decoration: underline;\n}\n\n\n\n.no-data[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  color: #999;\n  text-align: center;\n  background: white;\n  border-radius: 12px;\n}\n\n.no-data[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 48px;\n  margin-bottom: 16px;\n  opacity: 0.3;\n}\n\n.no-data[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n\n\n@media (max-width: 1200px) {\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .results-summary[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n}\n\n@media (max-width: 768px) {\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    overflow-x: auto;\n  }\n}"], changeDetection: 0 }); }
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.activeTab === "analytics");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.activeTab === "execution");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("title", ctx.showShortcuts ? "Hide keyboard shortcuts" : "Show keyboard shortcuts");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showShortcuts);
+        } }, dependencies: [i4.NgClass, i4.NgForOf, i4.NgIf, i5.DefaultValueAccessor, i5.RadioControlValueAccessor, i5.NgControlStatus, i5.NgModel, i6.DialogContainerDirective, i7.ButtonComponent, i3.EvaluationBadgeComponent, i3.EvaluationModeToggleComponent, i3.ExecutionContextComponent, i8.EntityLinkPillComponent, i4.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\n\n.test-suite-run-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\n\n\n\n.suite-run-header[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n\n\n.breadcrumb[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n  margin-bottom: 16px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: var(--suite-run-transition);\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #2563eb;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: #cbd5e1;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%] {\n  color: var(--suite-run-text);\n  font-weight: 500;\n}\n\n\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon[_ngcontent-%COMP%] {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n\n\n\n\n.results-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  font-size: 24px;\n}\n\n.result-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.passed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.failed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.error[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.skipped[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.total[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.tabs-container[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs[_ngcontent-%COMP%]::-webkit-scrollbar {\n  display: none;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut[_ngcontent-%COMP%] {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n\n\n\n\n.overview-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon[_ngcontent-%COMP%] {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n\n\n.progress-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n\n.auto-refresh-notice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n\n\n.runs-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line[_ngcontent-%COMP%] {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide[_ngcontent-%COMP%] {\n  width: 70%;\n}\n\n.skeleton-line.narrow[_ngcontent-%COMP%] {\n  width: 40%;\n}\n\n@keyframes _ngcontent-%COMP%_shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\n\n.test-runs-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item[_ngcontent-%COMP%]:active {\n  transform: translateX(2px);\n}\n\n.run-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n\n.run-score[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover    > i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n\n\n\n\n.details-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace[_ngcontent-%COMP%] {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n\n\n\n\n\n\n.shortcuts-toggle[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n}\n\n.shortcuts-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close[_ngcontent-%COMP%] {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\nkbd[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n\n\n\n\n@media (max-width: 1024px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .header-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .results-summary[_ngcontent-%COMP%] {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 16px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 56px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 24px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 40px 16px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%], .shortcuts-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 480px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .breadcrumb[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .suite-run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .status-badge[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .metric-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .result-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 12px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .stat-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .progress-section[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .progress-info[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 32px 12px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .detail-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n}\n\n\n\n\n\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item[_ngcontent-%COMP%] {\n    min-height: 64px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab[_ngcontent-%COMP%]:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media print {\n  .suite-run-header[_ngcontent-%COMP%] {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container[_ngcontent-%COMP%], \n   .header-actions[_ngcontent-%COMP%], \n   .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 20px 0;\n  }\n\n  .result-hero[_ngcontent-%COMP%], \n   .test-run-item[_ngcontent-%COMP%], \n   .details-card[_ngcontent-%COMP%] {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n\n\n\n\n@media (prefers-color-scheme: dark) {\n  \n\n}\n\n\n\n\n\n.tags-bar[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.tags-bar-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n\n\n.tags-editor-panel[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n\n\n.runs-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed[_ngcontent-%COMP%]:hover, \n.filter-btn.passed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed[_ngcontent-%COMP%]:hover, \n.filter-btn.failed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error[_ngcontent-%COMP%]:hover, \n.filter-btn.error.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n\n\n.test-run-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.run-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover   .run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.run-cost[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n\n\n\n\n.inline-feedback[_ngcontent-%COMP%] {\n  padding: 0 16px 16px;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn[_ngcontent-%COMP%]:hover, \n.rating-btn.hover[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low[_ngcontent-%COMP%]:hover, \n.rating-btn.low.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid[_ngcontent-%COMP%]:hover, \n.rating-btn.mid.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high[_ngcontent-%COMP%]:hover, \n.rating-btn.high.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.feedback-textarea[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .tags-bar[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .tag-inline[_ngcontent-%COMP%] {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel[_ngcontent-%COMP%] {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .tags-editor-footer[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .runs-actions[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-numbers[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n\n\n@keyframes _ngcontent-%COMP%_pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n}\n\n\n\n.overview-tab[_ngcontent-%COMP%], \n.runs-tab[_ngcontent-%COMP%], \n.details-tab[_ngcontent-%COMP%], \n.analytics-tab[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n\n\n\n\n.analytics-tab[_ngcontent-%COMP%] {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n\n\n.performance-matrix[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.matrix-row[_ngcontent-%COMP%]:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell[_ngcontent-%COMP%] {\n  gap: 12px;\n}\n\n.test-sequence[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.score-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n\n\n.stats-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n@media (max-width: 768px) {\n  .analytics-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .matrix-cell[_ngcontent-%COMP%] {\n    padding: 4px 0;\n  }\n\n  .test-name-cell[_ngcontent-%COMP%]::before, \n   .status-cell[_ngcontent-%COMP%]::before, \n   .score-cell[_ngcontent-%COMP%]::before, \n   .duration-cell[_ngcontent-%COMP%]::before, \n   .cost-cell[_ngcontent-%COMP%]::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell[_ngcontent-%COMP%]::before { content: 'Status:'; }\n  .score-cell[_ngcontent-%COMP%]::before { content: 'Score:'; }\n  .duration-cell[_ngcontent-%COMP%]::before { content: 'Duration:'; }\n  .cost-cell[_ngcontent-%COMP%]::before { content: 'Cost:'; }\n\n  .stats-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .stat-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n}\n\n\n\n.tab[_ngcontent-%COMP%]:focus-visible, \n.test-run-item[_ngcontent-%COMP%]:focus-visible, \nbutton[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n\n\n\n\n.analytics-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.results-table-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n\n\n.seq-col[_ngcontent-%COMP%] {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  \n\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n}\n\n.score-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  min-width: 120px; \n\n  white-space: nowrap;\n}\n\n.duration-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n\n\n.result-row[_ngcontent-%COMP%] {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n\n\n.test-name-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper[_ngcontent-%COMP%]   .test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n\n\n.score-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.medium[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n}\n\n.score-display[_ngcontent-%COMP%]   .score-text[_ngcontent-%COMP%] {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n\n\n.results-table[_ngcontent-%COMP%]   .status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-error[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-skipped[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .results-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n  }\n\n  .results-table[_ngcontent-%COMP%] {\n    min-width: 600px;\n  }\n\n  .results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n   .results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    min-width: 150px;\n  }\n}\n\n\n\n\n\n@media (prefers-contrast: high) {\n  .status-badge[_ngcontent-%COMP%], \n   .status-inline[_ngcontent-%COMP%] {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    border-width: 2px;\n  }\n\n  .tab.active[_ngcontent-%COMP%] {\n    border-bottom-width: 4px;\n  }\n}\n\n\n\n\n\n.evaluation-summary[_ngcontent-%COMP%] {\n  margin-top: 20px;\n}\n\n.eval-summary-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer[_ngcontent-%COMP%] {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n\n\n.needs-review-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.review-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list[_ngcontent-%COMP%] {\n  padding: 8px;\n}\n\n.review-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item[_ngcontent-%COMP%]:not(.high-priority):not(.medium-priority)   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item[_ngcontent-%COMP%]:hover   .review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.review-more[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n@media (max-width: 768px) {\n  .eval-summary-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .review-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n\n\n\n\n.feedback-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}"], changeDetection: 0 }); }
 };
 TestSuiteRunFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: Test Suite Runs')
@@ -561,9 +2271,12 @@ TestSuiteRunFormComponentExtended = __decorate([
 export { TestSuiteRunFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestSuiteRunFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-test-suite-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"test-suite-run-form\">\n  <!-- Header Section -->\n  <div class=\"suite-run-header\">\n    <div class=\"breadcrumb\" *ngIf=\"testSuite\">\n      <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\">\n        <i class=\"fas fa-folder\"></i> {{ testSuite.Name }}\n      </a>\n      <i class=\"fas fa-chevron-right\"></i>\n      <span>Run #{{ record.ID.substring(0, 8) }}</span>\n    </div>\n\n    <div class=\"header-content\">\n      <div class=\"header-left\">\n        <div class=\"suite-run-icon\" [style.background-color]=\"getStatusColor()\">\n          <i class=\"fas fa-layer-group\"></i>\n        </div>\n        <div class=\"suite-run-info\">\n          <h1>Test Suite Run</h1>\n          <div class=\"suite-run-meta\">\n            <span class=\"status-badge\" [style.background-color]=\"getStatusColor()\">\n              <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n              {{ record.Status }}\n            </span>\n            <span class=\"environment\" *ngIf=\"record.Environment\">{{ record.Environment }}</span>\n            <span class=\"trigger\" *ngIf=\"record.TriggerType\">{{ record.TriggerType }}</span>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        <button kendoButton (click)=\"refresh()\" icon=\"sync\">\n          Refresh\n        </button>\n      </div>\n    </div>\n\n    <!-- Metrics Bar -->\n    <div class=\"metrics-bar\">\n      <div class=\"metric-card\">\n        <div class=\"metric-label\">Started</div>\n        <div class=\"metric-value\">{{ record.StartedAt | date:'short' }}</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-label\">Completed</div>\n        <div class=\"metric-value\">{{ record.CompletedAt | date:'short' }}</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-label\">Duration</div>\n        <div class=\"metric-value\">{{ calculateDuration() }}</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-label\">Pass Rate</div>\n        <div class=\"metric-value\">{{ getPassRate().toFixed(1) }}%</div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-label\">Cost</div>\n        <div class=\"metric-value\">{{ formatCost(record.TotalCostUSD) }}</div>\n      </div>\n    </div>\n\n    <!-- Test Results Summary -->\n    <div class=\"results-summary\">\n      <div class=\"result-item passed\">\n        <i class=\"fas fa-check-circle\"></i>\n        <span class=\"count\">{{ record.PassedTests || 0 }}</span>\n        <span class=\"label\">Passed</span>\n      </div>\n      <div class=\"result-item failed\">\n        <i class=\"fas fa-times-circle\"></i>\n        <span class=\"count\">{{ record.FailedTests || 0 }}</span>\n        <span class=\"label\">Failed</span>\n      </div>\n      <div class=\"result-item skipped\">\n        <i class=\"fas fa-forward\"></i>\n        <span class=\"count\">{{ record.SkippedTests || 0 }}</span>\n        <span class=\"label\">Skipped</span>\n      </div>\n      <div class=\"result-item error\">\n        <i class=\"fas fa-exclamation-circle\"></i>\n        <span class=\"count\">{{ record.ErrorTests || 0 }}</span>\n        <span class=\"label\">Errors</span>\n      </div>\n      <div class=\"result-item total\">\n        <i class=\"fas fa-list\"></i>\n        <span class=\"count\">{{ record.TotalTests || 0 }}</span>\n        <span class=\"label\">Total</span>\n      </div>\n    </div>\n  </div>\n\n  <!-- Tabs -->\n  <div class=\"tabs-container\">\n    <div class=\"tabs\">\n      <button class=\"tab\" [class.active]=\"activeTab === 'overview'\" (click)=\"changeTab('overview')\">\n        <i class=\"fas fa-th-large\"></i>\n        <span>Overview</span>\n      </button>\n      <button class=\"tab\" [class.active]=\"activeTab === 'runs'\" (click)=\"changeTab('runs')\">\n        <i class=\"fas fa-list\"></i>\n        <span>Test Runs</span>\n        <span class=\"tab-badge\" *ngIf=\"testRunsLoaded\">{{ testRuns.length }}</span>\n      </button>\n      <button class=\"tab\" [class.active]=\"activeTab === 'details'\" (click)=\"changeTab('details')\">\n        <i class=\"fas fa-info-circle\"></i>\n        <span>Details</span>\n      </button>\n    </div>\n  </div>\n\n  <!-- Tab Content -->\n  <div class=\"tab-content\">\n    <!-- Overview Tab -->\n    <div class=\"overview-tab\" *ngIf=\"activeTab === 'overview'\">\n      <!-- Result Hero -->\n      <div class=\"result-hero\" [class.passed]=\"record.Status === 'Completed' && getPassRate() >= 90\" [class.failed]=\"record.Status === 'Failed'\">\n        <div class=\"result-icon\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"result-text\">\n          <h2>SUITE {{ record.Status.toUpperCase() }}</h2>\n          <div class=\"result-stats\">Pass Rate: {{ getPassRate().toFixed(1) }}%</div>\n          <div class=\"result-counts\">{{ record.PassedTests }} of {{ record.TotalTests }} tests passed</div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Test Runs Tab -->\n    <div class=\"runs-tab\" *ngIf=\"activeTab === 'runs'\">\n      <div class=\"test-runs-list\" *ngIf=\"testRuns.length > 0\">\n        <div class=\"test-run-item\" *ngFor=\"let run of testRuns\" (click)=\"openTestRun(run.ID)\">\n          <div class=\"run-sequence\">{{ run.Sequence }}</div>\n          <div class=\"run-icon\" [style.background-color]=\"run.Status === 'Passed' ? '#4caf50' : run.Status === 'Failed' ? '#f44336' : '#ff9800'\">\n            <i class=\"fas\" [class.fa-check]=\"run.Status === 'Passed'\" [class.fa-times]=\"run.Status === 'Failed'\" [class.fa-exclamation]=\"run.Status === 'Error'\"></i>\n          </div>\n          <div class=\"run-content\">\n            <div class=\"run-name\">{{ run.Test }}</div>\n            <div class=\"run-meta\">\n              <span class=\"status\" [style.color]=\"run.Status === 'Passed' ? '#4caf50' : run.Status === 'Failed' ? '#f44336' : '#ff9800'\">{{ run.Status }}</span>\n              <span *ngIf=\"run.Score != null\">Score: {{ run.Score.toFixed(4) }}</span>\n              <span *ngIf=\"run.DurationSeconds\">{{ run.DurationSeconds.toFixed(1) }}s</span>\n            </div>\n          </div>\n          <i class=\"fas fa-chevron-right\"></i>\n        </div>\n      </div>\n\n      <div class=\"no-data\" *ngIf=\"testRunsLoaded && testRuns.length === 0\">\n        <i class=\"fas fa-inbox\"></i>\n        <p>No test runs found for this suite execution</p>\n      </div>\n    </div>\n\n    <!-- Details Tab -->\n    <div class=\"details-tab\" *ngIf=\"activeTab === 'details'\">\n      <div class=\"details-grid\">\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Run ID</div>\n          <div class=\"detail-value\">{{ record.ID }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Test Suite</div>\n          <div class=\"detail-value\">\n            <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\" *ngIf=\"testSuite\">{{ testSuite.Name }}</a>\n          </div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Status</div>\n          <div class=\"detail-value\">{{ record.Status }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Run By</div>\n          <div class=\"detail-value\">{{ record.RunByUser }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Environment</div>\n          <div class=\"detail-value\">{{ record.Environment || 'N/A' }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Trigger Type</div>\n          <div class=\"detail-value\">{{ record.TriggerType || 'N/A' }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Git Commit</div>\n          <div class=\"detail-value\">{{ record.GitCommit || 'N/A' }}</div>\n        </div>\n        <div class=\"detail-item\">\n          <div class=\"detail-label\">Agent Version</div>\n          <div class=\"detail-value\">{{ record.AgentVersion || 'N/A' }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".test-suite-run-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: #f8f9fa;\n}\n\n/* Header */\n.suite-run-header {\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n  padding: 20px;\n}\n\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: #666;\n  margin-bottom: 16px;\n}\n\n.breadcrumb a {\n  color: #2196f3;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.breadcrumb a:hover {\n  text-decoration: underline;\n}\n\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 20px;\n}\n\n.header-left {\n  display: flex;\n  gap: 16px;\n}\n\n.suite-run-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n}\n\n.suite-run-info h1 {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: #333;\n}\n\n.suite-run-meta {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 12px;\n  border-radius: 12px;\n  color: white;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.environment,\n.trigger {\n  font-size: 13px;\n  color: #666;\n  padding: 4px 8px;\n  background: #f0f0f0;\n  border-radius: 6px;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.metrics-bar {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 16px;\n  margin-bottom: 16px;\n}\n\n.metric-card {\n  background: #f5f7fa;\n  border-radius: 8px;\n  padding: 12px;\n  text-align: center;\n}\n\n.metric-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #999;\n  margin-bottom: 4px;\n}\n\n.metric-value {\n  font-size: 16px;\n  font-weight: 600;\n  color: #333;\n}\n\n.results-summary {\n  display: flex;\n  gap: 16px;\n  padding-top: 16px;\n  border-top: 1px solid #e0e0e0;\n}\n\n.result-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  background: #f8f9fa;\n}\n\n.result-item i {\n  font-size: 20px;\n}\n\n.result-item .count {\n  font-size: 20px;\n  font-weight: 700;\n}\n\n.result-item .label {\n  font-size: 12px;\n  font-weight: 500;\n  color: #666;\n}\n\n.result-item.passed i,\n.result-item.passed .count {\n  color: #4caf50;\n}\n\n.result-item.failed i,\n.result-item.failed .count {\n  color: #f44336;\n}\n\n.result-item.skipped i,\n.result-item.skipped .count {\n  color: #9e9e9e;\n}\n\n.result-item.error i,\n.result-item.error .count {\n  color: #ff9800;\n}\n\n.result-item.total i,\n.result-item.total .count {\n  color: #2196f3;\n}\n\n/* Tabs */\n.tabs-container {\n  background: white;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.tabs {\n  display: flex;\n  padding: 0 20px;\n  overflow-x: auto;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: #666;\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.tab:hover {\n  color: #2196f3;\n  background: rgba(33, 150, 243, 0.05);\n}\n\n.tab.active {\n  color: #2196f3;\n  border-bottom-color: #2196f3;\n}\n\n.tab i {\n  font-size: 16px;\n}\n\n.tab-badge {\n  background: #e0e0e0;\n  color: #666;\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active .tab-badge {\n  background: #e3f2fd;\n  color: #2196f3;\n}\n\n/* Tab Content */\n.tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n/* Overview Tab */\n.overview-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.result-hero {\n  background: white;\n  border-radius: 12px;\n  padding: 32px;\n  text-align: center;\n  border: 3px solid #e0e0e0;\n}\n\n.result-hero.passed {\n  background: #e8f5e9;\n  border-color: #4caf50;\n}\n\n.result-hero.failed {\n  background: #ffebee;\n  border-color: #f44336;\n}\n\n.result-icon {\n  font-size: 64px;\n  margin-bottom: 16px;\n}\n\n.result-hero.passed .result-icon {\n  color: #4caf50;\n}\n\n.result-hero.failed .result-icon {\n  color: #f44336;\n}\n\n.result-text h2 {\n  margin: 0 0 12px 0;\n  font-size: 32px;\n  font-weight: 700;\n  color: #333;\n}\n\n.result-stats {\n  font-size: 20px;\n  font-weight: 600;\n  color: #666;\n  margin-bottom: 8px;\n}\n\n.result-counts {\n  font-size: 16px;\n  color: #999;\n}\n\n/* Test Runs Tab */\n.test-runs-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: white;\n  border: 2px solid transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.test-run-item:hover {\n  background: #e3f2fd;\n  border-color: #90caf9;\n}\n\n.run-sequence {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f0f0f0;\n  border-radius: 50%;\n  font-size: 14px;\n  font-weight: 700;\n  color: #666;\n  flex-shrink: 0;\n}\n\n.run-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  color: white;\n  font-size: 18px;\n  flex-shrink: 0;\n}\n\n.run-content {\n  flex: 1;\n}\n\n.run-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: #333;\n  margin-bottom: 4px;\n}\n\n.run-meta {\n  display: flex;\n  gap: 12px;\n  font-size: 12px;\n  color: #666;\n}\n\n.run-meta .status {\n  font-weight: 700;\n}\n\n.test-run-item > i {\n  color: #999;\n  font-size: 14px;\n}\n\n/* Details Tab */\n.details-tab {\n  background: white;\n  border-radius: 12px;\n  padding: 20px;\n}\n\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label {\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: #999;\n}\n\n.detail-value {\n  font-size: 14px;\n  color: #333;\n  word-wrap: break-word;\n}\n\n.detail-value a {\n  color: #2196f3;\n  text-decoration: none;\n}\n\n.detail-value a:hover {\n  text-decoration: underline;\n}\n\n/* No Data State */\n.no-data {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  color: #999;\n  text-align: center;\n  background: white;\n  border-radius: 12px;\n}\n\n.no-data i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  opacity: 0.3;\n}\n\n.no-data p {\n  margin: 0;\n  font-size: 14px;\n}\n\n/* Responsive */\n@media (max-width: 1200px) {\n  .metrics-bar {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .results-summary {\n    flex-wrap: wrap;\n  }\n}\n\n@media (max-width: 768px) {\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .details-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .tabs {\n    overflow-x: auto;\n  }\n}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteRunFormComponentExtended, { className: "TestSuiteRunFormComponentExtended", filePath: "src/lib/custom/Tests/test-suite-run-form.component.ts", lineNumber: 19 }); })();
+        args: [{ selector: 'mj-test-suite-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"test-suite-run-form\" kendoDialogContainer>\n  <!-- Header Section -->\n  <div class=\"suite-run-header\">\n    <!-- Breadcrumb -->\n    <div class=\"breadcrumb\" *ngIf=\"testSuite\">\n      <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\">\n        <i class=\"fas fa-layer-group\"></i>\n        {{ testSuite.Name }}\n      </a>\n      <i class=\"fas fa-chevron-right separator\"></i>\n      <span class=\"current\">Run #{{ record.ID.substring(0, 8) }}</span>\n    </div>\n\n    <!-- Header Content -->\n    <div class=\"header-content\">\n      <div class=\"header-left\">\n        <div class=\"suite-run-icon\" [style.background-color]=\"getStatusColor()\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"suite-run-info\">\n          <h1>Suite Run</h1>\n          <div class=\"suite-run-meta\">\n            <span class=\"status-badge\" [ngClass]=\"getStatusClass()\">\n              <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n              {{ record.Status }}\n            </span>\n            <span class=\"meta-tag environment\" *ngIf=\"record.Environment\">\n              <i class=\"fas fa-server\"></i>\n              {{ record.Environment }}\n            </span>\n            <span class=\"meta-tag trigger\" *ngIf=\"record.TriggerType\">\n              <i class=\"fas fa-bolt\"></i>\n              {{ record.TriggerType }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        <!-- Evaluation Mode Toggle -->\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n        <button kendoButton (click)=\"reRunSuite()\" themeColor=\"primary\" *ngIf=\"record.SuiteID\">\n          <i class=\"fas fa-play\"></i> Re-run Suite\n        </button>\n        <button kendoButton (click)=\"refresh()\" [disabled]=\"isRefreshing\">\n          <i class=\"fas\" [ngClass]=\"isRefreshing ? 'fa-sync fa-spin' : 'fa-sync'\"></i>\n          {{ isRefreshing ? 'Refreshing...' : 'Refresh' }}\n        </button>\n      </div>\n    </div>\n\n    <!-- Metrics Bar -->\n    <div class=\"metrics-bar\">\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-clock\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ calculateDuration() }}</div>\n          <div class=\"metric-label\">Duration</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-percentage\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getPassRate().toFixed(1) }}%</div>\n          <div class=\"metric-label\">Pass Rate</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-dollar-sign\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ formatCost(record.TotalCostUSD) }}</div>\n          <div class=\"metric-label\">Total Cost</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-calendar\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getRelativeTime(record.StartedAt) }}</div>\n          <div class=\"metric-label\">Started</div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Results Summary -->\n    <div class=\"results-summary\">\n      <div class=\"result-item passed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-check-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.PassedTests || 0 }}</span>\n          <span class=\"result-label\">Passed</span>\n        </div>\n      </div>\n      <div class=\"result-item failed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-times-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.FailedTests || 0 }}</span>\n          <span class=\"result-label\">Failed</span>\n        </div>\n      </div>\n      <div class=\"result-item error\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-exclamation-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.ErrorTests || 0 }}</span>\n          <span class=\"result-label\">Errors</span>\n        </div>\n      </div>\n      <div class=\"result-item skipped\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-forward\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.SkippedTests || 0 }}</span>\n          <span class=\"result-label\">Skipped</span>\n        </div>\n      </div>\n      <div class=\"result-item total\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-list\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.TotalTests || 0 }}</span>\n          <span class=\"result-label\">Total</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tags Section - Sleek inline design -->\n    <div class=\"tags-bar\" *ngIf=\"!editingTags\">\n      <div class=\"tags-bar-content\">\n        <span class=\"tags-bar-label\"><i class=\"fas fa-tags\"></i></span>\n        <div class=\"tags-bar-chips\" *ngIf=\"tags.length > 0\">\n          <span class=\"tag-inline\" *ngFor=\"let tag of tags\">{{ tag }}</span>\n        </div>\n        <span class=\"tags-bar-empty\" *ngIf=\"tags.length === 0\">No tags</span>\n        <button class=\"tags-bar-edit\" (click)=\"startEditingTags()\" title=\"Edit tags\">\n          <i class=\"fas fa-plus\"></i> Add\n        </button>\n      </div>\n    </div>\n\n    <!-- Tags Editor - Expanded when editing -->\n    <div class=\"tags-editor-panel\" *ngIf=\"editingTags\">\n      <div class=\"tags-editor-header\">\n        <span class=\"tags-editor-title\"><i class=\"fas fa-tags\"></i> Edit Tags</span>\n      </div>\n      <div class=\"tags-editor-body\">\n        <div class=\"tags-editor-chips\">\n          <span class=\"tag-editable\" *ngFor=\"let tag of tags\">\n            {{ tag }}\n            <button class=\"tag-remove-btn\" (click)=\"removeTag(tag)\" title=\"Remove tag\">\n              <i class=\"fas fa-times\"></i>\n            </button>\n          </span>\n          <span class=\"tags-empty-hint\" *ngIf=\"tags.length === 0\">No tags yet</span>\n        </div>\n        <div class=\"tags-editor-input\">\n          <input type=\"text\"\n                 [(ngModel)]=\"newTag\"\n                 placeholder=\"Type a tag and press Enter...\"\n                 (keyup.enter)=\"addTag()\"\n                 class=\"tag-text-input\" />\n          <button kendoButton (click)=\"addTag()\" [disabled]=\"!newTag.trim()\" fillMode=\"flat\">\n            <i class=\"fas fa-plus\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"tags-editor-footer\">\n        <button kendoButton (click)=\"saveTags()\" themeColor=\"primary\" [disabled]=\"savingTags\">\n          <i class=\"fas fa-spinner fa-spin\" *ngIf=\"savingTags\"></i>\n          {{ savingTags ? 'Saving...' : 'Save' }}\n        </button>\n        <button kendoButton (click)=\"cancelEditingTags()\" fillMode=\"flat\">Cancel</button>\n      </div>\n    </div>\n  </div>\n\n  <!-- Tabs -->\n  <div class=\"tabs-container\">\n    <div class=\"tabs\" role=\"tablist\">\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'overview'\"\n              (click)=\"changeTab('overview')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'overview'\">\n        <i class=\"fas fa-th-large\"></i> Overview\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'runs'\"\n              (click)=\"changeTab('runs')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'runs'\">\n        <i class=\"fas fa-list\"></i> Test Runs\n        <span class=\"tab-badge\" *ngIf=\"testRunsLoaded\">{{ testRuns.length }}</span>\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'details'\"\n              (click)=\"changeTab('details')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'details'\">\n        <i class=\"fas fa-info-circle\"></i> Details\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'analytics'\"\n              (click)=\"changeTab('analytics')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'analytics'\"\n              title=\"Press 4\">\n        <i class=\"fas fa-chart-bar\"></i> Analytics\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'execution'\"\n              (click)=\"changeTab('execution')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'execution'\"\n              title=\"Press 5\">\n        <i class=\"fas fa-microchip\"></i>\n        <span>Execution</span>\n      </button>\n    </div>\n  </div>\n\n  <!-- Tab Content -->\n  <div class=\"tab-content\">\n    <!-- Overview Tab -->\n    <div class=\"overview-tab\" *ngIf=\"activeTab === 'overview'\">\n      <!-- Result Hero -->\n      <div class=\"result-hero\"\n           [class.passed]=\"record.Status === 'Completed' && getPassRate() >= 90\"\n           [class.failed]=\"record.Status === 'Failed' || getPassRate() < 50\"\n           [class.running]=\"record.Status === 'Running'\"\n           [class.pending]=\"record.Status === 'Pending'\">\n        <div class=\"result-hero-icon\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"result-hero-text\">\n          <h2>SUITE {{ record.Status.toUpperCase() || 'UNKNOWN' }}</h2>\n          <div class=\"result-hero-stats\">\n            <div class=\"stat-item\">\n              <span class=\"stat-value\">{{ getPassRate().toFixed(1) }}%</span>\n              <span class=\"stat-label\">Pass Rate</span>\n            </div>\n            <div class=\"stat-divider\"></div>\n            <div class=\"stat-item\">\n              <span class=\"stat-value\">{{ record.PassedTests || 0 }} / {{ record.TotalTests || 0 }}</span>\n              <span class=\"stat-label\">Tests Passed</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Evaluation Metrics Summary -->\n      <div class=\"evaluation-summary\" *ngIf=\"evaluationMetrics && feedbacksLoaded\">\n        <div class=\"eval-summary-grid\">\n          <!-- Human Feedback Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showHuman\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-user\"></i>\n              <span>Human Feedback</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Reviewed</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.humanReviewedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.humanReviewedCount > 0\">\n                <span class=\"eval-stat-label\">Avg Rating</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.humanAvgRating.toFixed(1) }}/10</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.humanReviewedCount > 0\">\n                <span class=\"eval-stat-label\">Correct</span>\n                <span class=\"eval-stat-value correct\">{{ evaluationMetrics.humanCorrectCount }}</span>\n                <span class=\"eval-stat-value incorrect\" *ngIf=\"evaluationMetrics.humanIncorrectCount > 0\">{{ evaluationMetrics.humanIncorrectCount }} incorrect</span>\n              </div>\n            </div>\n            <div class=\"eval-card-footer\" *ngIf=\"evaluationMetrics.humanPendingCount > 0\">\n              <span class=\"pending-badge\">\n                <i class=\"fa-solid fa-clock\"></i>\n                {{ evaluationMetrics.humanPendingCount }} need review\n              </span>\n            </div>\n          </div>\n\n          <!-- Auto Score Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showAuto\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-robot\"></i>\n              <span>Auto Evaluation</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Evaluated</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.autoEvaluatedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.autoEvaluatedCount > 0\">\n                <span class=\"eval-stat-label\">Avg Score</span>\n                <span class=\"eval-stat-value\">{{ (evaluationMetrics.autoAvgScore * 100).toFixed(0) }}%</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.autoEvaluatedCount > 0\">\n                <span class=\"eval-stat-label\">Pass Rate</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.autoPassRate.toFixed(0) }}%</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Execution Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showExecution\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-circle-check\"></i>\n              <span>Execution</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Completed</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.execCompletedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Success Rate</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.execSuccessRate.toFixed(0) }}%</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.execErrorCount > 0 || evaluationMetrics.execTimeoutCount > 0\">\n                <span class=\"eval-stat-label\">Issues</span>\n                <span class=\"eval-stat-value error\" *ngIf=\"evaluationMetrics.execErrorCount > 0\">{{ evaluationMetrics.execErrorCount }} errors</span>\n                <span class=\"eval-stat-value timeout\" *ngIf=\"evaluationMetrics.execTimeoutCount > 0\">{{ evaluationMetrics.execTimeoutCount }} timeouts</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Needs Review Section -->\n      <div class=\"needs-review-section\" *ngIf=\"evalPreferences.showHuman && needsReviewItems.length > 0 && feedbacksLoaded\">\n        <div class=\"needs-review-header\">\n          <h3><i class=\"fa-solid fa-user-clock\"></i> Needs Review</h3>\n          <span class=\"review-count\">{{ needsReviewItems.length }} items</span>\n        </div>\n        <div class=\"needs-review-list\">\n          <div class=\"review-item\" *ngFor=\"let item of needsReviewItems.slice(0, 5)\"\n               [class.high-priority]=\"item.priority === 'high'\"\n               [class.medium-priority]=\"item.priority === 'medium'\"\n               (click)=\"toggleRunExpanded(item.run.id)\">\n            <div class=\"review-item-icon\">\n              <i class=\"fa-solid fa-exclamation-triangle\" *ngIf=\"item.priority === 'high'\"></i>\n              <i class=\"fa-solid fa-circle-dot\" *ngIf=\"item.priority === 'medium'\"></i>\n              <i class=\"fa-solid fa-clock\" *ngIf=\"item.priority === 'low'\"></i>\n            </div>\n            <div class=\"review-item-content\">\n              <span class=\"review-item-name\">{{ item.run.testName }}</span>\n              <span class=\"review-item-reason\">{{ item.reason }}</span>\n            </div>\n            <div class=\"review-item-action\">\n              <i class=\"fa-solid fa-chevron-right\"></i>\n            </div>\n          </div>\n          <div class=\"review-more\" *ngIf=\"needsReviewItems.length > 5\">\n            <button kendoButton fillMode=\"flat\" (click)=\"changeTab('runs')\">\n              View all {{ needsReviewItems.length }} items\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Progress Ring (when running) -->\n      <div class=\"progress-section\" *ngIf=\"record.Status === 'Running' || record.Status === 'Pending'\">\n        <div class=\"progress-info\">\n          <i class=\"fas fa-circle-notch fa-spin\"></i>\n          <span>Suite execution in progress...</span>\n        </div>\n        <div class=\"auto-refresh-notice\">\n          <i class=\"fas fa-sync\"></i>\n          Auto-refreshing every 5 seconds\n        </div>\n      </div>\n    </div>\n\n    <!-- Test Runs Tab -->\n    <div class=\"runs-tab\" *ngIf=\"activeTab === 'runs'\">\n      <!-- Toolbar -->\n      <div class=\"runs-toolbar\" *ngIf=\"testRunsLoaded && testRuns.length > 0\">\n        <div class=\"run-filters\">\n          <button class=\"filter-btn\"\n                  [class.active]=\"runStatusFilter === null\"\n                  (click)=\"setRunStatusFilter(null)\">\n            All ({{ testRuns.length }})\n          </button>\n          <button class=\"filter-btn passed\"\n                  [class.active]=\"runStatusFilter === 'Passed'\"\n                  (click)=\"setRunStatusFilter('Passed')\"\n                  *ngIf=\"getRunCountByStatus('Passed') > 0\">\n            <i class=\"fas fa-check\"></i> Passed ({{ getRunCountByStatus('Passed') }})\n          </button>\n          <button class=\"filter-btn failed\"\n                  [class.active]=\"runStatusFilter === 'Failed'\"\n                  (click)=\"setRunStatusFilter('Failed')\"\n                  *ngIf=\"getRunCountByStatus('Failed') > 0\">\n            <i class=\"fas fa-times\"></i> Failed ({{ getRunCountByStatus('Failed') }})\n          </button>\n          <button class=\"filter-btn error\"\n                  [class.active]=\"runStatusFilter === 'Error'\"\n                  (click)=\"setRunStatusFilter('Error')\"\n                  *ngIf=\"getRunCountByStatus('Error') > 0\">\n            <i class=\"fas fa-exclamation\"></i> Error ({{ getRunCountByStatus('Error') }})\n          </button>\n        </div>\n        <div class=\"runs-actions\">\n          <button kendoButton (click)=\"exportToCSV()\">\n            <i class=\"fas fa-download\"></i> Export CSV\n          </button>\n        </div>\n      </div>\n\n      <!-- Loading State -->\n      <div class=\"loading-state\" *ngIf=\"loadingTestRuns\">\n        <div class=\"skeleton-list\">\n          <div class=\"skeleton-card\" *ngFor=\"let i of [1,2,3,4,5]\">\n            <div class=\"skeleton-sequence\"></div>\n            <div class=\"skeleton-icon\"></div>\n            <div class=\"skeleton-content\">\n              <div class=\"skeleton-line wide\"></div>\n              <div class=\"skeleton-line narrow\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Test Runs List -->\n      <div class=\"test-runs-list\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <div class=\"test-run-card\" *ngFor=\"let run of getFilteredTestRuns()\">\n          <div class=\"test-run-item\" (click)=\"toggleRunExpanded(run.ID)\">\n            <div class=\"run-sequence\">{{ run.Sequence || '-' }}</div>\n            <div class=\"run-icon\" [style.background-color]=\"getRunStatusColor(run.Status)\">\n              <i class=\"fas\" [ngClass]=\"getRunStatusIcon(run.Status)\"></i>\n            </div>\n            <div class=\"run-content\">\n              <div class=\"run-header-row\">\n                <div class=\"run-name\">{{ run.Test }}</div>\n                <!-- Evaluation Badge -->\n                <app-evaluation-badge\n                  [executionStatus]=\"run.Status\"\n                  [originalStatus]=\"run.Status\"\n                  [autoScore]=\"run.Score\"\n                  [humanRating]=\"getFeedbackRating(run.ID) || null\"\n                  [humanIsCorrect]=\"getHumanIsCorrect(run.ID)\"\n                  [hasHumanFeedback]=\"hasFeedback(run.ID)\"\n                  [preferences]=\"evalPreferences\"\n                  [mode]=\"'compact'\">\n                </app-evaluation-badge>\n              </div>\n              <div class=\"run-meta\">\n                <span class=\"run-duration\" *ngIf=\"run.DurationSeconds\">\n                  <i class=\"fas fa-clock\"></i> {{ run.DurationSeconds.toFixed(1) }}s\n                </span>\n                <span class=\"run-cost\" *ngIf=\"run.CostUSD\">\n                  <i class=\"fas fa-dollar-sign\"></i> {{ run.CostUSD.toFixed(6) }}\n                </span>\n                <mj-entity-link-pill\n                  *ngIf=\"run.TargetLogEntityID && run.TargetLogID\"\n                  [entityName]=\"run.TargetLogEntity\"\n                  [recordId]=\"run.TargetLogID\">\n                </mj-entity-link-pill>\n              </div>\n              <div class=\"run-tags\" *ngIf=\"getRunTags(run).length > 0\">\n                <span class=\"tag-chip\" *ngFor=\"let tag of getRunTags(run)\">{{ tag }}</span>\n              </div>\n            </div>\n            <div class=\"run-expand\">\n              <i class=\"fas\" [class.fa-chevron-down]=\"expandedRunId !== run.ID\" [class.fa-chevron-up]=\"expandedRunId === run.ID\"></i>\n            </div>\n          </div>\n\n          <!-- Expanded Inline Feedback -->\n          <div class=\"inline-feedback\" *ngIf=\"expandedRunId === run.ID\">\n            <div class=\"feedback-divider\"></div>\n\n            <div class=\"feedback-section\">\n              <div class=\"feedback-label\">Quick Feedback</div>\n\n              <div class=\"inline-rating\">\n                <div class=\"rating-numbers\">\n                  <button *ngFor=\"let num of [1,2,3,4,5,6,7,8,9,10]\"\n                          type=\"button\"\n                          class=\"rating-btn\"\n                          [class.selected]=\"num === inlineRating\"\n                          [class.hover]=\"num === inlineHoverRating\"\n                          [class.low]=\"num <= 3\"\n                          [class.mid]=\"num >= 4 && num <= 6\"\n                          [class.high]=\"num >= 7\"\n                          (click)=\"setInlineRating(num); $event.stopPropagation()\"\n                          (mouseenter)=\"inlineHoverRating = num\"\n                          (mouseleave)=\"inlineHoverRating = 0\">\n                    {{ num }}\n                  </button>\n                </div>\n                <div class=\"rating-info\" *ngIf=\"inlineRating > 0\">\n                  <span class=\"rating-value\">{{ inlineRating }}/10</span>\n                  <span class=\"rating-label-text\">{{ getInlineRatingLabel() }}</span>\n                </div>\n              </div>\n\n              <div class=\"correctness-row\">\n                <span class=\"correctness-label\">Was it correct?</span>\n                <div class=\"correctness-options\">\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"true\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>Yes</span>\n                  </label>\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"false\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>No</span>\n                  </label>\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"null\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>Not Sure</span>\n                  </label>\n                </div>\n              </div>\n\n              <div class=\"comments-row\" (click)=\"$event.stopPropagation()\">\n                <textarea\n                  class=\"feedback-textarea\"\n                  [(ngModel)]=\"inlineComments\"\n                  placeholder=\"Add comments or corrections...\"\n                  rows=\"3\"></textarea>\n              </div>\n\n              <div class=\"feedback-actions\" (click)=\"$event.stopPropagation()\">\n                <button kendoButton (click)=\"openTestRun(run.ID)\">\n                  <i class=\"fas fa-external-link-alt\"></i> View Full Details\n                </button>\n                <button kendoButton\n                        themeColor=\"primary\"\n                        (click)=\"saveInlineFeedback()\"\n                        [disabled]=\"!canSubmitInlineFeedback() || savingInlineFeedback\">\n                  <i class=\"fas\" [ngClass]=\"savingInlineFeedback ? 'fa-spinner fa-spin' : 'fa-save'\"></i>\n                  {{ savingInlineFeedback ? 'Saving...' : (hasFeedback(run.ID) ? 'Update' : 'Save') }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Empty State -->\n      <div class=\"empty-state\" *ngIf=\"testRunsLoaded && !loadingTestRuns && testRuns.length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-inbox\"></i>\n        </div>\n        <h4>No Test Runs Found</h4>\n        <p>No test runs have been recorded for this suite execution.</p>\n      </div>\n\n      <!-- Filtered Empty -->\n      <div class=\"empty-state\" *ngIf=\"testRunsLoaded && !loadingTestRuns && testRuns.length > 0 && getFilteredTestRuns().length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-filter\"></i>\n        </div>\n        <h4>No Matching Runs</h4>\n        <p>No test runs match the current filter.</p>\n        <button kendoButton (click)=\"setRunStatusFilter(null)\">Clear Filter</button>\n      </div>\n    </div>\n\n    <!-- Details Tab -->\n    <div class=\"details-tab\" *ngIf=\"activeTab === 'details'\">\n      <div class=\"details-card\">\n        <h3><i class=\"fas fa-info-circle\"></i> Run Information</h3>\n        <div class=\"details-grid\">\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Run ID</div>\n            <div class=\"detail-value monospace\">{{ record.ID }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Test Suite</div>\n            <div class=\"detail-value\">\n              <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\" *ngIf=\"testSuite\">{{ testSuite.Name }}</a>\n              <span *ngIf=\"!testSuite\">Loading...</span>\n            </div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Status</div>\n            <div class=\"detail-value\">\n              <span class=\"status-inline\" [ngClass]=\"getStatusClass()\">{{ record.Status }}</span>\n            </div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Run By</div>\n            <div class=\"detail-value\">{{ record.RunByUser || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Started At</div>\n            <div class=\"detail-value\">{{ record.StartedAt | date:'medium' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Completed At</div>\n            <div class=\"detail-value\">{{ record.CompletedAt | date:'medium' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Environment</div>\n            <div class=\"detail-value\">{{ record.Environment || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Trigger Type</div>\n            <div class=\"detail-value\">{{ record.TriggerType || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Git Commit</div>\n            <div class=\"detail-value monospace\">{{ record.GitCommit || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Agent Version</div>\n            <div class=\"detail-value\">{{ record.AgentVersion || 'N/A' }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Analytics Tab -->\n    <div class=\"analytics-tab\" *ngIf=\"activeTab === 'analytics'\">\n      <!-- Loading State -->\n      <div class=\"analytics-loading\" *ngIf=\"loadingTestRuns\">\n        <i class=\"fas fa-spinner fa-spin\"></i>\n        <span>Loading test results...</span>\n      </div>\n\n      <!-- Summary Statistics - Moved to top for better overview -->\n      <div class=\"analytics-section\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <h3><i class=\"fas fa-chart-pie\"></i> Summary Statistics</h3>\n        <div class=\"stats-grid\">\n          <div class=\"stat-card\">\n            <div class=\"stat-icon passed\"><i class=\"fas fa-check-circle\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getPassedCount() }}</div>\n              <div class=\"stat-label\">Passed</div>\n              <div class=\"stat-percent\">{{ getPassedPercent().toFixed(1) }}%</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon failed\"><i class=\"fas fa-times-circle\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getFailedCount() }}</div>\n              <div class=\"stat-label\">Failed</div>\n              <div class=\"stat-percent\">{{ getFailedPercent().toFixed(1) }}%</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon score\"><i class=\"fas fa-star\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ (getAverageScore() * 100).toFixed(1) }}%</div>\n              <div class=\"stat-label\">Avg Score</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon duration\"><i class=\"fas fa-clock\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getAverageDuration().toFixed(1) }}s</div>\n              <div class=\"stat-label\">Avg Duration</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon cost\"><i class=\"fas fa-dollar-sign\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">${{ getTotalCost().toFixed(4) }}</div>\n              <div class=\"stat-label\">Total Cost</div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Test Results Table -->\n      <div class=\"analytics-section\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <div class=\"analytics-header\">\n          <h3><i class=\"fas fa-table\"></i> Test Results</h3>\n          <div class=\"analytics-legend\">\n            <span class=\"legend-item passed\"><i class=\"fas fa-check-circle\"></i> Passed</span>\n            <span class=\"legend-item failed\"><i class=\"fas fa-times-circle\"></i> Failed</span>\n            <span class=\"legend-item error\"><i class=\"fas fa-exclamation-circle\"></i> Error</span>\n            <span class=\"legend-item skipped\"><i class=\"fas fa-forward\"></i> Skipped</span>\n          </div>\n        </div>\n\n        <!-- Results Table -->\n        <div class=\"results-table-wrapper\">\n          <table class=\"results-table\">\n            <thead>\n              <tr>\n                <th class=\"seq-col\">#</th>\n                <th class=\"name-col\">Test Name</th>\n                <th class=\"status-col\" *ngIf=\"evalPreferences.showExecution\">Status</th>\n                <th class=\"score-col\" *ngIf=\"evalPreferences.showAuto\">Auto Score</th>\n                <th class=\"feedback-col\" *ngIf=\"evalPreferences.showHuman\">Human Score</th>\n                <th class=\"duration-col\">Duration</th>\n                <th class=\"cost-col\">Cost</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let run of testRuns; let i = index\"\n                  class=\"result-row\"\n                  [class.row-passed]=\"run.Status === 'Passed'\"\n                  [class.row-failed]=\"run.Status === 'Failed'\"\n                  [class.row-error]=\"run.Status === 'Error'\"\n                  [class.row-skipped]=\"run.Status === 'Skipped'\"\n                  (click)=\"openTestRun(run.ID)\">\n                <td class=\"seq-col\">{{ i + 1 }}</td>\n                <td class=\"name-col\">\n                  <div class=\"test-name-wrapper\">\n                    <span class=\"test-name\">{{ run.Test || 'Unknown Test' }}</span>\n                    <div class=\"test-tags\" *ngIf=\"getRunTags(run).length > 0\">\n                      <span class=\"tag-mini\" *ngFor=\"let tag of getRunTags(run).slice(0, 2)\">{{ tag }}</span>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"status-col\" *ngIf=\"evalPreferences.showExecution\">\n                  <span class=\"status-badge\" [ngClass]=\"'status-' + run.Status.toLowerCase()\">\n                    <i class=\"fas\"\n                       [class.fa-check-circle]=\"run.Status === 'Passed'\"\n                       [class.fa-times-circle]=\"run.Status === 'Failed'\"\n                       [class.fa-exclamation-circle]=\"run.Status === 'Error'\"\n                       [class.fa-forward]=\"run.Status === 'Skipped'\"\n                       [class.fa-clock]=\"run.Status === 'Pending'\"\n                       [class.fa-spinner]=\"run.Status === 'Running'\"\n                       [class.fa-spin]=\"run.Status === 'Running'\"></i>\n                    {{ run.Status }}\n                  </span>\n                </td>\n                <td class=\"score-col\" *ngIf=\"evalPreferences.showAuto\">\n                  <div class=\"score-display\" *ngIf=\"run.Score != null\">\n                    <div class=\"score-bar-mini\">\n                      <div class=\"score-fill\"\n                           [style.width.%]=\"run.Score * 100\"\n                           [class.high]=\"run.Score >= 0.8\"\n                           [class.medium]=\"run.Score >= 0.5 && run.Score < 0.8\"\n                           [class.low]=\"run.Score < 0.5\"></div>\n                    </div>\n                    <span class=\"score-text\">{{ (run.Score * 100).toFixed(0) }}%</span>\n                  </div>\n                  <span class=\"na-value\" *ngIf=\"run.Score == null\">\u2014</span>\n                </td>\n                <td class=\"feedback-col\" *ngIf=\"evalPreferences.showHuman\">\n                  <div class=\"feedback-display\" *ngIf=\"hasFeedback(run.ID)\">\n                    <span class=\"feedback-rating\" [class.low]=\"getFeedbackRating(run.ID) <= 3\" [class.mid]=\"getFeedbackRating(run.ID) >= 4 && getFeedbackRating(run.ID) <= 6\" [class.high]=\"getFeedbackRating(run.ID) >= 7\">\n                      {{ getFeedbackRating(run.ID) }}/10\n                    </span>\n                    <span class=\"feedback-correctness\" *ngIf=\"getHumanIsCorrect(run.ID) !== null\">\n                      <i class=\"fas\" [class.fa-check]=\"getHumanIsCorrect(run.ID) === true\" [class.fa-times]=\"getHumanIsCorrect(run.ID) === false\" [class.correct]=\"getHumanIsCorrect(run.ID) === true\" [class.incorrect]=\"getHumanIsCorrect(run.ID) === false\"></i>\n                    </span>\n                  </div>\n                  <span class=\"na-value needs-review\" *ngIf=\"!hasFeedback(run.ID)\">\n                    <i class=\"fas fa-user-clock\"></i>\n                  </span>\n                </td>\n                <td class=\"duration-col\">\n                  <span *ngIf=\"run.DurationSeconds\">{{ run.DurationSeconds.toFixed(1) }}s</span>\n                  <span class=\"na-value\" *ngIf=\"!run.DurationSeconds\">\u2014</span>\n                </td>\n                <td class=\"cost-col\">\n                  <span *ngIf=\"run.CostUSD\">${{ run.CostUSD.toFixed(4) }}</span>\n                  <span class=\"na-value\" *ngIf=\"!run.CostUSD\">\u2014</span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <!-- Empty State -->\n      <div class=\"empty-state\" *ngIf=\"!loadingTestRuns && testRunsLoaded && testRuns.length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-chart-bar\"></i>\n        </div>\n        <h4>No Test Results Yet</h4>\n        <p>Test runs will appear here once the suite execution completes.</p>\n      </div>\n    </div>\n\n    <!-- Execution Tab -->\n    <div class=\"execution-tab\" *ngIf=\"activeTab === 'execution'\">\n      <mj-execution-context\n        [machineName]=\"record.MachineName\"\n        [machineId]=\"record.MachineID\"\n        [runByUserName]=\"record.RunByUserName\"\n        [runByUserEmail]=\"record.RunByUserEmail\"\n        [runContextDetailsJson]=\"record.RunContextDetails\">\n      </mj-execution-context>\n    </div>\n  </div>\n\n  <!-- Keyboard Shortcuts Toggle Button -->\n  <button class=\"shortcuts-toggle\" (click)=\"toggleShortcuts()\" [title]=\"showShortcuts ? 'Hide keyboard shortcuts' : 'Show keyboard shortcuts'\">\n    <i class=\"fas fa-keyboard\"></i>\n  </button>\n\n  <!-- Keyboard Shortcuts Hint (Desktop Only) -->\n  <div class=\"keyboard-shortcuts\" *ngIf=\"showShortcuts\">\n    <div class=\"shortcuts-header\">\n      <i class=\"fas fa-keyboard\"></i>\n      Shortcuts\n      <button class=\"shortcuts-close\" (click)=\"toggleShortcuts()\" title=\"Hide shortcuts\">\n        <i class=\"fas fa-times\"></i>\n      </button>\n    </div>\n    <div class=\"shortcut-list\">\n      <div class=\"shortcut-item\">\n        <span>Refresh</span>\n        <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>R</kbd></span>\n      </div>\n      <div class=\"shortcut-item\">\n        <span>Re-run Suite</span>\n        <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>Shift</kbd><kbd>R</kbd></span>\n      </div>\n      <div class=\"shortcut-item\">\n        <span>Switch Tabs</span>\n        <span class=\"shortcut-keys\"><kbd>1</kbd>-<kbd>5</kbd></span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["/* ===================================\n   Test Suite Run Form - Premium UX\n   World-class responsive design\n   =================================== */\n\n/* CSS Custom Properties */\n:host {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Base Container */\n.test-suite-run-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n/* ===================================\n   Header Section\n   =================================== */\n.suite-run-header {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n/* Breadcrumb */\n.breadcrumb {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n  margin-bottom: 16px;\n}\n\n.breadcrumb a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: var(--suite-run-transition);\n}\n\n.breadcrumb a:hover {\n  color: #2563eb;\n}\n\n.breadcrumb .separator {\n  font-size: 10px;\n  color: #cbd5e1;\n}\n\n.breadcrumb .current {\n  color: var(--suite-run-text);\n  font-weight: 500;\n}\n\n/* Header Content */\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info h1 {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* ===================================\n   Metrics Bar\n   =================================== */\n.metrics-bar {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n/* ===================================\n   Results Summary\n   =================================== */\n.results-summary {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon {\n  font-size: 24px;\n}\n\n.result-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed .result-icon,\n.result-item.passed .result-count {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed .result-icon,\n.result-item.failed .result-count {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error .result-icon,\n.result-item.error .result-count {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped .result-icon,\n.result-item.skipped .result-count {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total .result-icon,\n.result-item.total .result-count {\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Tabs\n   =================================== */\n.tabs-container {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab i {\n  font-size: 15px;\n}\n\n.tab-badge {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active .tab-badge {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n/* ===================================\n   Tab Content\n   =================================== */\n.tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n/* ===================================\n   Overview Tab\n   =================================== */\n.overview-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed .result-hero-icon {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed .result-hero-icon {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running .result-hero-icon {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending .result-hero-icon {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text h2 {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n/* Progress Section */\n.progress-section {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info i {\n  font-size: 20px;\n}\n\n.auto-refresh-notice {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* ===================================\n   Test Runs Tab\n   =================================== */\n.runs-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n/* Loading Skeleton */\n.loading-state {\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide {\n  width: 70%;\n}\n\n.skeleton-line.narrow {\n  width: 40%;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* Test Runs List */\n.test-runs-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item:active {\n  transform: translateX(2px);\n}\n\n.run-sequence {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status {\n  font-weight: 700;\n}\n\n.run-score,\n.run-duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score i,\n.run-duration i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item > i {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover > i {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon i {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state h4 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n/* ===================================\n   Details Tab\n   =================================== */\n.details-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card h3 i {\n  color: var(--suite-run-primary);\n}\n\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value a:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n/* ===================================\n   Keyboard Shortcuts\n   =================================== */\n/* Toggle button - visible when shortcuts are hidden */\n.shortcuts-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts:hover {\n  opacity: 1;\n}\n\n.shortcuts-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header i {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item span:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys {\n  display: flex;\n  gap: 4px;\n}\n\nkbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n/* ===================================\n   Responsive Design - Tablet\n   =================================== */\n@media (max-width: 1024px) {\n  .suite-run-header {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider {\n    display: none;\n  }\n\n  .details-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Mobile\n   =================================== */\n@media (max-width: 768px) {\n  .suite-run-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left {\n    width: 100%;\n  }\n\n  .suite-run-icon {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 20px;\n  }\n\n  .header-actions {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions button {\n    flex: 1;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value {\n    font-size: 16px;\n  }\n\n  .results-summary {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon {\n    font-size: 20px;\n  }\n\n  .result-count {\n    font-size: 18px;\n  }\n\n  .tabs {\n    padding: 0 16px;\n  }\n\n  .tab {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content {\n    padding: 16px;\n  }\n\n  .result-hero {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon {\n    font-size: 56px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 24px;\n  }\n\n  .stat-value {\n    font-size: 20px;\n  }\n\n  .test-run-item {\n    padding: 14px;\n  }\n\n  .run-sequence {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name {\n    font-size: 13px;\n  }\n\n  .run-meta {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state {\n    padding: 40px 16px;\n  }\n\n  .empty-icon {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon i {\n    font-size: 28px;\n  }\n\n  .details-card {\n    padding: 16px;\n  }\n\n  .details-grid {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts, .shortcuts-toggle {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Small Mobile\n   =================================== */\n@media (max-width: 480px) {\n  .suite-run-header {\n    padding: 12px;\n  }\n\n  .breadcrumb {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 18px;\n  }\n\n  .suite-run-meta {\n    gap: 8px;\n  }\n\n  .status-badge {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value {\n    font-size: 14px;\n  }\n\n  .metric-label {\n    font-size: 9px;\n  }\n\n  .result-item {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon {\n    font-size: 18px;\n  }\n\n  .result-count {\n    font-size: 16px;\n  }\n\n  .result-label {\n    font-size: 9px;\n  }\n\n  .tabs {\n    padding: 0 12px;\n  }\n\n  .tab {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab i {\n    font-size: 14px;\n  }\n\n  .tab-content {\n    padding: 12px;\n  }\n\n  .result-hero {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value {\n    font-size: 18px;\n  }\n\n  .stat-label {\n    font-size: 10px;\n  }\n\n  .progress-section {\n    padding: 16px;\n  }\n\n  .progress-info {\n    font-size: 14px;\n  }\n\n  .test-run-item {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state {\n    padding: 32px 12px;\n  }\n\n  .empty-state h4 {\n    font-size: 16px;\n  }\n\n  .empty-state p {\n    font-size: 13px;\n  }\n\n  .details-card {\n    padding: 14px;\n  }\n\n  .details-card h3 {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label {\n    font-size: 10px;\n  }\n\n  .detail-value {\n    font-size: 13px;\n  }\n}\n\n/* ===================================\n   Touch Device Optimizations\n   =================================== */\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item {\n    min-height: 64px;\n  }\n\n  .test-run-item:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts {\n    display: none;\n  }\n}\n\n/* ===================================\n   Print Styles\n   =================================== */\n@media print {\n  .suite-run-header {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container,\n  .header-actions,\n  .keyboard-shortcuts {\n    display: none;\n  }\n\n  .tab-content {\n    padding: 20px 0;\n  }\n\n  .result-hero,\n  .test-run-item,\n  .details-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n/* ===================================\n   Dark Mode Support (Future)\n   =================================== */\n@media (prefers-color-scheme: dark) {\n  /* Ready for dark mode implementation */\n}\n\n/* ===================================\n   Tags Bar - Sleek Inline Display\n   =================================== */\n.tags-bar {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label i {\n  opacity: 0.6;\n}\n\n.tags-bar-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit i {\n  font-size: 10px;\n}\n\n/* ===================================\n   Tags Editor Panel - Expanded Edit Mode\n   =================================== */\n.tags-editor-panel {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* ===================================\n   Runs Toolbar\n   =================================== */\n.runs-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed:hover,\n.filter-btn.passed.active {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed:hover,\n.filter-btn.failed.active {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error:hover,\n.filter-btn.error.active {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* ===================================\n   Test Run Card (Expandable)\n   =================================== */\n.test-run-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator i {\n  font-size: 10px;\n}\n\n.run-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover .run-expand {\n  color: var(--suite-run-primary);\n}\n\n.run-cost {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n/* ===================================\n   Inline Feedback\n   =================================== */\n.inline-feedback {\n  padding: 0 16px 16px;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn:hover,\n.rating-btn.hover {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low:hover,\n.rating-btn.low.hover {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid:hover,\n.rating-btn.mid.hover {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high:hover,\n.rating-btn.high.hover {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt input[type=\"radio\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row {\n  width: 100%;\n}\n\n.feedback-textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n/* ===================================\n   Mobile Responsive Updates\n   =================================== */\n@media (max-width: 768px) {\n  .tags-bar {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content {\n    gap: 8px;\n  }\n\n  .tag-inline {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body {\n    padding: 12px;\n  }\n\n  .tags-editor-footer {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters {\n    justify-content: center;\n  }\n\n  .runs-actions {\n    justify-content: center;\n  }\n\n  .rating-numbers {\n    justify-content: center;\n  }\n\n  .rating-btn {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions {\n    flex-direction: column;\n  }\n\n  .feedback-actions button {\n    width: 100%;\n  }\n}\n\n/* ===================================\n   Animations\n   =================================== */\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running .result-hero-icon {\n  animation: pulse 2s ease-in-out infinite;\n}\n\n/* Tab content fade in */\n.overview-tab,\n.runs-tab,\n.details-tab,\n.analytics-tab {\n  animation: fadeIn 0.3s ease;\n}\n\n/* ===================================\n   Analytics Tab\n   =================================== */\n.analytics-tab {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section h3 i {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header h3 {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped {\n  color: var(--suite-run-neutral);\n}\n\n/* Performance Matrix */\n.performance-matrix {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row:last-child {\n  border-bottom: none;\n}\n\n.matrix-row:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell {\n  gap: 12px;\n}\n\n.test-sequence {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running {\n  color: var(--suite-run-primary);\n}\n\n.score-bar {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n/* Summary Statistics Grid */\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card .stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card .stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* Responsive Analytics */\n@media (max-width: 768px) {\n  .analytics-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row {\n    display: none;\n  }\n\n  .matrix-cell {\n    padding: 4px 0;\n  }\n\n  .test-name-cell::before,\n  .status-cell::before,\n  .score-cell::before,\n  .duration-cell::before,\n  .cost-cell::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell::before { content: 'Status:'; }\n  .score-cell::before { content: 'Score:'; }\n  .duration-cell::before { content: 'Duration:'; }\n  .cost-cell::before { content: 'Cost:'; }\n\n  .stats-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card {\n    padding: 16px;\n  }\n\n  .stat-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card .stat-value {\n    font-size: 20px;\n  }\n}\n\n/* Focus States for Accessibility */\n.tab:focus-visible,\n.test-run-item:focus-visible,\nbutton:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n/* ===================================\n   Analytics Loading State\n   =================================== */\n.analytics-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading i {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Results Table\n   =================================== */\n.results-table-wrapper {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table thead {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table th {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table td {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n/* Column widths - Fixed columns fit content, name column takes remainder (max 50%) */\n.seq-col {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col {\n  /* Take remaining space, but cap at 50% of table width */\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n}\n\n.score-col {\n  width: 1%; /* Shrink to fit content */\n  min-width: 120px; /* Score bar needs some minimum width */\n  white-space: nowrap;\n}\n\n.duration-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n/* Result Row */\n.result-row {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n/* Test Name Wrapper */\n.test-name-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper .test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n/* Score Display */\n.score-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini .score-fill {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini .score-fill.high {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini .score-fill.medium {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini .score-fill.low {\n  background: var(--suite-run-danger);\n}\n\n.score-display .score-text {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n/* Status Badge in Table */\n.results-table .status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table .status-badge.status-passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table .status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table .status-badge.status-error {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table .status-badge.status-skipped {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table .status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table .status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n/* Responsive Results Table */\n@media (max-width: 768px) {\n  .results-table-wrapper {\n    overflow-x: auto;\n  }\n\n  .results-table {\n    min-width: 600px;\n  }\n\n  .results-table th,\n  .results-table td {\n    padding: 10px 12px;\n  }\n\n  .name-col {\n    min-width: 150px;\n  }\n}\n\n/* ===================================\n   High Contrast Mode\n   =================================== */\n@media (prefers-contrast: high) {\n  .status-badge,\n  .status-inline {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item {\n    border-width: 2px;\n  }\n\n  .tab.active {\n    border-bottom-width: 4px;\n  }\n}\n\n/* ===================================\n   Evaluation Summary\n   =================================== */\n.evaluation-summary {\n  margin-top: 20px;\n}\n\n.eval-summary-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header i {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge i {\n  font-size: 11px;\n}\n\n/* ===================================\n   Needs Review Section\n   =================================== */\n.needs-review-section {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header h3 i {\n  font-size: 16px;\n}\n\n.review-count {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list {\n  padding: 8px;\n}\n\n.review-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority .review-item-icon {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority .review-item-icon {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item:not(.high-priority):not(.medium-priority) .review-item-icon {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item:hover .review-item-action {\n  color: var(--suite-run-primary);\n}\n\n.review-more {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* Mobile Responsive for Evaluation */\n@media (max-width: 768px) {\n  .eval-summary-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header h3 {\n    font-size: 13px;\n  }\n\n  .review-item {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n/* ===================================\n   Feedback Column in Analytics Table\n   =================================== */\n.feedback-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i {\n  font-size: 12px;\n}\n\n.feedback-correctness i.correct {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i.incorrect {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review i {\n  font-size: 14px;\n}\n"] }]
+    }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.TestingDialogService }, { type: i3.EvaluationPreferencesService }], { handleKeyboardShortcut: [{
+            type: HostListener,
+            args: ['document:keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteRunFormComponentExtended, { className: "TestSuiteRunFormComponentExtended", filePath: "src/lib/custom/Tests/test-suite-run-form.component.ts", lineNumber: 34 }); })();
 export function LoadTestSuiteRunFormComponentExtended() {
     // Prevents tree-shaking
 }