npm - @memberjunction/ng-dashboards - Versions diffs - 2.129.0 → 2.130.1 - Mend

@memberjunction/ng-dashboards 2.129.0 → 2.130.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

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

@@ -1,178 +1,241 @@
 import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil, map } from 'rxjs/operators';
-import { CompositeKey } from '@memberjunction/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";
-import * as i4 from "@memberjunction/ng-testing";
-const _forTrack0 = ($index, $item) => $item.testRunID;
-const _c0 = () => [];
-function TestingFeedbackComponent_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52)(1, "span", 53);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "async");
+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();
-    i0.ɵɵelementStart(4, "span", 54);
-    i0.ɵɵtext(5, "Pending Review");
+} 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 ctx_r0 = i0.ɵɵnextContext();
+    const count_r1 = ctx.ngIf;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", count_r1 > 0);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, ctx_r0.pendingCount$));
+    i0.ɵɵtextInterpolate(count_r1 > 0 ? "Pending Review" : "All Reviewed");
 } }
-function TestingFeedbackComponent_button_41_Template(rf, ctx) { if (rf & 1) {
+function TestingFeedbackComponent_div_64_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 55);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_button_41_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.clearSearch()); });
-    i0.ɵɵelement(1, "i", 56);
+    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_For_97_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 71)(1, "div", 72)(2, "div", 73)(3, "h4");
-    i0.ɵɵtext(4, "Provide Your Feedback");
+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(5, "div", 74)(6, "div", 75)(7, "label");
-    i0.ɵɵtext(8, "Human Rating (1-10)");
+    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.ɵɵelementStart(9, "input", 76);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_For_97_Conditional_23_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(item_r4.feedbackRating, $event) || (item_r4.feedbackRating = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵtemplate(6, TestingFeedbackComponent_div_65_option_6_Template, 2, 2, "option", 54);
+    i0.ɵɵpipe(7, "async");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 75)(11, "label");
-    i0.ɵɵtext(12, "Is Automated Result Correct?");
+} 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();
-    i0.ɵɵelementStart(13, "div", 77)(14, "label", 78)(15, "input", 79);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_For_97_Conditional_23_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(item_r4.feedbackIsCorrect, $event) || (item_r4.feedbackIsCorrect = $event); return i0.ɵɵresetView($event); });
+} }
+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();
-    i0.ɵɵelementStart(16, "span");
-    i0.ɵɵtext(17, "Yes, the automated assessment is correct");
-    i0.ɵɵelementEnd()()()()();
-    i0.ɵɵelementStart(18, "div", 75)(19, "label");
-    i0.ɵɵtext(20, "Comments / Notes");
+} 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(21, "textarea", 80);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_For_97_Conditional_23_Template_textarea_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; i0.ɵɵtwoWayBindingSet(item_r4.feedbackComments, $event) || (item_r4.feedbackComments = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 81)(23, "button", 82);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_For_97_Conditional_23_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.submitFeedback(item_r4)); });
-    i0.ɵɵelement(24, "i", 83);
-    i0.ɵɵtext(25, " Submit Feedback ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "button", 84);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_For_97_Conditional_23_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.skipFeedback(item_r4)); });
-    i0.ɵɵelement(27, "i", 85);
-    i0.ɵɵtext(28, " Skip for Now ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "div", 86)(30, "h4");
-    i0.ɵɵtext(31, "Test Context");
+    i0.ɵɵelementStart(5, "div", 85)(6, "label");
+    i0.ɵɵtext(7, "Human Rating");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 87)(33, "div", 88)(34, "span", 89);
-    i0.ɵɵtext(35, "Test Run ID");
+    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(36, "span", 90);
-    i0.ɵɵtext(37);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 88)(39, "span", 89);
-    i0.ɵɵtext(40, "Automated Score");
+    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(41, "span", 90);
-    i0.ɵɵelement(42, "app-score-indicator", 91);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(43, "div", 88)(44, "span", 89);
-    i0.ɵɵtext(45, "Status");
+    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(46, "span", 90);
-    i0.ɵɵelement(47, "app-test-status-badge", 66);
+    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(48, "div", 88)(49, "span", 89);
-    i0.ɵɵtext(50, "Run Date");
+    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(51, "span", 90);
-    i0.ɵɵtext(52);
-    i0.ɵɵpipe(53, "date");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(54, "button", 92);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_For_97_Conditional_23_Template_button_click_54_listener() { i0.ɵɵrestoreView(_r5); const item_r4 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.viewFullDetails(item_r4)); });
-    i0.ɵɵelement(55, "i", 93);
-    i0.ɵɵtext(56, " View Full Test Details ");
-    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_r4 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
+    const item_r9 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("@slideDown", undefined);
     i0.ɵɵadvance(9);
-    i0.ɵɵtwoWayProperty("ngModel", item_r4.feedbackRating);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", item_r4.feedbackIsCorrect);
-    i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", item_r4.feedbackComments);
-    i0.ɵɵadvance(16);
-    i0.ɵɵtextInterpolate(item_r4.testRunID);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("score", item_r4.automatedScore)("showBar", true);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("status", ctx_r0.getTestStatus(item_r4.automatedStatus));
+    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(10, _c0));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", item_r9.feedbackRating, "/10");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(53, 8, item_r4.runDateTime, "medium"));
+    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_For_97_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58);
-    i0.ɵɵlistener("click", function TestingFeedbackComponent_For_97_Template_div_click_1_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleExpanded(item_r4.testRunID)); });
-    i0.ɵɵelementStart(2, "div", 59)(3, "div", 60);
+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", 61)(6, "span", 62);
-    i0.ɵɵelement(7, "i", 63);
+    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", 64);
-    i0.ɵɵtext(11, " Automated Score: ");
+    i0.ɵɵelementStart(10, "span", 75);
+    i0.ɵɵtext(11, " Score: ");
     i0.ɵɵelementStart(12, "strong");
     i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "span", 65);
-    i0.ɵɵtext(15, " Status: ");
-    i0.ɵɵelement(16, "app-test-status-badge", 66);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(14, "/10 ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 76);
+    i0.ɵɵtext(16);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(17, "div", 67)(18, "span", 68);
-    i0.ɵɵelement(19, "i", 69);
+    i0.ɵɵelementStart(17, "div", 77)(18, "span", 78);
+    i0.ɵɵelement(19, "i", 79);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "button", 70);
-    i0.ɵɵelement(22, "i", 69);
+    i0.ɵɵelementStart(21, "button", 80);
+    i0.ɵɵelement(22, "i", 79);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(23, TestingFeedbackComponent_For_97_Conditional_23_Template, 57, 11, "div", 71);
+    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_r4 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("expanded", ctx_r0.expandedItem === item_r4.testRunID);
+    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_r4.testName);
+    i0.ɵɵtextInterpolate(item_r9.testName);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(9, 20, item_r4.runDateTime, "short"), " ");
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(9, 22, item_r9.runDateTime, "short"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(item_r4.automatedScore.toFixed(4));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("status", ctx_r0.getTestStatus(item_r4.automatedStatus));
+    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_r4.reason);
+    i0.ɵɵclassMap(item_r9.reason);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-circle-info", item_r4.reason === "no-feedback")("fa-arrow-up", item_r4.reason === "high-score-failed")("fa-arrow-down", item_r4.reason === "low-score-passed");
+    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_r0.formatReason(item_r4.reason), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.formatReason(item_r9.reason), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-chevron-down", ctx_r0.expandedItem !== item_r4.testRunID)("fa-chevron-up", ctx_r0.expandedItem === item_r4.testRunID);
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r2.expandedItem !== item_r9.testRunID)("fa-chevron-up", ctx_r2.expandedItem === item_r9.testRunID);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.expandedItem === item_r4.testRunID ? 23 : -1);
+    i0.ɵɵproperty("ngIf", ctx_r2.expandedItem === item_r9.testRunID);
 } }
-function TestingFeedbackComponent_ForEmpty_98_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵelement(1, "i", 94);
+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();
@@ -180,85 +243,536 @@ function TestingFeedbackComponent_ForEmpty_98_Template(rf, ctx) { if (rf & 1) {
     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: 'pending',
+        status: 'all',
         reason: 'all',
+        suiteId: null,
         searchText: ''
     };
-    sortBy = 'priority';
-    expandedItem = null;
-    pendingFeedback$;
-    filteredFeedback$;
+    sortBy = 'date';
+    reviewedSortBy = 'date';
+    // Observables
     pendingCount$;
-    discrepancyCount$;
     reviewedCount$;
+    suiteCount$;
     accuracyRate$;
     totalFeedback$;
     avgRating$;
     agreementRate$;
-    disagreementRate$;
+    discrepancyCount$;
+    filteredPending$;
+    filteredReviewed$;
+    suiteAggregations$;
+    testSuites$;
+    // Local data cache for filtering
+    pendingData = [];
+    reviewedData = [];
     constructor(instrumentationService, cdr) {
         this.instrumentationService = instrumentationService;
         this.cdr = cdr;
     }
     ngOnInit() {
-        this.setupObservables();
         if (this.initialState) {
-            this.filters = { ...this.filters, ...this.initialState.filters };
-            this.sortBy = this.initialState.sortBy || 'priority';
+            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() {
-        this.pendingFeedback$ = this.instrumentationService.pendingFeedback$.pipe(map(feedback => feedback.map(f => ({
-            ...f,
-            feedbackRating: 5,
-            feedbackIsCorrect: true,
-            feedbackComments: ''
-        }))), takeUntil(this.destroy$));
-        this.filteredFeedback$ = this.pendingFeedback$.pipe(map(feedback => this.filterAndSort(feedback)));
-        this.pendingCount$ = this.pendingFeedback$.pipe(map(feedback => feedback.length));
-        this.discrepancyCount$ = this.pendingFeedback$.pipe(map(feedback => feedback.filter(f => f.reason === 'high-score-failed' || f.reason === 'low-score-passed').length));
-        // Load real feedback statistics from the service
-        const feedbackStats$ = this.instrumentationService.feedbackStats$;
-        this.reviewedCount$ = feedbackStats$.pipe(map(stats => stats.reviewedCount), takeUntil(this.destroy$));
-        this.accuracyRate$ = feedbackStats$.pipe(map(stats => stats.accuracyRate), takeUntil(this.destroy$));
-        this.totalFeedback$ = feedbackStats$.pipe(map(stats => stats.totalFeedback), takeUntil(this.destroy$));
-        this.avgRating$ = feedbackStats$.pipe(map(stats => stats.avgRating), takeUntil(this.destroy$));
-        this.agreementRate$ = feedbackStats$.pipe(map(stats => stats.agreementRate), takeUntil(this.destroy$));
-        this.disagreementRate$ = feedbackStats$.pipe(map(stats => stats.disagreementRate), takeUntil(this.destroy$));
+        // 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));
     }
-    filterAndSort(feedback) {
-        let filtered = [...feedback];
-        // Note: 'reviewed' status would need to query Test Run Feedback entity separately
-        // For now, we only show pending items (all items from pendingFeedback$ are pending by definition)
-        if (this.filters.status === 'reviewed') {
-            filtered = []; // No reviewed items in this stream
-        }
+    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);
+                return (priorityOrder[a.reason] || 99) - (priorityOrder[b.reason] || 99);
             }
             else {
                 return a.testName.localeCompare(b.testName);
@@ -266,280 +780,399 @@ export class TestingFeedbackComponent {
         });
         return filtered;
     }
-    onFilterChange() {
+    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();
     }
-    clearSearch() {
-        this.filters.searchText = '';
-        this.onFilterChange();
+    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;
     }
-    submitFeedback(item) {
-        console.log('Submit feedback:', item);
-        this.expandedItem = null;
-        this.cdr.markForCheck();
+    setRating(item, rating) {
+        item.feedbackRating = rating;
     }
-    skipFeedback(item) {
-        console.log('Skip feedback:', item);
-        this.expandedItem = null;
+    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 but Failed';
-            case 'low-score-passed': return 'Low Score but Passed';
+            case 'high-score-failed': return 'High Score Failed';
+            case 'low-score-passed': return 'Low Score Passed';
             default: return reason;
         }
     }
-    getTestStatus(status) {
-        // Convert automatedStatus string to TestStatus type
-        return status;
+    // 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(t) { return new (t || 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: 133, vars: 48, consts: [[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", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "feedback-filters"], [1, "filter-group"], [3, "ngModelChange", "change", "ngModel"], ["value", "all"], ["value", "pending"], ["value", "reviewed"], ["value", "no-feedback"], ["value", "high-score-failed"], ["value", "low-score-passed"], [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"], [1, "feedback-summary"], [1, "summary-card"], [1, "summary-icon", "pending"], [1, "fa-solid", "fa-hourglass-half"], [1, "summary-content"], [1, "summary-value"], [1, "summary-label"], [1, "summary-icon", "discrepancy"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "summary-icon", "reviewed"], [1, "fa-solid", "fa-check-circle"], [1, "summary-icon", "accuracy"], [1, "fa-solid", "fa-bullseye"], [1, "feedback-content"], [1, "content-header"], [1, "fa-solid", "fa-list-check"], [1, "sort-controls"], ["value", "date"], ["value", "priority"], ["value", "test-name"], [1, "feedback-list"], [1, "feedback-item", 3, "expanded"], [1, "empty-state"], [1, "feedback-stats"], [1, "stats-section"], [1, "fa-solid", "fa-chart-pie"], [1, "stats-grid"], [1, "stat-card"], [1, "stat-label"], [1, "stat-value"], [1, "pending-badge"], [1, "badge-count"], [1, "badge-text"], [1, "clear-btn", 3, "click"], [1, "fa-solid", "fa-times"], [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"], [3, "status"], [1, "item-reason"], [1, "reason-badge"], [1, "fa-solid"], [1, "expand-btn"], [1, "item-content"], [1, "feedback-form"], [1, "form-section"], [1, "form-row"], [1, "form-group"], ["type", "number", "min", "1", "max", "10", "placeholder", "Rate 1-10", 1, "rating-input", 3, "ngModelChange", "ngModel"], [1, "checkbox-group"], [1, "checkbox-label"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], ["rows", "4", "placeholder", "Provide detailed feedback about this test result...", 1, "comments-textarea", 3, "ngModelChange", "ngModel"], [1, "form-actions"], [1, "submit-btn", 3, "click"], [1, "fa-solid", "fa-paper-plane"], [1, "skip-btn", 3, "click"], [1, "fa-solid", "fa-forward"], [1, "context-section"], [1, "context-details"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value"], [3, "score", "showBar"], [1, "view-details-btn", 3, "click"], [1, "fa-solid", "fa-external-link"], [1, "fa-solid", "fa-check-double"]], template: function TestingFeedbackComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
-            i0.ɵɵelement(4, "i", 3);
+    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, 6, 3, "div", 4);
+            i0.ɵɵtemplate(6, TestingFeedbackComponent_div_6_Template, 4, 2, "div", 7);
             i0.ɵɵpipe(7, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 5)(9, "button", 6);
+            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", 7);
-            i0.ɵɵtext(11, " Refresh ");
+            i0.ɵɵelement(10, "i", 10);
+            i0.ɵɵtext(11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(12, "div", 8)(13, "div", 9)(14, "label");
-            i0.ɵɵtext(15, "Status");
+            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, "select", 10);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_select_ngModelChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.status, $event) || (ctx.filters.status = $event); return $event; });
-            i0.ɵɵlistener("change", function TestingFeedbackComponent_Template_select_change_16_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵelementStart(17, "option", 11);
-            i0.ɵɵtext(18, "All");
+            i0.ɵɵelementStart(16, "div", 15)(17, "div", 16);
+            i0.ɵɵtext(18);
+            i0.ɵɵpipe(19, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "option", 12);
-            i0.ɵɵtext(20, "Pending Review");
+            i0.ɵɵelementStart(20, "div", 17);
+            i0.ɵɵtext(21, "Pending Review");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(22, "i", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "option", 13);
-            i0.ɵɵtext(22, "Reviewed");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(23, "div", 9)(24, "label");
-            i0.ɵɵtext(25, "Reason");
+            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, "select", 10);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_select_ngModelChange_26_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.reason, $event) || (ctx.filters.reason = $event); return $event; });
-            i0.ɵɵlistener("change", function TestingFeedbackComponent_Template_select_change_26_listener() { return ctx.onFilterChange(); });
-            i0.ɵɵelementStart(27, "option", 11);
-            i0.ɵɵtext(28, "All Reasons");
+            i0.ɵɵelementStart(26, "div", 15)(27, "div", 16);
+            i0.ɵɵtext(28);
+            i0.ɵɵpipe(29, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "option", 14);
-            i0.ɵɵtext(30, "No Feedback");
+            i0.ɵɵelementStart(30, "div", 17);
+            i0.ɵɵtext(31, "Reviewed");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(32, "i", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(31, "option", 15);
-            i0.ɵɵtext(32, "High Score but Failed");
+            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(33, "option", 16);
-            i0.ɵɵtext(34, "Low Score but Passed");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(35, "div", 17)(36, "label");
-            i0.ɵɵtext(37, "Search");
+            i0.ɵɵelementStart(36, "div", 15)(37, "div", 16);
+            i0.ɵɵtext(38);
+            i0.ɵɵpipe(39, "async");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(38, "div", 18);
-            i0.ɵɵelement(39, "i", 19);
-            i0.ɵɵelementStart(40, "input", 20);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_input_ngModelChange_40_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.filters.searchText, $event) || (ctx.filters.searchText = $event); return $event; });
-            i0.ɵɵlistener("input", function TestingFeedbackComponent_Template_input_input_40_listener() { return ctx.onFilterChange(); });
+            i0.ɵɵelementStart(40, "div", 17);
+            i0.ɵɵtext(41, "Test Suites");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(42, "i", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(41, TestingFeedbackComponent_button_41_Template, 2, 0, "button", 21);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(42, "div", 22)(43, "div", 23)(44, "div", 24);
+            i0.ɵɵelementStart(43, "div", 23)(44, "div", 24);
             i0.ɵɵelement(45, "i", 25);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(46, "div", 26)(47, "div", 27);
+            i0.ɵɵelementStart(46, "div", 15)(47, "div", 16);
             i0.ɵɵtext(48);
             i0.ɵɵpipe(49, "async");
+            i0.ɵɵpipe(50, "number");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(50, "div", 28);
-            i0.ɵɵtext(51, "Pending Review");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(52, "div", 23)(53, "div", 29);
-            i0.ɵɵelement(54, "i", 30);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(55, "div", 26)(56, "div", 27);
-            i0.ɵɵtext(57);
-            i0.ɵɵpipe(58, "async");
+            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(59, "div", 28);
-            i0.ɵɵtext(60, "Score Discrepancies");
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(61, "div", 23)(62, "div", 31);
-            i0.ɵɵelement(63, "i", 32);
+            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(64, "div", 26)(65, "div", 27);
-            i0.ɵɵtext(66);
-            i0.ɵɵpipe(67, "async");
+            i0.ɵɵelementStart(60, "option", 30);
+            i0.ɵɵtext(61, "Reviewed Feedback");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(68, "div", 28);
-            i0.ɵɵtext(69, "Reviewed");
+            i0.ɵɵelementStart(62, "option", 31);
+            i0.ɵɵtext(63, "By Test Suite");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(70, "div", 23)(71, "div", 33);
-            i0.ɵɵelement(72, "i", 34);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(73, "div", 26)(74, "div", 27);
-            i0.ɵɵtext(75);
-            i0.ɵɵpipe(76, "async");
-            i0.ɵɵpipe(77, "number");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(78, "div", 28);
-            i0.ɵɵtext(79, "Human-AI Agreement");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(80, "div", 35)(81, "div", 36)(82, "h3");
-            i0.ɵɵelement(83, "i", 37);
-            i0.ɵɵtext(84, " Tests Requiring Review ");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(85, "div", 38)(86, "label");
-            i0.ɵɵtext(87, "Sort by:");
+            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(88, "select", 10);
-            i0.ɵɵtwoWayListener("ngModelChange", function TestingFeedbackComponent_Template_select_ngModelChange_88_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.sortBy, $event) || (ctx.sortBy = $event); return $event; });
-            i0.ɵɵlistener("change", function TestingFeedbackComponent_Template_select_change_88_listener() { return ctx.onSortChange(); });
-            i0.ɵɵelementStart(89, "option", 39);
-            i0.ɵɵtext(90, "Date");
+            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.ɵɵelementStart(91, "option", 40);
-            i0.ɵɵtext(92, "Priority");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(93, "option", 41);
-            i0.ɵɵtext(94, "Test Name");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(95, "div", 42);
-            i0.ɵɵrepeaterCreate(96, TestingFeedbackComponent_For_97_Template, 24, 23, "div", 43, _forTrack0, false, TestingFeedbackComponent_ForEmpty_98_Template, 6, 0, "div", 44);
-            i0.ɵɵpipe(99, "async");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(100, "div", 45)(101, "div", 46)(102, "h3");
-            i0.ɵɵelement(103, "i", 47);
-            i0.ɵɵtext(104, " Feedback Statistics ");
+            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(105, "div", 48)(106, "div", 49)(107, "div", 50);
-            i0.ɵɵtext(108, "Total Feedback Submitted");
+            i0.ɵɵelementStart(80, "div", 41)(81, "div", 42)(82, "div", 43);
+            i0.ɵɵtext(83, "Total Feedback");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(109, "div", 51);
-            i0.ɵɵtext(110);
-            i0.ɵɵpipe(111, "async");
+            i0.ɵɵelementStart(84, "div", 44);
+            i0.ɵɵtext(85);
+            i0.ɵɵpipe(86, "async");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(112, "div", 49)(113, "div", 50);
-            i0.ɵɵtext(114, "Avg Rating");
+            i0.ɵɵelementStart(87, "div", 42)(88, "div", 43);
+            i0.ɵɵtext(89, "Avg Rating");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(115, "div", 51);
-            i0.ɵɵtext(116);
-            i0.ɵɵpipe(117, "async");
-            i0.ɵɵpipe(118, "number");
+            i0.ɵɵelementStart(90, "div", 44);
+            i0.ɵɵtext(91);
+            i0.ɵɵpipe(92, "async");
+            i0.ɵɵpipe(93, "number");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(119, "div", 49)(120, "div", 50);
-            i0.ɵɵtext(121, "Agreement Rate");
+            i0.ɵɵelementStart(94, "div", 42)(95, "div", 43);
+            i0.ɵɵtext(96, "Agreement Rate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(122, "div", 51);
-            i0.ɵɵtext(123);
-            i0.ɵɵpipe(124, "async");
-            i0.ɵɵpipe(125, "number");
+            i0.ɵɵelementStart(97, "div", 44);
+            i0.ɵɵtext(98);
+            i0.ɵɵpipe(99, "async");
+            i0.ɵɵpipe(100, "number");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(126, "div", 49)(127, "div", 50);
-            i0.ɵɵtext(128, "Disagreement Rate");
+            i0.ɵɵelementStart(101, "div", 42)(102, "div", 43);
+            i0.ɵɵtext(103, "Discrepancy Count");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(129, "div", 51);
-            i0.ɵɵtext(130);
-            i0.ɵɵpipe(131, "async");
-            i0.ɵɵpipe(132, "number");
-            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, 15, ctx.pendingCount$) || 0 > 0);
-            i0.ɵɵadvance(10);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.status);
+            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.ɵɵtwoWayProperty("ngModel", ctx.filters.reason);
-            i0.ɵɵadvance(14);
+            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(7);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(49, 17, ctx.pendingCount$) || 0);
-            i0.ɵɵadvance(9);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(58, 19, ctx.discrepancyCount$) || 0);
-            i0.ɵɵadvance(9);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(67, 21, ctx.reviewedCount$) || 0);
-            i0.ɵɵadvance(9);
-            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(77, 25, i0.ɵɵpipeBind1(76, 23, ctx.accuracyRate$) || 0, "1.1-1"), "%");
-            i0.ɵɵadvance(13);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.sortBy);
-            i0.ɵɵadvance(8);
-            i0.ɵɵrepeater((tmp_10_0 = i0.ɵɵpipeBind1(99, 28, ctx.filteredFeedback$)) !== null && tmp_10_0 !== undefined ? tmp_10_0 : i0.ɵɵpureFunction0(47, _c0));
-            i0.ɵɵadvance(14);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(111, 30, ctx.totalFeedback$) || 0);
+            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.ɵɵtextInterpolate(i0.ɵɵpipeBind2(118, 34, i0.ɵɵpipeBind1(117, 32, ctx.avgRating$) || 0, "1.1-1"));
+            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(125, 39, i0.ɵɵpipeBind1(124, 37, ctx.agreementRate$) || 0, "1.1-1"), "%");
+            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.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(132, 44, i0.ɵɵpipeBind1(131, 42, ctx.disagreementRate$) || 0, "1.1-1"), "%");
-        } }, dependencies: [i2.NgIf, i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.NumberValueAccessor, i3.CheckboxControlValueAccessor, i3.SelectControlValueAccessor, i3.NgControlStatus, i3.MinValidator, i3.MaxValidator, i3.NgModel, i4.TestStatusBadgeComponent, i4.ScoreIndicatorComponent, i2.AsyncPipe, i2.DecimalPipe, i2.DatePipe], styles: [".testing-feedback[_ngcontent-%COMP%] {\n      padding: 20px;\n      height: 100%;\n      overflow-y: auto;\n      background: #f8f9fa;\n    }\n\n    .feedback-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\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: 20px;\n      font-weight: 600;\n      color: #333;\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: #2196f3;\n    }\n\n    .pending-badge[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 12px;\n      background: #fff3e0;\n      border: 2px solid #ff9800;\n      border-radius: 20px;\n    }\n\n    .badge-count[_ngcontent-%COMP%] {\n      background: #ff9800;\n      color: white;\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\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: #ff9800;\n    }\n\n    .action-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      background: white;\n      color: #666;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .action-btn[_ngcontent-%COMP%]:hover {\n      background: #f5f5f5;\n    }\n\n    .feedback-filters[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 20px;\n      background: white;\n      padding: 16px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .filter-group[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-width: 150px;\n    }\n\n    .filter-group.search[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .filter-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n    }\n\n    .filter-group[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 8px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n      background: white;\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: #999;\n      font-size: 12px;\n    }\n\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 8px 40px 8px 36px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n    }\n\n    .clear-btn[_ngcontent-%COMP%] {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: #999;\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .clear-btn[_ngcontent-%COMP%]:hover {\n      color: #333;\n    }\n\n    .feedback-summary[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    .summary-card[_ngcontent-%COMP%] {\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .summary-icon[_ngcontent-%COMP%] {\n      width: 56px;\n      height: 56px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      color: white;\n    }\n\n    .summary-icon.pending[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);\n    }\n\n    .summary-icon.discrepancy[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);\n    }\n\n    .summary-icon.reviewed[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);\n    }\n\n    .summary-icon.accuracy[_ngcontent-%COMP%] {\n      background: linear-gradient(135deg, #2196f3 0%, #1976d2 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: #333;\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n\n    .summary-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: #666;\n      font-weight: 600;\n      text-transform: uppercase;\n    }\n\n    .feedback-content[_ngcontent-%COMP%] {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      overflow: hidden;\n      margin-bottom: 24px;\n    }\n\n    .content-header[_ngcontent-%COMP%] {\n      padding: 20px;\n      background: #f8f9fa;\n      border-bottom: 2px solid #e0e0e0;\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: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .content-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #2196f3;\n    }\n\n    .sort-controls[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #666;\n    }\n\n    .sort-controls[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 6px 10px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 12px;\n    }\n\n    .feedback-list[_ngcontent-%COMP%] {\n      max-height: 800px;\n      overflow-y: auto;\n    }\n\n    .feedback-item[_ngcontent-%COMP%] {\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.3s ease;\n    }\n\n    .feedback-item.expanded[_ngcontent-%COMP%] {\n      background: #f8f9fa;\n    }\n\n    .item-header[_ngcontent-%COMP%] {\n      padding: 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(33, 150, 243, 0.05);\n    }\n\n    .item-main[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .item-title[_ngcontent-%COMP%] {\n      font-size: 15px;\n      font-weight: 600;\n      color: #333;\n      margin-bottom: 8px;\n    }\n\n    .item-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #666;\n    }\n\n    .item-meta[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .item-reason[_ngcontent-%COMP%] {\n      min-width: 180px;\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: 12px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .reason-badge.no-feedback[_ngcontent-%COMP%] {\n      background: #e3f2fd;\n      color: #2196f3;\n    }\n\n    .reason-badge.high-score-failed[_ngcontent-%COMP%] {\n      background: #ffebee;\n      color: #f44336;\n    }\n\n    .reason-badge.low-score-passed[_ngcontent-%COMP%] {\n      background: #fff3e0;\n      color: #ff9800;\n    }\n\n    .expand-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: #666;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 4px;\n      transition: all 0.2s ease;\n      font-size: 16px;\n    }\n\n    .expand-btn[_ngcontent-%COMP%]:hover {\n      background: #e0e0e0;\n    }\n\n    .item-content[_ngcontent-%COMP%] {\n      padding: 20px;\n      border-top: 1px solid #e0e0e0;\n      animation: _ngcontent-%COMP%_slideDown 0.3s ease;\n    }\n\n    @keyframes _ngcontent-%COMP%_slideDown {\n      from {\n        opacity: 0;\n        transform: translateY(-10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .feedback-form[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      gap: 24px;\n    }\n\n    .form-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%], \n   .context-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0 0 16px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: #333;\n      padding-bottom: 12px;\n      border-bottom: 2px solid #f0f0f0;\n    }\n\n    .form-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 1fr 2fr;\n      gap: 16px;\n      margin-bottom: 16px;\n    }\n\n    .form-group[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 600;\n      color: #666;\n    }\n\n    .rating-input[_ngcontent-%COMP%] {\n      padding: 8px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 14px;\n    }\n\n    .checkbox-group[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n    }\n\n    .checkbox-label[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #333;\n      cursor: pointer;\n    }\n\n    .checkbox-label[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n\n    .comments-textarea[_ngcontent-%COMP%] {\n      padding: 10px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n      font-family: inherit;\n      resize: vertical;\n    }\n\n    .form-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      margin-top: 16px;\n    }\n\n    .submit-btn[_ngcontent-%COMP%], \n   .skip-btn[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      border: none;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .submit-btn[_ngcontent-%COMP%] {\n      background: #2196f3;\n      color: white;\n    }\n\n    .submit-btn[_ngcontent-%COMP%]:hover {\n      background: #1976d2;\n    }\n\n    .skip-btn[_ngcontent-%COMP%] {\n      background: #f5f5f5;\n      color: #666;\n    }\n\n    .skip-btn[_ngcontent-%COMP%]:hover {\n      background: #e0e0e0;\n    }\n\n    .context-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .detail-item[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px;\n      background: white;\n      border-radius: 4px;\n      border: 1px solid #e0e0e0;\n    }\n\n    .detail-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n    }\n\n    .detail-value[_ngcontent-%COMP%] {\n      font-size: 13px;\n      font-weight: 500;\n      color: #333;\n    }\n\n    .view-details-btn[_ngcontent-%COMP%] {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px;\n      border: 1px solid #2196f3;\n      border-radius: 4px;\n      background: white;\n      color: #2196f3;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-details-btn[_ngcontent-%COMP%]:hover {\n      background: #e3f2fd;\n    }\n\n    .empty-state[_ngcontent-%COMP%] {\n      padding: 80px 20px;\n      text-align: center;\n      color: #999;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 64px;\n      margin-bottom: 20px;\n      opacity: 0.3;\n      color: #4caf50;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      font-size: 20px;\n      color: #666;\n      margin: 0 0 12px 0;\n    }\n\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      font-size: 14px;\n      margin: 0;\n    }\n\n    .feedback-stats[_ngcontent-%COMP%] {\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\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: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-bottom: 12px;\n      border-bottom: 2px solid #f0f0f0;\n    }\n\n    .feedback-stats[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: #2196f3;\n    }\n\n    .stats-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n    }\n\n    .stat-card[_ngcontent-%COMP%] {\n      background: #f8f9fa;\n      padding: 16px;\n      border-radius: 6px;\n      text-align: center;\n    }\n\n    .stat-label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n\n    .stat-value[_ngcontent-%COMP%] {\n      font-size: 24px;\n      font-weight: 700;\n      color: #333;\n    }\n\n    @media (max-width: 1200px) {\n      .feedback-form[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n\n      .form-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n    }"], changeDetection: 0 });
+            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) || 0 > 0">
-            <span class="badge-count">{{ (pendingCount$ | async) }}</span>
-            <span class="badge-text">Pending Review</span>
+          <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" (click)="refresh()">
-            <i class="fa-solid fa-refresh"></i>
-            Refresh
+          <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>
-      <!-- Filters -->
+      <!-- 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>Status</label>
-          <select [(ngModel)]="filters.status" (change)="onFilterChange()">
-            <option value="all">All</option>
-            <option value="pending">Pending Review</option>
-            <option value="reviewed">Reviewed</option>
+          <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">
+        <div class="filter-group" *ngIf="viewMode === 'pending'">
           <label>Reason</label>
           <select [(ngModel)]="filters.reason" (change)="onFilterChange()">
             <option value="all">All Reasons</option>
@@ -548,6 +1181,13 @@ export class TestingFeedbackComponent {
             <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">
@@ -558,59 +1198,15 @@ export class TestingFeedbackComponent {
               (input)="onFilterChange()"
               placeholder="Search tests..."
             />
-            <button
-              class="clear-btn"
-              *ngIf="filters.searchText"
-              (click)="clearSearch()"
-            >
+            <button class="clear-btn" *ngIf="filters.searchText" (click)="clearSearch()">
               <i class="fa-solid fa-times"></i>
             </button>
           </div>
         </div>
       </div>
-      <!-- Summary Cards -->
-      <div class="feedback-summary">
-        <div class="summary-card">
-          <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>
-        </div>
-        <div class="summary-card">
-          <div class="summary-icon discrepancy">
-            <i class="fa-solid fa-triangle-exclamation"></i>
-          </div>
-          <div class="summary-content">
-            <div class="summary-value">{{ (discrepancyCount$ | async) || 0 }}</div>
-            <div class="summary-label">Score Discrepancies</div>
-          </div>
-        </div>
-        <div class="summary-card">
-          <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>
-        </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>
-      <!-- Pending Reviews List -->
-      <div class="feedback-content">
+      <!-- Pending Reviews View -->
+      <div class="feedback-content" *ngIf="viewMode === 'pending'">
         <div class="content-header">
           <h3>
             <i class="fa-solid fa-list-check"></i>
@@ -626,9 +1222,10 @@ export class TestingFeedbackComponent {
           </div>
         </div>
-        <div class="feedback-list">
-          @for (item of (filteredFeedback$ | async) ?? []; track item.testRunID) {
-            <div class="feedback-item" [class.expanded]="expandedItem === item.testRunID">
+        <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>
@@ -638,10 +1235,10 @@ export class TestingFeedbackComponent {
                       {{ item.runDateTime | date:'short' }}
                     </span>
                     <span class="meta-score">
-                      Automated Score: <strong>{{ item.automatedScore.toFixed(4) }}</strong>
+                      Score: <strong>{{ (item.automatedScore * 10).toFixed(2) }}</strong>/10
                     </span>
-                    <span class="meta-status">
-                      Status: <app-test-status-badge [status]="getTestStatus(item.automatedStatus)"></app-test-status-badge>
+                    <span class="meta-status" [class]="'status-' + item.automatedStatus.toLowerCase()">
+                      {{ item.automatedStatus }}
                     </span>
                   </div>
                 </div>
@@ -659,130 +1256,231 @@ export class TestingFeedbackComponent {
                 </button>
               </div>
-              @if (expandedItem === item.testRunID) {
-                <div class="item-content">
-                  <div class="feedback-form">
-                    <div class="form-section">
-                      <h4>Provide Your Feedback</h4>
-                      <div class="form-row">
-                        <div class="form-group">
-                          <label>Human Rating (1-10)</label>
-                          <input
-                            type="number"
-                            [(ngModel)]="item.feedbackRating"
-                            min="1"
-                            max="10"
-                            class="rating-input"
-                            placeholder="Rate 1-10"
-                          />
-                        </div>
-                        <div class="form-group">
-                          <label>Is Automated Result Correct?</label>
-                          <div class="checkbox-group">
-                            <label class="checkbox-label">
-                              <input type="checkbox" [(ngModel)]="item.feedbackIsCorrect" />
-                              <span>Yes, the automated assessment is correct</span>
-                            </label>
-                          </div>
-                        </div>
-                      </div>
-                      <div class="form-group">
-                        <label>Comments / Notes</label>
-                        <textarea
-                          [(ngModel)]="item.feedbackComments"
-                          rows="4"
-                          class="comments-textarea"
-                          placeholder="Provide detailed feedback about this test result..."
-                        ></textarea>
+              <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 class="form-actions">
-                        <button class="submit-btn" (click)="submitFeedback(item)">
-                          <i class="fa-solid fa-paper-plane"></i>
-                          Submit Feedback
+                    </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="skip-btn" (click)="skipFeedback(item)">
-                          <i class="fa-solid fa-forward"></i>
-                          Skip for Now
+                        <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="context-section">
-                      <h4>Test Context</h4>
-                      <div class="context-details">
-                        <div class="detail-item">
-                          <span class="detail-label">Test Run ID</span>
-                          <span class="detail-value">{{ item.testRunID }}</span>
-                        </div>
-                        <div class="detail-item">
-                          <span class="detail-label">Automated Score</span>
-                          <span class="detail-value">
-                            <app-score-indicator [score]="item.automatedScore" [showBar]="true"></app-score-indicator>
-                          </span>
-                        </div>
-                        <div class="detail-item">
-                          <span class="detail-label">Status</span>
-                          <span class="detail-value">
-                            <app-test-status-badge [status]="getTestStatus(item.automatedStatus)"></app-test-status-badge>
-                          </span>
-                        </div>
-                        <div class="detail-item">
-                          <span class="detail-label">Run Date</span>
-                          <span class="detail-value">{{ item.runDateTime | date:'medium' }}</span>
-                        </div>
-                      </div>
-                      <button class="view-details-btn" (click)="viewFullDetails(item)">
+                    <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 Test Details
+                        View Full Details
                       </button>
                     </div>
                   </div>
                 </div>
-              }
+              </div>
             </div>
-          } @empty {
-            <div class="empty-state">
+          </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>
-      <!-- Feedback Statistics -->
-      <div class="feedback-stats">
-        <div class="stats-section">
+      <!-- Reviewed Feedback View -->
+      <div class="feedback-content" *ngIf="viewMode === 'reviewed'">
+        <div class="content-header">
           <h3>
-            <i class="fa-solid fa-chart-pie"></i>
-            Feedback Statistics
+            <i class="fa-solid fa-history"></i>
+            Reviewed Feedback History
           </h3>
-          <div class="stats-grid">
-            <div class="stat-card">
-              <div class="stat-label">Total Feedback Submitted</div>
-              <div class="stat-value">{{ (totalFeedback$ | async) || 0 }}</div>
+          <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>
-            <div class="stat-card">
-              <div class="stat-label">Avg Rating</div>
-              <div class="stat-value">{{ (avgRating$ | async) || 0 | number:'1.1-1' }}</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>
-            <div class="stat-card">
-              <div class="stat-label">Agreement Rate</div>
-              <div class="stat-value">{{ (agreementRate$ | async) || 0 | number:'1.1-1' }}%</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>
-            <div class="stat-card">
-              <div class="stat-label">Disagreement Rate</div>
-              <div class="stat-value">{{ (disagreementRate$ | async) || 0 | number:'1.1-1' }}%</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>
-  `, styles: ["\n    .testing-feedback {\n      padding: 20px;\n      height: 100%;\n      overflow-y: auto;\n      background: #f8f9fa;\n    }\n\n    .feedback-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 24px;\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\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: 20px;\n      font-weight: 600;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-left h2 i {\n      color: #2196f3;\n    }\n\n    .pending-badge {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 12px;\n      background: #fff3e0;\n      border: 2px solid #ff9800;\n      border-radius: 20px;\n    }\n\n    .badge-count {\n      background: #ff9800;\n      color: white;\n      width: 24px;\n      height: 24px;\n      border-radius: 50%;\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: #ff9800;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 8px 16px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      background: white;\n      color: #666;\n      font-size: 12px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .action-btn:hover {\n      background: #f5f5f5;\n    }\n\n    .feedback-filters {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 20px;\n      background: white;\n      padding: 16px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .filter-group {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      min-width: 150px;\n    }\n\n    .filter-group.search {\n      flex: 1;\n    }\n\n    .filter-group label {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n    }\n\n    .filter-group select {\n      padding: 8px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n      background: white;\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: #999;\n      font-size: 12px;\n    }\n\n    .search-input-wrapper input {\n      flex: 1;\n      padding: 8px 40px 8px 36px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n    }\n\n    .clear-btn {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: #999;\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .clear-btn:hover {\n      color: #333;\n    }\n\n    .feedback-summary {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n\n    .summary-card {\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .summary-icon {\n      width: 56px;\n      height: 56px;\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 24px;\n      color: white;\n    }\n\n    .summary-icon.pending {\n      background: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);\n    }\n\n    .summary-icon.discrepancy {\n      background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);\n    }\n\n    .summary-icon.reviewed {\n      background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);\n    }\n\n    .summary-icon.accuracy {\n      background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);\n    }\n\n    .summary-content {\n      flex: 1;\n    }\n\n    .summary-value {\n      font-size: 28px;\n      font-weight: 700;\n      color: #333;\n      line-height: 1;\n      margin-bottom: 6px;\n    }\n\n    .summary-label {\n      font-size: 11px;\n      color: #666;\n      font-weight: 600;\n      text-transform: uppercase;\n    }\n\n    .feedback-content {\n      background: white;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      overflow: hidden;\n      margin-bottom: 24px;\n    }\n\n    .content-header {\n      padding: 20px;\n      background: #f8f9fa;\n      border-bottom: 2px solid #e0e0e0;\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: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .content-header h3 i {\n      color: #2196f3;\n    }\n\n    .sort-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n      color: #666;\n    }\n\n    .sort-controls select {\n      padding: 6px 10px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 12px;\n    }\n\n    .feedback-list {\n      max-height: 800px;\n      overflow-y: auto;\n    }\n\n    .feedback-item {\n      border-bottom: 1px solid #f0f0f0;\n      transition: all 0.3s ease;\n    }\n\n    .feedback-item.expanded {\n      background: #f8f9fa;\n    }\n\n    .item-header {\n      padding: 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(33, 150, 243, 0.05);\n    }\n\n    .item-main {\n      flex: 1;\n    }\n\n    .item-title {\n      font-size: 15px;\n      font-weight: 600;\n      color: #333;\n      margin-bottom: 8px;\n    }\n\n    .item-meta {\n      display: flex;\n      gap: 16px;\n      font-size: 12px;\n      color: #666;\n    }\n\n    .item-meta span {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .item-reason {\n      min-width: 180px;\n    }\n\n    .reason-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      border-radius: 12px;\n      font-size: 11px;\n      font-weight: 600;\n    }\n\n    .reason-badge.no-feedback {\n      background: #e3f2fd;\n      color: #2196f3;\n    }\n\n    .reason-badge.high-score-failed {\n      background: #ffebee;\n      color: #f44336;\n    }\n\n    .reason-badge.low-score-passed {\n      background: #fff3e0;\n      color: #ff9800;\n    }\n\n    .expand-btn {\n      background: none;\n      border: none;\n      color: #666;\n      cursor: pointer;\n      padding: 8px;\n      border-radius: 4px;\n      transition: all 0.2s ease;\n      font-size: 16px;\n    }\n\n    .expand-btn:hover {\n      background: #e0e0e0;\n    }\n\n    .item-content {\n      padding: 20px;\n      border-top: 1px solid #e0e0e0;\n      animation: slideDown 0.3s ease;\n    }\n\n    @keyframes slideDown {\n      from {\n        opacity: 0;\n        transform: translateY(-10px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    .feedback-form {\n      display: grid;\n      grid-template-columns: 2fr 1fr;\n      gap: 24px;\n    }\n\n    .form-section h4,\n    .context-section h4 {\n      margin: 0 0 16px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: #333;\n      padding-bottom: 12px;\n      border-bottom: 2px solid #f0f0f0;\n    }\n\n    .form-row {\n      display: grid;\n      grid-template-columns: 1fr 2fr;\n      gap: 16px;\n      margin-bottom: 16px;\n    }\n\n    .form-group {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .form-group label {\n      font-size: 12px;\n      font-weight: 600;\n      color: #666;\n    }\n\n    .rating-input {\n      padding: 8px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 14px;\n    }\n\n    .checkbox-group {\n      display: flex;\n      align-items: center;\n    }\n\n    .checkbox-label {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n      color: #333;\n      cursor: pointer;\n    }\n\n    .checkbox-label input[type=\"checkbox\"] {\n      width: 16px;\n      height: 16px;\n      cursor: pointer;\n    }\n\n    .comments-textarea {\n      padding: 10px 12px;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      font-size: 13px;\n      font-family: inherit;\n      resize: vertical;\n    }\n\n    .form-actions {\n      display: flex;\n      gap: 12px;\n      margin-top: 16px;\n    }\n\n    .submit-btn,\n    .skip-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      border: none;\n      border-radius: 4px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .submit-btn {\n      background: #2196f3;\n      color: white;\n    }\n\n    .submit-btn:hover {\n      background: #1976d2;\n    }\n\n    .skip-btn {\n      background: #f5f5f5;\n      color: #666;\n    }\n\n    .skip-btn:hover {\n      background: #e0e0e0;\n    }\n\n    .context-details {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-bottom: 16px;\n    }\n\n    .detail-item {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 10px;\n      background: white;\n      border-radius: 4px;\n      border: 1px solid #e0e0e0;\n    }\n\n    .detail-label {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n    }\n\n    .detail-value {\n      font-size: 13px;\n      font-weight: 500;\n      color: #333;\n    }\n\n    .view-details-btn {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      padding: 10px;\n      border: 1px solid #2196f3;\n      border-radius: 4px;\n      background: white;\n      color: #2196f3;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .view-details-btn:hover {\n      background: #e3f2fd;\n    }\n\n    .empty-state {\n      padding: 80px 20px;\n      text-align: center;\n      color: #999;\n    }\n\n    .empty-state i {\n      font-size: 64px;\n      margin-bottom: 20px;\n      opacity: 0.3;\n      color: #4caf50;\n    }\n\n    .empty-state h3 {\n      font-size: 20px;\n      color: #666;\n      margin: 0 0 12px 0;\n    }\n\n    .empty-state p {\n      font-size: 14px;\n      margin: 0;\n    }\n\n    .feedback-stats {\n      background: white;\n      padding: 20px;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n\n    .feedback-stats h3 {\n      margin: 0 0 20px 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: #333;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-bottom: 12px;\n      border-bottom: 2px solid #f0f0f0;\n    }\n\n    .feedback-stats h3 i {\n      color: #2196f3;\n    }\n\n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 16px;\n    }\n\n    .stat-card {\n      background: #f8f9fa;\n      padding: 16px;\n      border-radius: 6px;\n      text-align: center;\n    }\n\n    .stat-label {\n      font-size: 11px;\n      font-weight: 600;\n      color: #666;\n      text-transform: uppercase;\n      margin-bottom: 8px;\n    }\n\n    .stat-value {\n      font-size: 24px;\n      font-weight: 700;\n      color: #333;\n    }\n\n    @media (max-width: 1200px) {\n      .feedback-form {\n        grid-template-columns: 1fr;\n      }\n\n      .form-row {\n        grid-template-columns: 1fr;\n      }\n    }\n  "] }]
+  `, 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", filePath: "src/Testing/components/testing-feedback.component.ts", lineNumber: 921 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestingFeedbackComponent, { className: "TestingFeedbackComponent", filePath: "src/Testing/components/testing-feedback.component.ts", lineNumber: 1431 }); })();
 //# sourceMappingURL=testing-feedback.component.js.map