@memberjunction/ng-dashboards 5.21.0 → 5.23.0

package/dist/AI/components/duplicates/duplicate-detection-resource.component.js

@@ -0,0 +1,2683 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview Duplicate Detection Kanban Board Resource Component
+ *
+ * Dashboard resource for reviewing duplicate detection results in a Kanban-style
+ * board with three columns: Pending Review, Approved, and Rejected.
+ * Supports triggering new detection runs with real-time progress via
+ * GraphQL subscriptions.
+ */
+import { Component, ChangeDetectorRef, Input, inject, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { CompositeKey, Metadata, RecordMergeRequest, RunView } from '@memberjunction/core';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.DetailId;
+const _forTrack2 = ($index, $item) => $item.Name;
+const _forTrack3 = ($index, $item) => $item.Match.ID;
+const _forTrack4 = ($index, $item) => $item.FieldName;
+const _forTrack5 = ($index, $item) => $item.Entity;
+const _forTrack6 = ($index, $item) => $item.ColumnIndex;
+function DuplicateDetectionResourceComponent_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const doc_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", doc_r1.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", doc_r1.Name, " (", doc_r1.EntityName, ")");
+} }
+function DuplicateDetectionResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
+    i0.ɵɵtext(1, " Detecting... ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
+    i0.ɵɵtext(1, " Run Detection ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.DetectionCurrentItem);
+} }
+function DuplicateDetectionResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 35)(2, "span", 36);
+    i0.ɵɵelement(3, "i", 33);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 37);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 38);
+    i0.ɵɵelement(8, "div", 39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.DetectionStage, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r1.DetectionProgress, "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", ctx_r1.DetectionProgress, "%");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DetectionCurrentItem ? 9 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 41)(2, "label", 42);
+    i0.ɵɵelement(3, "i", 43);
+    i0.ɵɵtext(4, " Potential Match ");
+    i0.ɵɵelementStart(5, "span", 44);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "input", 45);
+    i0.ɵɵlistener("input", function DuplicateDetectionResourceComponent_Conditional_17_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPotentialThresholdChanged($event.target.value / 100)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 46);
+    i0.ɵɵtext(9, "Score above which duplicates are flagged for review");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 41)(11, "label", 42);
+    i0.ɵɵelement(12, "i", 47);
+    i0.ɵɵtext(13, " Absolute Match ");
+    i0.ɵɵelementStart(14, "span", 44);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "input", 45);
+    i0.ɵɵlistener("input", function DuplicateDetectionResourceComponent_Conditional_17_Template_input_input_16_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAbsoluteThresholdChanged($event.target.value / 100)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 46);
+    i0.ɵɵtext(18, "Score above which duplicates are auto-confirmed");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1("", (ctx_r1.RunPotentialThreshold * 100).toFixed(0), "%");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("min", 30)("max", 99)("step", 1)("value", ctx_r1.RunPotentialThreshold * 100)("disabled", ctx_r1.IsDetecting);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate1("", (ctx_r1.RunAbsoluteThreshold * 100).toFixed(0), "%");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("min", 50)("max", 100)("step", 1)("value", ctx_r1.RunAbsoluteThreshold * 100)("disabled", ctx_r1.IsDetecting);
+} }
+function DuplicateDetectionResourceComponent_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 8);
+    i0.ɵɵtext(1, "All Entities");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_For_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 9);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const name_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", name_r4);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(name_r4);
+} }
+function DuplicateDetectionResourceComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_61_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearFilters()); });
+    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵtext(2, " Clear Filters ");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "mj-loading", 50);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵelementStart(2, "p", 52);
+    i0.ɵɵtext(3, "No duplicate detection results found.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵtext(5, "Select an entity document and click \"Run Detection\" to start.");
+    i0.ɵɵelementEnd()();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ms_r9 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", (ms_r9.Score * 100).toFixed(0), "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ms_r9.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r8 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("+", group_r8.MatchCount - group_r8.TopMatchSummaries.length, " more");
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(group_r8.TopMatchSummaries);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r8.MatchCount > group_r8.TopMatchSummaries.length ? 3 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_dragstart_0_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r8)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_click_0_listener() { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r8)); });
+    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 74);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Template, 4, 1, "div", 75);
+    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
+    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 77);
+    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(21, "div", 80)(22, "button", 81);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_button_click_22_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ApproveMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(23, "i", 82);
+    i0.ɵɵtext(24, " Approve ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "button", 83);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_button_click_25_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.RejectMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(26, "i", 49);
+    i0.ɵɵtext(27, " Reject ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const group_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(group_r8.EntityIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", group_r8.RecordName);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(group_r8.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r8.EntityName);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r8.HighestScore));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (group_r8.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r8.TopMatchSummaries.length > 0 ? 13 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" ", group_r8.MatchCount, " match", group_r8.MatchCount !== 1 ? "es" : "", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(group_r8.MatchedAt), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "i", 63);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No pending items");
+    i0.ɵɵelementEnd()();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ms_r12 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", (ms_r12.Score * 100).toFixed(0), "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ms_r12.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("+", group_r11.MatchCount - group_r11.TopMatchSummaries.length, " more");
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(group_r11.TopMatchSummaries);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r11.MatchCount > group_r11.TopMatchSummaries.length ? 3 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_dragstart_0_listener($event) { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r11)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_click_0_listener() { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r11)); });
+    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 74);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Template, 4, 1, "div", 75);
+    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
+    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 77);
+    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const group_r11 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(group_r11.EntityIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", group_r11.RecordName);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(group_r11.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r11.EntityName);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r11.HighestScore));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (group_r11.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r11.TopMatchSummaries.length > 0 ? 13 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" ", group_r11.MatchCount, " match", group_r11.MatchCount !== 1 ? "es" : "", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(group_r11.MatchedAt), " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "i", 88);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No approved items");
+    i0.ɵɵelementEnd()();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ms_r15 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", (ms_r15.Score * 100).toFixed(0), "%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ms_r15.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r14 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("+", group_r14.MatchCount - group_r14.TopMatchSummaries.length, " more");
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 75);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r14 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(group_r14.TopMatchSummaries);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r14.MatchCount > group_r14.TopMatchSummaries.length ? 3 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_dragstart_0_listener($event) { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r14)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_click_0_listener() { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r14)); });
+    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 74);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Template, 4, 1, "div", 75);
+    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
+    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 77);
+    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵtext(20);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const group_r14 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(group_r14.EntityIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", group_r14.RecordName);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(group_r14.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r14.EntityName);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r14.HighestScore));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (group_r14.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r14.TopMatchSummaries.length > 0 ? 13 : -1);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2(" ", group_r14.MatchCount, " match", group_r14.MatchCount !== 1 ? "es" : "", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(group_r14.MatchedAt), " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "i", 88);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No rejected items");
+    i0.ɵɵelementEnd()();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 54)(2, "div", 55);
+    i0.ɵɵelement(3, "i", 56);
+    i0.ɵɵelementStart(4, "span", 57);
+    i0.ɵɵtext(5, "Pending Review");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 58);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 59);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Pending")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Pending")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Pending")); });
+    i0.ɵɵrepeaterCreate(9, DuplicateDetectionResourceComponent_Conditional_64_For_10_Template, 28, 14, "div", 60, _forTrack1);
+    i0.ɵɵconditionalCreate(11, DuplicateDetectionResourceComponent_Conditional_64_Conditional_11_Template, 4, 0, "div", 61);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "div", 54)(13, "div", 62);
+    i0.ɵɵelement(14, "i", 63);
+    i0.ɵɵelementStart(15, "span", 57);
+    i0.ɵɵtext(16, "Approved");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 58);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "div", 59);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Approved")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Approved")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Approved")); });
+    i0.ɵɵrepeaterCreate(20, DuplicateDetectionResourceComponent_Conditional_64_For_21_Template, 21, 12, "div", 60, _forTrack1);
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_64_Conditional_22_Template, 4, 0, "div", 61);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 54)(24, "div", 64);
+    i0.ɵɵelement(25, "i", 65);
+    i0.ɵɵelementStart(26, "span", 57);
+    i0.ɵɵtext(27, "Rejected");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "span", 58);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 59);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Rejected")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Rejected")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Rejected")); });
+    i0.ɵɵrepeaterCreate(31, DuplicateDetectionResourceComponent_Conditional_64_For_32_Template, 21, 12, "div", 60, _forTrack1);
+    i0.ɵɵconditionalCreate(33, DuplicateDetectionResourceComponent_Conditional_64_Conditional_33_Template, 4, 0, "div", 61);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("drop-target-active", ctx_r1.DragOverColumn === "Pending" && (ctx_r1.DraggedGroup == null ? null : ctx_r1.DraggedGroup.ApprovalStatus) !== "Pending");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.PendingCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.PendingGroups);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.PendingGroups.length === 0 ? 11 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("drop-target-active", ctx_r1.DragOverColumn === "Approved" && (ctx_r1.DraggedGroup == null ? null : ctx_r1.DraggedGroup.ApprovalStatus) !== "Approved");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.ApprovedCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.ApprovedGroups);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ApprovedGroups.length === 0 ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("drop-target-active", ctx_r1.DragOverColumn === "Rejected" && (ctx_r1.DraggedGroup == null ? null : ctx_r1.DraggedGroup.ApprovalStatus) !== "Rejected");
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r1.RejectedCount);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.RejectedGroups);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.RejectedGroups.length === 0 ? 33 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵelement(1, "mj-loading", 89);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵelement(1, "mj-loading", 127);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 118);
+    i0.ɵɵelement(1, "i", 128);
+    i0.ɵɵtext(2, " Most deps");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Loading...");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); ctx_r1.OpenDepRecord(record_r21); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 140);
+    i0.ɵɵelementStart(2, "span", 141);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r21 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r21.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 136);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 137);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 138, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r19 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepRecordsLoading(0, dep_r19.Entity) ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetDepRecords(0, dep_r19.Entity));
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 131)(1, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.ToggleDepEntityGroup(0, dep_r19.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 133);
+    i0.ɵɵelement(3, "i", 134);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 135);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 136);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r19 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.IsDepEntityGroupExpanded(0, dep_r19.Entity))("fa-chevron-down", ctx_r1.IsDepEntityGroupExpanded(0, dep_r19.Entity));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", dep_r19.Entity, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dep_r19.Count);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepEntityGroupExpanded(0, dep_r19.Entity) ? 7 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template, 8, 7, "div", 131, _forTrack5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(0));
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(0)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 113);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_Template, 3, 0, "div", 130);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.IsDepsExpanded(0) ? "Hide details" : "Show details");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsDepsExpanded(0))("fa-chevron-up", ctx_r1.IsDepsExpanded(0));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepsExpanded(0) ? 4 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 118);
+    i0.ɵɵelement(1, "i", 128);
+    i0.ɵɵtext(2, " Most deps");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 137);
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵtext(2, " Loading...");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); ctx_r1.OpenDepRecord(record_r28); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 140);
+    i0.ɵɵelementStart(2, "span", 141);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r28 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r28.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 136);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 137);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 138, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r26 = i0.ɵɵnextContext().$implicit;
+    const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepRecordsLoading(ɵ$index_556_r23 + 1, dep_r26.Entity) ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetDepRecords(ɵ$index_556_r23 + 1, dep_r26.Entity));
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 131)(1, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ToggleDepEntityGroup(ɵ$index_556_r23 + 1, dep_r26.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 133);
+    i0.ɵɵelement(3, "i", 134);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 135);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 136);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r26 = ctx.$implicit;
+    const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity))("fa-chevron-down", ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", dep_r26.Entity, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dep_r26.Count);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity) ? 7 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template, 8, 7, "div", 131, _forTrack5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_556_r23 = i0.ɵɵnextContext(2).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(ɵ$index_556_r23 + 1));
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_556_r23 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(ɵ$index_556_r23 + 1)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 113);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_Template, 3, 0, "div", 130);
+} if (rf & 2) {
+    const ɵ$index_556_r23 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1) ? "Hide details" : "Show details");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1))("fa-chevron-up", ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1) ? 4 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 146);
+    i0.ɵɵelement(1, "i", 113);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const match_r29 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("status-approved", match_r29.Match.ApprovalStatus === "Approved")("status-rejected", match_r29.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check", match_r29.Match.ApprovalStatus === "Approved")("fa-times", match_r29.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", match_r29.Match.ApprovalStatus, " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 142)(1, "div", 143)(2, "span", 108);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 73);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "span", 144);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 109)(9, "input", 110);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template_input_change_9_listener() { const ɵ$index_556_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSurvivor(ɵ$index_556_r23 + 1)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 111);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "button", 112);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template_button_click_12_listener() { const ɵ$index_556_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(ɵ$index_556_r23 + 1)); });
+    i0.ɵɵelement(13, "i", 113);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 114)(16, "div", 115);
+    i0.ɵɵelement(17, "i", 116);
+    i0.ɵɵelementStart(18, "span", 117);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(20);
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_21_Template, 3, 0, "span", 118);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template, 5, 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_23_Template, 3, 9, "span", 145);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const match_r29 = ctx.$implicit;
+    const ɵ$index_556_r23 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("match-approved", match_r29.Match.ApprovalStatus === "Approved")("match-rejected", match_r29.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(match_r29.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(match_r29.Score));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (match_r29.Score * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", match_r29.DiffCount, " difference", match_r29.DiffCount !== 1 ? "s" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("is-survivor", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1 ? "Surviving Record" : "Set as survivor", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("all-selected", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check-double", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1))("fa-clone", !ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1) ? "Using all fields" : "Use all fields", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1) === 1 ? "dependency" : "dependencies", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetMaxDepsColumnIndex() === ɵ$index_556_r23 + 1 && ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1) > 0 ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetGroupedDeps(ɵ$index_556_r23 + 1).length > 0 ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(match_r29.Match.ApprovalStatus !== "Pending" ? 23 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const field_r31 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", field_r31.SourceValue, " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 149);
+    i0.ɵɵtext(1, "(not available)");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 152);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r32); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r32); const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, 0)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r31 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r31.FieldName)("checked", field_r31.SelectedColumnIndex === 0);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 152);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r37); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r37); const ɵ$index_660_r36 = i0.ɵɵnextContext(2).$index; const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, ɵ$index_660_r36 + 1)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_660_r36 = i0.ɵɵnextContext(2).$index;
+    const field_r31 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r31.FieldName)("checked", field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template, 1, 2, "input", 150);
+} if (rf & 2) {
+    const ctx_r37 = i0.ɵɵnextContext();
+    const matchVal_r35 = ctx_r37.$implicit;
+    const ɵ$index_660_r36 = ctx_r37.$index;
+    const field_r31 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", matchVal_r35, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(field_r31.HasDifference || field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1 ? 1 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 149);
+    i0.ɵɵtext(1, "(not available)");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 153);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template_div_click_0_listener() { const ctx_r33 = i0.ɵɵrestoreView(_r33); const matchVal_r35 = ctx_r33.$implicit; const ɵ$index_660_r36 = ctx_r33.$index; const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(matchVal_r35 != null ? ctx_r1.SelectFieldValue(field_r31, ɵ$index_660_r36 + 1) : null); });
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Template, 2, 2)(2, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_2_Template, 2, 0, "span", 149);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const matchVal_r35 = ctx.$implicit;
+    const ɵ$index_660_r36 = ctx.$index;
+    const ctx_r38 = i0.ɵɵnextContext();
+    const field_r31 = ctx_r38.$implicit;
+    const ɵ$index_645_r40 = ctx_r38.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0)("value-same", ctx_r1.AreValuesEqual(field_r31.SourceValue, matchVal_r35))("value-different", matchVal_r35 != null && field_r31.SourceValue != null && !ctx_r1.AreValuesEqual(field_r31.SourceValue, matchVal_r35))("field-selected", field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(matchVal_r35 != null ? 1 : 2);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_For_49_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 147);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 148);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Template_div_click_2_listener() { const field_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, 0)); });
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_3_Template, 1, 1)(4, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_4_Template, 2, 0, "span", 149);
+    i0.ɵɵconditionalCreate(5, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template, 1, 2, "input", 150);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(6, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template, 3, 9, "div", 151, i0.ɵɵrepeaterTrackByIndex);
+} if (rf & 2) {
+    const field_r31 = ctx.$implicit;
+    const ɵ$index_645_r40 = ctx.$index;
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", field_r31.DisplayName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0)("has-diff-in-row", field_r31.HasDifference)("field-selected", field_r31.SelectedColumnIndex === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(field_r31.SourceValue != null ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(field_r31.HasDifference || field_r31.SelectedColumnIndex === 0 ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(field_r31.MatchValues);
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate2(" \u00B7 ", ctx_r1.CherryPickedCount(), " field", ctx_r1.CherryPickedCount() !== 1 ? "s" : "", " cherry-picked ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 90);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 91);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 92)(3, "div", 93)(4, "div", 94);
+    i0.ɵɵelement(5, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div")(7, "div", 95);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 96);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 97);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 98)(14, "div", 99)(15, "button", 100);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = true); });
+    i0.ɵɵtext(16, "All Fields");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 100);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = false); });
+    i0.ɵɵtext(18, "Differences Only");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "button", 101);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelement(20, "i", 49);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_66_Conditional_21_Template, 2, 0, "div", 102);
+    i0.ɵɵelementStart(22, "div", 103)(23, "div", 104)(24, "div", 105);
+    i0.ɵɵtext(25, "Field");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 106)(27, "span", 107);
+    i0.ɵɵtext(28, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 108);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "div", 109)(32, "input", 110);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_66_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetSurvivor(0)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "span", 111);
+    i0.ɵɵtext(34);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "button", 112);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(0)); });
+    i0.ɵɵelement(36, "i", 113);
+    i0.ɵɵtext(37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "div", 114)(39, "div", 115);
+    i0.ɵɵelement(40, "i", 116);
+    i0.ɵɵelementStart(41, "span", 117);
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(43);
+    i0.ɵɵconditionalCreate(44, DuplicateDetectionResourceComponent_Conditional_66_Conditional_44_Template, 3, 0, "span", 118);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(45, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template, 5, 6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(46, DuplicateDetectionResourceComponent_Conditional_66_For_47_Template, 24, 26, "div", 119, _forTrack3);
+    i0.ɵɵrepeaterCreate(48, DuplicateDetectionResourceComponent_Conditional_66_For_49_Template, 8, 11, null, null, _forTrack4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "div", 120)(51, "div", 121)(52, "span", 122);
+    i0.ɵɵtext(53);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(54, "span", 123);
+    i0.ɵɵelement(55, "i", 124);
+    i0.ɵɵtext(56, " Surviving: ");
+    i0.ɵɵelementStart(57, "strong");
+    i0.ɵɵtext(58);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(59, DuplicateDetectionResourceComponent_Conditional_66_Conditional_59_Template, 1, 2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(60, "div", 125)(61, "button", 83);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_61_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.RejectMatch(ctx_r1.ComparisonGroup); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelement(62, "i", 49);
+    i0.ɵɵtext(63, " Reject All ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(64, "button", 126);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenMergeConfirm()); });
+    i0.ɵɵelement(65, "i", 124);
+    i0.ɵɵtext(66, " Merge Records ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("comparison-closing", ctx_r1.ComparisonClosing);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("comparison-closing", ctx_r1.ComparisonClosing);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassMap(ctx_r1.ComparisonGroup.EntityIcon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.ComparisonGroup.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.ComparisonGroup.EntityName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.ComparisonGroup.MatchCount, " potential duplicate", ctx_r1.ComparisonGroup.MatchCount !== 1 ? "s" : "", " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("toggle-active", ctx_r1.ComparisonShowAllFields);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("toggle-active", !ctx_r1.ComparisonShowAllFields);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.ComparisonLoading ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("hidden", ctx_r1.ComparisonLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("grid-template-columns", "160px repeat(" + (1 + ctx_r1.ComparisonMatches.length) + ", minmax(180px, 1fr))");
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.ComparisonGroup.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r1.SurvivorColumnIndex === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("is-survivor", ctx_r1.SurvivorColumnIndex === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorColumnIndex === 0 ? "Surviving Record" : "Set as survivor", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("all-selected", ctx_r1.AllFieldsSelectedFrom(0));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check-double", ctx_r1.AllFieldsSelectedFrom(0))("fa-clone", !ctx_r1.AllFieldsSelectedFrom(0));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.AllFieldsSelectedFrom(0) ? "Using all fields" : "Use all fields", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.GetTotalDeps(0));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetTotalDeps(0) === 1 ? "dependency" : "dependencies", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetMaxDepsColumnIndex() === 0 && ctx_r1.GetTotalDeps(0) > 0 ? 44 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetGroupedDeps(0).length > 0 ? 45 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ComparisonMatches);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.GetVisibleFields());
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate2(" Showing ", ctx_r1.GetVisibleFields().length, " of ", ctx_r1.ComparisonFields.length, " fields ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.SurvivorName());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CherryPickedCount() > 0 ? 59 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 178)(1, "span", 179);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 180);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 181);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r42 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r42.DisplayName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("\"", field_r42.Value, "\"");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("from ", field_r42.SourceName);
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 177);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_For_4_Template, 7, 3, "div", 178, _forTrack4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("Field Value Overrides (", ctx_r1.GetCherryPickedFields().length, " field", ctx_r1.GetCherryPickedFields().length !== 1 ? "s" : "", ")");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetCherryPickedFields());
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5);
+} if (rf & 2) {
+    const col_r43 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r43.DepCount);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", col_r43.DepCount === 1 ? "dependency" : "dependencies", " from ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(col_r43.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \u2192 ", ctx_r1.SurvivorName(), " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "0");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2, " dependencies from ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r43 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(col_r43.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 184);
+    i0.ɵɵelement(1, "i", 185);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_3_Template, 6, 4)(4, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_4_Template, 5, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const col_r43 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(col_r43.DepCount > 0 ? 3 : 4);
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 168)(1, "div", 182);
+    i0.ɵɵelement(2, "i", 183);
+    i0.ɵɵtext(3, " Dependencies to Transfer");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Template, 5, 1, "div", 184, _forTrack6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.GetNonSurvivorColumns());
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const col_r44 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate2(" ", col_r44.DepCount, " dep", col_r44.DepCount !== 1 ? "s" : "", " transferring ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " no deps ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 172)(1, "span", 186);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 187);
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_4_Template, 1, 2)(5, DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_5_Template, 1, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const col_r44 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(col_r44.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(col_r44.DepCount > 0 ? 4 : 5);
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 33);
+    i0.ɵɵtext(1, " Merging... ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 124);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Confirm Merge (", ctx_r1.GetNonSurvivorColumns().length + 1, " records \u2192 1) ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    const _r41 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 154);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelementStart(1, "div", 155);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r41); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 156)(3, "div", 157);
+    i0.ɵɵelement(4, "i", 124);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div")(6, "div", 158);
+    i0.ɵɵtext(7, "Confirm Record Merge");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 159);
+    i0.ɵɵtext(9, "This action cannot be undone. Please review carefully.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 160)(11, "div", 161)(12, "div", 162);
+    i0.ɵɵelement(13, "i", 163);
+    i0.ɵɵtext(14, " Surviving Record");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 164);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 165);
+    i0.ɵɵelement(18, "i", 166);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 167);
+    i0.ɵɵtext(21, "This record's ID will be retained. All dependencies from merged records will be transferred here.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_Template, 5, 2, "div");
+    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_Template, 6, 0, "div", 168);
+    i0.ɵɵelementStart(24, "div", 169)(25, "div", 170);
+    i0.ɵɵelement(26, "i", 171);
+    i0.ɵɵtext(27, " Records to Delete After Merge");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(28, DuplicateDetectionResourceComponent_Conditional_67_For_29_Template, 6, 2, "div", 172, _forTrack6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 173)(31, "button", 174);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelement(32, "i", 175);
+    i0.ɵɵtext(33, " Back ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "button", 176);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMerge()); });
+    i0.ɵɵconditionalCreate(35, DuplicateDetectionResourceComponent_Conditional_67_Conditional_35_Template, 2, 0)(36, DuplicateDetectionResourceComponent_Conditional_67_Conditional_36_Template, 2, 1);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(16);
+    i0.ɵɵtextInterpolate(ctx_r1.SurvivorName());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorKeyDisplay(), " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.GetCherryPickedFields().length > 0 ? 22 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetNonSurvivorColumns().length > 0 ? 23 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.GetNonSurvivorColumns());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsMerging);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.IsMerging);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsMerging ? 35 : 36);
+} }
+let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceComponent extends BaseResourceComponent {
+    cdr = inject(ChangeDetectorRef);
+    navigationService = inject(NavigationService);
+    destroy$ = new Subject();
+    filterSubject = new Subject();
+    // Loading state
+    IsLoading = false;
+    IsSaving = false;
+    // ── Comparison Panel State ──
+    /** The group being compared (null = panel closed) */
+    ComparisonGroup = null;
+    /** Whether the comparison panel is loading entity records */
+    ComparisonLoading = false;
+    /** Whether to show all fields or only differences */
+    ComparisonShowAllFields = true;
+    /** Precomputed field rows for the comparison grid */
+    ComparisonFields = [];
+    /** Parsed match info for comparison columns */
+    ComparisonMatches = [];
+    /** Index of the surviving record column (0 = source, 1+ = match index) */
+    SurvivorColumnIndex = 0;
+    /** Whether the panel is animating closed */
+    ComparisonClosing = false;
+    /** Loaded entity records keyed by record ID (populated on panel open via RunView) */
+    comparisonRecords = new Map();
+    // ── Dependencies State ──
+    /** Dependencies per record, keyed by composite key string */
+    ComparisonDependencies = new Map();
+    /** Which column indices have expanded dependency details */
+    DepsExpandedColumns = new Set();
+    /** Tracks which entity groups within deps are expanded (key: "columnIndex::entityName") */
+    depsEntityGroupExpanded = new Set();
+    // ── Merge Confirmation State ──
+    /** Whether the merge confirmation panel is visible */
+    ShowMergeConfirm = false;
+    /** Whether the merge is currently executing */
+    IsMerging = false;
+    // Raw data
+    Runs = [];
+    Details = [];
+    Matches = [];
+    // Aggregated groups for display
+    AllGroups = [];
+    PendingGroups = [];
+    ApprovedGroups = [];
+    RejectedGroups = [];
+    // Filter state
+    Filters = {
+        EntityName: '',
+        MinScore: 0,
+        MaxScore: 1,
+        DateFrom: '',
+        DateTo: ''
+    };
+    // Available entity names from loaded runs
+    EntityNames = [];
+    // Detection run state
+    IsDetecting = false;
+    DetectionProgress = 0;
+    DetectionStage = '';
+    /** Runtime threshold overrides — initialized from entity doc, adjustable via sliders */
+    RunPotentialThreshold = 0.70;
+    RunAbsoluteThreshold = 0.95;
+    DetectionCurrentItem = '';
+    // Entity document picker
+    EntityDocuments = [];
+    _selectedEntityDocumentID = '';
+    get SelectedEntityDocumentID() { return this._selectedEntityDocumentID; }
+    set SelectedEntityDocumentID(value) {
+        this._selectedEntityDocumentID = value;
+        // Sync threshold sliders from selected entity document
+        const doc = this.EntityDocuments.find(d => UUIDsEqual(d.ID, value));
+        if (doc) {
+            this.RunPotentialThreshold = doc.PotentialMatchThreshold;
+            this.RunAbsoluteThreshold = doc.AbsoluteMatchThreshold;
+        }
+    }
+    /** Whether this component is embedded inside the Knowledge Hub shell */
+    EmbeddedMode = false;
+    /** View mode: 'kanban' (card board) or 'table' (paged grid) */
+    DisplayMode = 'kanban';
+    /** Page size for table view */
+    PageSize = 50;
+    /** Current page (0-based) */
+    CurrentPage = 0;
+    /** Selected entity filter */
+    SelectedEntityFilter = '';
+    /** Currently selected group for merge panel */
+    SelectedMergeGroup = null;
+    /** Whether the merge panel is visible */
+    ShowMergePanel = false;
+    /** Auto-switch to table mode when groups exceed threshold */
+    kanbanThreshold = 50;
+    /** Toggle display mode */
+    ToggleDisplayMode() {
+        this.DisplayMode = this.DisplayMode === 'kanban' ? 'table' : 'kanban';
+        this.CurrentPage = 0;
+        this.cdr.detectChanges();
+    }
+    /** Filter by entity name */
+    FilterByEntity(entityName) {
+        this.SelectedEntityFilter = entityName;
+        this.Filters.EntityName = entityName;
+        this.autoSelectDisplayMode();
+        this.cdr.detectChanges();
+    }
+    /** Get paged groups for table view */
+    GetPagedGroups() {
+        const start = this.CurrentPage * this.PageSize;
+        return this.AllGroups.slice(start, start + this.PageSize);
+    }
+    /** Get total page count */
+    get TotalPages() {
+        return Math.ceil(this.AllGroups.length / this.PageSize);
+    }
+    /** Navigate to next page */
+    NextPage() {
+        if (this.CurrentPage < this.TotalPages - 1) {
+            this.CurrentPage++;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Navigate to previous page */
+    PrevPage() {
+        if (this.CurrentPage > 0) {
+            this.CurrentPage--;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Open the merge panel for a duplicate group */
+    OpenMergePanel(group) {
+        this.SelectedMergeGroup = group;
+        this.ShowMergePanel = true;
+        this.cdr.detectChanges();
+    }
+    /** Close the merge panel */
+    CloseMergePanel() {
+        this.SelectedMergeGroup = null;
+        this.ShowMergePanel = false;
+        this.cdr.detectChanges();
+    }
+    /** Auto-select display mode based on group count */
+    autoSelectDisplayMode() {
+        this.DisplayMode = this.AllGroups.length > this.kanbanThreshold ? 'table' : 'kanban';
+    }
+    // KPI values
+    get TotalGroupCount() {
+        return this.AllGroups.length;
+    }
+    get PendingCount() {
+        return this.PendingGroups.length;
+    }
+    get ApprovedCount() {
+        return this.ApprovedGroups.length;
+    }
+    get RejectedCount() {
+        return this.RejectedGroups.length;
+    }
+    /** Get selected entity document threshold info */
+    get SelectedDocumentThresholds() {
+        if (!this.SelectedEntityDocumentID)
+            return null;
+        return this.EntityDocuments.find(d => UUIDsEqual(d.ID, this.SelectedEntityDocumentID)) ?? null;
+    }
+    async ngAfterViewInit() {
+        this.setupFilterDebounce();
+        await this.LoadData();
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Duplicate Detection';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-clone';
+    }
+    /**
+     * Loads all duplicate run data and builds the Kanban groups.
+     */
+    async LoadData() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            // Use KnowledgeHubMetadataEngine for cached entity document data
+            const engine = KnowledgeHubMetadataEngine.Instance;
+            await engine.Config(false);
+            const rv = new RunView();
+            const [runsResult, detailsResult, matchesResult] = await rv.RunViews([
+                {
+                    EntityName: 'MJ: Duplicate Runs',
+                    ExtraFilter: "ProcessingStatus IN ('Complete', 'Failed', 'In Progress')",
+                    OrderBy: 'StartedAt DESC',
+                    ResultType: 'entity_object'
+                },
+                {
+                    EntityName: 'MJ: Duplicate Run Details',
+                    ExtraFilter: "MatchStatus = 'Complete'",
+                    OrderBy: '__mj_CreatedAt DESC',
+                    ResultType: 'entity_object'
+                },
+                {
+                    EntityName: 'MJ: Duplicate Run Detail Matches',
+                    OrderBy: 'MatchProbability DESC',
+                    ResultType: 'entity_object'
+                }
+            ]);
+            if (runsResult.Success) {
+                this.Runs = runsResult.Results;
+            }
+            if (detailsResult.Success) {
+                this.Details = detailsResult.Results;
+            }
+            if (matchesResult.Success) {
+                this.Matches = matchesResult.Results;
+            }
+            // Build entity document options from cached active documents
+            this.buildEntityDocumentOptionsFromEngine(engine.GetActiveEntityDocuments());
+            this.buildGroups();
+            this.extractEntityNames();
+            this.computeDataRanges();
+            this.applyFilters();
+        }
+        catch (error) {
+            console.error('Error loading duplicate detection data:', error);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Trigger a new duplicate detection run by creating a DuplicateRun entity.
+     * The server hook auto-triggers detection when a run is saved with EndedAt === null.
+     */
+    async RunDetection() {
+        if (this.IsDetecting || !this.SelectedEntityDocumentID)
+            return;
+        const selectedDoc = this.EntityDocuments.find(d => UUIDsEqual(d.ID, this.SelectedEntityDocumentID));
+        if (!selectedDoc)
+            return;
+        this.IsDetecting = true;
+        this.DetectionProgress = 0;
+        this.DetectionStage = 'Initializing...';
+        this.DetectionCurrentItem = '';
+        this.cdr.detectChanges();
+        try {
+            const md = new Metadata();
+            const dupeRun = await md.GetEntityObject('MJ: Duplicate Runs');
+            dupeRun.NewRecord();
+            // Look up the EntityID from the entity document's entity name
+            const entityInfo = md.Entities.find(e => e.Name === selectedDoc.EntityName);
+            if (entityInfo) {
+                dupeRun.EntityID = entityInfo.ID;
+            }
+            dupeRun.StartedByUserID = new Metadata().CurrentUser.ID;
+            dupeRun.StartedAt = new Date();
+            dupeRun.ProcessingStatus = 'In Progress';
+            dupeRun.ApprovalStatus = 'Pending';
+            const saved = await dupeRun.Save();
+            if (!saved) {
+                console.error('Failed to create duplicate run:', dupeRun.LatestResult?.Message || 'unknown error');
+                MJNotificationService.Instance.CreateSimpleNotification(`Failed to start detection: ${dupeRun.LatestResult?.Message || 'unknown error'}`, 'error', 5000);
+                this.IsDetecting = false;
+                this.DetectionStage = '';
+                this.cdr.detectChanges();
+                return;
+            }
+            // Subscribe to progress using the run ID as PipelineRunID
+            this.subscribeToPipelineProgress(dupeRun.ID);
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error('[DuplicateDetection] Error starting detection:', msg);
+            this.IsDetecting = false;
+            this.DetectionStage = '';
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Approves all matches within a duplicate group by updating each match's ApprovalStatus.
+     */
+    async ApproveMatch(group) {
+        await this.updateGroupApprovalStatus(group, 'Approved');
+    }
+    /**
+     * Rejects all matches within a duplicate group by updating each match's ApprovalStatus.
+     */
+    async RejectMatch(group) {
+        await this.updateGroupApprovalStatus(group, 'Rejected');
+    }
+    // ════════════════════════════════════════════
+    // Drag and Drop
+    // ════════════════════════════════════════════
+    /** The group currently being dragged */
+    DraggedGroup = null;
+    /** Which column is being dragged over (for highlight) */
+    DragOverColumn = null;
+    OnDragStart(event, group) {
+        this.DraggedGroup = group;
+        if (event.dataTransfer) {
+            event.dataTransfer.effectAllowed = 'move';
+            event.dataTransfer.setData('text/plain', group.DetailId);
+        }
+        // Add a slight delay so the drag ghost renders before we add the dragging class
+        setTimeout(() => this.cdr.detectChanges(), 0);
+    }
+    OnDragEnd() {
+        this.DraggedGroup = null;
+        this.DragOverColumn = null;
+        this.cdr.detectChanges();
+    }
+    OnDragOver(event, column) {
+        event.preventDefault(); // Required to allow drop
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'move';
+        }
+        if (this.DragOverColumn !== column) {
+            this.DragOverColumn = column;
+            this.cdr.detectChanges();
+        }
+    }
+    OnDragLeave(event, column) {
+        // Only clear if leaving the column (not entering a child element)
+        const related = event.relatedTarget;
+        const columnEl = event.currentTarget;
+        if (!columnEl.contains(related)) {
+            if (this.DragOverColumn === column) {
+                this.DragOverColumn = null;
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    async OnDrop(event, targetStatus) {
+        event.preventDefault();
+        this.DragOverColumn = null;
+        if (!this.DraggedGroup)
+            return;
+        if (this.DraggedGroup.ApprovalStatus === targetStatus) {
+            this.DraggedGroup = null;
+            this.cdr.detectChanges();
+            return; // Already in this column
+        }
+        const group = this.DraggedGroup;
+        this.DraggedGroup = null;
+        await this.updateGroupApprovalStatus(group, targetStatus);
+    }
+    /** Whether a card is currently being dragged */
+    get IsDragging() {
+        return this.DraggedGroup !== null;
+    }
+    /** Handle filter changes with debounce */
+    OnFilterChange() {
+        this.filterSubject.next();
+    }
+    /** Computed range bounds from actual data — used as min/max/placeholder for filter inputs */
+    DataMinScore = 0;
+    DataMaxScore = 1;
+    DataMinDate = '';
+    DataMaxDate = '';
+    /** Compute the actual data ranges from AllGroups */
+    computeDataRanges() {
+        if (this.AllGroups.length === 0) {
+            this.DataMinScore = 0;
+            this.DataMaxScore = 1;
+            this.DataMinDate = '';
+            this.DataMaxDate = '';
+            return;
+        }
+        let minScore = 1, maxScore = 0;
+        let minDate = null, maxDate = null;
+        for (const group of this.AllGroups) {
+            if (group.HighestScore < minScore)
+                minScore = group.HighestScore;
+            if (group.HighestScore > maxScore)
+                maxScore = group.HighestScore;
+            const d = new Date(group.MatchedAt);
+            if (!isNaN(d.getTime())) {
+                if (!minDate || d < minDate)
+                    minDate = d;
+                if (!maxDate || d > maxDate)
+                    maxDate = d;
+            }
+        }
+        this.DataMinScore = Math.floor(minScore * 100) / 100;
+        this.DataMaxScore = Math.ceil(maxScore * 100) / 100;
+        this.DataMinDate = minDate ? this.toInputDate(minDate) : '';
+        this.DataMaxDate = maxDate ? this.toInputDate(maxDate) : '';
+        // Leave filters empty by default — no filtering until user explicitly sets values
+        this.Filters.MinScore = 0;
+        this.Filters.MaxScore = 1;
+        this.Filters.DateFrom = '';
+        this.Filters.DateTo = '';
+    }
+    /** Format a Date to YYYY-MM-DD for input[type=date] using local time */
+    toInputDate(d) {
+        const year = d.getFullYear();
+        const month = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    /** Clear all filters */
+    ClearFilters() {
+        this.Filters = {
+            EntityName: this.EntityNames.length === 1 ? this.EntityNames[0] : '',
+            MinScore: 0,
+            MaxScore: 1,
+            DateFrom: '',
+            DateTo: '',
+        };
+        this.applyFilters();
+    }
+    /** Returns the CSS class for a match score indicator */
+    GetScoreClass(score) {
+        if (score > 0.9)
+            return 'score-high';
+        if (score >= 0.7)
+            return 'score-medium';
+        return 'score-low';
+    }
+    /** Returns a human-readable label for a match score */
+    GetScoreLabel(score) {
+        if (score > 0.9)
+            return 'High';
+        if (score >= 0.7)
+            return 'Medium';
+        return 'Low';
+    }
+    /** Format a date for display */
+    FormatDate(date) {
+        if (!date)
+            return '';
+        const d = new Date(date);
+        return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+    /** Whether any filters are active */
+    get HasActiveFilters() {
+        return (this.EntityNames.length > 1 && this.Filters.EntityName !== '') ||
+            this.Filters.MinScore > 0 ||
+            (this.Filters.MaxScore > 0 && this.Filters.MaxScore < 1) ||
+            this.Filters.DateFrom !== '' ||
+            this.Filters.DateTo !== '';
+    }
+    // ---- Private Methods ----
+    setupFilterDebounce() {
+        this.filterSubject.pipe(debounceTime(300), takeUntil(this.destroy$)).subscribe(() => {
+            this.applyFilters();
+        });
+    }
+    /** Build entity document options from KnowledgeHubMetadataEngine cached entities */
+    buildEntityDocumentOptionsFromEngine(docs) {
+        this.EntityDocuments = docs.map(d => ({
+            ID: d.ID,
+            Name: d.Name ?? 'Unnamed',
+            EntityName: d.Entity ?? '',
+            PotentialMatchThreshold: this.normalizeDupeThreshold(d.PotentialMatchThreshold, 0.70),
+            AbsoluteMatchThreshold: this.normalizeDupeThreshold(d.AbsoluteMatchThreshold, 0.95)
+        }));
+        // Auto-select the first entity document if available
+        if (this.EntityDocuments.length > 0 && !this.SelectedEntityDocumentID) {
+            this.SelectedEntityDocumentID = this.EntityDocuments[0].ID;
+        }
+    }
+    /** Subscribe to PipelineProgress for a specific detection run */
+    /**
+     * Normalizes a duplicate threshold value — treats null, undefined, 0, and 1.0
+     * as "not configured" and falls back to a sensible default.
+     * Thresholds of exactly 1.0 mean "100% match only" which is effectively useless
+     * for real-world duplicate detection.
+     */
+    normalizeDupeThreshold(value, fallback) {
+        if (value == null || value <= 0 || value >= 1.0) {
+            return fallback;
+        }
+        return value;
+    }
+    /** Handle potential threshold slider change */
+    OnPotentialThresholdChanged(value) {
+        this.RunPotentialThreshold = value;
+    }
+    /** Handle absolute threshold slider change */
+    OnAbsoluteThresholdChanged(value) {
+        this.RunAbsoluteThreshold = value;
+    }
+    subscribeToPipelineProgress(pipelineRunID) {
+        const provider = Metadata.Provider;
+        const subscriptionQuery = `
+            subscription PipelineProgress($pipelineRunID: String!) {
+                PipelineProgress(pipelineRunID: $pipelineRunID) {
+                    PipelineRunID
+                    Stage
+                    TotalItems
+                    ProcessedItems
+                    CurrentItem
+                    PercentComplete
+                    ElapsedMs
+                }
+            }
+        `;
+        let idleTimer = null;
+        const finishDetection = (success) => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            rxSub?.unsubscribe();
+            Promise.resolve().then(async () => {
+                this.IsDetecting = false;
+                this.DetectionStage = success ? 'Complete' : 'Error';
+                this.DetectionProgress = success ? 100 : 0;
+                if (success) {
+                    await this.LoadData();
+                }
+                this.cdr.detectChanges();
+            });
+        };
+        const resetIdleTimer = () => {
+            if (idleTimer)
+                clearTimeout(idleTimer);
+            idleTimer = setTimeout(() => {
+                if (this.IsDetecting) {
+                    finishDetection(true);
+                }
+            }, 60000); // 60s timeout for duplicate detection (can be very long)
+        };
+        resetIdleTimer();
+        const sub = provider.subscribe(subscriptionQuery, { pipelineRunID });
+        const rxSub = sub.pipe(takeUntil(this.destroy$)).subscribe({
+            next: (data) => {
+                const progress = data['PipelineProgress'];
+                if (!progress)
+                    return;
+                const stage = progress['Stage'];
+                const pct = progress['PercentComplete'];
+                const currentItem = progress['CurrentItem'];
+                this.DetectionProgress = pct;
+                this.DetectionStage = this.formatDetectionStage(stage);
+                this.DetectionCurrentItem = currentItem ?? '';
+                this.cdr.detectChanges();
+                if (stage === 'complete') {
+                    finishDetection(true);
+                }
+                else if (stage === 'error') {
+                    finishDetection(false);
+                }
+                else {
+                    resetIdleTimer();
+                }
+            },
+            error: (err) => {
+                console.error('[DuplicateDetection] Pipeline subscription error:', err);
+                finishDetection(false);
+            }
+        });
+    }
+    /** Format detection stage names for display */
+    formatDetectionStage(stage) {
+        const stageMap = {
+            'vectorize': 'Vectorizing records',
+            'autotag': 'Analyzing matches',
+            'extract': 'Querying vector database',
+            'complete': 'Complete',
+            'error': 'Error'
+        };
+        return stageMap[stage] ?? stage;
+    }
+    /** Extract unique entity names from loaded runs */
+    extractEntityNames() {
+        const nameSet = new Set();
+        // Extract from runs first
+        for (const run of this.Runs) {
+            if (run.Entity) {
+                nameSet.add(run.Entity);
+            }
+        }
+        // Also extract from groups (covers cases where runs failed but details/matches exist)
+        for (const group of this.AllGroups) {
+            if (group.EntityName && group.EntityName !== 'Unknown') {
+                nameSet.add(group.EntityName);
+            }
+        }
+        this.EntityNames = Array.from(nameSet).sort();
+        // Auto-select if only one entity — no point showing "All Entities" for a single option
+        if (this.EntityNames.length === 1) {
+            this.Filters.EntityName = this.EntityNames[0];
+        }
+    }
+    /**
+     * Build DuplicateGroup objects by joining details to their matches,
+     * and resolving the entity name from the parent run.
+     */
+    buildGroups() {
+        const runMap = new Map();
+        for (const run of this.Runs) {
+            runMap.set(run.ID, run);
+        }
+        const matchesByDetail = new Map();
+        for (const match of this.Matches) {
+            const key = match.DuplicateRunDetailID;
+            const existing = matchesByDetail.get(key);
+            if (existing) {
+                existing.push(match);
+            }
+            else {
+                matchesByDetail.set(key, [match]);
+            }
+        }
+        this.AllGroups = [];
+        for (const detail of this.Details) {
+            const detailMatches = matchesByDetail.get(detail.ID);
+            if (!detailMatches || detailMatches.length === 0) {
+                continue; // Skip details with no matches
+            }
+            const run = runMap.get(detail.DuplicateRunID);
+            const highestScore = this.computeHighestScore(detailMatches);
+            const dominantStatus = this.computeDominantApprovalStatus(detailMatches);
+            const latestMatchDate = this.computeLatestMatchDate(detailMatches);
+            // Parse source record metadata (stored as JSON by the detector)
+            const metadata = this.parseRecordMetadata(detail.RecordMetadata);
+            const entityName = metadata.Entity || run?.Entity || 'Unknown';
+            const entityIcon = metadata.EntityIcon || 'fa-solid fa-database';
+            const recordName = metadata.Name || detail.RecordID;
+            // Build top match summaries from match metadata
+            const topMatchSummaries = this.buildTopMatchSummaries(detailMatches, 3);
+            this.AllGroups.push({
+                DetailId: detail.ID,
+                RunId: detail.DuplicateRunID,
+                RecordId: detail.RecordID,
+                EntityName: entityName,
+                EntityIcon: entityIcon,
+                RecordName: recordName,
+                ApprovalStatus: dominantStatus,
+                MatchCount: detailMatches.length,
+                HighestScore: highestScore,
+                Matches: detailMatches,
+                MatchedAt: latestMatchDate,
+                Metadata: metadata,
+                TopMatchSummaries: topMatchSummaries,
+            });
+        }
+    }
+    /** Find the highest match probability across a set of matches */
+    computeHighestScore(matches) {
+        let max = 0;
+        for (const m of matches) {
+            if (m.MatchProbability > max) {
+                max = m.MatchProbability;
+            }
+        }
+        return max;
+    }
+    // ════════════════════════════════════════════
+    // Comparison Panel
+    // ════════════════════════════════════════════
+    /** Open the comparison slide-in panel for a group — loads real entity records */
+    async OpenComparison(group) {
+        this.ComparisonGroup = group;
+        this.ComparisonShowAllFields = true;
+        this.SurvivorColumnIndex = 0;
+        this.ComparisonClosing = false;
+        this.ComparisonLoading = true;
+        this.ComparisonFields = [];
+        this.ComparisonMatches = [];
+        this.comparisonRecords.clear();
+        this.ComparisonDependencies.clear();
+        this.DepsExpandedColumns.clear();
+        this.depsEntityGroupExpanded.clear();
+        this.ShowMergeConfirm = false;
+        this.cdr.detectChanges();
+        // Load actual entity records and dependencies in parallel
+        await Promise.all([
+            this.loadComparisonRecords(group),
+            this.loadComparisonDependencies(group)
+        ]);
+        this.buildComparisonData();
+        this.ComparisonLoading = false;
+        this.cdr.detectChanges();
+    }
+    /** Close the comparison panel with slide-out animation */
+    CloseComparison() {
+        this.ShowMergeConfirm = false;
+        this.ComparisonClosing = true;
+        this.cdr.detectChanges();
+        setTimeout(() => {
+            this.ComparisonGroup = null;
+            this.ComparisonClosing = false;
+            this.ComparisonFields = [];
+            this.ComparisonMatches = [];
+            this.ComparisonDependencies.clear();
+            this.DepsExpandedColumns.clear();
+            this.depsEntityGroupExpanded.clear();
+            this.cdr.detectChanges();
+        }, 250);
+    }
+    /** Get visible fields based on the toggle state */
+    GetVisibleFields() {
+        return this.ComparisonShowAllFields
+            ? this.ComparisonFields
+            : this.ComparisonFields.filter(f => f.HasDifference);
+    }
+    /** Case-insensitive, trimmed comparison of two field values */
+    AreValuesEqual(a, b) {
+        if (a == null && b == null)
+            return true;
+        if (a == null || b == null)
+            return false;
+        return a.trim().toLowerCase() === b.trim().toLowerCase();
+    }
+    /** Set the surviving record column index */
+    SetSurvivor(columnIndex) {
+        this.SurvivorColumnIndex = columnIndex;
+        // When switching survivor, reset all field selections to the new survivor
+        for (const field of this.ComparisonFields) {
+            field.SelectedColumnIndex = columnIndex;
+        }
+        this.cdr.detectChanges();
+    }
+    /** Select all field values from a specific column */
+    UseAllFieldsFrom(columnIndex) {
+        for (const field of this.ComparisonFields) {
+            // Only select if the column has a value for this field
+            const val = columnIndex === 0 ? field.SourceValue : field.MatchValues[columnIndex - 1];
+            if (val != null) {
+                field.SelectedColumnIndex = columnIndex;
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    /** Select a specific field value from a column */
+    SelectFieldValue(field, columnIndex) {
+        field.SelectedColumnIndex = columnIndex;
+        this.cdr.detectChanges();
+    }
+    /** Check if all fields are selected from a given column */
+    AllFieldsSelectedFrom(columnIndex) {
+        return this.ComparisonFields.every(f => f.SelectedColumnIndex === columnIndex);
+    }
+    /** Count how many fields are cherry-picked from non-survivor columns */
+    CherryPickedCount() {
+        return this.ComparisonFields.filter(f => f.SelectedColumnIndex !== this.SurvivorColumnIndex).length;
+    }
+    /** Get the name of the surviving record */
+    SurvivorName() {
+        if (!this.ComparisonGroup)
+            return '';
+        if (this.SurvivorColumnIndex === 0)
+            return this.ComparisonGroup.RecordName;
+        const match = this.ComparisonMatches[this.SurvivorColumnIndex - 1];
+        return match?.Name || 'Unknown';
+    }
+    /** Get the primary key display string for the surviving record */
+    SurvivorKeyDisplay() {
+        if (!this.ComparisonGroup)
+            return '';
+        const keyStr = this.getCompositeKeyStringForColumn(this.SurvivorColumnIndex);
+        if (!keyStr)
+            return '';
+        const ck = new CompositeKey();
+        ck.LoadFromConcatenatedString(keyStr);
+        return ck.KeyValuePairs.map(kv => `${kv.FieldName}: ${kv.Value}`).join(', ');
+    }
+    // ════════════════════════════════════════════
+    // Dependencies
+    // ════════════════════════════════════════════
+    /** Get dependencies for a column (0 = source, 1+ = match index) */
+    GetDepsForColumn(columnIndex) {
+        const keyStr = this.getCompositeKeyStringForColumn(columnIndex);
+        return keyStr ? (this.ComparisonDependencies.get(keyStr) ?? []) : [];
+    }
+    /** Get deps grouped by related entity for a column */
+    GetGroupedDeps(columnIndex) {
+        const deps = this.GetDepsForColumn(columnIndex);
+        const grouped = new Map();
+        for (const dep of deps) {
+            const name = dep.RelatedEntityName;
+            grouped.set(name, (grouped.get(name) ?? 0) + 1);
+        }
+        return Array.from(grouped.entries())
+            .map(([Entity, Count]) => ({ Entity, Count }))
+            .sort((a, b) => b.Count - a.Count);
+    }
+    /** Cached dependent records loaded on demand, keyed by "columnIndex::entityName" */
+    depRecordsCache = new Map();
+    /** Tracks which entity groups are currently loading */
+    depRecordsLoading = new Set();
+    /** Get cached dependent records for an entity group (empty until expanded and loaded) */
+    GetDepRecords(columnIndex, entityName) {
+        return this.depRecordsCache.get(`${columnIndex}::${entityName}`) ?? [];
+    }
+    /** Check if dep records are loading for an entity group */
+    IsDepRecordsLoading(columnIndex, entityName) {
+        return this.depRecordsLoading.has(`${columnIndex}::${entityName}`);
+    }
+    /** Navigate to a dependent record */
+    OpenDepRecord(record) {
+        if (record.PrimaryKey) {
+            this.navigationService.OpenEntityRecord(record.EntityName, record.PrimaryKey);
+        }
+    }
+    /** Toggle expanded state for a specific entity group — lazy-loads records on first expand */
+    async ToggleDepEntityGroup(columnIndex, entityName) {
+        const key = `${columnIndex}::${entityName}`;
+        if (this.depsEntityGroupExpanded.has(key)) {
+            this.depsEntityGroupExpanded.delete(key);
+            this.cdr.detectChanges();
+            return;
+        }
+        this.depsEntityGroupExpanded.add(key);
+        this.cdr.detectChanges();
+        // Lazy-load actual dependent records on first expand
+        if (!this.depRecordsCache.has(key)) {
+            await this.loadDepRecordsForGroup(columnIndex, entityName);
+        }
+    }
+    /** Load dependent records for an entity group via RunView */
+    async loadDepRecordsForGroup(columnIndex, relatedEntityName) {
+        const key = `${columnIndex}::${relatedEntityName}`;
+        this.depRecordsLoading.add(key);
+        this.cdr.detectChanges();
+        try {
+            // Get the FK field name from the dependency info
+            const deps = this.GetDepsForColumn(columnIndex)
+                .filter(d => d.RelatedEntityName === relatedEntityName);
+            if (deps.length === 0)
+                return;
+            const dep = deps[0];
+            const fkFieldName = dep.FieldName;
+            // Get the parent record's primary key value from the column's composite key string
+            const keyStr = this.getCompositeKeyStringForColumn(columnIndex);
+            if (!keyStr)
+                return;
+            const parentCK = new CompositeKey();
+            parentCK.LoadFromConcatenatedString(keyStr);
+            const parentKeyValue = parentCK.KeyValuePairs[0]?.Value;
+            if (!parentKeyValue)
+                return;
+            // Query the related entity for records pointing at this parent via the FK field
+            const rv = new RunView();
+            const md = new Metadata();
+            const relatedEntityInfo = md.Entities.find(e => e.Name === relatedEntityName);
+            const nameField = relatedEntityInfo?.NameField;
+            const pkFieldName = relatedEntityInfo?.FirstPrimaryKey?.Name || 'ID';
+            const result = await rv.RunView({
+                EntityName: relatedEntityName,
+                ExtraFilter: `${fkFieldName}='${parentKeyValue}'`,
+                Fields: nameField ? [pkFieldName, nameField.Name] : [pkFieldName],
+                MaxRows: 50,
+                ResultType: 'simple',
+            });
+            const records = [];
+            if (result.Success && result.Results) {
+                for (const row of result.Results) {
+                    const pk = new CompositeKey([{ FieldName: pkFieldName, Value: String(row[pkFieldName] || '') }]);
+                    const name = nameField ? String(row[nameField.Name] || '') : String(row[pkFieldName] || '');
+                    records.push({ Name: name || pk.Values(), PrimaryKey: pk, EntityName: relatedEntityName });
+                }
+            }
+            this.depRecordsCache.set(key, records);
+        }
+        catch (error) {
+            console.warn('[DuplicateDetection] Error loading dep records:', error);
+            this.depRecordsCache.set(key, []);
+        }
+        finally {
+            this.depRecordsLoading.delete(key);
+            this.cdr.detectChanges();
+        }
+    }
+    /** Check if a specific entity group is expanded */
+    IsDepEntityGroupExpanded(columnIndex, entityName) {
+        return this.depsEntityGroupExpanded.has(`${columnIndex}::${entityName}`);
+    }
+    /** Get total dependency count for a column */
+    GetTotalDeps(columnIndex) {
+        return this.GetDepsForColumn(columnIndex).length;
+    }
+    /** Toggle expanded state for dependency details in a column */
+    ToggleDepsExpanded(columnIndex) {
+        if (this.DepsExpandedColumns.has(columnIndex)) {
+            this.DepsExpandedColumns.delete(columnIndex);
+        }
+        else {
+            this.DepsExpandedColumns.add(columnIndex);
+        }
+        this.cdr.detectChanges();
+    }
+    /** Check if dependency details are expanded for a column */
+    IsDepsExpanded(columnIndex) {
+        return this.DepsExpandedColumns.has(columnIndex);
+    }
+    /** Get the column index with the most dependencies */
+    GetMaxDepsColumnIndex() {
+        let maxDeps = -1;
+        let maxIndex = 0;
+        const totalColumns = 1 + this.ComparisonMatches.length;
+        for (let i = 0; i < totalColumns; i++) {
+            const count = this.GetTotalDeps(i);
+            if (count > maxDeps) {
+                maxDeps = count;
+                maxIndex = i;
+            }
+        }
+        return maxIndex;
+    }
+    /** Get the composite key string for a column index */
+    getCompositeKeyStringForColumn(columnIndex) {
+        if (!this.ComparisonGroup)
+            return null;
+        if (columnIndex === 0)
+            return this.ComparisonGroup.RecordId;
+        const match = this.ComparisonMatches[columnIndex - 1];
+        return match?.Match.MatchRecordID ?? null;
+    }
+    /** Get the name for a column index */
+    GetColumnName(columnIndex) {
+        if (!this.ComparisonGroup)
+            return '';
+        if (columnIndex === 0)
+            return this.ComparisonGroup.RecordName;
+        const match = this.ComparisonMatches[columnIndex - 1];
+        return match?.Name ?? 'Unknown';
+    }
+    // ════════════════════════════════════════════
+    // Merge Confirmation
+    // ════════════════════════════════════════════
+    /** Open the merge confirmation panel */
+    OpenMergeConfirm() {
+        this.ShowMergeConfirm = true;
+        this.cdr.detectChanges();
+    }
+    /** Close the merge confirmation panel */
+    CloseMergeConfirm() {
+        this.ShowMergeConfirm = false;
+        this.cdr.detectChanges();
+    }
+    /** Get the list of cherry-picked field overrides (fields picked from non-survivor columns) */
+    GetCherryPickedFields() {
+        return this.ComparisonFields
+            .filter(f => f.SelectedColumnIndex !== this.SurvivorColumnIndex)
+            .map(f => {
+            const value = f.SelectedColumnIndex === 0
+                ? f.SourceValue
+                : f.MatchValues[f.SelectedColumnIndex - 1];
+            return {
+                FieldName: f.FieldName,
+                DisplayName: f.DisplayName,
+                Value: value ?? '(empty)',
+                SourceName: this.GetColumnName(f.SelectedColumnIndex)
+            };
+        });
+    }
+    /** Get non-surviving columns with their dependency counts */
+    GetNonSurvivorColumns() {
+        const result = [];
+        const totalColumns = 1 + this.ComparisonMatches.length;
+        for (let i = 0; i < totalColumns; i++) {
+            if (i === this.SurvivorColumnIndex)
+                continue;
+            result.push({
+                ColumnIndex: i,
+                Name: this.GetColumnName(i),
+                DepCount: this.GetTotalDeps(i)
+            });
+        }
+        return result;
+    }
+    /** Execute the merge operation */
+    async ExecuteMerge() {
+        if (!this.ComparisonGroup || this.IsMerging)
+            return;
+        this.IsMerging = true;
+        this.cdr.detectChanges();
+        try {
+            const request = new RecordMergeRequest();
+            request.EntityName = this.ComparisonGroup.EntityName;
+            // Build surviving record composite key
+            const survivorKeyStr = this.getCompositeKeyStringForColumn(this.SurvivorColumnIndex);
+            if (!survivorKeyStr)
+                return;
+            const survivorKey = new CompositeKey();
+            survivorKey.SimpleLoadFromURLSegment(survivorKeyStr);
+            request.SurvivingRecordCompositeKey = survivorKey;
+            // Build records to merge (non-survivors)
+            request.RecordsToMerge = this.buildNonSurvivorKeys();
+            // Build field map for cherry-picked fields
+            const cherryPicked = this.GetCherryPickedFields();
+            if (cherryPicked.length > 0) {
+                request.FieldMap = cherryPicked.map(f => ({
+                    FieldName: f.FieldName,
+                    Value: f.Value
+                }));
+            }
+            const result = await Metadata.Provider.MergeRecords(request);
+            if (result.Success) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Successfully merged ${request.RecordsToMerge.length + 1} records into one.`, 'success', 5000);
+                // Close both panels and reload
+                this.ShowMergeConfirm = false;
+                this.ComparisonGroup = null;
+                this.ComparisonFields = [];
+                this.ComparisonMatches = [];
+                this.ComparisonDependencies.clear();
+                this.DepsExpandedColumns.clear();
+                this.depsEntityGroupExpanded.clear();
+                await this.LoadData();
+            }
+            else {
+                MJNotificationService.Instance.CreateSimpleNotification(`Merge failed: ${result.OverallStatus}`, 'error', 5000);
+            }
+        }
+        catch (error) {
+            const msg = error instanceof Error ? error.message : String(error);
+            console.error('[DuplicateDetection] Merge error:', msg);
+            MJNotificationService.Instance.CreateSimpleNotification(`Merge error: ${msg}`, 'error', 5000);
+        }
+        finally {
+            this.IsMerging = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Build CompositeKey array for non-surviving records */
+    buildNonSurvivorKeys() {
+        const keys = [];
+        const totalColumns = 1 + this.ComparisonMatches.length;
+        for (let i = 0; i < totalColumns; i++) {
+            if (i === this.SurvivorColumnIndex)
+                continue;
+            const keyStr = this.getCompositeKeyStringForColumn(i);
+            if (keyStr) {
+                const ck = new CompositeKey();
+                ck.SimpleLoadFromURLSegment(keyStr);
+                keys.push(ck);
+            }
+        }
+        return keys;
+    }
+    /** Approve an individual match */
+    async ApproveIndividualMatch(matchInfo) {
+        this.IsSaving = true;
+        matchInfo.Match.ApprovalStatus = 'Approved';
+        await matchInfo.Match.Save();
+        this.IsSaving = false;
+        this.cdr.detectChanges();
+    }
+    /** Reject an individual match */
+    async RejectIndividualMatch(matchInfo) {
+        this.IsSaving = true;
+        matchInfo.Match.ApprovalStatus = 'Rejected';
+        await matchInfo.Match.Save();
+        this.IsSaving = false;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Load the actual entity records for the source + all matches in one RunView call.
+     * Record IDs are stored as composite key strings (e.g., "ID|uuid") — we parse each
+     * into a CompositeKey, generate WHERE clauses, and OR them together for one query.
+     * Results stored in comparisonRecords map keyed by the composite key string.
+     */
+    async loadComparisonRecords(group) {
+        this.comparisonRecords.clear();
+        // Collect all composite key strings (source + matches)
+        const keyStrings = [group.RecordId];
+        for (const m of group.Matches) {
+            if (m.MatchRecordID) {
+                keyStrings.push(m.MatchRecordID);
+            }
+        }
+        // Parse each into a CompositeKey and build WHERE clauses
+        const whereClauses = [];
+        for (const keyStr of keyStrings) {
+            const ck = new CompositeKey();
+            ck.SimpleLoadFromURLSegment(keyStr);
+            if (ck.KeyValuePairs.length > 0) {
+                whereClauses.push(`(${ck.ToWhereClause()})`);
+            }
+        }
+        if (whereClauses.length === 0)
+            return;
+        // Single RunView with all records OR'd together
+        const rv = new RunView();
+        const result = await rv.RunView({
+            EntityName: group.EntityName,
+            ExtraFilter: whereClauses.join(' OR '),
+            ResultType: 'simple',
+        });
+        if (result.Success && result.Results) {
+            // Get entity info to know primary key field name
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === group.EntityName);
+            const pkFieldName = entityInfo?.FirstPrimaryKey?.Name || 'ID';
+            for (const record of result.Results) {
+                const pkValue = String(record[pkFieldName] || '');
+                // Store keyed by both raw PK value and the composite key string format
+                this.comparisonRecords.set(pkValue, record);
+                this.comparisonRecords.set(`${pkFieldName}|${pkValue}`, record);
+            }
+        }
+    }
+    /**
+     * Load dependencies for all records (source + matches) in parallel.
+     * Each record's deps are stored in ComparisonDependencies keyed by composite key string.
+     */
+    async loadComparisonDependencies(group) {
+        const provider = Metadata.Provider;
+        const keyStrings = [group.RecordId];
+        for (const m of group.Matches) {
+            if (m.MatchRecordID) {
+                keyStrings.push(m.MatchRecordID);
+            }
+        }
+        const promises = keyStrings.map(async (keyStr) => {
+            const ck = new CompositeKey();
+            ck.SimpleLoadFromURLSegment(keyStr);
+            if (ck.KeyValuePairs.length === 0)
+                return;
+            try {
+                const deps = await provider.GetRecordDependencies(group.EntityName, ck);
+                this.ComparisonDependencies.set(keyStr, deps);
+            }
+            catch (error) {
+                console.warn(`[DuplicateDetection] Failed to load deps for ${keyStr}:`, error);
+                this.ComparisonDependencies.set(keyStr, []);
+            }
+        });
+        await Promise.all(promises);
+    }
+    /** Get the field value for a record from the loaded entity records map */
+    getRecordFieldValue(recordId, fieldName) {
+        // Try the composite key string directly (e.g., "ID|uuid")
+        let record = this.comparisonRecords.get(recordId);
+        if (!record) {
+            // Try extracting just the value from "FieldName|Value" format
+            const parts = recordId.split('|');
+            const id = parts.length >= 2 ? parts[1] : parts[0];
+            record = this.comparisonRecords.get(id);
+        }
+        if (!record) {
+            // Case-insensitive search as a fallback (UUIDs may differ in case)
+            const lower = recordId.toLowerCase();
+            for (const [key, val] of this.comparisonRecords.entries()) {
+                if (key.toLowerCase() === lower || key.toLowerCase().endsWith(lower)) {
+                    record = val;
+                    break;
+                }
+            }
+        }
+        if (!record)
+            return undefined;
+        const val = record[fieldName];
+        return val != null ? String(val) : undefined;
+    }
+    /** Build comparison data from loaded entity records */
+    buildComparisonData() {
+        if (!this.ComparisonGroup)
+            return;
+        // Build match infos (use loaded record data for names)
+        this.ComparisonMatches = this.ComparisonGroup.Matches
+            .sort((a, b) => b.MatchProbability - a.MatchProbability)
+            .map(m => {
+            const meta = this.parseRecordMetadata(m.RecordMetadata);
+            // Try to get name from loaded entity record, fall back to vector metadata
+            const nameFromRecord = this.getRecordFieldValue(m.MatchRecordID, 'Name');
+            return {
+                Match: m,
+                Name: nameFromRecord || meta.Name || m.MatchRecordID?.substring(0, 16) + '...',
+                Score: m.MatchProbability,
+                Metadata: meta,
+                DiffCount: 0,
+            };
+        });
+        // Get entity field info for display names and ordering
+        const md = new Metadata();
+        const entityInfo = md.Entities.find(e => e.Name === this.ComparisonGroup.EntityName);
+        const entityFields = entityInfo?.Fields ?? [];
+        const skip = new Set(['ID', '__mj_CreatedAt', '__mj_UpdatedAt']);
+        const rows = [];
+        // Use entity fields in sequence order — values come from loaded entity records
+        const sourceId = this.ComparisonGroup.RecordId;
+        const matchRecordIds = this.ComparisonGroup.Matches
+            .sort((a, b) => b.MatchProbability - a.MatchProbability)
+            .map(m => m.MatchRecordID);
+        for (const field of entityFields.sort((a, b) => a.Sequence - b.Sequence)) {
+            if (skip.has(field.Name) || field.IsPrimaryKey)
+                continue;
+            const sourceVal = this.getRecordFieldValue(sourceId, field.Name);
+            const matchVals = matchRecordIds.map(rid => this.getRecordFieldValue(rid, field.Name));
+            const hasDiff = matchVals.some(mv => !this.AreValuesEqual(sourceVal, mv));
+            const hasData = sourceVal != null || matchVals.some(v => v != null);
+            if (!hasData)
+                continue;
+            rows.push({
+                FieldName: field.Name,
+                DisplayName: field.DisplayName || field.Name,
+                Category: field.Category || null,
+                SourceValue: sourceVal,
+                MatchValues: matchVals,
+                HasDifference: hasDiff,
+                SelectedColumnIndex: 0,
+            });
+        }
+        this.ComparisonFields = rows;
+        // Compute diff counts per match
+        for (let mi = 0; mi < this.ComparisonMatches.length; mi++) {
+            this.ComparisonMatches[mi].DiffCount = rows.filter(r => !this.AreValuesEqual(r.SourceValue, r.MatchValues[mi])).length;
+        }
+    }
+    /** Parse RecordMetadata JSON from a detail or match entity */
+    parseRecordMetadata(json) {
+        if (!json)
+            return {};
+        try {
+            return JSON.parse(json);
+        }
+        catch {
+            return {};
+        }
+    }
+    /** Build top N match summaries with parsed names and scores */
+    buildTopMatchSummaries(matches, limit) {
+        return matches
+            .slice(0, limit)
+            .map(m => {
+            const meta = this.parseRecordMetadata(m.RecordMetadata);
+            return {
+                Name: meta.Name || m.MatchRecordID?.substring(0, 12) + '...',
+                Score: m.MatchProbability,
+            };
+        });
+    }
+    /**
+     * Determine the dominant approval status for a group of matches.
+     * If any match is Pending, the group is Pending.
+     * Otherwise, if all are Approved, the group is Approved.
+     * If all are Rejected, the group is Rejected.
+     * Mixed Approved/Rejected defaults to Pending.
+     */
+    computeDominantApprovalStatus(matches) {
+        let hasApproved = false;
+        let hasRejected = false;
+        for (const m of matches) {
+            if (m.ApprovalStatus === 'Pending')
+                return 'Pending';
+            if (m.ApprovalStatus === 'Approved')
+                hasApproved = true;
+            if (m.ApprovalStatus === 'Rejected')
+                hasRejected = true;
+        }
+        if (hasApproved && !hasRejected)
+            return 'Approved';
+        if (hasRejected && !hasApproved)
+            return 'Rejected';
+        return 'Pending'; // mixed
+    }
+    /** Find the latest MatchedAt date across a set of matches */
+    computeLatestMatchDate(matches) {
+        let latest = new Date(0);
+        for (const m of matches) {
+            const d = new Date(m.MatchedAt);
+            if (d > latest) {
+                latest = d;
+            }
+        }
+        return latest;
+    }
+    /** Apply filters and distribute groups into Kanban columns */
+    applyFilters() {
+        let filtered = [...this.AllGroups];
+        if (this.Filters.EntityName) {
+            filtered = filtered.filter(g => g.EntityName === this.Filters.EntityName);
+        }
+        if (this.Filters.MinScore > 0) {
+            filtered = filtered.filter(g => g.HighestScore >= this.Filters.MinScore);
+        }
+        if (this.Filters.MaxScore > 0 && this.Filters.MaxScore < 1) {
+            filtered = filtered.filter(g => g.HighestScore <= this.Filters.MaxScore);
+        }
+        if (this.Filters.DateFrom) {
+            const parts = this.Filters.DateFrom.split('-');
+            const from = new Date(+parts[0], +parts[1] - 1, +parts[2], 0, 0, 0, 0);
+            filtered = filtered.filter(g => new Date(g.MatchedAt) >= from);
+        }
+        if (this.Filters.DateTo) {
+            const parts = this.Filters.DateTo.split('-');
+            const to = new Date(+parts[0], +parts[1] - 1, +parts[2], 23, 59, 59, 999);
+            filtered = filtered.filter(g => new Date(g.MatchedAt) <= to);
+        }
+        this.PendingGroups = filtered.filter(g => g.ApprovalStatus === 'Pending');
+        this.ApprovedGroups = filtered.filter(g => g.ApprovalStatus === 'Approved');
+        this.RejectedGroups = filtered.filter(g => g.ApprovalStatus === 'Rejected');
+        this.cdr.detectChanges();
+    }
+    /** Update the ApprovalStatus of all matches within a group and re-sort. */
+    async updateGroupApprovalStatus(group, status) {
+        this.IsSaving = true;
+        this.cdr.detectChanges();
+        try {
+            for (const match of group.Matches) {
+                match.ApprovalStatus = status;
+                await match.Save();
+            }
+            // Update the local group state
+            group.ApprovalStatus = status;
+            this.applyFilters();
+        }
+        catch (error) {
+            console.error(`Error updating match approval status to ${status}:`, error);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵDuplicateDetectionResourceComponent_BaseFactory; return function DuplicateDetectionResourceComponent_Factory(__ngFactoryType__) { return (ɵDuplicateDetectionResourceComponent_BaseFactory || (ɵDuplicateDetectionResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DuplicateDetectionResourceComponent)))(__ngFactoryType__ || DuplicateDetectionResourceComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateDetectionResourceComponent, selectors: [["app-duplicate-detection-resource"]], inputs: { EmbeddedMode: "EmbeddedMode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 68, vars: 28, consts: [[1, "duplicate-detection-container"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "fa-solid", "fa-clone"], [1, "header-actions"], [1, "run-detection-controls"], [1, "entity-doc-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], [3, "value"], [1, "run-detection-btn", 3, "click", "disabled"], [1, "detection-progress-section"], [1, "threshold-controls"], [1, "kpi-strip"], [1, "kpi-card"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-card", "kpi-pending"], [1, "kpi-card", "kpi-approved"], [1, "kpi-card", "kpi-rejected"], [1, "filter-bar"], [1, "filter-group"], [1, "filter-select", 3, "ngModelChange", "ngModel", "disabled"], [1, "filter-range"], [1, "filter-label"], ["type", "number", "min", "0", "max", "1", "step", "0.05", 1, "filter-input", "filter-input-score", 3, "ngModelChange", "placeholder", "ngModel"], ["type", "date", 1, "filter-input", "filter-input-date", 3, "ngModelChange", "min", "max", "ngModel"], [1, "clear-filters-btn"], [1, "loading-container"], [1, "empty-state"], [1, "kanban-board"], [1, "saving-overlay"], [1, "merge-confirm-backdrop"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-magnifying-glass"], [1, "progress-header"], [1, "progress-stage"], [1, "progress-percent"], [1, "progress-bar-track"], [1, "progress-bar-fill"], [1, "progress-current-item"], [1, "threshold-slider-group"], [1, "threshold-label"], [1, "fa-solid", "fa-adjust"], [1, "threshold-value"], ["type", "range", 1, "threshold-slider", 3, "input", "min", "max", "step", "value", "disabled"], [1, "threshold-hint"], [1, "fa-solid", "fa-bullseye"], [1, "clear-filters-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading duplicate detection results..."], [1, "fa-solid", "fa-clone", "empty-icon"], [1, "empty-text"], [1, "empty-subtext"], [1, "kanban-column"], [1, "column-header", "column-header-pending"], [1, "fa-solid", "fa-clock"], [1, "column-title"], [1, "column-count"], [1, "column-body", 3, "dragover", "dragleave", "drop"], ["draggable", "true", 1, "kanban-card"], [1, "column-empty"], [1, "column-header", "column-header-approved"], [1, "fa-solid", "fa-check-circle"], [1, "column-header", "column-header-rejected"], [1, "fa-solid", "fa-ban"], ["draggable", "true", 1, "kanban-card", 3, "dragstart", "dragend", "click"], [1, "card-header"], [1, "card-header-left"], [1, "card-icon"], [1, "card-title-block"], [1, "card-record-name", 3, "title"], [1, "entity-badge"], [1, "score-indicator"], [1, "card-body"], [1, "match-summaries"], [1, "card-meta-row"], [1, "card-meta-item"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-calendar"], [1, "card-actions"], [1, "action-btn", "approve-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], [1, "action-btn", "reject-btn", 3, "click", "disabled"], [1, "match-summary-row"], [1, "match-summary-more"], [1, "match-score"], [1, "match-name"], [1, "fa-solid", "fa-inbox"], ["text", "Saving...", "size", "small"], [1, "slide-backdrop", 3, "click"], [1, "comparison-panel", 3, "click"], [1, "comparison-header"], [1, "comparison-header-left"], [1, "comparison-entity-icon"], [1, "comparison-title"], [1, "comparison-entity-badge"], [1, "comparison-match-count"], [1, "comparison-header-right"], [1, "comparison-toggle"], [1, "toggle-btn", 3, "click"], ["title", "Close (Esc)", 1, "comparison-close-btn", 3, "click"], [1, "comparison-loading"], [1, "comparison-grid-wrapper", 3, "hidden"], [1, "comparison-grid"], [1, "grid-corner-cell"], [1, "grid-col-header", "grid-col-source"], [1, "col-header-label"], [1, "col-header-name"], [1, "surviving-selector"], ["type", "radio", "name", "survivor", 1, "surviving-radio", 3, "change", "checked"], [1, "surviving-label"], [1, "use-all-btn", 3, "click"], [1, "fa-solid"], [1, "deps-summary"], [1, "deps-total"], [1, "fa-solid", "fa-link"], [1, "deps-total-number"], [1, "deps-total-recommended"], [1, "grid-col-header", 3, "match-approved", "match-rejected"], [1, "comparison-footer"], [1, "comparison-footer-left"], [1, "comparison-summary"], [1, "merge-summary"], [1, "fa-solid", "fa-code-merge"], [1, "comparison-footer-right"], [1, "action-btn", "merge-btn", 3, "click", "disabled"], ["text", "Loading records for comparison...", "size", "medium"], [1, "fa-solid", "fa-star"], [1, "deps-header", 3, "click"], [1, "deps-detail-list"], [1, "deps-detail-group"], [1, "deps-detail-row", 3, "click"], [1, "deps-detail-entity"], [1, "fa-solid", "deps-expand-icon"], [1, "deps-detail-count"], [1, "deps-records-list"], [1, "deps-record-loading"], [1, "deps-record-row"], [1, "deps-record-row", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square", "deps-record-icon"], [1, "deps-record-name"], [1, "grid-col-header"], [1, "col-header-top"], [1, "col-header-diff-count"], [1, "match-status-badge", 3, "status-approved", "status-rejected"], [1, "match-status-badge"], [1, "grid-label-cell"], [1, "grid-value-cell", "grid-source-cell", 3, "click"], [1, "field-not-available"], ["type", "radio", 1, "field-select-radio", 3, "name", "checked"], [1, "grid-value-cell", 3, "grid-row-odd", "value-same", "value-different", "field-selected"], ["type", "radio", 1, "field-select-radio", 3, "click", "change", "name", "checked"], [1, "grid-value-cell", 3, "click"], [1, "merge-confirm-backdrop", 3, "click"], [1, "merge-confirm-panel", 3, "click"], [1, "merge-confirm-header"], [1, "merge-confirm-icon"], [1, "merge-confirm-title"], [1, "merge-confirm-subtitle"], [1, "merge-confirm-body"], [1, "merge-survivor-card"], [1, "merge-survivor-label"], [1, "fa-solid", "fa-shield-halved"], [1, "merge-survivor-name"], [1, "merge-survivor-pk"], [1, "fa-solid", "fa-key"], [1, "merge-survivor-detail"], [1, "merge-deps-transfer"], [1, "merge-delete-card"], [1, "merge-delete-label"], [1, "fa-solid", "fa-trash"], [1, "merge-delete-item"], [1, "merge-confirm-footer"], [1, "action-btn", "cancel-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-left"], [1, "action-btn", "confirm-merge-btn", 3, "click", "disabled"], [1, "merge-section-label"], [1, "merge-field-override"], [1, "merge-field-name"], [1, "merge-field-value"], [1, "merge-field-source"], [1, "merge-deps-transfer-label"], [1, "fa-solid", "fa-arrow-right-arrow-left"], [1, "merge-deps-transfer-row"], [1, "fa-solid", "fa-arrow-right"], [1, "merge-delete-name"], [1, "merge-delete-deps"]], template: function DuplicateDetectionResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵtext(5, " Duplicate Detection ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 5)(7, "div", 6)(8, "select", 7);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_select_ngModelChange_8_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.SelectedEntityDocumentID, $event) || (ctx.SelectedEntityDocumentID = $event); return $event; });
+            i0.ɵɵelementStart(9, "option", 8);
+            i0.ɵɵtext(10, "Select entity document...");
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(11, DuplicateDetectionResourceComponent_For_12_Template, 2, 3, "option", 9, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(13, "button", 10);
+            i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Template_button_click_13_listener() { return ctx.RunDetection(); });
+            i0.ɵɵconditionalCreate(14, DuplicateDetectionResourceComponent_Conditional_14_Template, 2, 0)(15, DuplicateDetectionResourceComponent_Conditional_15_Template, 2, 0);
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(16, DuplicateDetectionResourceComponent_Conditional_16_Template, 10, 5, "div", 11);
+            i0.ɵɵconditionalCreate(17, DuplicateDetectionResourceComponent_Conditional_17_Template, 19, 12, "div", 12);
+            i0.ɵɵelementStart(18, "div", 13)(19, "div", 14)(20, "div", 15);
+            i0.ɵɵtext(21);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "div", 16);
+            i0.ɵɵtext(23, "Total Groups");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(24, "div", 17)(25, "div", 15);
+            i0.ɵɵtext(26);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(27, "div", 16);
+            i0.ɵɵtext(28, "Pending");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(29, "div", 18)(30, "div", 15);
+            i0.ɵɵtext(31);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(32, "div", 16);
+            i0.ɵɵtext(33, "Approved");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(34, "div", 19)(35, "div", 15);
+            i0.ɵɵtext(36);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(37, "div", 16);
+            i0.ɵɵtext(38, "Rejected");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(39, "div", 20)(40, "div", 21)(41, "select", 22);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_select_ngModelChange_41_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.EntityName, $event) || (ctx.Filters.EntityName = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_select_ngModelChange_41_listener() { return ctx.OnFilterChange(); });
+            i0.ɵɵconditionalCreate(42, DuplicateDetectionResourceComponent_Conditional_42_Template, 2, 0, "option", 8);
+            i0.ɵɵrepeaterCreate(43, DuplicateDetectionResourceComponent_For_44_Template, 2, 2, "option", 9, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(45, "div", 23)(46, "label", 24);
+            i0.ɵɵtext(47, "Min Score");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(48, "input", 25);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_48_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.MinScore, $event) || (ctx.Filters.MinScore = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_48_listener() { return ctx.OnFilterChange(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(49, "div", 23)(50, "label", 24);
+            i0.ɵɵtext(51, "Max Score");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(52, "input", 25);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_52_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.MaxScore, $event) || (ctx.Filters.MaxScore = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_52_listener() { return ctx.OnFilterChange(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(53, "div", 23)(54, "label", 24);
+            i0.ɵɵtext(55, "From");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(56, "input", 26);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_56_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.DateFrom, $event) || (ctx.Filters.DateFrom = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_56_listener() { return ctx.OnFilterChange(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(57, "div", 23)(58, "label", 24);
+            i0.ɵɵtext(59, "To");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(60, "input", 26);
+            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_60_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.DateTo, $event) || (ctx.Filters.DateTo = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_60_listener() { return ctx.OnFilterChange(); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(61, DuplicateDetectionResourceComponent_Conditional_61_Template, 3, 0, "button", 27);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(62, DuplicateDetectionResourceComponent_Conditional_62_Template, 2, 0, "div", 28)(63, DuplicateDetectionResourceComponent_Conditional_63_Template, 6, 0, "div", 29)(64, DuplicateDetectionResourceComponent_Conditional_64_Template, 34, 12, "div", 30);
+            i0.ɵɵconditionalCreate(65, DuplicateDetectionResourceComponent_Conditional_65_Template, 2, 0, "div", 31);
+            i0.ɵɵconditionalCreate(66, DuplicateDetectionResourceComponent_Conditional_66_Template, 67, 40);
+            i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_67_Template, 37, 7, "div", 32);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(8);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.SelectedEntityDocumentID);
+            i0.ɵɵproperty("disabled", ctx.IsDetecting);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.EntityDocuments);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.IsDetecting || !ctx.SelectedEntityDocumentID);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsDetecting ? 14 : 15);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsDetecting ? 16 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.SelectedDocumentThresholds ? 17 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.TotalGroupCount);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.PendingCount);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.ApprovedCount);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.RejectedCount);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.EntityName);
+            i0.ɵɵproperty("disabled", ctx.EntityNames.length <= 1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.EntityNames.length > 1 ? 42 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.EntityNames);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("placeholder", ctx.DataMinScore);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.MinScore);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("placeholder", ctx.DataMaxScore);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.MaxScore);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("min", ctx.DataMinDate)("max", ctx.DataMaxDate);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.DateFrom);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("min", ctx.DataMinDate)("max", ctx.DataMaxDate);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.DateTo);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.HasActiveFilters ? 61 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 62 : ctx.TotalGroupCount === 0 ? 63 : 64);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.IsSaving ? 65 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ComparisonGroup ? 66 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowMergeConfirm && ctx.ComparisonGroup ? 67 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent], styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n"], encapsulation: 2 });
+};
+DuplicateDetectionResourceComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'DuplicateDetectionResource')
+], DuplicateDetectionResourceComponent);
+export { DuplicateDetectionResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateDetectionResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-duplicate-detection-resource', encapsulation: ViewEncapsulation.None, template: "<div class=\"duplicate-detection-container\">\n    <!-- Header -->\n    <div class=\"page-header\">\n        <div class=\"header-left\">\n            <h2 class=\"page-title\">\n                <i class=\"fa-solid fa-clone\"></i> Duplicate Detection\n            </h2>\n        </div>\n        <div class=\"header-actions\">\n            <div class=\"run-detection-controls\">\n                <select class=\"entity-doc-select\"\n                        [(ngModel)]=\"SelectedEntityDocumentID\"\n                        [disabled]=\"IsDetecting\">\n                    <option value=\"\">Select entity document...</option>\n                    @for (doc of EntityDocuments; track doc.ID) {\n                        <option [value]=\"doc.ID\">{{ doc.Name }} ({{ doc.EntityName }})</option>\n                    }\n                </select>\n                <button class=\"run-detection-btn\"\n                        (click)=\"RunDetection()\"\n                        [disabled]=\"IsDetecting || !SelectedEntityDocumentID\">\n                    @if (IsDetecting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Detecting...\n                    } @else {\n                        <i class=\"fa-solid fa-magnifying-glass\"></i> Run Detection\n                    }\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <!-- Detection Progress (visible during run) -->\n    @if (IsDetecting) {\n        <div class=\"detection-progress-section\">\n            <div class=\"progress-header\">\n                <span class=\"progress-stage\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    {{ DetectionStage }}\n                </span>\n                <span class=\"progress-percent\">{{ DetectionProgress }}%</span>\n            </div>\n            <div class=\"progress-bar-track\">\n                <div class=\"progress-bar-fill\" [style.width.%]=\"DetectionProgress\"></div>\n            </div>\n            @if (DetectionCurrentItem) {\n                <span class=\"progress-current-item\">{{ DetectionCurrentItem }}</span>\n            }\n        </div>\n    }\n\n    <!-- Threshold Controls (when entity doc selected) -->\n    @if (SelectedDocumentThresholds) {\n        <div class=\"threshold-controls\">\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-adjust\"></i>\n                    Potential Match\n                    <span class=\"threshold-value\">{{ (RunPotentialThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"30\" [max]=\"99\" [step]=\"1\"\n                    [value]=\"RunPotentialThreshold * 100\"\n                    (input)=\"OnPotentialThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are flagged for review</span>\n            </div>\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-bullseye\"></i>\n                    Absolute Match\n                    <span class=\"threshold-value\">{{ (RunAbsoluteThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"50\" [max]=\"100\" [step]=\"1\"\n                    [value]=\"RunAbsoluteThreshold * 100\"\n                    (input)=\"OnAbsoluteThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are auto-confirmed</span>\n            </div>\n        </div>\n    }\n\n    <!-- KPI Strip -->\n    <div class=\"kpi-strip\">\n        <div class=\"kpi-card\">\n            <div class=\"kpi-value\">{{ TotalGroupCount }}</div>\n            <div class=\"kpi-label\">Total Groups</div>\n        </div>\n        <div class=\"kpi-card kpi-pending\">\n            <div class=\"kpi-value\">{{ PendingCount }}</div>\n            <div class=\"kpi-label\">Pending</div>\n        </div>\n        <div class=\"kpi-card kpi-approved\">\n            <div class=\"kpi-value\">{{ ApprovedCount }}</div>\n            <div class=\"kpi-label\">Approved</div>\n        </div>\n        <div class=\"kpi-card kpi-rejected\">\n            <div class=\"kpi-value\">{{ RejectedCount }}</div>\n            <div class=\"kpi-label\">Rejected</div>\n        </div>\n    </div>\n\n    <!-- Filter Bar -->\n    <div class=\"filter-bar\">\n        <div class=\"filter-group\">\n            <select class=\"filter-select\"\n                    [(ngModel)]=\"Filters.EntityName\"\n                    (ngModelChange)=\"OnFilterChange()\"\n                    [disabled]=\"EntityNames.length <= 1\">\n                @if (EntityNames.length > 1) {\n                    <option value=\"\">All Entities</option>\n                }\n                @for (name of EntityNames; track name) {\n                    <option [value]=\"name\">{{ name }}</option>\n                }\n            </select>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Min Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMinScore\"\n                       [(ngModel)]=\"Filters.MinScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Max Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMaxScore\"\n                       [(ngModel)]=\"Filters.MaxScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">From</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateFrom\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">To</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateTo\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n        </div>\n\n        @if (HasActiveFilters) {\n            <button class=\"clear-filters-btn\" (click)=\"ClearFilters()\">\n                <i class=\"fa-solid fa-times\"></i> Clear Filters\n            </button>\n        }\n    </div>\n\n    <!-- Content -->\n    @if (IsLoading) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading duplicate detection results...\"></mj-loading>\n        </div>\n    } @else if (TotalGroupCount === 0) {\n        <div class=\"empty-state\">\n            <i class=\"fa-solid fa-clone empty-icon\"></i>\n            <p class=\"empty-text\">No duplicate detection results found.</p>\n            <p class=\"empty-subtext\">Select an entity document and click \"Run Detection\" to start.</p>\n        </div>\n    } @else {\n        <!-- Kanban Board -->\n        <div class=\"kanban-board\">\n            <!-- Pending Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Pending' && DraggedGroup?.ApprovalStatus !== 'Pending'\">\n                <div class=\"column-header column-header-pending\">\n                    <i class=\"fa-solid fa-clock\"></i>\n                    <span class=\"column-title\">Pending Review</span>\n                    <span class=\"column-count\">{{ PendingCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Pending')\"\n                     (dragleave)=\"OnDragLeave($event, 'Pending')\"\n                     (drop)=\"OnDrop($event, 'Pending')\">\n                    @for (group of PendingGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                            <div class=\"card-actions\">\n                                <button class=\"action-btn approve-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"ApproveMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-check\"></i> Approve\n                                </button>\n                                <button class=\"action-btn reject-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"RejectMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-times\"></i> Reject\n                                </button>\n                            </div>\n                        </div>\n                    }\n                    @if (PendingGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-check-circle\"></i>\n                            <span>No pending items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Approved Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Approved' && DraggedGroup?.ApprovalStatus !== 'Approved'\">\n                <div class=\"column-header column-header-approved\">\n                    <i class=\"fa-solid fa-check-circle\"></i>\n                    <span class=\"column-title\">Approved</span>\n                    <span class=\"column-count\">{{ ApprovedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Approved')\"\n                     (dragleave)=\"OnDragLeave($event, 'Approved')\"\n                     (drop)=\"OnDrop($event, 'Approved')\">\n                    @for (group of ApprovedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (ApprovedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No approved items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Rejected Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Rejected' && DraggedGroup?.ApprovalStatus !== 'Rejected'\">\n                <div class=\"column-header column-header-rejected\">\n                    <i class=\"fa-solid fa-ban\"></i>\n                    <span class=\"column-title\">Rejected</span>\n                    <span class=\"column-count\">{{ RejectedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Rejected')\"\n                     (dragleave)=\"OnDragLeave($event, 'Rejected')\"\n                     (drop)=\"OnDrop($event, 'Rejected')\">\n                    @for (group of RejectedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (RejectedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No rejected items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- Saving overlay -->\n    @if (IsSaving) {\n        <div class=\"saving-overlay\">\n            <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Comparison Slide-In Panel \u2550\u2550\u2550 -->\n    @if (ComparisonGroup) {\n        <div class=\"slide-backdrop\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"CloseComparison()\"></div>\n        <div class=\"comparison-panel\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"$event.stopPropagation()\">\n            <!-- Header -->\n            <div class=\"comparison-header\">\n                <div class=\"comparison-header-left\">\n                    <div class=\"comparison-entity-icon\">\n                        <i [class]=\"ComparisonGroup.EntityIcon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"comparison-title\">{{ ComparisonGroup.RecordName }}</div>\n                        <span class=\"comparison-entity-badge\">{{ ComparisonGroup.EntityName }}</span>\n                        <span class=\"comparison-match-count\">\n                            {{ ComparisonGroup.MatchCount }} potential duplicate{{ ComparisonGroup.MatchCount !== 1 ? 's' : '' }}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"comparison-header-right\">\n                    <div class=\"comparison-toggle\">\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = true\">All Fields</button>\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"!ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = false\">Differences Only</button>\n                    </div>\n                    <button class=\"comparison-close-btn\" (click)=\"CloseComparison()\" title=\"Close (Esc)\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <!-- Grid -->\n            @if (ComparisonLoading) {\n                <div class=\"comparison-loading\">\n                    <mj-loading text=\"Loading records for comparison...\" size=\"medium\"></mj-loading>\n                </div>\n            }\n            <div class=\"comparison-grid-wrapper\" [hidden]=\"ComparisonLoading\">\n                <div class=\"comparison-grid\"\n                     [style.grid-template-columns]=\"'160px repeat(' + (1 + ComparisonMatches.length) + ', minmax(180px, 1fr))'\">\n\n                    <!-- Corner cell -->\n                    <div class=\"grid-corner-cell\">Field</div>\n\n                    <!-- Source column header -->\n                    <div class=\"grid-col-header grid-col-source\">\n                        <span class=\"col-header-label\">Source</span>\n                        <span class=\"col-header-name\">{{ ComparisonGroup.RecordName }}</span>\n                        <div class=\"surviving-selector\">\n                            <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                   [checked]=\"SurvivorColumnIndex === 0\"\n                                   (change)=\"SetSurvivor(0)\">\n                            <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === 0\">\n                                {{ SurvivorColumnIndex === 0 ? 'Surviving Record' : 'Set as survivor' }}\n                            </span>\n                        </div>\n                        <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(0)\"\n                                (click)=\"UseAllFieldsFrom(0)\">\n                            <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(0)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(0)\"></i>\n                            {{ AllFieldsSelectedFrom(0) ? 'Using all fields' : 'Use all fields' }}\n                        </button>\n                        <!-- Dependencies Summary -->\n                        <div class=\"deps-summary\">\n                            <div class=\"deps-total\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                <span class=\"deps-total-number\">{{ GetTotalDeps(0) }}</span>\n                                {{ GetTotalDeps(0) === 1 ? 'dependency' : 'dependencies' }}\n                                @if (GetMaxDepsColumnIndex() === 0 && GetTotalDeps(0) > 0) {\n                                    <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                }\n                            </div>\n                            @if (GetGroupedDeps(0).length > 0) {\n                                <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(0)\">\n                                    <span>{{ IsDepsExpanded(0) ? 'Hide details' : 'Show details' }}</span>\n                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(0)\" [class.fa-chevron-up]=\"IsDepsExpanded(0)\"></i>\n                                </div>\n                                @if (IsDepsExpanded(0)) {\n                                    <div class=\"deps-detail-list\">\n                                        @for (dep of GetGroupedDeps(0); track dep.Entity) {\n                                            <div class=\"deps-detail-group\">\n                                                <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(0, dep.Entity); $event.stopPropagation()\">\n                                                    <span class=\"deps-detail-entity\">\n                                                        <i class=\"fa-solid deps-expand-icon\"\n                                                           [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(0, dep.Entity)\"\n                                                           [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(0, dep.Entity)\"></i>\n                                                        {{ dep.Entity }}\n                                                    </span>\n                                                    <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                </div>\n                                                @if (IsDepEntityGroupExpanded(0, dep.Entity)) {\n                                                    <div class=\"deps-records-list\">\n                                                        @if (IsDepRecordsLoading(0, dep.Entity)) {\n                                                            <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                        }\n                                                        @for (record of GetDepRecords(0, dep.Entity); track $index) {\n                                                            <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n\n                    <!-- Match column headers -->\n                    @for (match of ComparisonMatches; track match.Match.ID; let mi = $index) {\n                        <div class=\"grid-col-header\"\n                             [class.match-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                             [class.match-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                            <div class=\"col-header-top\">\n                                <span class=\"col-header-name\">{{ match.Name }}</span>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(match.Score)\">\n                                    {{ (match.Score * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <span class=\"col-header-diff-count\">{{ match.DiffCount }} difference{{ match.DiffCount !== 1 ? 's' : '' }}</span>\n                            <div class=\"surviving-selector\">\n                                <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                       [checked]=\"SurvivorColumnIndex === mi + 1\"\n                                       (change)=\"SetSurvivor(mi + 1)\">\n                                <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === mi + 1\">\n                                    {{ SurvivorColumnIndex === mi + 1 ? 'Surviving Record' : 'Set as survivor' }}\n                                </span>\n                            </div>\n                            <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(mi + 1)\"\n                                    (click)=\"UseAllFieldsFrom(mi + 1)\">\n                                <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(mi + 1)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(mi + 1)\"></i>\n                                {{ AllFieldsSelectedFrom(mi + 1) ? 'Using all fields' : 'Use all fields' }}\n                            </button>\n                            <!-- Dependencies Summary -->\n                            <div class=\"deps-summary\">\n                                <div class=\"deps-total\">\n                                    <i class=\"fa-solid fa-link\"></i>\n                                    <span class=\"deps-total-number\">{{ GetTotalDeps(mi + 1) }}</span>\n                                    {{ GetTotalDeps(mi + 1) === 1 ? 'dependency' : 'dependencies' }}\n                                    @if (GetMaxDepsColumnIndex() === mi + 1 && GetTotalDeps(mi + 1) > 0) {\n                                        <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                    }\n                                </div>\n                                @if (GetGroupedDeps(mi + 1).length > 0) {\n                                    <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(mi + 1)\">\n                                        <span>{{ IsDepsExpanded(mi + 1) ? 'Hide details' : 'Show details' }}</span>\n                                        <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(mi + 1)\" [class.fa-chevron-up]=\"IsDepsExpanded(mi + 1)\"></i>\n                                    </div>\n                                    @if (IsDepsExpanded(mi + 1)) {\n                                        <div class=\"deps-detail-list\">\n                                            @for (dep of GetGroupedDeps(mi + 1); track dep.Entity) {\n                                                <div class=\"deps-detail-group\">\n                                                    <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(mi + 1, dep.Entity); $event.stopPropagation()\">\n                                                        <span class=\"deps-detail-entity\">\n                                                            <i class=\"fa-solid deps-expand-icon\"\n                                                               [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"\n                                                               [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"></i>\n                                                            {{ dep.Entity }}\n                                                        </span>\n                                                        <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                    </div>\n                                                    @if (IsDepEntityGroupExpanded(mi + 1, dep.Entity)) {\n                                                        <div class=\"deps-records-list\">\n                                                            @if (IsDepRecordsLoading(mi + 1, dep.Entity)) {\n                                                                <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                            }\n                                                            @for (record of GetDepRecords(mi + 1, dep.Entity); track $index) {\n                                                                <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                    <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                    <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                }\n                            </div>\n                            @if (match.Match.ApprovalStatus !== 'Pending') {\n                                <span class=\"match-status-badge\"\n                                      [class.status-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                      [class.status-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                                    <i class=\"fa-solid\" [class.fa-check]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                       [class.fa-times]=\"match.Match.ApprovalStatus === 'Rejected'\"></i>\n                                    {{ match.Match.ApprovalStatus }}\n                                </span>\n                            }\n                        </div>\n                    }\n\n                    <!-- Field rows -->\n                    @for (field of GetVisibleFields(); track field.FieldName; let odd = $odd) {\n                        <!-- Label cell -->\n                        <div class=\"grid-label-cell\" [class.grid-row-odd]=\"odd\">\n                            {{ field.DisplayName }}\n                        </div>\n                        <!-- Source value cell -->\n                        <div class=\"grid-value-cell grid-source-cell\"\n                             [class.grid-row-odd]=\"odd\"\n                             [class.has-diff-in-row]=\"field.HasDifference\"\n                             [class.field-selected]=\"field.SelectedColumnIndex === 0\"\n                             (click)=\"SelectFieldValue(field, 0)\">\n                            @if (field.SourceValue != null) {\n                                {{ field.SourceValue }}\n                            } @else {\n                                <span class=\"field-not-available\">(not available)</span>\n                            }\n                            @if (field.HasDifference || field.SelectedColumnIndex === 0) {\n                                <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                       [checked]=\"field.SelectedColumnIndex === 0\"\n                                       (click)=\"$event.stopPropagation()\"\n                                       (change)=\"SelectFieldValue(field, 0)\">\n                            }\n                        </div>\n                        <!-- Match value cells -->\n                        @for (matchVal of field.MatchValues; track $index; let mi = $index) {\n                            <div class=\"grid-value-cell\"\n                                 [class.grid-row-odd]=\"odd\"\n                                 [class.value-same]=\"AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.value-different]=\"matchVal != null && field.SourceValue != null && !AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.field-selected]=\"field.SelectedColumnIndex === mi + 1\"\n                                 (click)=\"matchVal != null ? SelectFieldValue(field, mi + 1) : null\">\n                                @if (matchVal != null) {\n                                    {{ matchVal }}\n                                    @if (field.HasDifference || field.SelectedColumnIndex === mi + 1) {\n                                        <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                               [checked]=\"field.SelectedColumnIndex === mi + 1\"\n                                               (click)=\"$event.stopPropagation()\"\n                                               (change)=\"SelectFieldValue(field, mi + 1)\">\n                                    }\n                                } @else {\n                                    <span class=\"field-not-available\">(not available)</span>\n                                }\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Footer -->\n            <div class=\"comparison-footer\">\n                <div class=\"comparison-footer-left\">\n                    <span class=\"comparison-summary\">\n                        Showing {{ GetVisibleFields().length }} of {{ ComparisonFields.length }} fields\n                    </span>\n                    <span class=\"merge-summary\">\n                        <i class=\"fa-solid fa-code-merge\"></i>\n                        Surviving: <strong>{{ SurvivorName() }}</strong>\n                        @if (CherryPickedCount() > 0) {\n                            &middot; {{ CherryPickedCount() }} field{{ CherryPickedCount() !== 1 ? 's' : '' }} cherry-picked\n                        }\n                    </span>\n                </div>\n                <div class=\"comparison-footer-right\">\n                    <button class=\"action-btn reject-btn\" [disabled]=\"IsSaving\"\n                            (click)=\"RejectMatch(ComparisonGroup!); CloseComparison()\">\n                        <i class=\"fa-solid fa-times\"></i> Reject All\n                    </button>\n                    <button class=\"action-btn merge-btn\" [disabled]=\"IsSaving\"\n                            (click)=\"OpenMergeConfirm()\">\n                        <i class=\"fa-solid fa-code-merge\"></i> Merge Records\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Merge Confirmation Panel \u2550\u2550\u2550 -->\n    @if (ShowMergeConfirm && ComparisonGroup) {\n        <div class=\"merge-confirm-backdrop\" (click)=\"CloseMergeConfirm()\">\n            <div class=\"merge-confirm-panel\" (click)=\"$event.stopPropagation()\">\n                <div class=\"merge-confirm-header\">\n                    <div class=\"merge-confirm-icon\"><i class=\"fa-solid fa-code-merge\"></i></div>\n                    <div>\n                        <div class=\"merge-confirm-title\">Confirm Record Merge</div>\n                        <div class=\"merge-confirm-subtitle\">This action cannot be undone. Please review carefully.</div>\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-body\">\n                    <!-- Surviving Record -->\n                    <div class=\"merge-survivor-card\">\n                        <div class=\"merge-survivor-label\"><i class=\"fa-solid fa-shield-halved\"></i> Surviving Record</div>\n                        <div class=\"merge-survivor-name\">{{ SurvivorName() }}</div>\n                        <div class=\"merge-survivor-pk\">\n                            <i class=\"fa-solid fa-key\"></i>\n                            {{ SurvivorKeyDisplay() }}\n                        </div>\n                        <div class=\"merge-survivor-detail\">This record's ID will be retained. All dependencies from merged records will be transferred here.</div>\n                    </div>\n\n                    <!-- Cherry-picked field overrides -->\n                    @if (GetCherryPickedFields().length > 0) {\n                        <div>\n                            <div class=\"merge-section-label\">Field Value Overrides ({{ GetCherryPickedFields().length }} field{{ GetCherryPickedFields().length !== 1 ? 's' : '' }})</div>\n                            @for (field of GetCherryPickedFields(); track field.FieldName) {\n                                <div class=\"merge-field-override\">\n                                    <span class=\"merge-field-name\">{{ field.DisplayName }}</span>\n                                    <span class=\"merge-field-value\">\"{{ field.Value }}\"</span>\n                                    <span class=\"merge-field-source\">from {{ field.SourceName }}</span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Dependency transfer -->\n                    @if (GetNonSurvivorColumns().length > 0) {\n                        <div class=\"merge-deps-transfer\">\n                            <div class=\"merge-deps-transfer-label\"><i class=\"fa-solid fa-arrow-right-arrow-left\"></i> Dependencies to Transfer</div>\n                            @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                                <div class=\"merge-deps-transfer-row\">\n                                    <i class=\"fa-solid fa-arrow-right\"></i>\n                                    <span>\n                                        @if (col.DepCount > 0) {\n                                            <strong>{{ col.DepCount }}</strong> {{ col.DepCount === 1 ? 'dependency' : 'dependencies' }} from <strong>{{ col.Name }}</strong> &rarr; {{ SurvivorName() }}\n                                        } @else {\n                                            <strong>0</strong> dependencies from <strong>{{ col.Name }}</strong>\n                                        }\n                                    </span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Records to be deleted -->\n                    <div class=\"merge-delete-card\">\n                        <div class=\"merge-delete-label\"><i class=\"fa-solid fa-trash\"></i> Records to Delete After Merge</div>\n                        @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                            <div class=\"merge-delete-item\">\n                                <span class=\"merge-delete-name\">{{ col.Name }}</span>\n                                <span class=\"merge-delete-deps\">\n                                    @if (col.DepCount > 0) {\n                                        {{ col.DepCount }} dep{{ col.DepCount !== 1 ? 's' : '' }} transferring\n                                    } @else {\n                                        no deps\n                                    }\n                                </span>\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-footer\">\n                    <button class=\"action-btn cancel-btn\" (click)=\"CloseMergeConfirm()\" [disabled]=\"IsMerging\">\n                        <i class=\"fa-solid fa-arrow-left\"></i> Back\n                    </button>\n                    <button class=\"action-btn confirm-merge-btn\" (click)=\"ExecuteMerge()\" [disabled]=\"IsMerging\">\n                        @if (IsMerging) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging...\n                        } @else {\n                            <i class=\"fa-solid fa-code-merge\"></i> Confirm Merge ({{ GetNonSurvivorColumns().length + 1 }} records &rarr; 1)\n                        }\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n", styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n"] }]
+    }], null, { EmbeddedMode: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateDetectionResourceComponent, { className: "DuplicateDetectionResourceComponent", filePath: "src/AI/components/duplicates/duplicate-detection-resource.component.ts", lineNumber: 105 }); })();
+export function LoadDuplicateDetectionResource() {
+    // Prevents tree-shaking
+}
+//# sourceMappingURL=duplicate-detection-resource.component.js.map