@memberjunction/ng-dashboards 5.0.0 → 5.2.0

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

@@ -1,1486 +0,0 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';
-import { takeUntil, map, shareReplay, switchMap } from 'rxjs/operators';
-import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
-import { SharedService } from '@memberjunction/ng-shared';
-import * as i0 from "@angular/core";
-import * as i1 from "../services/testing-instrumentation.service";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-const _c0 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-function TestingFeedbackComponent_div_6_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 48);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const count_r1 = i0.ɵɵnextContext().ngIf;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(count_r1);
-} }
-function TestingFeedbackComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_6_span_1_Template, 2, 1, "span", 46);
-    i0.ɵɵelementStart(2, "span", 47);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const count_r1 = ctx.ngIf;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", count_r1 > 0);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(count_r1 > 0 ? "Pending Review" : "All Reviewed");
-} }
-function TestingFeedbackComponent_div_64_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "label");
-    i0.ɵɵtext(2, "Reason");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_div_64_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.filters.reason, $event) || (ctx_r2.filters.reason = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function TestingFeedbackComponent_div_64_Template_select_change_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterChange()); });
-    i0.ɵɵelementStart(4, "option", 49);
-    i0.ɵɵtext(5, "All Reasons");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "option", 50);
-    i0.ɵɵtext(7, "No Feedback");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "option", 51);
-    i0.ɵɵtext(9, "High Score but Failed");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "option", 52);
-    i0.ɵɵtext(11, "Low Score but Passed");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.filters.reason);
-} }
-function TestingFeedbackComponent_div_65_option_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 53);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const suite_r5 = ctx.$implicit;
-    i0.ɵɵproperty("ngValue", suite_r5.ID);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(suite_r5.Name);
-} }
-function TestingFeedbackComponent_div_65_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27)(1, "label");
-    i0.ɵɵtext(2, "Test Suite");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_div_65_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.filters.suiteId, $event) || (ctx_r2.filters.suiteId = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function TestingFeedbackComponent_div_65_Template_select_change_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onFilterChange()); });
-    i0.ɵɵelementStart(4, "option", 53);
-    i0.ɵɵtext(5, "All Suites");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(6, TestingFeedbackComponent_div_65_option_6_Template, 2, 2, "option", 54);
-    i0.ɵɵpipe(7, "async");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.filters.suiteId);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngValue", null);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(7, 3, ctx_r2.testSuites$));
-} }
-function TestingFeedbackComponent_button_72_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_button_72_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSearch()); });
-    i0.ɵɵelement(1, "i", 56);
-    i0.ɵɵelementEnd();
-} }
-function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 101);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_button_9_Template_button_click_0_listener() { const star_r12 = i0.ɵɵrestoreView(_r11).$implicit; const item_r9 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.setRating(item_r9, star_r12)); });
-    i0.ɵɵelement(1, "i", 102);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const star_r12 = ctx.$implicit;
-    const item_r9 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵclassProp("filled", star_r12 <= item_r9.feedbackRating);
-} }
-function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 82)(1, "div", 83)(2, "div", 84)(3, "h4");
-    i0.ɵɵtext(4, "Provide Your Feedback");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 85)(6, "label");
-    i0.ɵɵtext(7, "Human Rating");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 86);
-    i0.ɵɵtemplate(9, TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_button_9_Template, 2, 2, "button", 87);
-    i0.ɵɵelementStart(10, "span", 88);
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(12, "div", 89)(13, "label");
-    i0.ɵɵtext(14, "Is the Automated Result Correct?");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 90)(16, "button", 91);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r10); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.setCorrectness(item_r9, true)); });
-    i0.ɵɵelement(17, "i", 92);
-    i0.ɵɵtext(18, " Correct ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "button", 93);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r10); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.setCorrectness(item_r9, false)); });
-    i0.ɵɵelement(20, "i", 56);
-    i0.ɵɵtext(21, " Incorrect ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(22, "div", 94)(23, "label");
-    i0.ɵɵtext(24, "Comments / Correction Notes");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "textarea", 95);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template_textarea_ngModelChange_25_listener($event) { i0.ɵɵrestoreView(_r10); const item_r9 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(item_r9.feedbackComments, $event) || (item_r9.feedbackComments = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(26, "div", 96)(27, "button", 97);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r10); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.submitFeedback(item_r9)); });
-    i0.ɵɵelement(28, "i", 98);
-    i0.ɵɵtext(29);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "button", 99);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r10); const item_r9 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.viewFullDetails(item_r9)); });
-    i0.ɵɵelement(31, "i", 100);
-    i0.ɵɵtext(32, " View Full Details ");
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    const item_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("@slideDown", undefined);
-    i0.ɵɵadvance(9);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(10, _c0));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", item_r9.feedbackRating, "/10");
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("active", item_r9.feedbackIsCorrect === true);
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", item_r9.feedbackIsCorrect === false);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", item_r9.feedbackComments);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r2.isSubmitting);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.isSubmitting ? "Submitting..." : "Submit Feedback", " ");
-} }
-function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 68)(1, "div", 69);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_Template_div_click_1_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleExpanded(item_r9.testRunID)); });
-    i0.ɵɵelementStart(2, "div", 70)(3, "div", 71);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 72)(6, "span", 73);
-    i0.ɵɵelement(7, "i", 74);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 75);
-    i0.ɵɵtext(11, " Score: ");
-    i0.ɵɵelementStart(12, "strong");
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(14, "/10 ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 76);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 77)(18, "span", 78);
-    i0.ɵɵelement(19, "i", 79);
-    i0.ɵɵtext(20);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 80);
-    i0.ɵɵelement(22, "i", 79);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(23, TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_div_23_Template, 33, 11, "div", 81);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r9 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("expanded", ctx_r2.expandedItem === item_r9.testRunID);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(item_r9.testName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(9, 22, item_r9.runDateTime, "short"), " ");
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate((item_r9.automatedScore * 10).toFixed(2));
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap("status-" + item_r9.automatedStatus.toLowerCase());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r9.automatedStatus, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(item_r9.reason);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-circle-info", item_r9.reason === "no-feedback")("fa-arrow-up", item_r9.reason === "high-score-failed")("fa-arrow-down", item_r9.reason === "low-score-passed");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.formatReason(item_r9.reason), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-chevron-down", ctx_r2.expandedItem !== item_r9.testRunID)("fa-chevron-up", ctx_r2.expandedItem === item_r9.testRunID);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.expandedItem === item_r9.testRunID);
-} }
-function TestingFeedbackComponent_div_73_div_15_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_73_div_15_ng_container_1_div_1_Template, 24, 25, "div", 67);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const items_r13 = i0.ɵɵnextContext().ngIf;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", items_r13)("ngForTrackBy", ctx_r2.trackByTestRunId);
-} }
-function TestingFeedbackComponent_div_73_div_15_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 103);
-    i0.ɵɵelement(1, "i", 104);
-    i0.ɵɵelementStart(2, "h3");
-    i0.ɵɵtext(3, "All Caught Up!");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "No tests currently require feedback review.");
-    i0.ɵɵelementEnd()();
-} }
-function TestingFeedbackComponent_div_73_div_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_73_div_15_ng_container_1_Template, 2, 2, "ng-container", 66)(2, TestingFeedbackComponent_div_73_div_15_ng_template_2_Template, 6, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const items_r13 = ctx.ngIf;
-    const emptyPending_r14 = i0.ɵɵreference(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", items_r13.length > 0)("ngIfElse", emptyPending_r14);
-} }
-function TestingFeedbackComponent_div_73_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "h3");
-    i0.ɵɵelement(3, "i", 59);
-    i0.ɵɵtext(4, " Tests Requiring Review ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 60)(6, "label");
-    i0.ɵɵtext(7, "Sort by:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "select", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_div_73_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.sortBy, $event) || (ctx_r2.sortBy = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function TestingFeedbackComponent_div_73_Template_select_change_8_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSortChange()); });
-    i0.ɵɵelementStart(9, "option", 61);
-    i0.ɵɵtext(10, "Date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "option", 62);
-    i0.ɵɵtext(12, "Priority");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "option", 63);
-    i0.ɵɵtext(14, "Test Name");
-    i0.ɵɵelementEnd()()()();
-    i0.ɵɵtemplate(15, TestingFeedbackComponent_div_73_div_15_Template, 4, 2, "div", 64);
-    i0.ɵɵpipe(16, "async");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(8);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.sortBy);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(16, 2, ctx_r2.filteredPending$));
-} }
-function TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_i_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 102);
-} if (rf & 2) {
-    const s_r17 = ctx.$implicit;
-    const item_r18 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassProp("filled", s_r17 <= item_r18.rating);
-} }
-function TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_div_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 124)(1, "p");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const item_r18 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r18.comments);
-} }
-function TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 108)(1, "div", 109)(2, "div", 110)(3, "div", 111);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 112)(6, "span", 113);
-    i0.ɵɵelement(7, "i", 114);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 73);
-    i0.ɵɵelement(10, "i", 115);
-    i0.ɵɵtext(11);
-    i0.ɵɵpipe(12, "date");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 116)(14, "div", 117);
-    i0.ɵɵtemplate(15, TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_i_15_Template, 1, 2, "i", 118);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 119);
-    i0.ɵɵtext(17);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 120)(19, "span", 121);
-    i0.ɵɵelement(20, "i", 79);
-    i0.ɵɵtext(21);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "button", 122);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_Template_button_click_22_listener() { const item_r18 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.viewTestRun(item_r18.testRunID)); });
-    i0.ɵɵelement(23, "i", 100);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(24, TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_div_24_Template, 3, 1, "div", 123);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r18 = ctx.$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(item_r18.testName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", item_r18.reviewerName, " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(12, 15, item_r18.reviewedAt, "short"), " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(18, _c0));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", item_r18.rating, "/10");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("correct", item_r18.isCorrect)("incorrect", !item_r18.isCorrect);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-check", item_r18.isCorrect)("fa-times", !item_r18.isCorrect);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r18.isCorrect ? "Correct" : "Incorrect", " ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", item_r18.comments);
-} }
-function TestingFeedbackComponent_div_74_div_15_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_74_div_15_ng_container_1_div_1_Template, 25, 19, "div", 107);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const items_r19 = i0.ɵɵnextContext().ngIf;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", items_r19)("ngForTrackBy", ctx_r2.trackByReviewedId);
-} }
-function TestingFeedbackComponent_div_74_div_15_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125);
-    i0.ɵɵelement(1, "i", 126);
-    i0.ɵɵelementStart(2, "h3");
-    i0.ɵɵtext(3, "No Reviews Yet");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "No feedback has been submitted yet. Start by reviewing pending tests.");
-    i0.ɵɵelementEnd()();
-} }
-function TestingFeedbackComponent_div_74_div_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_74_div_15_ng_container_1_Template, 2, 2, "ng-container", 66)(2, TestingFeedbackComponent_div_74_div_15_ng_template_2_Template, 6, 0, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const items_r19 = ctx.ngIf;
-    const emptyReviewed_r20 = i0.ɵɵreference(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", items_r19.length > 0)("ngIfElse", emptyReviewed_r20);
-} }
-function TestingFeedbackComponent_div_74_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "h3");
-    i0.ɵɵelement(3, "i", 105);
-    i0.ɵɵtext(4, " Reviewed Feedback History ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 60)(6, "label");
-    i0.ɵɵtext(7, "Sort by:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "select", 28);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_div_74_Template_select_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.reviewedSortBy, $event) || (ctx_r2.reviewedSortBy = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("change", function TestingFeedbackComponent_div_74_Template_select_change_8_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onReviewedSortChange()); });
-    i0.ɵɵelementStart(9, "option", 61);
-    i0.ɵɵtext(10, "Review Date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "option", 106);
-    i0.ɵɵtext(12, "Rating");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "option", 63);
-    i0.ɵɵtext(14, "Test Name");
-    i0.ɵɵelementEnd()()()();
-    i0.ɵɵtemplate(15, TestingFeedbackComponent_div_74_div_15_Template, 4, 2, "div", 64);
-    i0.ɵɵpipe(16, "async");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(8);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.reviewedSortBy);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(16, 2, ctx_r2.filteredReviewed$));
-} }
-function TestingFeedbackComponent_div_75_div_5_ng_container_1_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 130);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_div_75_div_5_ng_container_1_div_1_Template_div_click_0_listener() { const suite_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.selectSuite(suite_r22.suiteId)); });
-    i0.ɵɵelementStart(1, "div", 131)(2, "div", 132);
-    i0.ɵɵelement(3, "i", 22);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 133)(5, "h4");
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 134)(8, "span");
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(10, "div", 135)(11, "div", 136)(12, "div", 137);
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 43);
-    i0.ɵɵtext(15, "Pending");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "div", 136)(17, "div", 138);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 43);
-    i0.ɵɵtext(20, "Reviewed");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "div", 136)(22, "div", 44);
-    i0.ɵɵtext(23);
-    i0.ɵɵpipe(24, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 43);
-    i0.ɵɵtext(26, "Avg Rating");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 136)(28, "div", 44);
-    i0.ɵɵtext(29);
-    i0.ɵɵpipe(30, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 43);
-    i0.ɵɵtext(32, "Agreement");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div", 136)(34, "div", 44);
-    i0.ɵɵtext(35);
-    i0.ɵɵpipe(36, "number");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 43);
-    i0.ɵɵtext(38, "Pass Rate");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(39, "i", 139);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const suite_r22 = ctx.$implicit;
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(suite_r22.suiteName);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", suite_r22.totalRuns, " test runs");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(suite_r22.pendingCount);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(suite_r22.reviewedCount);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(24, 15, suite_r22.avgRating, "1.1-1"));
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("good", suite_r22.agreementRate >= 70)("bad", suite_r22.agreementRate < 50);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(30, 18, suite_r22.agreementRate, "1.0-0"), "% ");
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("good", suite_r22.passRate >= 80)("bad", suite_r22.passRate < 50);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(36, 21, suite_r22.passRate, "1.0-0"), "% ");
-} }
-function TestingFeedbackComponent_div_75_div_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_75_div_5_ng_container_1_div_1_Template, 40, 24, "div", 129);
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const suites_r23 = i0.ɵɵnextContext().ngIf;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", suites_r23)("ngForTrackBy", ctx_r2.trackBySuiteId);
-} }
-function TestingFeedbackComponent_div_75_div_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125);
-    i0.ɵɵelement(1, "i", 22);
-    i0.ɵɵelementStart(2, "h3");
-    i0.ɵɵtext(3, "No Test Suites");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p");
-    i0.ɵɵtext(5, "No test suites have been created yet.");
-    i0.ɵɵelementEnd()();
-} }
-function TestingFeedbackComponent_div_75_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 128);
-    i0.ɵɵtemplate(1, TestingFeedbackComponent_div_75_div_5_ng_container_1_Template, 2, 2, "ng-container", 66)(2, TestingFeedbackComponent_div_75_div_5_ng_template_2_Template, 6, 0, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const suites_r23 = ctx.ngIf;
-    const emptySuites_r24 = i0.ɵɵreference(3);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", suites_r23.length > 0)("ngIfElse", emptySuites_r24);
-} }
-function TestingFeedbackComponent_div_75_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "h3");
-    i0.ɵɵelement(3, "i", 22);
-    i0.ɵɵtext(4, " Feedback by Test Suite ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, TestingFeedbackComponent_div_75_div_5_Template, 4, 2, "div", 127);
-    i0.ɵɵpipe(6, "async");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(6, 1, ctx_r2.suiteAggregations$));
-} }
-export class TestingFeedbackComponent {
-    instrumentationService;
-    cdr;
-    initialState;
-    stateChange = new EventEmitter();
-    destroy$ = new Subject();
-    filterTrigger$ = new BehaviorSubject(undefined);
-    metadata = new Metadata();
-    viewMode = 'pending';
-    isRefreshing = false;
-    isSubmitting = false;
-    expandedItem = null;
-    filters = {
-        status: 'all',
-        reason: 'all',
-        suiteId: null,
-        searchText: ''
-    };
-    sortBy = 'date';
-    reviewedSortBy = 'date';
-    // Observables
-    pendingCount$;
-    reviewedCount$;
-    suiteCount$;
-    accuracyRate$;
-    totalFeedback$;
-    avgRating$;
-    agreementRate$;
-    discrepancyCount$;
-    filteredPending$;
-    filteredReviewed$;
-    suiteAggregations$;
-    testSuites$;
-    // Local data cache for filtering
-    pendingData = [];
-    reviewedData = [];
-    constructor(instrumentationService, cdr) {
-        this.instrumentationService = instrumentationService;
-        this.cdr = cdr;
-    }
-    ngOnInit() {
-        if (this.initialState) {
-            if (this.initialState.filters) {
-                this.filters = { ...this.filters, ...this.initialState.filters };
-            }
-            if (this.initialState.viewMode) {
-                this.viewMode = this.initialState.viewMode;
-            }
-            if (this.initialState.sortBy) {
-                this.sortBy = this.initialState.sortBy;
-            }
-        }
-        this.setupObservables();
-        this.loadTestSuites();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    setupObservables() {
-        // Stats from service
-        const feedbackStats$ = this.instrumentationService.feedbackStats$.pipe(takeUntil(this.destroy$), shareReplay(1));
-        this.pendingCount$ = this.instrumentationService.pendingFeedback$.pipe(map(items => items.length), takeUntil(this.destroy$));
-        this.reviewedCount$ = feedbackStats$.pipe(map(stats => stats.reviewedCount));
-        this.accuracyRate$ = feedbackStats$.pipe(map(stats => stats.accuracyRate));
-        this.totalFeedback$ = feedbackStats$.pipe(map(stats => stats.totalFeedback));
-        this.avgRating$ = feedbackStats$.pipe(map(stats => stats.avgRating));
-        this.agreementRate$ = feedbackStats$.pipe(map(stats => stats.agreementRate));
-        this.discrepancyCount$ = this.instrumentationService.pendingFeedback$.pipe(map(items => items.filter(f => f.reason === 'high-score-failed' || f.reason === 'low-score-passed').length), takeUntil(this.destroy$));
-        // Filtered pending items
-        this.filteredPending$ = combineLatest([
-            this.instrumentationService.pendingFeedback$,
-            this.filterTrigger$
-        ]).pipe(map(([items]) => {
-            const enhanced = items.map(f => ({
-                ...f,
-                feedbackRating: 5,
-                feedbackIsCorrect: true,
-                feedbackComments: ''
-            }));
-            this.pendingData = enhanced;
-            return this.filterAndSortPending(enhanced);
-        }), takeUntil(this.destroy$));
-        // Load and filter reviewed feedback
-        this.filteredReviewed$ = combineLatest([
-            this.loadReviewedFeedback(),
-            this.filterTrigger$
-        ]).pipe(map(([items]) => {
-            this.reviewedData = items;
-            return this.filterAndSortReviewed(items);
-        }), takeUntil(this.destroy$));
-        // Suite aggregations
-        this.suiteAggregations$ = this.loadSuiteAggregations().pipe(takeUntil(this.destroy$));
-        this.suiteCount$ = this.suiteAggregations$.pipe(map(suites => suites.length));
-    }
-    async loadTestSuites() {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'MJ: Test Suites',
-            ExtraFilter: "Status = 'Active'",
-            OrderBy: 'Name',
-            ResultType: 'entity_object'
-        });
-        this.testSuites$ = new BehaviorSubject(result.Results || []).asObservable();
-        this.cdr.markForCheck();
-    }
-    loadReviewedFeedback() {
-        return combineLatest([
-            this.instrumentationService.dateRange$,
-            this.instrumentationService.isLoading$
-        ]).pipe(switchMap(([dateRange]) => {
-            return new Observable(observer => {
-                this.loadReviewedFeedbackAsync(dateRange.start, dateRange.end).then(data => {
-                    observer.next(data);
-                    observer.complete();
-                }, error => observer.error(error));
-            });
-        }), shareReplay(1));
-    }
-    async loadReviewedFeedbackAsync(start, end) {
-        const rv = new RunView();
-        const result = await rv.RunView({
-            EntityName: 'MJ: Test Run Feedbacks',
-            ExtraFilter: `__mj_CreatedAt >= '${start.toISOString()}' AND __mj_CreatedAt <= '${end.toISOString()}'`,
-            OrderBy: '__mj_CreatedAt DESC',
-            MaxRows: 500,
-            ResultType: 'entity_object'
-        });
-        const feedbacks = result.Results || [];
-        // Get test run details for each feedback
-        if (feedbacks.length === 0)
-            return [];
-        const testRunIds = feedbacks.map(f => f.TestRunID);
-        const testRunResult = await rv.RunView({
-            EntityName: 'MJ: Test Runs',
-            ExtraFilter: `ID IN ('${testRunIds.join("','")}')`,
-            ResultType: 'entity_object'
-        });
-        const testRunMap = new Map();
-        (testRunResult.Results || []).forEach(tr => testRunMap.set(tr.ID, tr));
-        return feedbacks.map(f => {
-            const testRun = testRunMap.get(f.TestRunID);
-            return {
-                id: f.ID,
-                testRunID: f.TestRunID,
-                testName: testRun?.Test || 'Unknown Test',
-                rating: f.Rating || 0,
-                isCorrect: f.IsCorrect ?? true,
-                comments: f.CorrectionSummary || '',
-                reviewerName: f.ReviewerUser || 'Unknown',
-                reviewedAt: f.__mj_CreatedAt ? new Date(f.__mj_CreatedAt) : new Date(),
-                automatedScore: testRun?.Score || 0,
-                automatedStatus: testRun?.Status || 'Unknown'
-            };
-        });
-    }
-    loadSuiteAggregations() {
-        return combineLatest([
-            this.instrumentationService.dateRange$,
-            this.instrumentationService.isLoading$
-        ]).pipe(switchMap(([dateRange]) => {
-            return new Observable(observer => {
-                this.loadSuiteAggregationsAsync(dateRange.start, dateRange.end).then(data => {
-                    observer.next(data);
-                    observer.complete();
-                }, error => observer.error(error));
-            });
-        }), shareReplay(1));
-    }
-    async loadSuiteAggregationsAsync(start, end) {
-        const rv = new RunView();
-        // Get all test suites
-        const suitesResult = await rv.RunView({
-            EntityName: 'MJ: Test Suites',
-            ExtraFilter: "Status = 'Active'",
-            ResultType: 'entity_object'
-        });
-        const suites = suitesResult.Results || [];
-        if (suites.length === 0)
-            return [];
-        // Get test runs in date range
-        const runsResult = await rv.RunView({
-            EntityName: 'MJ: Test Runs',
-            ExtraFilter: `StartedAt >= '${start.toISOString()}' AND StartedAt <= '${end.toISOString()}'`,
-            ResultType: 'entity_object'
-        });
-        const runs = runsResult.Results || [];
-        // Get feedback in date range
-        const feedbackResult = await rv.RunView({
-            EntityName: 'MJ: Test Run Feedbacks',
-            ExtraFilter: `__mj_CreatedAt >= '${start.toISOString()}'`,
-            ResultType: 'entity_object'
-        });
-        const feedbacks = feedbackResult.Results || [];
-        const feedbackMap = new Map();
-        feedbacks.forEach(f => feedbackMap.set(f.TestRunID, f));
-        // Aggregate by suite (simplified - would need TestSuiteTest join for accuracy)
-        const aggregations = suites.map(suite => {
-            // Filter runs by test suite (simplified)
-            const suiteRuns = runs; // In reality, need to join through TestSuiteTest
-            const totalRuns = suiteRuns.length;
-            const passedRuns = suiteRuns.filter(r => r.Status === 'Passed').length;
-            const reviewedRuns = suiteRuns.filter(r => feedbackMap.has(r.ID));
-            const reviewedCount = reviewedRuns.length;
-            const pendingCount = totalRuns - reviewedCount;
-            const ratings = reviewedRuns
-                .map(r => feedbackMap.get(r.ID)?.Rating || 0)
-                .filter(r => r > 0);
-            const avgRating = ratings.length > 0
-                ? ratings.reduce((sum, r) => sum + r, 0) / ratings.length
-                : 0;
-            const correctCount = reviewedRuns
-                .filter(r => feedbackMap.get(r.ID)?.IsCorrect === true).length;
-            const agreementRate = reviewedCount > 0
-                ? (correctCount / reviewedCount) * 100
-                : 0;
-            const passRate = totalRuns > 0 ? (passedRuns / totalRuns) * 100 : 0;
-            return {
-                suiteId: suite.ID,
-                suiteName: suite.Name,
-                totalRuns,
-                reviewedCount,
-                pendingCount,
-                avgRating,
-                agreementRate,
-                passRate
-            };
-        });
-        return aggregations.sort((a, b) => b.pendingCount - a.pendingCount);
-    }
-    filterAndSortPending(items) {
-        let filtered = [...items];
-        // Filter by reason
-        if (this.filters.reason !== 'all') {
-            filtered = filtered.filter(f => f.reason === this.filters.reason);
-        }
-        // Filter by search text
-        if (this.filters.searchText) {
-            const searchLower = this.filters.searchText.toLowerCase();
-            filtered = filtered.filter(f => f.testName.toLowerCase().includes(searchLower));
-        }
-        // Sort
-        filtered.sort((a, b) => {
-            if (this.sortBy === 'date') {
-                return b.runDateTime.getTime() - a.runDateTime.getTime();
-            }
-            else if (this.sortBy === 'priority') {
-                const priorityOrder = { 'high-score-failed': 1, 'low-score-passed': 2, 'no-feedback': 3 };
-                return (priorityOrder[a.reason] || 99) - (priorityOrder[b.reason] || 99);
-            }
-            else {
-                return a.testName.localeCompare(b.testName);
-            }
-        });
-        return filtered;
-    }
-    filterAndSortReviewed(items) {
-        let filtered = [...items];
-        // Filter by search text
-        if (this.filters.searchText) {
-            const searchLower = this.filters.searchText.toLowerCase();
-            filtered = filtered.filter(f => f.testName.toLowerCase().includes(searchLower) ||
-                f.reviewerName.toLowerCase().includes(searchLower));
-        }
-        // Sort
-        filtered.sort((a, b) => {
-            if (this.reviewedSortBy === 'date') {
-                return b.reviewedAt.getTime() - a.reviewedAt.getTime();
-            }
-            else if (this.reviewedSortBy === 'rating') {
-                return b.rating - a.rating;
-            }
-            else {
-                return a.testName.localeCompare(b.testName);
-            }
-        });
-        return filtered;
-    }
-    // Event handlers
-    setViewMode(mode) {
-        this.viewMode = mode;
-        this.expandedItem = null;
-        this.emitStateChange();
-        this.cdr.markForCheck();
-    }
-    onViewModeChange() {
-        this.expandedItem = null;
-        this.emitStateChange();
-        this.cdr.markForCheck();
-    }
-    onFilterChange() {
-        this.filterTrigger$.next();
-        this.emitStateChange();
-        this.cdr.markForCheck();
-    }
-    onSortChange() {
-        this.filterTrigger$.next();
-        this.emitStateChange();
-        this.cdr.markForCheck();
-    }
-    onReviewedSortChange() {
-        this.filterTrigger$.next();
-        this.cdr.markForCheck();
-    }
-    clearSearch() {
-        this.filters.searchText = '';
-        this.onFilterChange();
-    }
-    toggleExpanded(testRunID) {
-        this.expandedItem = this.expandedItem === testRunID ? null : testRunID;
-    }
-    setRating(item, rating) {
-        item.feedbackRating = rating;
-    }
-    setCorrectness(item, isCorrect) {
-        item.feedbackIsCorrect = isCorrect;
-    }
-    async submitFeedback(item) {
-        if (this.isSubmitting)
-            return;
-        this.isSubmitting = true;
-        this.cdr.markForCheck();
-        try {
-            const success = await this.instrumentationService.submitFeedback(item.testRunID, item.feedbackRating, item.feedbackIsCorrect, item.feedbackComments);
-            if (success) {
-                this.expandedItem = null;
-                // Refresh will happen via the service
-            }
-            else {
-                console.error('Failed to submit feedback');
-            }
-        }
-        catch (error) {
-            console.error('Error submitting feedback:', error);
-        }
-        finally {
-            this.isSubmitting = false;
-            this.cdr.markForCheck();
-        }
-    }
-    viewFullDetails(item) {
-        SharedService.Instance.OpenEntityRecord('MJ: Test Runs', CompositeKey.FromID(item.testRunID));
-    }
-    viewTestRun(testRunId) {
-        SharedService.Instance.OpenEntityRecord('MJ: Test Runs', CompositeKey.FromID(testRunId));
-    }
-    selectSuite(suiteId) {
-        this.filters.suiteId = suiteId;
-        this.viewMode = 'pending';
-        this.onFilterChange();
-    }
-    refresh() {
-        this.isRefreshing = true;
-        this.cdr.markForCheck();
-        this.instrumentationService.refresh();
-        setTimeout(() => {
-            this.isRefreshing = false;
-            this.cdr.markForCheck();
-        }, 1500);
-    }
-    formatReason(reason) {
-        switch (reason) {
-            case 'no-feedback': return 'No Feedback';
-            case 'high-score-failed': return 'High Score Failed';
-            case 'low-score-passed': return 'Low Score Passed';
-            default: return reason;
-        }
-    }
-    // Track by functions
-    trackByTestRunId(index, item) {
-        return item.testRunID;
-    }
-    trackByReviewedId(index, item) {
-        return item.id;
-    }
-    trackBySuiteId(index, item) {
-        return item.suiteId;
-    }
-    emitStateChange() {
-        this.stateChange.emit({
-            filters: this.filters,
-            viewMode: this.viewMode,
-            sortBy: this.sortBy
-        });
-    }
-    static ɵfac = function TestingFeedbackComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestingFeedbackComponent)(i0.ɵɵdirectiveInject(i1.TestingInstrumentationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestingFeedbackComponent, selectors: [["app-testing-feedback"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, decls: 107, vars: 54, consts: [["emptyPending", ""], ["emptyReviewed", ""], ["emptySuites", ""], [1, "testing-feedback"], [1, "feedback-header"], [1, "header-left"], [1, "fa-solid", "fa-clipboard-check"], ["class", "pending-badge", 4, "ngIf"], [1, "header-actions"], [1, "action-btn", "refresh-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-refresh"], [1, "feedback-summary"], [1, "summary-card", "clickable", 3, "click"], [1, "summary-icon", "pending"], [1, "fa-solid", "fa-hourglass-half"], [1, "summary-content"], [1, "summary-value"], [1, "summary-label"], [1, "fa-solid", "fa-chevron-right", "summary-arrow"], [1, "summary-icon", "reviewed"], [1, "fa-solid", "fa-check-circle"], [1, "summary-icon", "suites"], [1, "fa-solid", "fa-layer-group"], [1, "summary-card"], [1, "summary-icon", "accuracy"], [1, "fa-solid", "fa-bullseye"], [1, "feedback-filters"], [1, "filter-group"], [3, "ngModelChange", "change", "ngModel"], ["value", "pending"], ["value", "reviewed"], ["value", "suites"], ["class", "filter-group", 4, "ngIf"], [1, "filter-group", "search"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search tests...", 3, "ngModelChange", "input", "ngModel"], ["class", "clear-btn", 3, "click", 4, "ngIf"], ["class", "feedback-content", 4, "ngIf"], [1, "feedback-stats"], [1, "fa-solid", "fa-chart-pie"], [1, "stats-grid"], [1, "stat-card"], [1, "stat-label"], [1, "stat-value"], [1, "pending-badge"], ["class", "badge-count", 4, "ngIf"], [1, "badge-text"], [1, "badge-count"], ["value", "all"], ["value", "no-feedback"], ["value", "high-score-failed"], ["value", "low-score-passed"], [3, "ngValue"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "clear-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "feedback-content"], [1, "content-header"], [1, "fa-solid", "fa-list-check"], [1, "sort-controls"], ["value", "date"], ["value", "priority"], ["value", "test-name"], ["class", "feedback-list", 4, "ngIf"], [1, "feedback-list"], [4, "ngIf", "ngIfElse"], ["class", "feedback-item", 3, "expanded", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "feedback-item"], [1, "item-header", 3, "click"], [1, "item-main"], [1, "item-title"], [1, "item-meta"], [1, "meta-date"], [1, "fa-solid", "fa-clock"], [1, "meta-score"], [1, "meta-status"], [1, "item-reason"], [1, "reason-badge"], [1, "fa-solid"], [1, "expand-btn"], ["class", "item-content", 4, "ngIf"], [1, "item-content"], [1, "feedback-form"], [1, "form-section"], [1, "rating-section"], [1, "rating-stars-input"], ["class", "star-btn", 3, "filled", "click", 4, "ngFor", "ngForOf"], [1, "rating-display"], [1, "correctness-section"], [1, "correctness-buttons"], [1, "correctness-btn", "correct", 3, "click"], [1, "fa-solid", "fa-check"], [1, "correctness-btn", "incorrect", 3, "click"], [1, "form-group"], ["rows", "3", "placeholder", "Explain your assessment or provide correction notes...", 1, "comments-textarea", 3, "ngModelChange", "ngModel"], [1, "form-actions"], [1, "submit-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-paper-plane"], [1, "view-btn", 3, "click"], [1, "fa-solid", "fa-external-link"], [1, "star-btn", 3, "click"], [1, "fa-solid", "fa-star"], [1, "empty-state", "success"], [1, "fa-solid", "fa-check-double"], [1, "fa-solid", "fa-history"], ["value", "rating"], ["class", "reviewed-item", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "reviewed-item"], [1, "reviewed-header"], [1, "reviewed-main"], [1, "reviewed-title"], [1, "reviewed-meta"], [1, "meta-reviewer"], [1, "fa-solid", "fa-user"], [1, "fa-solid", "fa-calendar"], [1, "reviewed-rating"], [1, "rating-stars"], ["class", "fa-solid fa-star", 3, "filled", 4, "ngFor", "ngForOf"], [1, "rating-text"], [1, "reviewed-verdict"], [1, "verdict-badge"], [1, "view-btn-small", 3, "click"], ["class", "reviewed-comments", 4, "ngIf"], [1, "reviewed-comments"], [1, "empty-state"], [1, "fa-solid", "fa-clipboard"], ["class", "suites-list", 4, "ngIf"], [1, "suites-list"], ["class", "suite-card", 3, "click", 4, "ngFor", "ngForOf", "ngForTrackBy"], [1, "suite-card", 3, "click"], [1, "suite-header"], [1, "suite-icon"], [1, "suite-info"], [1, "suite-meta"], [1, "suite-stats"], [1, "suite-stat"], [1, "stat-value", "pending"], [1, "stat-value", "reviewed"], [1, "fa-solid", "fa-chevron-right", "suite-arrow"]], template: function TestingFeedbackComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "div", 5)(3, "h2");
-            i0.ɵɵelement(4, "i", 6);
-            i0.ɵɵtext(5, " Human Feedback Review ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(6, TestingFeedbackComponent_div_6_Template, 4, 2, "div", 7);
-            i0.ɵɵpipe(7, "async");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 8)(9, "button", 9);
-            i0.ɵɵlistener("click", function TestingFeedbackComponent_Template_button_click_9_listener() { return ctx.refresh(); });
-            i0.ɵɵelement(10, "i", 10);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(12, "div", 11)(13, "div", 12);
-            i0.ɵɵlistener("click", function TestingFeedbackComponent_Template_div_click_13_listener() { return ctx.setViewMode("pending"); });
-            i0.ɵɵelementStart(14, "div", 13);
-            i0.ɵɵelement(15, "i", 14);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 15)(17, "div", 16);
-            i0.ɵɵtext(18);
-            i0.ɵɵpipe(19, "async");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 17);
-            i0.ɵɵtext(21, "Pending Review");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(22, "i", 18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "div", 12);
-            i0.ɵɵlistener("click", function TestingFeedbackComponent_Template_div_click_23_listener() { return ctx.setViewMode("reviewed"); });
-            i0.ɵɵelementStart(24, "div", 19);
-            i0.ɵɵelement(25, "i", 20);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 15)(27, "div", 16);
-            i0.ɵɵtext(28);
-            i0.ɵɵpipe(29, "async");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "div", 17);
-            i0.ɵɵtext(31, "Reviewed");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(32, "i", 18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(33, "div", 12);
-            i0.ɵɵlistener("click", function TestingFeedbackComponent_Template_div_click_33_listener() { return ctx.setViewMode("suites"); });
-            i0.ɵɵelementStart(34, "div", 21);
-            i0.ɵɵelement(35, "i", 22);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "div", 15)(37, "div", 16);
-            i0.ɵɵtext(38);
-            i0.ɵɵpipe(39, "async");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "div", 17);
-            i0.ɵɵtext(41, "Test Suites");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(42, "i", 18);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(43, "div", 23)(44, "div", 24);
-            i0.ɵɵelement(45, "i", 25);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(46, "div", 15)(47, "div", 16);
-            i0.ɵɵtext(48);
-            i0.ɵɵpipe(49, "async");
-            i0.ɵɵpipe(50, "number");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(51, "div", 17);
-            i0.ɵɵtext(52, "Human-AI Agreement");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(53, "div", 26)(54, "div", 27)(55, "label");
-            i0.ɵɵtext(56, "View");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(57, "select", 28);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_select_ngModelChange_57_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.viewMode, $event) || (ctx.viewMode = $event); return $event; });
-            i0.ɵɵlistener("change", function TestingFeedbackComponent_Template_select_change_57_listener() { return ctx.onViewModeChange(); });
-            i0.ɵɵelementStart(58, "option", 29);
-            i0.ɵɵtext(59, "Pending Reviews");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(60, "option", 30);
-            i0.ɵɵtext(61, "Reviewed Feedback");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(62, "option", 31);
-            i0.ɵɵtext(63, "By Test Suite");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(64, TestingFeedbackComponent_div_64_Template, 12, 1, "div", 32)(65, TestingFeedbackComponent_div_65_Template, 8, 5, "div", 32);
-            i0.ɵɵelementStart(66, "div", 33)(67, "label");
-            i0.ɵɵtext(68, "Search");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(69, "div", 34);
-            i0.ɵɵelement(70, "i", 35);
-            i0.ɵɵelementStart(71, "input", 36);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_input_ngModelChange_71_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.searchText, $event) || (ctx.filters.searchText = $event); return $event; });
-            i0.ɵɵlistener("input", function TestingFeedbackComponent_Template_input_input_71_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(72, TestingFeedbackComponent_button_72_Template, 2, 0, "button", 37);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(73, TestingFeedbackComponent_div_73_Template, 17, 4, "div", 38)(74, TestingFeedbackComponent_div_74_Template, 17, 4, "div", 38)(75, TestingFeedbackComponent_div_75_Template, 7, 3, "div", 38);
-            i0.ɵɵelementStart(76, "div", 39)(77, "h3");
-            i0.ɵɵelement(78, "i", 40);
-            i0.ɵɵtext(79, " Feedback Statistics ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(80, "div", 41)(81, "div", 42)(82, "div", 43);
-            i0.ɵɵtext(83, "Total Feedback");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(84, "div", 44);
-            i0.ɵɵtext(85);
-            i0.ɵɵpipe(86, "async");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(87, "div", 42)(88, "div", 43);
-            i0.ɵɵtext(89, "Avg Rating");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(90, "div", 44);
-            i0.ɵɵtext(91);
-            i0.ɵɵpipe(92, "async");
-            i0.ɵɵpipe(93, "number");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(94, "div", 42)(95, "div", 43);
-            i0.ɵɵtext(96, "Agreement Rate");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(97, "div", 44);
-            i0.ɵɵtext(98);
-            i0.ɵɵpipe(99, "async");
-            i0.ɵɵpipe(100, "number");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(101, "div", 42)(102, "div", 43);
-            i0.ɵɵtext(103, "Discrepancy Count");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(104, "div", 44);
-            i0.ɵɵtext(105);
-            i0.ɵɵpipe(106, "async");
-            i0.ɵɵelementEnd()()()()();
-        } if (rf & 2) {
-            let tmp_5_0;
-            let tmp_7_0;
-            let tmp_9_0;
-            let tmp_10_0;
-            let tmp_19_0;
-            let tmp_20_0;
-            let tmp_21_0;
-            let tmp_22_0;
-            i0.ɵɵadvance(6);
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(7, 27, ctx.pendingCount$));
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("disabled", ctx.isRefreshing);
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("fa-spin", ctx.isRefreshing);
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.isRefreshing ? "Refreshing..." : "Refresh", " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("active", ctx.viewMode === "pending");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((tmp_5_0 = i0.ɵɵpipeBind1(19, 29, ctx.pendingCount$)) !== null && tmp_5_0 !== undefined ? tmp_5_0 : 0);
-            i0.ɵɵadvance(5);
-            i0.ɵɵclassProp("active", ctx.viewMode === "reviewed");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((tmp_7_0 = i0.ɵɵpipeBind1(29, 31, ctx.reviewedCount$)) !== null && tmp_7_0 !== undefined ? tmp_7_0 : 0);
-            i0.ɵɵadvance(5);
-            i0.ɵɵclassProp("active", ctx.viewMode === "suites");
-            i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate((tmp_9_0 = i0.ɵɵpipeBind1(39, 33, ctx.suiteCount$)) !== null && tmp_9_0 !== undefined ? tmp_9_0 : 0);
-            i0.ɵɵadvance(10);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(50, 37, (tmp_10_0 = i0.ɵɵpipeBind1(49, 35, ctx.accuracyRate$)) !== null && tmp_10_0 !== undefined ? tmp_10_0 : 0, "1.1-1"), "%");
-            i0.ɵɵadvance(9);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.viewMode);
-            i0.ɵɵadvance(7);
-            i0.ɵɵproperty("ngIf", ctx.viewMode === "pending");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.viewMode !== "suites");
-            i0.ɵɵadvance(6);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.searchText);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.filters.searchText);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.viewMode === "pending");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.viewMode === "reviewed");
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.viewMode === "suites");
-            i0.ɵɵadvance(10);
-            i0.ɵɵtextInterpolate((tmp_19_0 = i0.ɵɵpipeBind1(86, 40, ctx.totalFeedback$)) !== null && tmp_19_0 !== undefined ? tmp_19_0 : 0);
-            i0.ɵɵadvance(6);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(93, 44, (tmp_20_0 = i0.ɵɵpipeBind1(92, 42, ctx.avgRating$)) !== null && tmp_20_0 !== undefined ? tmp_20_0 : 0, "1.1-1"), "/10");
-            i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(100, 49, (tmp_21_0 = i0.ɵɵpipeBind1(99, 47, ctx.agreementRate$)) !== null && tmp_21_0 !== undefined ? tmp_21_0 : 0, "1.1-1"), "%");
-            i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate((tmp_22_0 = i0.ɵɵpipeBind1(106, 52, ctx.discrepancyCount$)) !== null && tmp_22_0 !== undefined ? tmp_22_0 : 0);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.SelectControlValueAccessor, i3.NgControlStatus, i3.NgModel, i2.AsyncPipe, i2.DecimalPipe, i2.DatePipe], styles: ["[_nghost-%COMP%] {\n      display: block;\n      height: 100%;\n    }\n\n    .testing-feedback[_ngcontent-%COMP%] {\n      padding: 20px;\n      height: 100%;\n      overflow-y: auto;\n      background: #f8f9fa;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    \n\n    .feedback-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 20px;\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .header-left[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .header-left[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-left[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #3b82f6;\n    }\n\n    .pending-badge[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\n      border: 1px solid #fb923c;\n      border-radius: 20px;\n    }\n\n    .badge-count[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n      color: white;\n      min-width: 24px;\n      height: 24px;\n      padding: 0 6px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    .badge-text[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: #ea580c;\n    }\n\n    .action-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      background: white;\n      color: #64748b;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .action-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: #f8fafc;\n      border-color: #cbd5e1;\n    }\n\n    .action-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    \n\n    .feedback-summary[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-bottom: 20px;\n    }\n\n    .summary-card[_ngcontent-%COMP%] {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n\n    .summary-card.clickable[_ngcontent-%COMP%] {\n      cursor: pointer;\n    }\n\n    .summary-card.clickable[_ngcontent-%COMP%]:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    .summary-card.active[_ngcontent-%COMP%] {\n      border: 2px solid #3b82f6;\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n    }\n\n    .summary-icon[_ngcontent-%COMP%] {\n      width: 52px;\n      height: 52px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      color: white;\n      flex-shrink: 0;\n    }\n\n    .summary-icon.pending[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n    }\n\n    .summary-icon.reviewed[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    }\n\n    .summary-icon.suites[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    }\n\n    .summary-icon.accuracy[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    }\n\n    .summary-content[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .summary-value[_ngcontent-%COMP%] {\n      font-size: 28px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1;\n      margin-bottom: 4px;\n    }\n\n    .summary-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #64748b;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .summary-arrow[_ngcontent-%COMP%] {\n      color: #94a3b8;\n      font-size: 14px;\n    }\n\n    \n\n    .feedback-filters[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 20px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      flex-wrap: wrap;\n    }\n\n    .filter-group[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-width: 140px;\n    }\n\n    .filter-group.search[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 200px;\n    }\n\n    .filter-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 700;\n      color: #64748b;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .filter-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 10px 12px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 13px;\n      background: white;\n      color: #1e293b;\n      cursor: pointer;\n    }\n\n    .filter-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .search-input-wrapper[_ngcontent-%COMP%] {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    .search-input-wrapper[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n      position: absolute;\n      left: 12px;\n      color: #94a3b8;\n      font-size: 13px;\n    }\n\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 10px 40px 10px 36px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 13px;\n    }\n\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .clear-btn[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: #94a3b8;\n      cursor: pointer;\n      padding: 6px;\n      border-radius: 4px;\n    }\n\n    .clear-btn[_ngcontent-%COMP%]:hover {\n      color: #64748b;\n      background: #f1f5f9;\n    }\n\n    \n\n    .feedback-content[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      overflow: hidden;\n      margin-bottom: 20px;\n    }\n\n    .content-header[_ngcontent-%COMP%] {\n      padding: 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border-bottom: 1px solid #e2e8f0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .content-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .content-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #3b82f6;\n    }\n\n    .sort-controls[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .sort-controls[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 6px 10px;\n      border: 1px solid #e2e8f0;\n      border-radius: 6px;\n      font-size: 12px;\n      background: white;\n    }\n\n    \n\n    .feedback-list[_ngcontent-%COMP%] {\n      max-height: 600px;\n      overflow-y: auto;\n    }\n\n    .feedback-item[_ngcontent-%COMP%] {\n      border-bottom: 1px solid #f1f5f9;\n      transition: all 0.2s ease;\n    }\n\n    .feedback-item.expanded[_ngcontent-%COMP%] {\n      background: #f8fafc;\n    }\n\n    .item-header[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      cursor: pointer;\n      transition: background 0.2s ease;\n    }\n\n    .item-header[_ngcontent-%COMP%]:hover {\n      background: rgba(59, 130, 246, 0.04);\n    }\n\n    .item-main[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .item-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 6px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #64748b;\n      flex-wrap: wrap;\n    }\n\n    .item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .meta-status[_ngcontent-%COMP%] {\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-weight: 600;\n      font-size: 11px;\n    }\n\n    .meta-status.status-passed[_ngcontent-%COMP%] { background: #dcfce7; color: #16a34a; }\n    .meta-status.status-failed[_ngcontent-%COMP%] { background: #fee2e2; color: #dc2626; }\n    .meta-status.status-error[_ngcontent-%COMP%] { background: #fef3c7; color: #d97706; }\n    .meta-status.status-running[_ngcontent-%COMP%] { background: #dbeafe; color: #2563eb; }\n\n    .item-reason[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n    }\n\n    .reason-badge[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      border-radius: 16px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .reason-badge.no-feedback[_ngcontent-%COMP%] {\n      background: #dbeafe;\n      color: #2563eb;\n    }\n\n    .reason-badge.high-score-failed[_ngcontent-%COMP%] {\n      background: #fee2e2;\n      color: #dc2626;\n    }\n\n    .reason-badge.low-score-passed[_ngcontent-%COMP%] {\n      background: #fef3c7;\n      color: #d97706;\n    }\n\n    .expand-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: #94a3b8;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 14px;\n    }\n\n    .expand-btn[_ngcontent-%COMP%]:hover {\n      background: #e2e8f0;\n      color: #64748b;\n    }\n\n    \n\n    .item-content[_ngcontent-%COMP%] {\n      padding: 20px;\n      border-top: 1px solid #e2e8f0;\n      background: white;\n    }\n\n    .feedback-form[_ngcontent-%COMP%] {\n      max-width: 600px;\n    }\n\n    .form-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0 0 20px 0;\n      font-size: 15px;\n      font-weight: 600;\n      color: #1e293b;\n    }\n\n    .rating-section[_ngcontent-%COMP%], \n   .correctness-section[_ngcontent-%COMP%] {\n      margin-bottom: 20px;\n    }\n\n    .rating-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], \n   .correctness-section[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n      margin-bottom: 10px;\n    }\n\n    .rating-stars-input[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .star-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      font-size: 22px;\n      color: #e2e8f0;\n      cursor: pointer;\n      padding: 2px;\n      transition: all 0.15s ease;\n    }\n\n    .star-btn[_ngcontent-%COMP%]:hover {\n      transform: scale(1.2);\n    }\n\n    .star-btn.filled[_ngcontent-%COMP%] {\n      color: #f59e0b;\n    }\n\n    .rating-display[_ngcontent-%COMP%] {\n      margin-left: 12px;\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    .correctness-buttons[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n    }\n\n    .correctness-btn[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: 2px solid #e2e8f0;\n      border-radius: 10px;\n      background: white;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .correctness-btn.correct[_ngcontent-%COMP%]:hover, \n   .correctness-btn.correct.active[_ngcontent-%COMP%] {\n      border-color: #22c55e;\n      background: #f0fdf4;\n      color: #16a34a;\n    }\n\n    .correctness-btn.incorrect[_ngcontent-%COMP%]:hover, \n   .correctness-btn.incorrect.active[_ngcontent-%COMP%] {\n      border-color: #ef4444;\n      background: #fef2f2;\n      color: #dc2626;\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      margin-bottom: 16px;\n    }\n\n    .form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n      margin-bottom: 8px;\n    }\n\n    .comments-textarea[_ngcontent-%COMP%] {\n      width: 100%;\n      padding: 12px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 14px;\n      font-family: inherit;\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .comments-textarea[_ngcontent-%COMP%]:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .form-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      margin-top: 20px;\n    }\n\n    .submit-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 24px;\n      border: none;\n      border-radius: 8px;\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .submit-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n    }\n\n    .submit-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .view-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      background: white;\n      color: #64748b;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-btn[_ngcontent-%COMP%]:hover {\n      border-color: #cbd5e1;\n      background: #f8fafc;\n    }\n\n    \n\n    .reviewed-item[_ngcontent-%COMP%] {\n      padding: 16px 20px;\n      border-bottom: 1px solid #f1f5f9;\n    }\n\n    .reviewed-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .reviewed-main[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .reviewed-title[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 4px;\n    }\n\n    .reviewed-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .reviewed-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .reviewed-rating[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .rating-stars[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 2px;\n    }\n\n    .rating-stars[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #e2e8f0;\n    }\n\n    .rating-stars[_ngcontent-%COMP%]   i.filled[_ngcontent-%COMP%] {\n      color: #f59e0b;\n    }\n\n    .rating-text[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n    }\n\n    .reviewed-verdict[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n    }\n\n    .verdict-badge[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      border-radius: 16px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .verdict-badge.correct[_ngcontent-%COMP%] {\n      background: #dcfce7;\n      color: #16a34a;\n    }\n\n    .verdict-badge.incorrect[_ngcontent-%COMP%] {\n      background: #fee2e2;\n      color: #dc2626;\n    }\n\n    .view-btn-small[_ngcontent-%COMP%] {\n      background: none;\n      border: 1px solid #e2e8f0;\n      border-radius: 6px;\n      padding: 8px;\n      color: #64748b;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-btn-small[_ngcontent-%COMP%]:hover {\n      background: #f8fafc;\n      border-color: #cbd5e1;\n    }\n\n    .reviewed-comments[_ngcontent-%COMP%] {\n      margin-top: 12px;\n      padding: 12px;\n      background: #f8fafc;\n      border-radius: 8px;\n      border-left: 3px solid #3b82f6;\n    }\n\n    .reviewed-comments[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n    }\n\n    \n\n    .suites-list[_ngcontent-%COMP%] {\n      padding: 16px;\n    }\n\n    .suite-card[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 20px;\n      background: #f8fafc;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      margin-bottom: 12px;\n    }\n\n    .suite-card[_ngcontent-%COMP%]:hover {\n      border-color: #3b82f6;\n      background: white;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    }\n\n    .suite-card[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    .suite-header[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-icon[_ngcontent-%COMP%] {\n      width: 44px;\n      height: 44px;\n      border-radius: 10px;\n      background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .suite-info[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0 0 4px 0;\n      font-size: 15px;\n      font-weight: 600;\n      color: #1e293b;\n    }\n\n    .suite-meta[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .suite-stats[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 20px;\n    }\n\n    .suite-stat[_ngcontent-%COMP%] {\n      text-align: center;\n      min-width: 60px;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-value.pending[_ngcontent-%COMP%] {\n      color: #f97316;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-value.reviewed[_ngcontent-%COMP%] {\n      color: #22c55e;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-value.good[_ngcontent-%COMP%] {\n      color: #22c55e;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-value.bad[_ngcontent-%COMP%] {\n      color: #ef4444;\n    }\n\n    .suite-stat[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: #94a3b8;\n      font-weight: 600;\n      text-transform: uppercase;\n    }\n\n    .suite-arrow[_ngcontent-%COMP%] {\n      color: #94a3b8;\n      font-size: 14px;\n    }\n\n    \n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 60px 20px;\n      text-align: center;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 56px;\n      margin-bottom: 16px;\n      color: #cbd5e1;\n    }\n\n    .empty-state.success[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #22c55e;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      font-size: 18px;\n      color: #475569;\n      margin: 0 0 8px 0;\n      font-weight: 600;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      font-size: 14px;\n      color: #94a3b8;\n      margin: 0;\n    }\n\n    \n\n    .feedback-stats[_ngcontent-%COMP%] {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .feedback-stats[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0 0 20px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .feedback-stats[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #3b82f6;\n    }\n\n    .stats-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 16px;\n    }\n\n    .stat-card[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      padding: 16px;\n      border-radius: 10px;\n      text-align: center;\n    }\n\n    .stat-card[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n      font-size: 10px;\n      font-weight: 700;\n      color: #64748b;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    \n\n    @media (max-width: 1024px) {\n      .feedback-summary[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .suite-stats[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n        gap: 12px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .testing-feedback[_ngcontent-%COMP%] {\n        padding: 16px;\n      }\n\n      .feedback-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 16px;\n        align-items: flex-start;\n      }\n\n      .feedback-summary[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .summary-card[_ngcontent-%COMP%] {\n        padding: 16px;\n      }\n\n      .summary-value[_ngcontent-%COMP%] {\n        font-size: 22px;\n      }\n\n      .feedback-filters[_ngcontent-%COMP%] {\n        flex-direction: column;\n      }\n\n      .filter-group[_ngcontent-%COMP%] {\n        min-width: 100%;\n      }\n\n      .item-header[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n      }\n\n      .item-reason[_ngcontent-%COMP%] {\n        width: 100%;\n        margin-top: 8px;\n      }\n\n      .correctness-buttons[_ngcontent-%COMP%] {\n        flex-direction: column;\n      }\n\n      .form-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n      }\n\n      .reviewed-header[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n      }\n\n      .suite-card[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .suite-stats[_ngcontent-%COMP%] {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }"], data: { animation: [] }, changeDetection: 0 });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingFeedbackComponent, [{
-        type: Component,
-        args: [{ selector: 'app-testing-feedback', changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="testing-feedback">
-      <!-- Header -->
-      <div class="feedback-header">
-        <div class="header-left">
-          <h2>
-            <i class="fa-solid fa-clipboard-check"></i>
-            Human Feedback Review
-          </h2>
-          <div class="pending-badge" *ngIf="(pendingCount$ | async) as count">
-            <span class="badge-count" *ngIf="count > 0">{{ count }}</span>
-            <span class="badge-text">{{ count > 0 ? 'Pending Review' : 'All Reviewed' }}</span>
-          </div>
-        </div>
-        <div class="header-actions">
-          <button class="action-btn refresh-btn" (click)="refresh()" [disabled]="isRefreshing">
-            <i class="fa-solid fa-refresh" [class.fa-spin]="isRefreshing"></i>
-            {{ isRefreshing ? 'Refreshing...' : 'Refresh' }}
-          </button>
-        </div>
-      </div>
-
-      <!-- KPI Summary Cards - Clickable -->
-      <div class="feedback-summary">
-        <div class="summary-card clickable" [class.active]="viewMode === 'pending'" (click)="setViewMode('pending')">
-          <div class="summary-icon pending">
-            <i class="fa-solid fa-hourglass-half"></i>
-          </div>
-          <div class="summary-content">
-            <div class="summary-value">{{ (pendingCount$ | async) ?? 0 }}</div>
-            <div class="summary-label">Pending Review</div>
-          </div>
-          <i class="fa-solid fa-chevron-right summary-arrow"></i>
-        </div>
-        <div class="summary-card clickable" [class.active]="viewMode === 'reviewed'" (click)="setViewMode('reviewed')">
-          <div class="summary-icon reviewed">
-            <i class="fa-solid fa-check-circle"></i>
-          </div>
-          <div class="summary-content">
-            <div class="summary-value">{{ (reviewedCount$ | async) ?? 0 }}</div>
-            <div class="summary-label">Reviewed</div>
-          </div>
-          <i class="fa-solid fa-chevron-right summary-arrow"></i>
-        </div>
-        <div class="summary-card clickable" [class.active]="viewMode === 'suites'" (click)="setViewMode('suites')">
-          <div class="summary-icon suites">
-            <i class="fa-solid fa-layer-group"></i>
-          </div>
-          <div class="summary-content">
-            <div class="summary-value">{{ (suiteCount$ | async) ?? 0 }}</div>
-            <div class="summary-label">Test Suites</div>
-          </div>
-          <i class="fa-solid fa-chevron-right summary-arrow"></i>
-        </div>
-        <div class="summary-card">
-          <div class="summary-icon accuracy">
-            <i class="fa-solid fa-bullseye"></i>
-          </div>
-          <div class="summary-content">
-            <div class="summary-value">{{ (accuracyRate$ | async) ?? 0 | number:'1.1-1' }}%</div>
-            <div class="summary-label">Human-AI Agreement</div>
-          </div>
-        </div>
-      </div>
-
-      <!-- Filters Bar -->
-      <div class="feedback-filters">
-        <div class="filter-group">
-          <label>View</label>
-          <select [(ngModel)]="viewMode" (change)="onViewModeChange()">
-            <option value="pending">Pending Reviews</option>
-            <option value="reviewed">Reviewed Feedback</option>
-            <option value="suites">By Test Suite</option>
-          </select>
-        </div>
-        <div class="filter-group" *ngIf="viewMode === 'pending'">
-          <label>Reason</label>
-          <select [(ngModel)]="filters.reason" (change)="onFilterChange()">
-            <option value="all">All Reasons</option>
-            <option value="no-feedback">No Feedback</option>
-            <option value="high-score-failed">High Score but Failed</option>
-            <option value="low-score-passed">Low Score but Passed</option>
-          </select>
-        </div>
-        <div class="filter-group" *ngIf="viewMode !== 'suites'">
-          <label>Test Suite</label>
-          <select [(ngModel)]="filters.suiteId" (change)="onFilterChange()">
-            <option [ngValue]="null">All Suites</option>
-            <option *ngFor="let suite of testSuites$ | async" [ngValue]="suite.ID">{{ suite.Name }}</option>
-          </select>
-        </div>
-        <div class="filter-group search">
-          <label>Search</label>
-          <div class="search-input-wrapper">
-            <i class="fa-solid fa-search"></i>
-            <input
-              type="text"
-              [(ngModel)]="filters.searchText"
-              (input)="onFilterChange()"
-              placeholder="Search tests..."
-            />
-            <button class="clear-btn" *ngIf="filters.searchText" (click)="clearSearch()">
-              <i class="fa-solid fa-times"></i>
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <!-- Pending Reviews View -->
-      <div class="feedback-content" *ngIf="viewMode === 'pending'">
-        <div class="content-header">
-          <h3>
-            <i class="fa-solid fa-list-check"></i>
-            Tests Requiring Review
-          </h3>
-          <div class="sort-controls">
-            <label>Sort by:</label>
-            <select [(ngModel)]="sortBy" (change)="onSortChange()">
-              <option value="date">Date</option>
-              <option value="priority">Priority</option>
-              <option value="test-name">Test Name</option>
-            </select>
-          </div>
-        </div>
-
-        <div class="feedback-list" *ngIf="(filteredPending$ | async) as items">
-          <ng-container *ngIf="items.length > 0; else emptyPending">
-            <div class="feedback-item" *ngFor="let item of items; trackBy: trackByTestRunId"
-                 [class.expanded]="expandedItem === item.testRunID">
-              <div class="item-header" (click)="toggleExpanded(item.testRunID)">
-                <div class="item-main">
-                  <div class="item-title">{{ item.testName }}</div>
-                  <div class="item-meta">
-                    <span class="meta-date">
-                      <i class="fa-solid fa-clock"></i>
-                      {{ item.runDateTime | date:'short' }}
-                    </span>
-                    <span class="meta-score">
-                      Score: <strong>{{ (item.automatedScore * 10).toFixed(2) }}</strong>/10
-                    </span>
-                    <span class="meta-status" [class]="'status-' + item.automatedStatus.toLowerCase()">
-                      {{ item.automatedStatus }}
-                    </span>
-                  </div>
-                </div>
-                <div class="item-reason">
-                  <span class="reason-badge" [class]="item.reason">
-                    <i class="fa-solid" [class.fa-circle-info]="item.reason === 'no-feedback'"
-                       [class.fa-arrow-up]="item.reason === 'high-score-failed'"
-                       [class.fa-arrow-down]="item.reason === 'low-score-passed'"></i>
-                    {{ formatReason(item.reason) }}
-                  </span>
-                </div>
-                <button class="expand-btn">
-                  <i class="fa-solid" [class.fa-chevron-down]="expandedItem !== item.testRunID"
-                     [class.fa-chevron-up]="expandedItem === item.testRunID"></i>
-                </button>
-              </div>
-
-              <div class="item-content" *ngIf="expandedItem === item.testRunID" [@slideDown]>
-                <div class="feedback-form">
-                  <div class="form-section">
-                    <h4>Provide Your Feedback</h4>
-                    <div class="rating-section">
-                      <label>Human Rating</label>
-                      <div class="rating-stars-input">
-                        <button *ngFor="let star of [1,2,3,4,5,6,7,8,9,10]"
-                                class="star-btn"
-                                [class.filled]="star <= item.feedbackRating"
-                                (click)="setRating(item, star)">
-                          <i class="fa-solid fa-star"></i>
-                        </button>
-                        <span class="rating-display">{{ item.feedbackRating }}/10</span>
-                      </div>
-                    </div>
-                    <div class="correctness-section">
-                      <label>Is the Automated Result Correct?</label>
-                      <div class="correctness-buttons">
-                        <button class="correctness-btn correct" [class.active]="item.feedbackIsCorrect === true"
-                                (click)="setCorrectness(item, true)">
-                          <i class="fa-solid fa-check"></i>
-                          Correct
-                        </button>
-                        <button class="correctness-btn incorrect" [class.active]="item.feedbackIsCorrect === false"
-                                (click)="setCorrectness(item, false)">
-                          <i class="fa-solid fa-times"></i>
-                          Incorrect
-                        </button>
-                      </div>
-                    </div>
-                    <div class="form-group">
-                      <label>Comments / Correction Notes</label>
-                      <textarea
-                        [(ngModel)]="item.feedbackComments"
-                        rows="3"
-                        class="comments-textarea"
-                        placeholder="Explain your assessment or provide correction notes..."
-                      ></textarea>
-                    </div>
-                    <div class="form-actions">
-                      <button class="submit-btn" (click)="submitFeedback(item)" [disabled]="isSubmitting">
-                        <i class="fa-solid fa-paper-plane"></i>
-                        {{ isSubmitting ? 'Submitting...' : 'Submit Feedback' }}
-                      </button>
-                      <button class="view-btn" (click)="viewFullDetails(item)">
-                        <i class="fa-solid fa-external-link"></i>
-                        View Full Details
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </ng-container>
-          <ng-template #emptyPending>
-            <div class="empty-state success">
-              <i class="fa-solid fa-check-double"></i>
-              <h3>All Caught Up!</h3>
-              <p>No tests currently require feedback review.</p>
-            </div>
-          </ng-template>
-        </div>
-      </div>
-
-      <!-- Reviewed Feedback View -->
-      <div class="feedback-content" *ngIf="viewMode === 'reviewed'">
-        <div class="content-header">
-          <h3>
-            <i class="fa-solid fa-history"></i>
-            Reviewed Feedback History
-          </h3>
-          <div class="sort-controls">
-            <label>Sort by:</label>
-            <select [(ngModel)]="reviewedSortBy" (change)="onReviewedSortChange()">
-              <option value="date">Review Date</option>
-              <option value="rating">Rating</option>
-              <option value="test-name">Test Name</option>
-            </select>
-          </div>
-        </div>
-
-        <div class="feedback-list" *ngIf="(filteredReviewed$ | async) as items">
-          <ng-container *ngIf="items.length > 0; else emptyReviewed">
-            <div class="reviewed-item" *ngFor="let item of items; trackBy: trackByReviewedId">
-              <div class="reviewed-header">
-                <div class="reviewed-main">
-                  <div class="reviewed-title">{{ item.testName }}</div>
-                  <div class="reviewed-meta">
-                    <span class="meta-reviewer">
-                      <i class="fa-solid fa-user"></i>
-                      {{ item.reviewerName }}
-                    </span>
-                    <span class="meta-date">
-                      <i class="fa-solid fa-calendar"></i>
-                      {{ item.reviewedAt | date:'short' }}
-                    </span>
-                  </div>
-                </div>
-                <div class="reviewed-rating">
-                  <div class="rating-stars">
-                    <i class="fa-solid fa-star" *ngFor="let s of [1,2,3,4,5,6,7,8,9,10]"
-                       [class.filled]="s <= item.rating"></i>
-                  </div>
-                  <span class="rating-text">{{ item.rating }}/10</span>
-                </div>
-                <div class="reviewed-verdict">
-                  <span class="verdict-badge" [class.correct]="item.isCorrect" [class.incorrect]="!item.isCorrect">
-                    <i class="fa-solid" [class.fa-check]="item.isCorrect" [class.fa-times]="!item.isCorrect"></i>
-                    {{ item.isCorrect ? 'Correct' : 'Incorrect' }}
-                  </span>
-                </div>
-                <button class="view-btn-small" (click)="viewTestRun(item.testRunID)">
-                  <i class="fa-solid fa-external-link"></i>
-                </button>
-              </div>
-              <div class="reviewed-comments" *ngIf="item.comments">
-                <p>{{ item.comments }}</p>
-              </div>
-            </div>
-          </ng-container>
-          <ng-template #emptyReviewed>
-            <div class="empty-state">
-              <i class="fa-solid fa-clipboard"></i>
-              <h3>No Reviews Yet</h3>
-              <p>No feedback has been submitted yet. Start by reviewing pending tests.</p>
-            </div>
-          </ng-template>
-        </div>
-      </div>
-
-      <!-- Test Suite Aggregation View -->
-      <div class="feedback-content" *ngIf="viewMode === 'suites'">
-        <div class="content-header">
-          <h3>
-            <i class="fa-solid fa-layer-group"></i>
-            Feedback by Test Suite
-          </h3>
-        </div>
-
-        <div class="suites-list" *ngIf="(suiteAggregations$ | async) as suites">
-          <ng-container *ngIf="suites.length > 0; else emptySuites">
-            <div class="suite-card" *ngFor="let suite of suites; trackBy: trackBySuiteId"
-                 (click)="selectSuite(suite.suiteId)">
-              <div class="suite-header">
-                <div class="suite-icon">
-                  <i class="fa-solid fa-layer-group"></i>
-                </div>
-                <div class="suite-info">
-                  <h4>{{ suite.suiteName }}</h4>
-                  <div class="suite-meta">
-                    <span>{{ suite.totalRuns }} test runs</span>
-                  </div>
-                </div>
-              </div>
-              <div class="suite-stats">
-                <div class="suite-stat">
-                  <div class="stat-value pending">{{ suite.pendingCount }}</div>
-                  <div class="stat-label">Pending</div>
-                </div>
-                <div class="suite-stat">
-                  <div class="stat-value reviewed">{{ suite.reviewedCount }}</div>
-                  <div class="stat-label">Reviewed</div>
-                </div>
-                <div class="suite-stat">
-                  <div class="stat-value">{{ suite.avgRating | number:'1.1-1' }}</div>
-                  <div class="stat-label">Avg Rating</div>
-                </div>
-                <div class="suite-stat">
-                  <div class="stat-value" [class.good]="suite.agreementRate >= 70" [class.bad]="suite.agreementRate < 50">
-                    {{ suite.agreementRate | number:'1.0-0' }}%
-                  </div>
-                  <div class="stat-label">Agreement</div>
-                </div>
-                <div class="suite-stat">
-                  <div class="stat-value" [class.good]="suite.passRate >= 80" [class.bad]="suite.passRate < 50">
-                    {{ suite.passRate | number:'1.0-0' }}%
-                  </div>
-                  <div class="stat-label">Pass Rate</div>
-                </div>
-              </div>
-              <i class="fa-solid fa-chevron-right suite-arrow"></i>
-            </div>
-          </ng-container>
-          <ng-template #emptySuites>
-            <div class="empty-state">
-              <i class="fa-solid fa-layer-group"></i>
-              <h3>No Test Suites</h3>
-              <p>No test suites have been created yet.</p>
-            </div>
-          </ng-template>
-        </div>
-      </div>
-
-      <!-- Summary Statistics -->
-      <div class="feedback-stats">
-        <h3>
-          <i class="fa-solid fa-chart-pie"></i>
-          Feedback Statistics
-        </h3>
-        <div class="stats-grid">
-          <div class="stat-card">
-            <div class="stat-label">Total Feedback</div>
-            <div class="stat-value">{{ (totalFeedback$ | async) ?? 0 }}</div>
-          </div>
-          <div class="stat-card">
-            <div class="stat-label">Avg Rating</div>
-            <div class="stat-value">{{ (avgRating$ | async) ?? 0 | number:'1.1-1' }}/10</div>
-          </div>
-          <div class="stat-card">
-            <div class="stat-label">Agreement Rate</div>
-            <div class="stat-value">{{ (agreementRate$ | async) ?? 0 | number:'1.1-1' }}%</div>
-          </div>
-          <div class="stat-card">
-            <div class="stat-label">Discrepancy Count</div>
-            <div class="stat-value">{{ (discrepancyCount$ | async) ?? 0 }}</div>
-          </div>
-        </div>
-      </div>
-    </div>
-  `, animations: [], styles: ["\n    :host {\n      display: block;\n      height: 100%;\n    }\n\n    .testing-feedback {\n      padding: 20px;\n      height: 100%;\n      overflow-y: auto;\n      background: #f8f9fa;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    /* Header */\n    .feedback-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 20px;\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .header-left {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .header-left h2 {\n      margin: 0;\n      font-size: 22px;\n      font-weight: 700;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-left h2 i {\n      color: #3b82f6;\n    }\n\n    .pending-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 14px;\n      background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);\n      border: 1px solid #fb923c;\n      border-radius: 20px;\n    }\n\n    .badge-count {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n      color: white;\n      min-width: 24px;\n      height: 24px;\n      padding: 0 6px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    .badge-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #ea580c;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      background: white;\n      color: #64748b;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .action-btn:hover:not(:disabled) {\n      background: #f8fafc;\n      border-color: #cbd5e1;\n    }\n\n    .action-btn:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    /* Summary Cards */\n    .feedback-summary {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n      margin-bottom: 20px;\n    }\n\n    .summary-card {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      transition: all 0.2s ease;\n      position: relative;\n    }\n\n    .summary-card.clickable {\n      cursor: pointer;\n    }\n\n    .summary-card.clickable:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);\n    }\n\n    .summary-card.active {\n      border: 2px solid #3b82f6;\n      background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n    }\n\n    .summary-icon {\n      width: 52px;\n      height: 52px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      color: white;\n      flex-shrink: 0;\n    }\n\n    .summary-icon.pending {\n      background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);\n    }\n\n    .summary-icon.reviewed {\n      background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);\n    }\n\n    .summary-icon.suites {\n      background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n    }\n\n    .summary-icon.accuracy {\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n    }\n\n    .summary-content {\n      flex: 1;\n    }\n\n    .summary-value {\n      font-size: 28px;\n      font-weight: 700;\n      color: #1e293b;\n      line-height: 1;\n      margin-bottom: 4px;\n    }\n\n    .summary-label {\n      font-size: 11px;\n      color: #64748b;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .summary-arrow {\n      color: #94a3b8;\n      font-size: 14px;\n    }\n\n    /* Filters */\n    .feedback-filters {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 20px;\n      background: white;\n      padding: 16px 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      flex-wrap: wrap;\n    }\n\n    .filter-group {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-width: 140px;\n    }\n\n    .filter-group.search {\n      flex: 1;\n      min-width: 200px;\n    }\n\n    .filter-group label {\n      font-size: 10px;\n      font-weight: 700;\n      color: #64748b;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .filter-group select {\n      padding: 10px 12px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 13px;\n      background: white;\n      color: #1e293b;\n      cursor: pointer;\n    }\n\n    .filter-group select:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .search-input-wrapper {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    .search-input-wrapper > i {\n      position: absolute;\n      left: 12px;\n      color: #94a3b8;\n      font-size: 13px;\n    }\n\n    .search-input-wrapper input {\n      flex: 1;\n      padding: 10px 40px 10px 36px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 13px;\n    }\n\n    .search-input-wrapper input:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .clear-btn {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: #94a3b8;\n      cursor: pointer;\n      padding: 6px;\n      border-radius: 4px;\n    }\n\n    .clear-btn:hover {\n      color: #64748b;\n      background: #f1f5f9;\n    }\n\n    /* Content Area */\n    .feedback-content {\n      background: white;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n      overflow: hidden;\n      margin-bottom: 20px;\n    }\n\n    .content-header {\n      padding: 20px;\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      border-bottom: 1px solid #e2e8f0;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .content-header h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .content-header h3 i {\n      color: #3b82f6;\n    }\n\n    .sort-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .sort-controls select {\n      padding: 6px 10px;\n      border: 1px solid #e2e8f0;\n      border-radius: 6px;\n      font-size: 12px;\n      background: white;\n    }\n\n    /* Feedback List */\n    .feedback-list {\n      max-height: 600px;\n      overflow-y: auto;\n    }\n\n    .feedback-item {\n      border-bottom: 1px solid #f1f5f9;\n      transition: all 0.2s ease;\n    }\n\n    .feedback-item.expanded {\n      background: #f8fafc;\n    }\n\n    .item-header {\n      padding: 16px 20px;\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      cursor: pointer;\n      transition: background 0.2s ease;\n    }\n\n    .item-header:hover {\n      background: rgba(59, 130, 246, 0.04);\n    }\n\n    .item-main {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .item-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 6px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-meta {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #64748b;\n      flex-wrap: wrap;\n    }\n\n    .item-meta span {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .meta-status {\n      padding: 2px 8px;\n      border-radius: 4px;\n      font-weight: 600;\n      font-size: 11px;\n    }\n\n    .meta-status.status-passed { background: #dcfce7; color: #16a34a; }\n    .meta-status.status-failed { background: #fee2e2; color: #dc2626; }\n    .meta-status.status-error { background: #fef3c7; color: #d97706; }\n    .meta-status.status-running { background: #dbeafe; color: #2563eb; }\n\n    .item-reason {\n      flex-shrink: 0;\n    }\n\n    .reason-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      border-radius: 16px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .reason-badge.no-feedback {\n      background: #dbeafe;\n      color: #2563eb;\n    }\n\n    .reason-badge.high-score-failed {\n      background: #fee2e2;\n      color: #dc2626;\n    }\n\n    .reason-badge.low-score-passed {\n      background: #fef3c7;\n      color: #d97706;\n    }\n\n    .expand-btn {\n      background: none;\n      border: none;\n      color: #94a3b8;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 6px;\n      transition: all 0.2s ease;\n      font-size: 14px;\n    }\n\n    .expand-btn:hover {\n      background: #e2e8f0;\n      color: #64748b;\n    }\n\n    /* Expanded Content */\n    .item-content {\n      padding: 20px;\n      border-top: 1px solid #e2e8f0;\n      background: white;\n    }\n\n    .feedback-form {\n      max-width: 600px;\n    }\n\n    .form-section h4 {\n      margin: 0 0 20px 0;\n      font-size: 15px;\n      font-weight: 600;\n      color: #1e293b;\n    }\n\n    .rating-section,\n    .correctness-section {\n      margin-bottom: 20px;\n    }\n\n    .rating-section label,\n    .correctness-section label {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n      margin-bottom: 10px;\n    }\n\n    .rating-stars-input {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .star-btn {\n      background: none;\n      border: none;\n      font-size: 22px;\n      color: #e2e8f0;\n      cursor: pointer;\n      padding: 2px;\n      transition: all 0.15s ease;\n    }\n\n    .star-btn:hover {\n      transform: scale(1.2);\n    }\n\n    .star-btn.filled {\n      color: #f59e0b;\n    }\n\n    .rating-display {\n      margin-left: 12px;\n      font-size: 16px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    .correctness-buttons {\n      display: flex;\n      gap: 12px;\n    }\n\n    .correctness-btn {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: 2px solid #e2e8f0;\n      border-radius: 10px;\n      background: white;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .correctness-btn.correct:hover,\n    .correctness-btn.correct.active {\n      border-color: #22c55e;\n      background: #f0fdf4;\n      color: #16a34a;\n    }\n\n    .correctness-btn.incorrect:hover,\n    .correctness-btn.incorrect.active {\n      border-color: #ef4444;\n      background: #fef2f2;\n      color: #dc2626;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group label {\n      display: block;\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n      margin-bottom: 8px;\n    }\n\n    .comments-textarea {\n      width: 100%;\n      padding: 12px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      font-size: 14px;\n      font-family: inherit;\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    .comments-textarea:focus {\n      outline: none;\n      border-color: #3b82f6;\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .form-actions {\n      display: flex;\n      gap: 12px;\n      margin-top: 20px;\n    }\n\n    .submit-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 24px;\n      border: none;\n      border-radius: 8px;\n      background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n      color: white;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .submit-btn:hover:not(:disabled) {\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);\n    }\n\n    .submit-btn:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .view-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 20px;\n      border: 1px solid #e2e8f0;\n      border-radius: 8px;\n      background: white;\n      color: #64748b;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-btn:hover {\n      border-color: #cbd5e1;\n      background: #f8fafc;\n    }\n\n    /* Reviewed Items */\n    .reviewed-item {\n      padding: 16px 20px;\n      border-bottom: 1px solid #f1f5f9;\n    }\n\n    .reviewed-header {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .reviewed-main {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .reviewed-title {\n      font-size: 14px;\n      font-weight: 600;\n      color: #1e293b;\n      margin-bottom: 4px;\n    }\n\n    .reviewed-meta {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .reviewed-meta span {\n      display: flex;\n      align-items: center;\n      gap: 5px;\n    }\n\n    .reviewed-rating {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .rating-stars {\n      display: flex;\n      gap: 2px;\n    }\n\n    .rating-stars i {\n      font-size: 12px;\n      color: #e2e8f0;\n    }\n\n    .rating-stars i.filled {\n      color: #f59e0b;\n    }\n\n    .rating-text {\n      font-size: 12px;\n      font-weight: 600;\n      color: #64748b;\n    }\n\n    .reviewed-verdict {\n      flex-shrink: 0;\n    }\n\n    .verdict-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      border-radius: 16px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .verdict-badge.correct {\n      background: #dcfce7;\n      color: #16a34a;\n    }\n\n    .verdict-badge.incorrect {\n      background: #fee2e2;\n      color: #dc2626;\n    }\n\n    .view-btn-small {\n      background: none;\n      border: 1px solid #e2e8f0;\n      border-radius: 6px;\n      padding: 8px;\n      color: #64748b;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-btn-small:hover {\n      background: #f8fafc;\n      border-color: #cbd5e1;\n    }\n\n    .reviewed-comments {\n      margin-top: 12px;\n      padding: 12px;\n      background: #f8fafc;\n      border-radius: 8px;\n      border-left: 3px solid #3b82f6;\n    }\n\n    .reviewed-comments p {\n      margin: 0;\n      font-size: 13px;\n      color: #475569;\n      line-height: 1.5;\n    }\n\n    /* Suite Cards */\n    .suites-list {\n      padding: 16px;\n    }\n\n    .suite-card {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 20px;\n      background: #f8fafc;\n      border: 1px solid #e2e8f0;\n      border-radius: 12px;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      margin-bottom: 12px;\n    }\n\n    .suite-card:hover {\n      border-color: #3b82f6;\n      background: white;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n    }\n\n    .suite-card:last-child {\n      margin-bottom: 0;\n    }\n\n    .suite-header {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      flex: 1;\n      min-width: 0;\n    }\n\n    .suite-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 10px;\n      background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 18px;\n      flex-shrink: 0;\n    }\n\n    .suite-info h4 {\n      margin: 0 0 4px 0;\n      font-size: 15px;\n      font-weight: 600;\n      color: #1e293b;\n    }\n\n    .suite-meta {\n      font-size: 12px;\n      color: #64748b;\n    }\n\n    .suite-stats {\n      display: flex;\n      gap: 20px;\n    }\n\n    .suite-stat {\n      text-align: center;\n      min-width: 60px;\n    }\n\n    .suite-stat .stat-value {\n      font-size: 18px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    .suite-stat .stat-value.pending {\n      color: #f97316;\n    }\n\n    .suite-stat .stat-value.reviewed {\n      color: #22c55e;\n    }\n\n    .suite-stat .stat-value.good {\n      color: #22c55e;\n    }\n\n    .suite-stat .stat-value.bad {\n      color: #ef4444;\n    }\n\n    .suite-stat .stat-label {\n      font-size: 10px;\n      color: #94a3b8;\n      font-weight: 600;\n      text-transform: uppercase;\n    }\n\n    .suite-arrow {\n      color: #94a3b8;\n      font-size: 14px;\n    }\n\n    /* Empty States */\n    .empty-state {\n      padding: 60px 20px;\n      text-align: center;\n    }\n\n    .empty-state i {\n      font-size: 56px;\n      margin-bottom: 16px;\n      color: #cbd5e1;\n    }\n\n    .empty-state.success i {\n      color: #22c55e;\n    }\n\n    .empty-state h3 {\n      font-size: 18px;\n      color: #475569;\n      margin: 0 0 8px 0;\n      font-weight: 600;\n    }\n\n    .empty-state p {\n      font-size: 14px;\n      color: #94a3b8;\n      margin: 0;\n    }\n\n    /* Statistics */\n    .feedback-stats {\n      background: white;\n      padding: 20px;\n      border-radius: 12px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n\n    .feedback-stats h3 {\n      margin: 0 0 20px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #1e293b;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .feedback-stats h3 i {\n      color: #3b82f6;\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n      gap: 16px;\n    }\n\n    .stat-card {\n      background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n      padding: 16px;\n      border-radius: 10px;\n      text-align: center;\n    }\n\n    .stat-card .stat-label {\n      font-size: 10px;\n      font-weight: 700;\n      color: #64748b;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n    }\n\n    .stat-card .stat-value {\n      font-size: 24px;\n      font-weight: 700;\n      color: #1e293b;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .feedback-summary {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .suite-stats {\n        flex-wrap: wrap;\n        gap: 12px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .testing-feedback {\n        padding: 16px;\n      }\n\n      .feedback-header {\n        flex-direction: column;\n        gap: 16px;\n        align-items: flex-start;\n      }\n\n      .feedback-summary {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .summary-card {\n        padding: 16px;\n      }\n\n      .summary-value {\n        font-size: 22px;\n      }\n\n      .feedback-filters {\n        flex-direction: column;\n      }\n\n      .filter-group {\n        min-width: 100%;\n      }\n\n      .item-header {\n        flex-wrap: wrap;\n      }\n\n      .item-reason {\n        width: 100%;\n        margin-top: 8px;\n      }\n\n      .correctness-buttons {\n        flex-direction: column;\n      }\n\n      .form-actions {\n        flex-direction: column;\n      }\n\n      .reviewed-header {\n        flex-wrap: wrap;\n      }\n\n      .suite-card {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .suite-stats {\n        width: 100%;\n        justify-content: space-between;\n      }\n    }\n  "] }]
-    }], () => [{ type: i1.TestingInstrumentationService }, { type: i0.ChangeDetectorRef }], { initialState: [{
-            type: Input
-        }], stateChange: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingFeedbackComponent, { className: "TestingFeedbackComponent" }); })();
-//# sourceMappingURL=testing-feedback.component.js.map