@memberjunction/ng-dashboards 2.117.0 → 2.118.0

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

@@ -0,0 +1,789 @@
+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 { 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 "./widgets/test-status-badge.component";
+import * as i5 from "./widgets/score-indicator.component";
+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");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 54);
+    i0.ɵɵtext(5, "Pending Review");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, ctx_r0.pendingCount$));
+} }
+function TestingFeedbackComponent_button_41_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.ɵɵelementEnd();
+} }
+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");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 74)(6, "div", 75)(7, "label");
+    i0.ɵɵtext(8, "Human Rating (1-10)");
+    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.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 75)(11, "label");
+    i0.ɵɵtext(12, "Is Automated Result Correct?");
+    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); });
+    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");
+    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.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "div", 87)(33, "div", 88)(34, "span", 89);
+    i0.ɵɵtext(35, "Test Run ID");
+    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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "span", 90);
+    i0.ɵɵelement(47, "app-test-status-badge", 66);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(48, "div", 88)(49, "span", 89);
+    i0.ɵɵtext(50, "Run Date");
+    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()()()();
+} if (rf & 2) {
+    const item_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    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.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(53, 8, item_r4.runDateTime, "medium"));
+} }
+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);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 61)(6, "span", 62);
+    i0.ɵɵelement(7, "i", 63);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 64);
+    i0.ɵɵtext(11, " Automated 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.ɵɵelementStart(17, "div", 67)(18, "span", 68);
+    i0.ɵɵelement(19, "i", 69);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(21, "button", 70);
+    i0.ɵɵelement(22, "i", 69);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(23, TestingFeedbackComponent_For_97_Conditional_23_Template, 57, 11, "div", 71);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r4 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("expanded", ctx_r0.expandedItem === item_r4.testRunID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(item_r4.testName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(9, 20, item_r4.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.ɵɵadvance(2);
+    i0.ɵɵclassMap(item_r4.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.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.formatReason(item_r4.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.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.expandedItem === item_r4.testRunID ? 23 : -1);
+} }
+function TestingFeedbackComponent_ForEmpty_98_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44);
+    i0.ɵɵelement(1, "i", 94);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "All Caught Up!");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "No tests currently require feedback review.");
+    i0.ɵɵelementEnd()();
+} }
+export class TestingFeedbackComponent {
+    instrumentationService;
+    cdr;
+    initialState;
+    stateChange = new EventEmitter();
+    destroy$ = new Subject();
+    filters = {
+        status: 'pending',
+        reason: 'all',
+        searchText: ''
+    };
+    sortBy = 'priority';
+    expandedItem = null;
+    pendingFeedback$;
+    filteredFeedback$;
+    pendingCount$;
+    discrepancyCount$;
+    reviewedCount$;
+    accuracyRate$;
+    totalFeedback$;
+    avgRating$;
+    agreementRate$;
+    disagreementRate$;
+    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';
+        }
+    }
+    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$));
+    }
+    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
+        }
+        if (this.filters.reason !== 'all') {
+            filtered = filtered.filter(f => f.reason === this.filters.reason);
+        }
+        if (this.filters.searchText) {
+            const searchLower = this.filters.searchText.toLowerCase();
+            filtered = filtered.filter(f => f.testName.toLowerCase().includes(searchLower));
+        }
+        filtered.sort((a, b) => {
+            if (this.sortBy === 'date') {
+                return b.runDateTime.getTime() - a.runDateTime.getTime();
+            }
+            else if (this.sortBy === 'priority') {
+                const priorityOrder = { 'high-score-failed': 1, 'low-score-passed': 2, 'no-feedback': 3 };
+                return (priorityOrder[a.reason] || 99) -
+                    (priorityOrder[b.reason] || 99);
+            }
+            else {
+                return a.testName.localeCompare(b.testName);
+            }
+        });
+        return filtered;
+    }
+    onFilterChange() {
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    clearSearch() {
+        this.filters.searchText = '';
+        this.onFilterChange();
+    }
+    onSortChange() {
+        this.emitStateChange();
+        this.cdr.markForCheck();
+    }
+    toggleExpanded(testRunID) {
+        this.expandedItem = this.expandedItem === testRunID ? null : testRunID;
+    }
+    submitFeedback(item) {
+        console.log('Submit feedback:', item);
+        this.expandedItem = null;
+        this.cdr.markForCheck();
+    }
+    skipFeedback(item) {
+        console.log('Skip feedback:', item);
+        this.expandedItem = null;
+        this.cdr.markForCheck();
+    }
+    viewFullDetails(item) {
+        SharedService.Instance.OpenEntityRecord('MJ: Test Runs', CompositeKey.FromID(item.testRunID));
+    }
+    refresh() {
+        this.instrumentationService.refresh();
+    }
+    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';
+            default: return reason;
+        }
+    }
+    getTestStatus(status) {
+        // Convert automatedStatus string to TestStatus type
+        return status;
+    }
+    emitStateChange() {
+        this.stateChange.emit({
+            filters: this.filters,
+            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);
+            i0.ɵɵtext(5, " Human Feedback Review ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(6, TestingFeedbackComponent_div_6_Template, 6, 3, "div", 4);
+            i0.ɵɵpipe(7, "async");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 5)(9, "button", 6);
+            i0.ɵɵlistener("click", function TestingFeedbackComponent_Template_button_click_9_listener() { return ctx.refresh(); });
+            i0.ɵɵelement(10, "i", 7);
+            i0.ɵɵtext(11, " Refresh ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(12, "div", 8)(13, "div", 9)(14, "label");
+            i0.ɵɵtext(15, "Status");
+            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.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "option", 12);
+            i0.ɵɵtext(20, "Pending Review");
+            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.ɵɵ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.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "option", 14);
+            i0.ɵɵtext(30, "No Feedback");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(31, "option", 15);
+            i0.ɵɵtext(32, "High Score but Failed");
+            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.ɵɵ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.ɵɵ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.ɵɵelement(45, "i", 25);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(46, "div", 26)(47, "div", 27);
+            i0.ɵɵtext(48);
+            i0.ɵɵpipe(49, "async");
+            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.ɵɵ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.ɵɵelementEnd();
+            i0.ɵɵelementStart(64, "div", 26)(65, "div", 27);
+            i0.ɵɵtext(66);
+            i0.ɵɵpipe(67, "async");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(68, "div", 28);
+            i0.ɵɵtext(69, "Reviewed");
+            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.ɵɵ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.ɵɵ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.ɵɵelementEnd();
+            i0.ɵɵelementStart(105, "div", 48)(106, "div", 49)(107, "div", 50);
+            i0.ɵɵtext(108, "Total Feedback Submitted");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(109, "div", 51);
+            i0.ɵɵtext(110);
+            i0.ɵɵpipe(111, "async");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(112, "div", 49)(113, "div", 50);
+            i0.ɵɵtext(114, "Avg Rating");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(115, "div", 51);
+            i0.ɵɵtext(116);
+            i0.ɵɵpipe(117, "async");
+            i0.ɵɵpipe(118, "number");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(119, "div", 49)(120, "div", 50);
+            i0.ɵɵtext(121, "Agreement Rate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(122, "div", 51);
+            i0.ɵɵtext(123);
+            i0.ɵɵpipe(124, "async");
+            i0.ɵɵpipe(125, "number");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(126, "div", 49)(127, "div", 50);
+            i0.ɵɵtext(128, "Disagreement Rate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(129, "div", 51);
+            i0.ɵɵtext(130);
+            i0.ɵɵpipe(131, "async");
+            i0.ɵɵpipe(132, "number");
+            i0.ɵɵelementEnd()()()()()();
+        } if (rf & 2) {
+            let tmp_10_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.ɵɵadvance(10);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.filters.reason);
+            i0.ɵɵadvance(14);
+            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(6);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(118, 34, i0.ɵɵpipeBind1(117, 32, ctx.avgRating$) || 0, "1.1-1"));
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(125, 39, i0.ɵɵpipeBind1(124, 37, ctx.agreementRate$) || 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, i5.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 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestingFeedbackComponent, [{
+        type: Component,
+        args: [{ selector: 'app-testing-feedback', changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="testing-feedback">
+      <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>
+        </div>
+        <div class="header-actions">
+          <button class="action-btn" (click)="refresh()">
+            <i class="fa-solid fa-refresh"></i>
+            Refresh
+          </button>
+        </div>
+      </div>
+
+      <!-- Filters -->
+      <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>
+          </select>
+        </div>
+        <div class="filter-group">
+          <label>Reason</label>
+          <select [(ngModel)]="filters.reason" (change)="onFilterChange()">
+            <option value="all">All Reasons</option>
+            <option value="no-feedback">No Feedback</option>
+            <option value="high-score-failed">High Score but Failed</option>
+            <option value="low-score-passed">Low Score but Passed</option>
+          </select>
+        </div>
+        <div class="filter-group search">
+          <label>Search</label>
+          <div class="search-input-wrapper">
+            <i class="fa-solid fa-search"></i>
+            <input
+              type="text"
+              [(ngModel)]="filters.searchText"
+              (input)="onFilterChange()"
+              placeholder="Search tests..."
+            />
+            <button
+              class="clear-btn"
+              *ngIf="filters.searchText"
+              (click)="clearSearch()"
+            >
+              <i class="fa-solid fa-times"></i>
+            </button>
+          </div>
+        </div>
+      </div>
+
+      <!-- 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">
+        <div class="content-header">
+          <h3>
+            <i class="fa-solid fa-list-check"></i>
+            Tests Requiring Review
+          </h3>
+          <div class="sort-controls">
+            <label>Sort by:</label>
+            <select [(ngModel)]="sortBy" (change)="onSortChange()">
+              <option value="date">Date</option>
+              <option value="priority">Priority</option>
+              <option value="test-name">Test Name</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="feedback-list">
+          @for (item of (filteredFeedback$ | async) ?? []; track item.testRunID) {
+            <div class="feedback-item" [class.expanded]="expandedItem === item.testRunID">
+              <div class="item-header" (click)="toggleExpanded(item.testRunID)">
+                <div class="item-main">
+                  <div class="item-title">{{ item.testName }}</div>
+                  <div class="item-meta">
+                    <span class="meta-date">
+                      <i class="fa-solid fa-clock"></i>
+                      {{ item.runDateTime | date:'short' }}
+                    </span>
+                    <span class="meta-score">
+                      Automated Score: <strong>{{ item.automatedScore.toFixed(4) }}</strong>
+                    </span>
+                    <span class="meta-status">
+                      Status: <app-test-status-badge [status]="getTestStatus(item.automatedStatus)"></app-test-status-badge>
+                    </span>
+                  </div>
+                </div>
+                <div class="item-reason">
+                  <span class="reason-badge" [class]="item.reason">
+                    <i class="fa-solid" [class.fa-circle-info]="item.reason === 'no-feedback'"
+                       [class.fa-arrow-up]="item.reason === 'high-score-failed'"
+                       [class.fa-arrow-down]="item.reason === 'low-score-passed'"></i>
+                    {{ formatReason(item.reason) }}
+                  </span>
+                </div>
+                <button class="expand-btn">
+                  <i class="fa-solid" [class.fa-chevron-down]="expandedItem !== item.testRunID"
+                     [class.fa-chevron-up]="expandedItem === item.testRunID"></i>
+                </button>
+              </div>
+
+              @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>
+                      <div class="form-actions">
+                        <button class="submit-btn" (click)="submitFeedback(item)">
+                          <i class="fa-solid fa-paper-plane"></i>
+                          Submit Feedback
+                        </button>
+                        <button class="skip-btn" (click)="skipFeedback(item)">
+                          <i class="fa-solid fa-forward"></i>
+                          Skip for Now
+                        </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)">
+                        <i class="fa-solid fa-external-link"></i>
+                        View Full Test Details
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              }
+            </div>
+          } @empty {
+            <div class="empty-state">
+              <i class="fa-solid fa-check-double"></i>
+              <h3>All Caught Up!</h3>
+              <p>No tests currently require feedback review.</p>
+            </div>
+          }
+        </div>
+      </div>
+
+      <!-- Feedback Statistics -->
+      <div class="feedback-stats">
+        <div class="stats-section">
+          <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 Submitted</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' }}</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">Disagreement Rate</div>
+              <div class="stat-value">{{ (disagreementRate$ | async) || 0 | number:'1.1-1' }}%</div>
+            </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  "] }]
+    }], () => [{ 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: 919 }); })();
+//# sourceMappingURL=testing-feedback.component.js.map