@memberjunction/ng-dashboards 5.22.0 → 5.24.0

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

@@ -9,278 +9,1305 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * Dashboard resource for reviewing duplicate detection results in a Kanban-style
  * board with three columns: Pending Review, Approved, and Rejected.
- * Loads data from MJ: Duplicate Runs, MJ: Duplicate Run Details, and
- * MJ: Duplicate Run Detail Matches entities.
+ * Supports triggering new detection runs with real-time progress via
+ * GraphQL subscriptions.
  */
-import { Component, ChangeDetectorRef, Input, inject } from '@angular/core';
+import { Component, ChangeDetectorRef, Input, inject, ViewEncapsulation, HostListener } from '@angular/core';
 import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
-import { RunView } from '@memberjunction/core';
-import { RegisterClass } from '@memberjunction/global';
-import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { CompositeKey, LogStatus, 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.DetailId;
-function DuplicateDetectionResourceComponent_For_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
+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 name_r1 = ctx.$implicit;
-    i0.ɵɵproperty("value", name_r1);
+    const doc_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", doc_r1.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(name_r1);
+    i0.ɵɵtextInterpolate2("", doc_r1.Name, " (", doc_r1.EntityName, ")");
 } }
-function DuplicateDetectionResourceComponent_Conditional_50_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_50_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ClearFilters()); });
-    i0.ɵɵelement(1, "i", 27);
+function DuplicateDetectionResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
+    i0.ɵɵtext(1, " Detecting... ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 35);
+    i0.ɵɵtext(1, " Run Detection ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 41);
+    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", 36)(2, "span", 37);
+    i0.ɵɵelement(3, "i", 34);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 38);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 39);
+    i0.ɵɵelement(8, "div", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template, 2, 1, "span", 41);
+    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", 42)(2, "label", 43);
+    i0.ɵɵelement(3, "i", 44);
+    i0.ɵɵtext(4, " Potential Match ");
+    i0.ɵɵelementStart(5, "span", 45);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "input", 46);
+    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", 47);
+    i0.ɵɵtext(9, "Score above which duplicates are flagged for review");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 42)(11, "label", 43);
+    i0.ɵɵelement(12, "i", 48);
+    i0.ɵɵtext(13, " Absolute Match ");
+    i0.ɵɵelementStart(14, "span", 45);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "input", 46);
+    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", 47);
+    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", 49);
+    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", 50);
     i0.ɵɵtext(2, " Clear Filters ");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "mj-loading", 28);
+function DuplicateDetectionResourceComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵtext(2, " Merging is not available for this entity. Detection results are read-only. ");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "mj-loading", 52);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "mj-loading", 52);
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
-    i0.ɵɵelement(1, "i", 29);
-    i0.ɵɵelementStart(2, "p", 30);
+function DuplicateDetectionResourceComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementStart(2, "p", 54);
     i0.ɵɵtext(3, "No duplicate detection results found.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 31);
-    i0.ɵɵtext(5, "Run a duplicate detection scan to see results here.");
+    i0.ɵɵelementStart(4, "p", 55);
+    i0.ɵɵtext(5, "Select an entity document and click \"Run Detection\" to start.");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_53_For_10_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 44)(2, "span", 45);
-    i0.ɵɵtext(3);
+function DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 46);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 47)(7, "div", 48);
-    i0.ɵɵelement(8, "i", 49);
-    i0.ɵɵelementStart(9, "span", 50);
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(3, "span", 89);
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 48);
-    i0.ɵɵelement(12, "i", 51);
-    i0.ɵɵelementStart(13, "span", 52);
-    i0.ɵɵtext(14);
+} 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_66_For_10_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
+    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_66_For_10_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
+    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_66_For_10_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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", 69)(2, "div", 70)(3, "div", 71);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 74);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 75);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 48);
-    i0.ɵɵelement(16, "i", 53);
-    i0.ɵɵelementStart(17, "span", 52);
-    i0.ɵɵtext(18);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
+    i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(19, "div", 54)(20, "button", 55);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_53_For_10_Template_button_click_20_listener() { const group_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ApproveMatch(group_r5)); });
-    i0.ɵɵelement(21, "i", 56);
-    i0.ɵɵtext(22, " Approve ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "button", 57);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_53_For_10_Template_button_click_23_listener() { const group_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.RejectMatch(group_r5)); });
-    i0.ɵɵelement(24, "i", 27);
-    i0.ɵɵtext(25, " Reject ");
+    i0.ɵɵelementStart(21, "div", 82)(22, "button", 83);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_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", 84);
+    i0.ɵɵtext(24, " Approve ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "button", 85);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_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", 50);
+    i0.ɵɵtext(27, " Reject ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const group_r5 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(group_r5.EntityName);
+    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.ɵɵclassMap(ctx_r2.GetScoreClass(group_r5.HighestScore));
+    i0.ɵɵtextInterpolate(group_r8.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r8.EntityName);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (group_r5.HighestScore * 100).toFixed(0), "% ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("title", group_r5.RecordId);
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r8.HighestScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(group_r5.RecordId);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("", group_r5.MatchCount, " match", group_r5.MatchCount !== 1 ? "es" : "");
+    i0.ɵɵtextInterpolate1(" ", (group_r8.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r8.TopMatchSummaries.length > 0 ? 13 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(group_r5.MatchedAt));
+    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_r2.IsSaving);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r2.IsSaving);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
 } }
-function DuplicateDetectionResourceComponent_Conditional_53_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "i", 41);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 65);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No pending items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_53_For_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 44)(2, "span", 45);
-    i0.ɵɵtext(3);
+function DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 46);
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(3, "span", 89);
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 47)(7, "div", 48);
-    i0.ɵɵelement(8, "i", 49);
-    i0.ɵɵelementStart(9, "span", 50);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 48);
-    i0.ɵɵelement(12, "i", 51);
-    i0.ɵɵelementStart(13, "span", 52);
-    i0.ɵɵtext(14);
+} 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_66_For_21_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
+    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_66_For_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
+    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_66_For_21_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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", 69)(2, "div", 70)(3, "div", 71);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 74);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 75);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 48);
-    i0.ɵɵelement(16, "i", 53);
-    i0.ɵɵelementStart(17, "span", 52);
-    i0.ɵɵtext(18);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
+    i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const group_r6 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(group_r6.EntityName);
+    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.ɵɵclassMap(ctx_r2.GetScoreClass(group_r6.HighestScore));
+    i0.ɵɵtextInterpolate(group_r11.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r11.EntityName);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (group_r6.HighestScore * 100).toFixed(0), "% ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("title", group_r6.RecordId);
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r11.HighestScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(group_r6.RecordId);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("", group_r6.MatchCount, " match", group_r6.MatchCount !== 1 ? "es" : "");
+    i0.ɵɵtextInterpolate1(" ", (group_r11.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r11.TopMatchSummaries.length > 0 ? 13 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(group_r6.MatchedAt));
+    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_53_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "i", 58);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No approved items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_53_For_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 44)(2, "span", 45);
-    i0.ɵɵtext(3);
+function DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 46);
-    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(3, "span", 89);
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 47)(7, "div", 48);
-    i0.ɵɵelement(8, "i", 49);
-    i0.ɵɵelementStart(9, "span", 50);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 48);
-    i0.ɵɵelement(12, "i", 51);
-    i0.ɵɵelementStart(13, "span", 52);
-    i0.ɵɵtext(14);
+} 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_66_For_32_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
+    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_66_For_32_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
+    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_66_For_32_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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", 69)(2, "div", 70)(3, "div", 71);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 74);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "span", 75);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 48);
-    i0.ɵɵelement(16, "i", 53);
-    i0.ɵɵelementStart(17, "span", 52);
-    i0.ɵɵtext(18);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
+    i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const group_r7 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(group_r7.EntityName);
+    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.ɵɵclassMap(ctx_r2.GetScoreClass(group_r7.HighestScore));
+    i0.ɵɵtextInterpolate(group_r14.RecordName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r14.EntityName);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (group_r7.HighestScore * 100).toFixed(0), "% ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("title", group_r7.RecordId);
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(group_r14.HighestScore));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(group_r7.RecordId);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("", group_r7.MatchCount, " match", group_r7.MatchCount !== 1 ? "es" : "");
+    i0.ɵɵtextInterpolate1(" ", (group_r14.HighestScore * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(group_r14.TopMatchSummaries.length > 0 ? 13 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r2.FormatDate(group_r7.MatchedAt));
+    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_53_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵelement(1, "i", 58);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No rejected items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24)(1, "div", 32)(2, "div", 33);
-    i0.ɵɵelement(3, "i", 34);
-    i0.ɵɵelementStart(4, "span", 35);
+function DuplicateDetectionResourceComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 56)(2, "div", 57);
+    i0.ɵɵelement(3, "i", 58);
+    i0.ɵɵelementStart(4, "span", 59);
     i0.ɵɵtext(5, "Pending Review");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 36);
+    i0.ɵɵelementStart(6, "span", 60);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 37);
-    i0.ɵɵrepeaterCreate(9, DuplicateDetectionResourceComponent_Conditional_53_For_10_Template, 26, 11, "div", 38, _forTrack0);
-    i0.ɵɵconditionalCreate(11, DuplicateDetectionResourceComponent_Conditional_53_Conditional_11_Template, 4, 0, "div", 39);
+    i0.ɵɵelementStart(8, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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_66_For_10_Template, 28, 14, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(11, DuplicateDetectionResourceComponent_Conditional_66_Conditional_11_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 32)(13, "div", 40);
-    i0.ɵɵelement(14, "i", 41);
-    i0.ɵɵelementStart(15, "span", 35);
+    i0.ɵɵelementStart(12, "div", 56)(13, "div", 64);
+    i0.ɵɵelement(14, "i", 65);
+    i0.ɵɵelementStart(15, "span", 59);
     i0.ɵɵtext(16, "Approved");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 36);
+    i0.ɵɵelementStart(17, "span", 60);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 37);
-    i0.ɵɵrepeaterCreate(20, DuplicateDetectionResourceComponent_Conditional_53_For_21_Template, 19, 9, "div", 38, _forTrack0);
-    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_53_Conditional_22_Template, 4, 0, "div", 39);
+    i0.ɵɵelementStart(19, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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_66_For_21_Template, 21, 12, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_66_Conditional_22_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 32)(24, "div", 42);
-    i0.ɵɵelement(25, "i", 43);
-    i0.ɵɵelementStart(26, "span", 35);
+    i0.ɵɵelementStart(23, "div", 56)(24, "div", 66);
+    i0.ɵɵelement(25, "i", 67);
+    i0.ɵɵelementStart(26, "span", 59);
     i0.ɵɵtext(27, "Rejected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 36);
+    i0.ɵɵelementStart(28, "span", 60);
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 37);
-    i0.ɵɵrepeaterCreate(31, DuplicateDetectionResourceComponent_Conditional_53_For_32_Template, 19, 9, "div", 38, _forTrack0);
-    i0.ɵɵconditionalCreate(33, DuplicateDetectionResourceComponent_Conditional_53_Conditional_33_Template, 4, 0, "div", 39);
+    i0.ɵɵelementStart(30, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_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_66_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_66_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_66_For_32_Template, 21, 12, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(33, DuplicateDetectionResourceComponent_Conditional_66_Conditional_33_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r2.PendingCount);
+    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_r2.PendingGroups);
+    i0.ɵɵrepeater(ctx_r1.PendingGroups);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.PendingGroups.length === 0 ? 11 : -1);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r2.ApprovedCount);
+    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_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "mj-loading", 91);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵelement(1, "mj-loading", 130);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
+    i0.ɵɵelement(1, "i", 131);
+    i0.ɵɵtext(2, " Most deps");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Loading...");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 143);
+    i0.ɵɵelementStart(2, "span", 144);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r21 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r21.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 140);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 141, 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_68_Conditional_45_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 134)(1, "div", 135);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 136);
+    i0.ɵɵelement(3, "i", 137);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 138);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 139);
+    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_68_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Template, 8, 7, "div", 134, _forTrack5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(0));
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 115);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_Template, 3, 0, "div", 133);
+} 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_68_For_47_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
+    i0.ɵɵelement(1, "i", 131);
+    i0.ɵɵtext(2, " Most deps");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵelement(1, "i", 34);
+    i0.ɵɵtext(2, " Loading...");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_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", 142);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 143);
+    i0.ɵɵelementStart(2, "span", 144);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const record_r28 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(record_r28.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 140);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 141, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r26 = i0.ɵɵnextContext().$implicit;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepRecordsLoading(ɵ$index_567_r23 + 1, dep_r26.Entity) ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetDepRecords(ɵ$index_567_r23 + 1, dep_r26.Entity));
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 134)(1, "div", 135);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ToggleDepEntityGroup(ɵ$index_567_r23 + 1, dep_r26.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 136);
+    i0.ɵɵelement(3, "i", 137);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 138);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 139);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dep_r26 = ctx.$implicit;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.IsDepEntityGroupExpanded(ɵ$index_567_r23 + 1, dep_r26.Entity))("fa-chevron-down", ctx_r1.IsDepEntityGroupExpanded(ɵ$index_567_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_567_r23 + 1, dep_r26.Entity) ? 7 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template, 8, 7, "div", 134, _forTrack5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(2).$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(ɵ$index_567_r23 + 1));
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_567_r23 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(ɵ$index_567_r23 + 1)); });
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "i", 115);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_Template, 3, 0, "div", 133);
+} if (rf & 2) {
+    const ɵ$index_567_r23 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1) ? "Hide details" : "Show details");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1))("fa-chevron-up", ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1) ? 4 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 150);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const match_r30 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RejectIndividualMatch(match_r30)); });
+    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵtext(2, " Skip ");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 153);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const match_r30 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UndoRejectIndividualMatch(match_r30)); });
+    i0.ɵɵelement(1, "i", 154);
+    i0.ɵɵtext(2, " Undo ");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 151);
+    i0.ɵɵelement(1, "i", 115);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template, 3, 0, "button", 152);
+} if (rf & 2) {
+    const match_r30 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("status-approved", match_r30.Match.ApprovalStatus === "Approved")("status-rejected", match_r30.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check", match_r30.Match.ApprovalStatus === "Approved")("fa-times", match_r30.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", match_r30.Match.ApprovalStatus === "Rejected" ? "Skipped" : match_r30.Match.ApprovalStatus, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(match_r30.Match.ApprovalStatus === "Rejected" ? 3 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 145)(1, "div", 146)(2, "span", 110);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 75);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "span", 147);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 111)(9, "input", 112);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template_input_change_9_listener() { const ɵ$index_567_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSurvivor(ɵ$index_567_r23 + 1)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 113);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "button", 114);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template_button_click_12_listener() { const ɵ$index_567_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(ɵ$index_567_r23 + 1)); });
+    i0.ɵɵelement(13, "i", 115);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 116)(16, "div", 117);
+    i0.ɵɵelement(17, "i", 118);
+    i0.ɵɵelementStart(18, "span", 119);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(20);
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_21_Template, 3, 0, "span", 120);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template, 5, 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 148);
+    i0.ɵɵconditionalCreate(24, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template, 3, 0, "button", 149)(25, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Template, 4, 10);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const match_r30 = ctx.$implicit;
+    const ɵ$index_567_r23 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("match-approved", match_r30.Match.ApprovalStatus === "Approved")("match-rejected", match_r30.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(match_r30.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(match_r30.Score));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", (match_r30.Score * 100).toFixed(0), "% ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", match_r30.DiffCount, " difference", match_r30.DiffCount !== 1 ? "s" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("is-survivor", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1 ? "Surviving Record" : "Set as survivor", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("all-selected", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-check-double", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1))("fa-clone", !ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1) ? "Using all fields" : "Use all fields", " ");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1) === 1 ? "dependency" : "dependencies", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetMaxDepsColumnIndex() === ɵ$index_567_r23 + 1 && ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1) > 0 ? 21 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.GetGroupedDeps(ɵ$index_567_r23 + 1).length > 0 ? 22 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.ApprovedGroups);
+    i0.ɵɵconditional(match_r30.Match.ApprovalStatus === "Pending" ? 24 : 25);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", field_r33.SourceValue, " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 157);
+    i0.ɵɵtext(1, "(not available)");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 160);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r34); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r34); const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, 0)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r33.FieldName)("checked", field_r33.SelectedColumnIndex === 0);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 160);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r39); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r39); const ɵ$index_685_r38 = i0.ɵɵnextContext(2).$index; const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, ɵ$index_685_r38 + 1)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ɵ$index_685_r38 = i0.ɵɵnextContext(2).$index;
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r33.FieldName)("checked", field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template, 1, 2, "input", 158);
+} if (rf & 2) {
+    const ctx_r39 = i0.ɵɵnextContext();
+    const matchVal_r37 = ctx_r39.$implicit;
+    const ɵ$index_685_r38 = ctx_r39.$index;
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", matchVal_r37, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(field_r33.HasDifference || field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1 ? 1 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 157);
+    i0.ɵɵtext(1, "(not available)");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 161);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template_div_click_0_listener() { const ctx_r35 = i0.ɵɵrestoreView(_r35); const matchVal_r37 = ctx_r35.$implicit; const ɵ$index_685_r38 = ctx_r35.$index; const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(matchVal_r37 != null ? ctx_r1.SelectFieldValue(field_r33, ɵ$index_685_r38 + 1) : null); });
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Template, 2, 2)(2, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_2_Template, 2, 0, "span", 157);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const matchVal_r37 = ctx.$implicit;
+    const ɵ$index_685_r38 = ctx.$index;
+    const ctx_r40 = i0.ɵɵnextContext();
+    const field_r33 = ctx_r40.$implicit;
+    const ɵ$index_670_r42 = ctx_r40.$index;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0)("value-same", ctx_r1.AreValuesEqual(field_r33.SourceValue, matchVal_r37))("value-different", matchVal_r37 != null && field_r33.SourceValue != null && !ctx_r1.AreValuesEqual(field_r33.SourceValue, matchVal_r37))("field-selected", field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(matchVal_r37 != null ? 1 : 2);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 155);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 156);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Template_div_click_2_listener() { const field_r33 = i0.ɵɵrestoreView(_r32).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, 0)); });
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_3_Template, 1, 1)(4, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_4_Template, 2, 0, "span", 157);
+    i0.ɵɵconditionalCreate(5, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template, 1, 2, "input", 158);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(6, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template, 3, 9, "div", 159, i0.ɵɵrepeaterTrackByIndex);
+} if (rf & 2) {
+    const field_r33 = ctx.$implicit;
+    const ɵ$index_670_r42 = ctx.$index;
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", field_r33.DisplayName, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0)("has-diff-in-row", field_r33.HasDifference)("field-selected", field_r33.SelectedColumnIndex === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(field_r33.SourceValue != null ? 3 : 4);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.ApprovedGroups.length === 0 ? 22 : -1);
+    i0.ɵɵconditional(field_r33.HasDifference || field_r33.SelectedColumnIndex === 0 ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(field_r33.MatchValues);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_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_68_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 129);
+    i0.ɵɵelement(1, "i", 162);
+    i0.ɵɵtext(2, " Merging disabled for this entity");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 93);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 94)(3, "div", 95)(4, "div", 96);
+    i0.ɵɵelement(5, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div")(7, "div", 97);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 98);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 99);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 100)(14, "div", 101)(15, "button", 102);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 102);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 103);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelement(20, "i", 50);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_68_Conditional_21_Template, 2, 0, "div", 104);
+    i0.ɵɵelementStart(22, "div", 105)(23, "div", 106)(24, "div", 107);
+    i0.ɵɵtext(25, "Field");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 108)(27, "span", 109);
+    i0.ɵɵtext(28, "Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "span", 110);
+    i0.ɵɵtext(30);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "div", 111)(32, "input", 112);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_68_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", 113);
+    i0.ɵɵtext(34);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(35, "button", 114);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(0)); });
+    i0.ɵɵelement(36, "i", 115);
+    i0.ɵɵtext(37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "div", 116)(39, "div", 117);
+    i0.ɵɵelement(40, "i", 118);
+    i0.ɵɵelementStart(41, "span", 119);
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(43);
+    i0.ɵɵconditionalCreate(44, DuplicateDetectionResourceComponent_Conditional_68_Conditional_44_Template, 3, 0, "span", 120);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(45, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Template, 5, 6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(46, DuplicateDetectionResourceComponent_Conditional_68_For_47_Template, 26, 26, "div", 121, _forTrack3);
+    i0.ɵɵrepeaterCreate(48, DuplicateDetectionResourceComponent_Conditional_68_For_49_Template, 8, 11, null, null, _forTrack4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(50, "div", 122)(51, "div", 123)(52, "span", 124);
+    i0.ɵɵtext(53);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(54, "span", 125);
+    i0.ɵɵelement(55, "i", 126);
+    i0.ɵɵtext(56, " Surviving: ");
+    i0.ɵɵelementStart(57, "strong");
+    i0.ɵɵtext(58);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(59, DuplicateDetectionResourceComponent_Conditional_68_Conditional_59_Template, 1, 2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(60, "div", 127)(61, "button", 85);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_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", 50);
+    i0.ɵɵtext(63, " Reject All ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(64, "button", 128);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenMergeConfirm()); });
+    i0.ɵɵelement(65, "i", 126);
+    i0.ɵɵtext(66, " Merge Records ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_68_Conditional_67_Template, 3, 0, "span", 129);
+    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_r2.RejectedCount);
+    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 || !ctx_r1.HasMergeableMatches || !ctx_r1.MergeEnabled)("title", !ctx_r1.MergeEnabled ? "Merging is not enabled for this entity" : ctx_r1.HasMergeableMatches ? "Merge non-skipped records" : "All matches have been skipped");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(!ctx_r1.MergeEnabled ? 67 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 187)(1, "span", 188);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 189);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 190);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const field_r44 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(field_r44.DisplayName);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.RejectedGroups);
+    i0.ɵɵtextInterpolate1("\"", field_r44.Value, "\"");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.RejectedGroups.length === 0 ? 33 : -1);
+    i0.ɵɵtextInterpolate1("from ", field_r44.SourceName);
 } }
-function DuplicateDetectionResourceComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵelement(1, "mj-loading", 59);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 186);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_For_4_Template, 7, 3, "div", 187, _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_69_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_r45 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(col_r45.DepCount);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", col_r45.DepCount === 1 ? "dependency" : "dependencies", " from ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(col_r45.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \u2192 ", ctx_r1.SurvivorName(), " ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_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_r45 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(col_r45.Name);
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵelement(1, "i", 194);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_3_Template, 6, 4)(4, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_4_Template, 5, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const col_r45 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(col_r45.DepCount > 0 ? 3 : 4);
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 177)(1, "div", 191);
+    i0.ɵɵelement(2, "i", 192);
+    i0.ɵɵtext(3, " Dependencies to Transfer");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Template, 5, 1, "div", 193, _forTrack6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.GetNonSurvivorColumns());
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const col_r46 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate2(" ", col_r46.DepCount, " dep", col_r46.DepCount !== 1 ? "s" : "", " transferring ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " no deps ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "span", 195);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 196);
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_4_Template, 1, 2)(5, DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_5_Template, 1, 0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const col_r46 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(col_r46.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(col_r46.DepCount > 0 ? 4 : 5);
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
+    i0.ɵɵtext(1, " Merging... ");
+} }
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 126);
+    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_69_Template(rf, ctx) { if (rf & 1) {
+    const _r43 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 163);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelementStart(1, "div", 164);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r43); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 165)(3, "div", 166);
+    i0.ɵɵelement(4, "i", 126);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div")(6, "div", 167);
+    i0.ɵɵtext(7, "Confirm Record Merge");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 168);
+    i0.ɵɵtext(9, "This action cannot be undone. Please review carefully.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 169)(11, "div", 170)(12, "div", 171);
+    i0.ɵɵelement(13, "i", 172);
+    i0.ɵɵtext(14, " Surviving Record");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "div", 173);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 174);
+    i0.ɵɵelement(18, "i", 175);
+    i0.ɵɵtext(19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 176);
+    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_69_Conditional_22_Template, 5, 2, "div");
+    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_Template, 6, 0, "div", 177);
+    i0.ɵɵelementStart(24, "div", 178)(25, "div", 179);
+    i0.ɵɵelement(26, "i", 180);
+    i0.ɵɵtext(27, " Records to Delete After Merge");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(28, DuplicateDetectionResourceComponent_Conditional_69_For_29_Template, 6, 2, "div", 181, _forTrack6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "div", 182)(31, "button", 183);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelement(32, "i", 184);
+    i0.ɵɵtext(33, " Back ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "button", 185);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMerge()); });
+    i0.ɵɵconditionalCreate(35, DuplicateDetectionResourceComponent_Conditional_69_Conditional_35_Template, 2, 0)(36, DuplicateDetectionResourceComponent_Conditional_69_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 {
+    /** Close comparison panel on Escape key */
+    OnEscapeKey() {
+        if (this.ComparisonGroup) {
+            this.CloseComparison();
+        }
+    }
     cdr = inject(ChangeDetectorRef);
+    navigationService = inject(NavigationService);
     destroy$ = new Subject();
     filterSubject = new Subject();
     // Loading state
     IsLoading = false;
+    /** Whether the results area (runs/details/matches) is still loading */
+    IsLoadingResults = 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;
+    /** Whether the current entity allows record merging (controls merge button availability) */
+    MergeEnabled = true;
+    /** Whether merge-not-available inline banner should be shown in the results area */
+    ShowMergeWarningBanner = false;
     // Raw data
     Runs = [];
     Details = [];
@@ -300,6 +1327,29 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     };
     // Available entity names from loaded runs
     EntityNames = [];
+    // Detection run state
+    IsDetecting = false;
+    DetectionProgress = 0;
+    DetectionStage = '';
+    /** Raw stage key from the last progress event — used to detect phase transitions */
+    detectionRawStage = '';
+    /** 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) */
@@ -381,9 +1431,22 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     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.navigationService.SetAgentContext(this, {
+            DetectionStatus: this.IsDetecting ? 'running' : 'idle',
+            PendingCount: this.PendingGroups.length,
+            ApprovedCount: this.ApprovedGroups.length,
+            RejectedCount: this.RejectedGroups.length,
+            SelectedEntityDoc: this.SelectedEntityDocumentID || null,
+        });
         this.NotifyLoadComplete();
     }
     ngOnDestroy() {
@@ -398,49 +1461,147 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     }
     /**
      * Loads all duplicate run data and builds the Kanban groups.
+     * Split into two phases so that controls become interactive immediately:
+     *   Phase 1 - entity docs from KH engine cache (instant)
+     *   Phase 2 - runs/details/matches via RunViews (heavy)
      */
     async LoadData() {
         this.IsLoading = true;
         this.cdr.detectChanges();
         try {
-            const rv = new RunView();
-            const [runsResult, detailsResult, matchesResult] = await rv.RunViews([
-                {
-                    EntityName: 'MJ: Duplicate Runs',
-                    ExtraFilter: "ProcessingStatus = 'Complete'",
-                    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;
-            }
-            this.extractEntityNames();
-            this.buildGroups();
-            this.applyFilters();
+            // Phase 1: Populate entity document picker from cache (instant)
+            await this.loadEntityDocuments();
+            // Controls are now interactive - only the results area is loading
+            this.IsLoading = false;
+            this.IsLoadingResults = true;
+            this.cdr.detectChanges();
+            // Phase 2: Load heavy run/detail/match data
+            await this.loadRunData();
         }
         catch (error) {
             console.error('Error loading duplicate detection data:', error);
         }
         finally {
             this.IsLoading = false;
+            this.IsLoadingResults = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /** Phase 1: Load entity documents from KH engine cache (instant). */
+    async loadEntityDocuments() {
+        const engine = KnowledgeHubMetadataEngine.Instance;
+        await engine.Config(false);
+        this.buildEntityDocumentOptionsFromEngine(engine.GetActiveEntityDocuments());
+    }
+    /** Phase 2: Load runs, details, and matches via RunViews batch. */
+    async loadRunData() {
+        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;
+        }
+        this.buildGroups();
+        this.extractEntityNames();
+        this.computeDataRanges();
+        this.applyFilters();
+        // Reconnect to any in-progress detection run
+        this.reconnectToActiveRun();
+    }
+    /**
+     * Check if there's an in-progress detection run and reconnect to its
+     * progress subscription. This handles the case where the user navigated
+     * away and came back while a run was active.
+     */
+    reconnectToActiveRun() {
+        if (this.IsDetecting)
+            return; // Already tracking a run
+        const activeRun = this.Runs.find(r => r.ProcessingStatus === 'In Progress');
+        if (!activeRun)
+            return;
+        LogStatus(`[DuplicateDetection] Reconnecting to in-progress run ${activeRun.ID}`);
+        this.IsDetecting = true;
+        this.DetectionProgress = 0;
+        this.DetectionStage = 'Reconnecting...';
+        this.cdr.detectChanges();
+        this.subscribeToPipelineProgress(activeRun.ID);
+    }
+    /**
+     * 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) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Entity "${selectedDoc.EntityName}" not found in metadata`, 'error', 5000);
+                this.IsDetecting = false;
+                this.DetectionStage = '';
+                this.cdr.detectChanges();
+                return;
+            }
+            // DD-1: Track whether merging is available for the selected entity
+            this.MergeEnabled = entityInfo.AllowRecordMerge;
+            this.ShowMergeWarningBanner = !entityInfo.AllowRecordMerge;
+            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();
         }
     }
@@ -456,18 +1617,124 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     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: '',
+            EntityName: this.EntityNames.length === 1 ? this.EntityNames[0] : '',
             MinScore: 0,
             MaxScore: 1,
             DateFrom: '',
-            DateTo: ''
+            DateTo: '',
         };
         this.applyFilters();
     }
@@ -488,6 +1755,39 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         return 'Low';
     }
     /** Format a date for display */
+    /**
+     * Format a composite key string (e.g., "ID|5A07433E-F36B-1410-8AA5-00F1597429B5")
+     * into a readable format. For single-key entities, shows just the value truncated.
+     * For composite keys, shows key: value pairs.
+     */
+    /** Whether there are any non-skipped matches available for merging */
+    get HasMergeableMatches() {
+        return this.ComparisonMatches.some(m => m.Match.ApprovalStatus !== 'Rejected');
+    }
+    FormatRecordID(recordID) {
+        if (!recordID)
+            return '';
+        const pairs = recordID.split('||');
+        if (pairs.length === 1) {
+            // Single key — extract just the value
+            const parts = pairs[0].split('|');
+            if (parts.length === 2) {
+                const val = parts[1];
+                // Truncate long UUIDs
+                return val.length > 12 ? val.substring(0, 8) + '...' : val;
+            }
+            return recordID.length > 12 ? recordID.substring(0, 8) + '...' : recordID;
+        }
+        // Composite key — show key: truncated value pairs
+        return pairs.map(p => {
+            const parts = p.split('|');
+            if (parts.length === 2) {
+                const val = parts[1].length > 8 ? parts[1].substring(0, 8) + '...' : parts[1];
+                return `${parts[0]}: ${val}`;
+            }
+            return p;
+        }).join(', ');
+    }
     FormatDate(date) {
         if (!date)
             return '';
@@ -496,9 +1796,9 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     }
     /** Whether any filters are active */
     get HasActiveFilters() {
-        return this.Filters.EntityName !== '' ||
+        return (this.EntityNames.length > 1 && this.Filters.EntityName !== '') ||
             this.Filters.MinScore > 0 ||
-            this.Filters.MaxScore < 1 ||
+            (this.Filters.MaxScore > 0 && this.Filters.MaxScore < 1) ||
             this.Filters.DateFrom !== '' ||
             this.Filters.DateTo !== '';
     }
@@ -508,15 +1808,155 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             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();
+        // Reset phase tracking for this new subscription
+        this.detectionRawStage = '';
+        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 = Math.max(0, Math.min(100, progress['PercentComplete']));
+                const currentItem = progress['CurrentItem'];
+                // Detect phase transitions vs. within-phase updates
+                const isNewPhase = stage !== this.detectionRawStage;
+                if (isNewPhase) {
+                    // New phase: reset progress and update display
+                    this.detectionRawStage = stage;
+                    this.DetectionProgress = pct;
+                    this.DetectionStage = this.formatDetectionStage(stage);
+                }
+                else {
+                    // Same phase: only move forward (never backward)
+                    if (pct >= this.DetectionProgress) {
+                        this.DetectionProgress = pct;
+                    }
+                }
+                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,
@@ -545,20 +1985,30 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
                 continue; // Skip details with no matches
             }
             const run = runMap.get(detail.DuplicateRunID);
-            const entityName = run?.Entity ?? 'Unknown';
             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 = this.resolveRecordName(metadata, entityName, 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
+                MatchedAt: latestMatchDate,
+                Metadata: metadata,
+                TopMatchSummaries: topMatchSummaries,
             });
         }
     }
@@ -572,6 +2022,689 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         }
         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 */
+    /** Get non-surviving columns excluding skipped (Rejected) matches for merge confirmation display */
+    GetNonSurvivorColumns() {
+        const result = [];
+        const totalColumns = 1 + this.ComparisonMatches.length;
+        for (let i = 0; i < totalColumns; i++) {
+            if (i === this.SurvivorColumnIndex)
+                continue;
+            // Skip records marked as Rejected/Skipped
+            if (i > 0) {
+                const matchInfo = this.ComparisonMatches[i - 1];
+                if (matchInfo?.Match?.ApprovalStatus === 'Rejected')
+                    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;
+            // Skip records that the user has marked as "Skipped" (Rejected)
+            if (i > 0) {
+                const matchInfo = this.ComparisonMatches[i - 1];
+                if (matchInfo?.Match?.ApprovalStatus === 'Rejected')
+                    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 (skip it from merge) */
+    async RejectIndividualMatch(matchInfo) {
+        this.IsSaving = true;
+        matchInfo.Match.ApprovalStatus = 'Rejected';
+        await matchInfo.Match.Save();
+        this.IsSaving = false;
+        this.cdr.detectChanges();
+    }
+    /** Undo a rejected individual match (restore to Pending) */
+    async UndoRejectIndividualMatch(matchInfo) {
+        this.IsSaving = true;
+        matchInfo.Match.ApprovalStatus = 'Pending';
+        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);
+            // Resolve display name using IsNameField fields from entity metadata
+            const entityName = this.ComparisonGroup.EntityName;
+            const resolvedName = this.resolveMatchName(entityName, m.MatchRecordID, meta);
+            return {
+                Match: m,
+                Name: resolvedName,
+                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);
+        // Sort fields: IsNameField first, then DefaultInView, then by Sequence
+        const sortedFields = [...entityFields].sort((a, b) => {
+            if (a.IsNameField !== b.IsNameField)
+                return a.IsNameField ? -1 : 1;
+            if (a.DefaultInView !== b.DefaultInView)
+                return a.DefaultInView ? -1 : 1;
+            return (a.Sequence ?? 9999) - (b.Sequence ?? 9999);
+        });
+        for (const field of sortedFields) {
+            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: this.resolveRecordName(meta, this.SelectedEntityFilter || 'Unknown', m.MatchRecordID ?? ''),
+                Score: m.MatchProbability,
+            };
+        });
+    }
+    /**
+     * Resolve match record name from loaded entity records using IsNameField fields.
+     * Falls back to metadata, then truncated record ID.
+     */
+    resolveMatchName(entityName, matchRecordID, meta) {
+        try {
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === entityName);
+            if (entityInfo) {
+                const nameFields = entityInfo.Fields
+                    .filter(f => f.IsNameField)
+                    .sort((a, b) => (a.Sequence ?? 9999) - (b.Sequence ?? 9999));
+                if (nameFields.length > 0) {
+                    // Try loaded entity record data first
+                    const parts = nameFields
+                        .map(f => this.getRecordFieldValue(matchRecordID, f.Name))
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (parts.length > 0)
+                        return parts.join(' ');
+                    // Fall back to vector metadata
+                    const metaParts = nameFields
+                        .map(f => meta[f.Name])
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (metaParts.length > 0)
+                        return metaParts.join(' ');
+                }
+            }
+        }
+        catch { /* fall through */ }
+        return meta.Name || this.FormatRecordID(matchRecordID ?? '');
+    }
+    /**
+     * Resolve record display name from metadata using entity IsNameField fields.
+     * Combines multiple name fields (e.g., FirstName + LastName → "Sarah Chen").
+     * Falls back to metadata.Name, then recordID.
+     */
+    resolveRecordName(metadata, entityName, recordID) {
+        try {
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === entityName);
+            if (entityInfo) {
+                const nameFields = entityInfo.Fields
+                    .filter(f => f.IsNameField)
+                    .sort((a, b) => (a.Sequence ?? 9999) - (b.Sequence ?? 9999));
+                if (nameFields.length > 0) {
+                    // 1. Try individual name fields from metadata (new rich metadata)
+                    const metaParts = nameFields
+                        .map(f => metadata[f.Name])
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (metaParts.length > 0)
+                        return metaParts.join(' ');
+                    // 2. Try loaded entity records (available in comparison panel)
+                    const recordParts = nameFields
+                        .map(f => this.getRecordFieldValue(recordID, f.Name))
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (recordParts.length > 0)
+                        return recordParts.join(' ');
+                }
+                // 3. Single NameField fallback
+                if (entityInfo.NameField && metadata[entityInfo.NameField.Name]) {
+                    return String(metadata[entityInfo.NameField.Name]);
+                }
+            }
+        }
+        catch { /* fall through */ }
+        // 4. Heuristic — skip single-char or initial-only names from old sparse metadata
+        const metaName = metadata.Name;
+        if (metaName && metaName.length > 2)
+            return metaName;
+        return metadata.Title || this.FormatRecordID(recordID);
+    }
     /**
      * Determine the dominant approval status for a group of matches.
      * If any match is Pending, the group is Pending.
@@ -616,15 +2749,17 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         if (this.Filters.MinScore > 0) {
             filtered = filtered.filter(g => g.HighestScore >= this.Filters.MinScore);
         }
-        if (this.Filters.MaxScore < 1) {
+        if (this.Filters.MaxScore > 0 && this.Filters.MaxScore < 1) {
             filtered = filtered.filter(g => g.HighestScore <= this.Filters.MaxScore);
         }
         if (this.Filters.DateFrom) {
-            const from = new Date(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 to = new Date(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');
@@ -632,10 +2767,7 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         this.RejectedGroups = filtered.filter(g => g.ApprovalStatus === 'Rejected');
         this.cdr.detectChanges();
     }
-    /** Update the ApprovalStatus of all matches within a group and re-sort.
-     *  Since this.Matches already contains entity_object instances, we update and save them directly
-     *  instead of loading each one individually from the database.
-     */
+    /** Update the ApprovalStatus of all matches within a group and re-sort. */
     async updateGroupApprovalStatus(group, status) {
         this.IsSaving = true;
         this.cdr.detectChanges();
@@ -657,78 +2789,107 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         }
     }
     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: 55, vars: 12, consts: [[1, "duplicate-detection-container"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "fa-solid", "fa-clone"], [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"], ["value", ""], [3, "value"], [1, "filter-range"], [1, "filter-label"], ["type", "number", "min", "0", "max", "1", "step", "0.05", 1, "filter-input", 3, "ngModelChange", "ngModel"], ["type", "date", 1, "filter-input", 3, "ngModelChange", "ngModel"], [1, "clear-filters-btn"], [1, "loading-container"], [1, "empty-state"], [1, "kanban-board"], [1, "saving-overlay"], [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"], [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"], [1, "card-header"], [1, "entity-badge"], [1, "score-indicator"], [1, "card-body"], [1, "card-field"], [1, "fa-solid", "fa-fingerprint", "field-icon"], [1, "field-value", "record-id", 3, "title"], [1, "fa-solid", "fa-layer-group", "field-icon"], [1, "field-value"], [1, "fa-solid", "fa-calendar", "field-icon"], [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, "fa-solid", "fa-inbox"], ["text", "Saving...", "size", "small"]], template: function DuplicateDetectionResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateDetectionResourceComponent, selectors: [["app-duplicate-detection-resource"]], hostBindings: function DuplicateDetectionResourceComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function DuplicateDetectionResourceComponent_keydown_escape_HostBindingHandler() { return ctx.OnEscapeKey(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { EmbeddedMode: "EmbeddedMode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 70, vars: 29, 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, "merge-warning-banner"], [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"], [1, "fa-solid", "fa-triangle-exclamation"], ["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", "title"], [1, "merge-disabled-hint"], ["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-approval-actions"], ["title", "Skip this match (exclude from merge)", 1, "match-action-btn", "match-skip-btn"], ["title", "Skip this match (exclude from merge)", 1, "match-action-btn", "match-skip-btn", 3, "click"], [1, "match-status-badge"], ["title", "Undo skip", 1, "match-action-btn", "match-undo-btn"], ["title", "Undo skip", 1, "match-action-btn", "match-undo-btn", 3, "click"], [1, "fa-solid", "fa-undo"], [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, "fa-solid", "fa-info-circle"], [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, "div", 7);
-            i0.ɵɵtext(9);
+            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(10, "div", 8);
-            i0.ɵɵtext(11, "Total Groups");
+            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(12, "div", 9)(13, "div", 7);
-            i0.ɵɵtext(14);
+            i0.ɵɵelementStart(24, "div", 17)(25, "div", 15);
+            i0.ɵɵtext(26);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(15, "div", 8);
-            i0.ɵɵtext(16, "Pending");
+            i0.ɵɵelementStart(27, "div", 16);
+            i0.ɵɵtext(28, "Pending");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(17, "div", 10)(18, "div", 7);
-            i0.ɵɵtext(19);
+            i0.ɵɵelementStart(29, "div", 18)(30, "div", 15);
+            i0.ɵɵtext(31);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "div", 8);
-            i0.ɵɵtext(21, "Approved");
+            i0.ɵɵelementStart(32, "div", 16);
+            i0.ɵɵtext(33, "Approved");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(22, "div", 11)(23, "div", 7);
-            i0.ɵɵtext(24);
+            i0.ɵɵelementStart(34, "div", 19)(35, "div", 15);
+            i0.ɵɵtext(36);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "div", 8);
-            i0.ɵɵtext(26, "Rejected");
+            i0.ɵɵelementStart(37, "div", 16);
+            i0.ɵɵtext(38, "Rejected");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(27, "div", 12)(28, "div", 13)(29, "select", 14);
-            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_select_ngModelChange_29_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.EntityName, $event) || (ctx.Filters.EntityName = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_select_ngModelChange_29_listener() { return ctx.OnFilterChange(); });
-            i0.ɵɵelementStart(30, "option", 15);
-            i0.ɵɵtext(31, "All Entities");
-            i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(32, DuplicateDetectionResourceComponent_For_33_Template, 2, 2, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
+            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(34, "div", 17)(35, "label", 18);
-            i0.ɵɵtext(36, "Min Score");
+            i0.ɵɵelementStart(45, "div", 23)(46, "label", 24);
+            i0.ɵɵtext(47, "Min Score");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "input", 19);
-            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_37_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.MinScore, $event) || (ctx.Filters.MinScore = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_37_listener() { return ctx.OnFilterChange(); });
+            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(38, "div", 17)(39, "label", 18);
-            i0.ɵɵtext(40, "Max Score");
+            i0.ɵɵelementStart(49, "div", 23)(50, "label", 24);
+            i0.ɵɵtext(51, "Max Score");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(41, "input", 19);
-            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_41_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.MaxScore, $event) || (ctx.Filters.MaxScore = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_41_listener() { return ctx.OnFilterChange(); });
+            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(42, "div", 17)(43, "label", 18);
-            i0.ɵɵtext(44, "From");
+            i0.ɵɵelementStart(53, "div", 23)(54, "label", 24);
+            i0.ɵɵtext(55, "From");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "input", 20);
-            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_45_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.DateFrom, $event) || (ctx.Filters.DateFrom = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_45_listener() { return ctx.OnFilterChange(); });
+            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(46, "div", 17)(47, "label", 18);
-            i0.ɵɵtext(48, "To");
+            i0.ɵɵelementStart(57, "div", 23)(58, "label", 24);
+            i0.ɵɵtext(59, "To");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(49, "input", 20);
-            i0.ɵɵtwoWayListener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_49_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Filters.DateTo, $event) || (ctx.Filters.DateTo = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function DuplicateDetectionResourceComponent_Template_input_ngModelChange_49_listener() { return ctx.OnFilterChange(); });
+            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(50, DuplicateDetectionResourceComponent_Conditional_50_Template, 3, 0, "button", 21);
+            i0.ɵɵconditionalCreate(61, DuplicateDetectionResourceComponent_Conditional_61_Template, 3, 0, "button", 27);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(51, DuplicateDetectionResourceComponent_Conditional_51_Template, 2, 0, "div", 22)(52, DuplicateDetectionResourceComponent_Conditional_52_Template, 6, 0, "div", 23)(53, DuplicateDetectionResourceComponent_Conditional_53_Template, 34, 6, "div", 24);
-            i0.ɵɵconditionalCreate(54, DuplicateDetectionResourceComponent_Conditional_54_Template, 2, 0, "div", 25);
+            i0.ɵɵconditionalCreate(62, DuplicateDetectionResourceComponent_Conditional_62_Template, 3, 0, "div", 28);
+            i0.ɵɵconditionalCreate(63, DuplicateDetectionResourceComponent_Conditional_63_Template, 2, 0, "div", 29)(64, DuplicateDetectionResourceComponent_Conditional_64_Template, 2, 0, "div", 29)(65, DuplicateDetectionResourceComponent_Conditional_65_Template, 6, 0, "div", 30)(66, DuplicateDetectionResourceComponent_Conditional_66_Template, 34, 12, "div", 31);
+            i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_67_Template, 2, 0, "div", 32);
+            i0.ɵɵconditionalCreate(68, DuplicateDetectionResourceComponent_Conditional_68_Template, 68, 42);
+            i0.ɵɵconditionalCreate(69, DuplicateDetectionResourceComponent_Conditional_69_Template, 37, 7, "div", 33);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(9);
+            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);
@@ -738,23 +2899,36 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             i0.ɵɵtextInterpolate(ctx.RejectedCount);
             i0.ɵɵadvance(5);
             i0.ɵɵtwoWayProperty("ngModel", ctx.Filters.EntityName);
-            i0.ɵɵadvance(3);
+            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 ? 50 : -1);
+            i0.ɵɵconditional(ctx.HasActiveFilters ? 61 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 51 : ctx.TotalGroupCount === 0 ? 52 : 53);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.IsSaving ? 54 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent], styles: ["\n\n\n\n\n\n.duplicate-detection-container[_ngcontent-%COMP%] {\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\n\n\n.page-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n\n\n\n.kpi-strip[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   .kpi-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved[_ngcontent-%COMP%]   .kpi-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected[_ngcontent-%COMP%]   .kpi-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n\n\n\n.filter-bar[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n\n\n\n.kanban-board[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n}\n\n.column-title[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.column-count[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n\n\n\n.kanban-card[_ngcontent-%COMP%] {\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}\n\n.kanban-card[_ngcontent-%COMP%]: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.card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 600;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    max-width: 160px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n\n\n\n.score-indicator[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.card-field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.field-icon[_ngcontent-%COMP%] {\n    width: 14px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.field-value[_ngcontent-%COMP%] {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.record-id[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 12px;\n    max-width: 180px;\n}\n\n.card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n\n\n\n@media (max-width: 768px) {\n    .kanban-board[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .kanban-column[_ngcontent-%COMP%] {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .filter-bar[_ngcontent-%COMP%] {\n        flex-wrap: wrap;\n    }\n\n    .filter-group[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select[_ngcontent-%COMP%] {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n\n    .card-actions[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .action-btn[_ngcontent-%COMP%] {\n        width: 100%;\n    }\n}\n\n\n\n\n.saving-overlay[_ngcontent-%COMP%] {\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}"] });
+            i0.ɵɵconditional(ctx.ShowMergeWarningBanner ? 62 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 63 : ctx.IsLoadingResults ? 64 : ctx.TotalGroupCount === 0 ? 65 : 66);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.IsSaving ? 67 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ComparisonGroup ? 68 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowMergeConfirm && ctx.ComparisonGroup ? 69 : -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-approval-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.match-action-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.match-skip-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n.match-skip-btn:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n}\n\n.match-undo-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.match-undo-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\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\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Disabled Hint \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-disabled-hint {\n    font-size: 11.5px;\n    color: var(--mj-status-warning-text, #e65100);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Warning Banner (inline, non-blocking) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-warning-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    margin-bottom: 12px;\n    border-radius: 6px;\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n    font-size: 13px;\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.merge-warning-banner i {\n    font-size: 14px;\n    flex-shrink: 0;\n}\n"], encapsulation: 2 });
 };
 DuplicateDetectionResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'DuplicateDetectionResource')
@@ -762,11 +2936,14 @@ DuplicateDetectionResourceComponent = __decorate([
 export { DuplicateDetectionResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateDetectionResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-duplicate-detection-resource', 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>\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                <option value=\"\">All Entities</option>\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\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\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\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\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\"\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\"\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\">Run a duplicate detection scan to see results here.</p>\n        </div>\n    } @else {\n        <!-- Kanban Board -->\n        <div class=\"kanban-board\">\n            <!-- Pending Column -->\n            <div class=\"kanban-column\">\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                    @for (group of PendingGroups; track group.DetailId) {\n                        <div class=\"kanban-card\">\n                            <div class=\"card-header\">\n                                <span class=\"entity-badge\">{{ group.EntityName }}</span>\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                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-fingerprint field-icon\"></i>\n                                    <span class=\"field-value record-id\" [title]=\"group.RecordId\">{{ group.RecordId }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-layer-group field-icon\"></i>\n                                    <span class=\"field-value\">{{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-calendar field-icon\"></i>\n                                    <span class=\"field-value\">{{ FormatDate(group.MatchedAt) }}</span>\n                                </div>\n                            </div>\n                            <div class=\"card-actions\">\n                                <button class=\"action-btn approve-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"ApproveMatch(group)\">\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)\">\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\">\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                    @for (group of ApprovedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\">\n                            <div class=\"card-header\">\n                                <span class=\"entity-badge\">{{ group.EntityName }}</span>\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                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-fingerprint field-icon\"></i>\n                                    <span class=\"field-value record-id\" [title]=\"group.RecordId\">{{ group.RecordId }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-layer-group field-icon\"></i>\n                                    <span class=\"field-value\">{{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-calendar field-icon\"></i>\n                                    <span class=\"field-value\">{{ FormatDate(group.MatchedAt) }}</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\">\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                    @for (group of RejectedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\">\n                            <div class=\"card-header\">\n                                <span class=\"entity-badge\">{{ group.EntityName }}</span>\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                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-fingerprint field-icon\"></i>\n                                    <span class=\"field-value record-id\" [title]=\"group.RecordId\">{{ group.RecordId }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-layer-group field-icon\"></i>\n                                    <span class=\"field-value\">{{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}</span>\n                                </div>\n                                <div class=\"card-field\">\n                                    <i class=\"fa-solid fa-calendar field-icon\"></i>\n                                    <span class=\"field-value\">{{ FormatDate(group.MatchedAt) }}</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</div>\n", styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\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/* ---- 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: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}\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.card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 600;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    max-width: 160px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\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: 6px;\n}\n\n.card-field {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.field-icon {\n    width: 14px;\n    text-align: center;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.field-value {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.record-id {\n    font-family: monospace;\n    font-size: 12px;\n    max-width: 180px;\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"] }]
-    }], null, { EmbeddedMode: [{
+        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    <!-- Merge Warning Banner (non-blocking, shown when entity lacks AllowRecordMerge) -->\n    @if (ShowMergeWarningBanner) {\n        <div class=\"merge-warning-banner\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            Merging is not available for this entity. Detection results are read-only.\n        </div>\n    }\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 (IsLoadingResults) {\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                            <!-- Per-match approval actions -->\n                            <div class=\"match-approval-actions\">\n                                @if (match.Match.ApprovalStatus === 'Pending') {\n                                    <button class=\"match-action-btn match-skip-btn\"\n                                            title=\"Skip this match (exclude from merge)\"\n                                            (click)=\"RejectIndividualMatch(match)\">\n                                        <i class=\"fa-solid fa-ban\"></i> Skip\n                                    </button>\n                                } @else {\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 === 'Rejected' ? 'Skipped' : match.Match.ApprovalStatus }}\n                                    </span>\n                                    @if (match.Match.ApprovalStatus === 'Rejected') {\n                                        <button class=\"match-action-btn match-undo-btn\"\n                                                title=\"Undo skip\"\n                                                (click)=\"UndoRejectIndividualMatch(match)\">\n                                            <i class=\"fa-solid fa-undo\"></i> Undo\n                                        </button>\n                                    }\n                                }\n                            </div>\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 || !HasMergeableMatches || !MergeEnabled\"\n                            (click)=\"OpenMergeConfirm()\"\n                            [title]=\"!MergeEnabled ? 'Merging is not enabled for this entity' : HasMergeableMatches ? 'Merge non-skipped records' : 'All matches have been skipped'\">\n                        <i class=\"fa-solid fa-code-merge\"></i> Merge Records\n                    </button>\n                    @if (!MergeEnabled) {\n                        <span class=\"merge-disabled-hint\"><i class=\"fa-solid fa-info-circle\"></i> Merging disabled for this entity</span>\n                    }\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\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-approval-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.match-action-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.match-skip-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n.match-skip-btn:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n}\n\n.match-undo-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.match-undo-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\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\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Disabled Hint \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-disabled-hint {\n    font-size: 11.5px;\n    color: var(--mj-status-warning-text, #e65100);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Warning Banner (inline, non-blocking) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-warning-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    margin-bottom: 12px;\n    border-radius: 6px;\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n    font-size: 13px;\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.merge-warning-banner i {\n    font-size: 14px;\n    flex-shrink: 0;\n}\n"] }]
+    }], null, { OnEscapeKey: [{
+            type: HostListener,
+            args: ['document:keydown.escape']
+        }], EmbeddedMode: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateDetectionResourceComponent, { className: "DuplicateDetectionResourceComponent", filePath: "src/AI/components/duplicates/duplicate-detection-resource.component.ts", lineNumber: 54 }); })();
+(() => { (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
 }