@memberjunction/ng-dashboards 5.35.0 → 5.36.0

package/dist/Lists/components/lists-operations-resource.component.js

@@ -10,32 +10,40 @@ import { BaseResourceComponent, SharedService } from '@memberjunction/ng-shared'
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import { RunView, CompositeKey } from '@memberjunction/core';
 import { Subject } from 'rxjs';
+import { GraphQLListsClient } from '@memberjunction/graphql-dataprovider';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/list-set-operations.service";
 import * as i2 from "@memberjunction/ng-notifications";
-import * as i3 from "@angular/forms";
-import * as i4 from "@memberjunction/ng-ui-components";
-import * as i5 from "@memberjunction/ng-shared-generic";
-import * as i6 from "./venn-diagram/venn-diagram.component";
-function ListsOperationsResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+import * as i3 from "@memberjunction/ng-export-service";
+import * as i4 from "@angular/forms";
+import * as i5 from "@memberjunction/ng-ui-components";
+import * as i6 from "@memberjunction/ng-shared-generic";
+import * as i7 from "@memberjunction/ng-list-management";
+import * as i8 from "./venn-diagram/venn-diagram.component";
+const _forTrack0 = ($index, $item) => $item.id;
+const _forTrack1 = ($index, $item) => $item.list.ID;
+const _forTrack2 = ($index, $item) => $item.view.ID;
+const _forTrack3 = ($index, $item) => $item.ID;
+const _forTrack4 = ($index, $item) => $item.Name;
+function ListsOperationsResource_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "button", 31);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearAllSelections()); });
-    i0.ɵɵelement(2, "i", 32);
-    i0.ɵɵtext(3, " Clear ");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(0, "button", 39);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearAllSelections()); });
+    i0.ɵɵelement(1, "i", 40);
+    i0.ɵɵtext(2, " Clear ");
+    i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
+function ListsOperationsResource_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.selectedLists.length, "/", ctx_r1.maxLists, " ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.totalOperandCount, "/", ctx_r1.maxLists, " ");
 } }
-function ListsOperationsResource_For_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 12);
+function ListsOperationsResource_For_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 16);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -44,19 +52,19 @@ function ListsOperationsResource_For_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", entity_r3.name, " (", entity_r3.listCount, ") ");
 } }
-function ListsOperationsResource_For_21_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_For_27_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "div", 33);
-    i0.ɵɵelementStart(2, "div", 34)(3, "span", 35);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelement(1, "div", 41);
+    i0.ɵɵelementStart(2, "div", 42)(3, "span", 43);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 36);
+    i0.ɵɵelementStart(5, "span", 44);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 37);
-    i0.ɵɵlistener("click", function ListsOperationsResource_For_21_Template_button_click_7_listener() { const ɵ$index_46_r5 = i0.ɵɵrestoreView(_r4).$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.removeList(ɵ$index_46_r5)); });
-    i0.ɵɵelement(8, "i", 38);
+    i0.ɵɵelementStart(7, "button", 45);
+    i0.ɵɵlistener("click", function ListsOperationsResource_For_27_Template_button_click_7_listener() { const ɵ$index_54_r5 = i0.ɵɵrestoreView(_r4).$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.removeList(ɵ$index_54_r5)); });
+    i0.ɵɵelement(8, "i", 46);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = ctx.$implicit;
@@ -67,14 +75,14 @@ function ListsOperationsResource_For_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(item_r6.entityName);
 } }
-function ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template_div_click_0_listener() { const list_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addList(list_r10)); });
-    i0.ɵɵelementStart(1, "span", 47);
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template_div_click_0_listener() { const list_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addList(list_r10)); });
+    i0.ɵɵelementStart(1, "span", 55);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 48);
+    i0.ɵɵelementStart(3, "span", 56);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -84,28 +92,28 @@ function ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(list_r10.Entity);
 } }
-function ListsOperationsResource_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_28_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_22_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showListDropdown = false); });
+    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_28_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showListDropdown = false); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 44);
-    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template, 5, 2, "div", 45, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(2, "div", 52);
+    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template, 5, 2, "div", 53, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.filteredAvailableLists);
 } }
-function ListsOperationsResource_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 39);
-    i0.ɵɵelement(2, "i", 40);
-    i0.ɵɵelementStart(3, "input", 41);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_22_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.listSearchTerm, $event) || (ctx_r1.listSearchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_22_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAvailableLists()); })("focus", function ListsOperationsResource_Conditional_22_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showListDropdown = true); });
+    i0.ɵɵelementStart(0, "div", 19)(1, "div", 47);
+    i0.ɵɵelement(2, "i", 48);
+    i0.ɵɵelementStart(3, "input", 49);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_28_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.listSearchTerm, $event) || (ctx_r1.listSearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_28_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAvailableLists()); })("focus", function ListsOperationsResource_Conditional_28_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showListDropdown = true); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_22_Conditional_4_Template, 5, 0, "div", 42);
+    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_28_Conditional_4_Template, 5, 0, "div", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -114,49 +122,123 @@ function ListsOperationsResource_Conditional_22_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showListDropdown && ctx_r1.filteredAvailableLists.length > 0 ? 4 : -1);
 } }
-function ListsOperationsResource_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵelement(1, "i", 49);
+function ListsOperationsResource_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Maximum ", ctx_r1.maxLists, " lists can be compared ");
+    i0.ɵɵtextInterpolate1(" Maximum ", ctx_r1.maxLists, " operands can be compared ");
+} }
+function ListsOperationsResource_For_32_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "div", 58);
+    i0.ɵɵelementStart(2, "div", 42)(3, "span", 43);
+    i0.ɵɵelement(4, "i", 59);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 44);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "button", 45);
+    i0.ɵɵlistener("click", function ListsOperationsResource_For_32_Template_button_click_8_listener() { const ɵ$index_104_r12 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.removeView(ɵ$index_104_r12)); });
+    i0.ɵɵelement(9, "i", 46);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r13 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("border-color", item_r13.color);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("title", "View");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r13.view.Name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r13.entityName);
+} }
+function ListsOperationsResource_Conditional_33_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_33_Conditional_4_For_4_Template_div_click_0_listener() { const view_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addView(view_r17)); });
+    i0.ɵɵelementStart(1, "span", 55);
+    i0.ɵɵelement(2, "i", 60);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 56);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const view_r17 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", view_r17.Name, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(view_r17.Entity);
+} }
+function ListsOperationsResource_Conditional_33_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 50)(1, "div", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_33_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showViewDropdown = false); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 52);
+    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_33_Conditional_4_For_4_Template, 6, 2, "div", 53, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.filteredAvailableViews);
+} }
+function ListsOperationsResource_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19)(1, "div", 47);
+    i0.ɵɵelement(2, "i", 60);
+    i0.ɵɵelementStart(3, "input", 61);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_33_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.viewSearchTerm, $event) || (ctx_r1.viewSearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_33_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAvailableViews()); })("focus", function ListsOperationsResource_Conditional_33_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showViewDropdown = true); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_33_Conditional_4_Template, 5, 0, "div", 50);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.viewSearchTerm);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showViewDropdown && ctx_r1.filteredAvailableViews.length > 0 ? 4 : -1);
 } }
-function ListsOperationsResource_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 17);
-    i0.ɵɵelement(1, "i", 49);
+function ListsOperationsResource_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵelement(1, "i", 57);
     i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "Comparing lists of type: ");
+    i0.ɵɵtext(3, "Comparing operands of type: ");
     i0.ɵɵelementStart(4, "strong");
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.selectedLists[0].entityName);
+    i0.ɵɵtextInterpolate(ctx_r1.lockedEntityName);
 } }
-function ListsOperationsResource_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "h4");
+function ListsOperationsResource_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 24)(1, "h4");
     i0.ɵɵtext(2, "Quick Operations");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 50)(4, "button", 51);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("union")); });
-    i0.ɵɵelement(5, "i", 52);
+    i0.ɵɵelementStart(3, "div", 62)(4, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("union")); });
+    i0.ɵɵelement(5, "i", 64);
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Union All");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 51);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("intersection")); });
-    i0.ɵɵelement(9, "i", 53);
+    i0.ɵɵelementStart(8, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("intersection")); });
+    i0.ɵɵelement(9, "i", 65);
     i0.ɵɵelementStart(10, "span");
     i0.ɵɵtext(11, "Intersection");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "button", 51);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("symmetric_difference")); });
-    i0.ɵɵelement(13, "i", 54);
+    i0.ɵɵelementStart(12, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("symmetric_difference")); });
+    i0.ɵɵelement(13, "i", 66);
     i0.ɵɵelementStart(14, "span");
     i0.ɵɵtext(15, "Unique Each");
     i0.ɵɵelementEnd()()()();
@@ -169,71 +251,71 @@ function ListsOperationsResource_Conditional_25_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("disabled", ctx_r1.isCalculating);
 } }
-function ListsOperationsResource_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-venn-diagram", 55);
-    i0.ɵɵlistener("regionClick", function ListsOperationsResource_Conditional_27_Template_mj_venn_diagram_regionClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRegionClick($event)); });
+function ListsOperationsResource_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-venn-diagram", 67);
+    i0.ɵɵlistener("regionClick", function ListsOperationsResource_Conditional_37_Template_mj_venn_diagram_regionClick_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRegionClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("data", ctx_r1.vennData)("selectedRegion", ctx_r1.selectedRegion);
 } }
-function ListsOperationsResource_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 56);
-    i0.ɵɵelement(2, "i", 57);
+function ListsOperationsResource_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 68);
+    i0.ɵɵelement(2, "i", 69);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h3");
-    i0.ɵɵtext(4, "Add Lists to Compare");
+    i0.ɵɵtext(4, "Add Lists or Views to Compare");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
-    i0.ɵɵtext(6, "Select 2-4 lists from the same entity to visualize their overlaps and perform set operations.");
+    i0.ɵɵtext(6, "Select 2-4 lists or views from the same entity to visualize their overlaps and perform set operations.");
     i0.ɵɵelementEnd()();
 } }
-function ListsOperationsResource_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "mj-loading", 58);
+function ListsOperationsResource_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵelement(1, "mj-loading", 70);
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 74);
+function ListsOperationsResource_Conditional_45_Conditional_16_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 86);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const record_r15 = i0.ɵɵnextContext().$implicit;
+    const record_r22 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(record_r15.secondaryInfo);
+    i0.ɵɵtextInterpolate(record_r22.secondaryInfo);
 } }
-function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 70)(1, "div", 72)(2, "span", 73);
+function ListsOperationsResource_Conditional_45_Conditional_16_For_5_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 82)(1, "div", 84)(2, "span", 85);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_35_Conditional_16_For_5_Conditional_4_Template, 2, 1, "span", 74);
+    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_45_Conditional_16_For_5_Conditional_4_Template, 2, 1, "span", 86);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 75);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template_button_click_5_listener() { const record_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openRecord(record_r15)); });
-    i0.ɵɵelement(6, "i", 76);
+    i0.ɵɵelementStart(5, "button", 87);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Conditional_16_For_5_Template_button_click_5_listener() { const record_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openRecord(record_r22)); });
+    i0.ɵɵelement(6, "i", 88);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const record_r15 = ctx.$implicit;
+    const record_r22 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(record_r15.displayName);
+    i0.ɵɵtextInterpolate(record_r22.displayName);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(record_r15.secondaryInfo ? 4 : -1);
+    i0.ɵɵconditional(record_r22.secondaryInfo ? 4 : -1);
 } }
-function ListsOperationsResource_Conditional_35_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 71);
-    i0.ɵɵelement(1, "mj-loading", 77);
+function ListsOperationsResource_Conditional_45_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "mj-loading", 89);
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_35_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68)(1, "h5");
+function ListsOperationsResource_Conditional_45_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 80)(1, "h5");
     i0.ɵɵtext(2, "Preview (first 10)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 69);
-    i0.ɵɵrepeaterCreate(4, ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template, 7, 2, "div", 70, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 81);
+    i0.ɵɵrepeaterCreate(4, ListsOperationsResource_Conditional_45_Conditional_16_For_5_Template, 7, 2, "div", 82, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ListsOperationsResource_Conditional_35_Conditional_16_Conditional_6_Template, 2, 0, "div", 71);
+    i0.ɵɵconditionalCreate(6, ListsOperationsResource_Conditional_45_Conditional_16_Conditional_6_Template, 2, 0, "div", 83);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -242,30 +324,30 @@ function ListsOperationsResource_Conditional_35_Conditional_16_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.loadingPreview ? 6 : -1);
 } }
-function ListsOperationsResource_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 59)(2, "span", 60);
+function ListsOperationsResource_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 71)(2, "span", 72);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 61);
+    i0.ɵɵelementStart(4, "span", 73);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 62)(7, "button", 63);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromSelection()); });
-    i0.ɵɵelement(8, "i", 64);
+    i0.ɵɵelementStart(6, "div", 74)(7, "button", 75);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromSelection()); });
+    i0.ɵɵelement(8, "i", 76);
     i0.ɵɵtext(9, " Create New List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 65);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addToExistingList()); });
-    i0.ɵɵelement(11, "i", 66);
+    i0.ɵɵelementStart(10, "button", 77);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addToExistingList()); });
+    i0.ɵɵelement(11, "i", 78);
     i0.ɵɵtext(12, " Add to List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 65);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportToExcel()); });
-    i0.ɵɵelement(14, "i", 67);
-    i0.ɵɵtext(15, " Export ");
+    i0.ɵɵelementStart(13, "button", 77);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openExportDialog()); });
+    i0.ɵɵelement(14, "i", 79);
+    i0.ɵɵtext(15, " Export\u2026 ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_35_Conditional_16_Template, 7, 1, "div", 68);
+    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_45_Conditional_16_Template, 7, 1, "div", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -276,22 +358,22 @@ function ListsOperationsResource_Conditional_35_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(11);
     i0.ɵɵconditional(ctx_r1.previewRecordsDisplay.length > 0 ? 16 : -1);
 } }
-function ListsOperationsResource_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "div", 78)(2, "span", 79);
+function ListsOperationsResource_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32)(1, "div", 90)(2, "span", 91);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 80);
+    i0.ɵɵelementStart(4, "span", 92);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 62)(7, "button", 63);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_36_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromResult()); });
-    i0.ɵɵelement(8, "i", 64);
+    i0.ɵɵelementStart(6, "div", 74)(7, "button", 75);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_46_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromResult()); });
+    i0.ɵɵelement(8, "i", 76);
     i0.ɵɵtext(9, " Create New List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 65);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_36_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addResultToExistingList()); });
-    i0.ɵɵelement(11, "i", 66);
+    i0.ɵɵelementStart(10, "button", 77);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_46_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addResultToExistingList()); });
+    i0.ɵɵelement(11, "i", 78);
     i0.ɵɵtext(12, " Add to List ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -301,54 +383,407 @@ function ListsOperationsResource_Conditional_36_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.lastOperationResult.resultCount, " records");
 } }
-function ListsOperationsResource_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵelement(1, "i", 81);
+function ListsOperationsResource_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 93);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Click a region in the diagram or run an operation to see results");
     i0.ɵɵelementEnd()();
 } }
-function ListsOperationsResource_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_38_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+function ListsOperationsResource_Conditional_48_For_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 101);
+    i0.ɵɵelement(1, "i", 119);
+    i0.ɵɵelementStart(2, "span", 120);
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 121);
+    i0.ɵɵtext(5, "List");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r25 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", s_r25.color);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r25.list.Name);
 } }
-function ListsOperationsResource_Conditional_39_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 92);
+function ListsOperationsResource_Conditional_48_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵelementStart(2, "span", 120);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 122);
+    i0.ɵɵtext(5, "View");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r26 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("color", s_r26.color);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r26.view.Name);
 } }
-function ListsOperationsResource_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 83)(2, "h3");
+function ListsOperationsResource_Conditional_48_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 123);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_48_Conditional_59_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.composeNewListName, $event) || (ctx_r1.composeNewListName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.composeNewListName);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 54);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_For_4_Template_div_click_0_listener() { const l_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectComposeTarget(l_r31)); });
+    i0.ɵɵelementStart(1, "span", 55);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 56);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const l_r31 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(l_r31.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(l_r31.Entity);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 125)(1, "div", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.showComposeTargetDropdown = false); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 52);
+    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_For_4_Template, 5, 2, "div", 53, _forTrack3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.filteredComposeTargets);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_60_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 112)(1, "input", 124);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_48_Conditional_60_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.composeTargetSearch, $event) || (ctx_r1.composeTargetSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("focus", function ListsOperationsResource_Conditional_48_Conditional_60_Template_input_focus_1_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showComposeTargetDropdown = true); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(2, ListsOperationsResource_Conditional_48_Conditional_60_Conditional_2_Template, 5, 0, "div", 125);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.composeTargetSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showComposeTargetDropdown && ctx_r1.filteredComposeTargets.length > 0 ? 2 : -1);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 115);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 116);
+} }
+function ListsOperationsResource_Conditional_48_Conditional_72_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 118);
+    i0.ɵɵtext(1, " Expected output: ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", ctx_r1.lastOperationResult.resultCount, " records");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" (", ctx_r1.getOperationLabel(ctx_r1.lastOperationResult.operation), ") ");
+} }
+function ListsOperationsResource_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 34)(1, "div", 94);
+    i0.ɵɵelement(2, "i", 95);
+    i0.ɵɵelementStart(3, "h3");
+    i0.ɵɵtext(4, "Compose into a Target List");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 96)(6, "div", 97)(7, "div", 98)(8, "div", 99);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 100);
+    i0.ɵɵrepeaterCreate(11, ListsOperationsResource_Conditional_48_For_12_Template, 6, 3, "div", 101, _forTrack1);
+    i0.ɵɵrepeaterCreate(13, ListsOperationsResource_Conditional_48_For_14_Template, 6, 3, "div", 102, _forTrack2);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "div", 103);
+    i0.ɵɵtext(16, "\u2192");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 98)(18, "div", 99);
+    i0.ɵɵtext(19, "Operation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 104)(21, "label", 105)(22, "input", 106);
+    i0.ɵɵlistener("change", function ListsOperationsResource_Conditional_48_Template_input_change_22_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeOp = "union"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(23, "i", 64);
+    i0.ɵɵelementStart(24, "div")(25, "div", 107);
+    i0.ɵɵtext(26, "Union");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "div", 108);
+    i0.ɵɵtext(28, "Combine all sources, dedupe");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(29, "label", 105)(30, "input", 106);
+    i0.ɵɵlistener("change", function ListsOperationsResource_Conditional_48_Template_input_change_30_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeOp = "intersection"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(31, "i", 65);
+    i0.ɵɵelementStart(32, "div")(33, "div", 107);
+    i0.ɵɵtext(34, "Intersection");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 108);
+    i0.ɵɵtext(36, "Only records in all sources");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(37, "label", 105)(38, "input", 106);
+    i0.ɵɵlistener("change", function ListsOperationsResource_Conditional_48_Template_input_change_38_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeOp = "difference"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(39, "i", 109);
+    i0.ɵɵelementStart(40, "div")(41, "div", 107);
+    i0.ɵɵtext(42, "Difference");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(43, "div", 108);
+    i0.ɵɵtext(44, "First minus the rest");
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(45, "div", 103);
+    i0.ɵɵtext(46, "\u2192");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(47, "div", 98)(48, "div", 99);
+    i0.ɵɵtext(49, "Target");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "div", 104)(51, "label", 105)(52, "input", 110);
+    i0.ɵɵlistener("change", function ListsOperationsResource_Conditional_48_Template_input_change_52_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeTarget = "new"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "div", 107);
+    i0.ɵɵtext(54, "Create New List");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(55, "label", 105)(56, "input", 110);
+    i0.ɵɵlistener("change", function ListsOperationsResource_Conditional_48_Template_input_change_56_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeTarget = "existing"); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(57, "div", 107);
+    i0.ɵɵtext(58, "Existing List\u2026");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(59, ListsOperationsResource_Conditional_48_Conditional_59_Template, 1, 1, "input", 111)(60, ListsOperationsResource_Conditional_48_Conditional_60_Template, 3, 2, "div", 112);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(61, "div", 113)(62, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_48_Template_button_click_62_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.previewCompose()); });
+    i0.ɵɵelement(63, "i", 60);
+    i0.ɵɵelementStart(64, "span");
+    i0.ɵɵtext(65, "Preview Result");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(66, "button", 114);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_48_Template_button_click_66_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.composeAndSave()); });
+    i0.ɵɵconditionalCreate(67, ListsOperationsResource_Conditional_48_Conditional_67_Template, 1, 0, "i", 115)(68, ListsOperationsResource_Conditional_48_Conditional_68_Template, 1, 0, "i", 116);
+    i0.ɵɵelementStart(69, "span");
+    i0.ɵɵtext(70);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(71, "div", 117);
+    i0.ɵɵconditionalCreate(72, ListsOperationsResource_Conditional_48_Conditional_72_Template, 5, 2, "div", 118);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate1("Sources (", ctx_r1.totalOperandCount, ")");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.selectedLists);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.selectedViews);
+    i0.ɵɵadvance(8);
+    i0.ɵɵclassProp("compose-option--selected", ctx_r1.composeOp === "union");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.composeOp === "union");
+    i0.ɵɵadvance(7);
+    i0.ɵɵclassProp("compose-option--selected", ctx_r1.composeOp === "intersection");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.composeOp === "intersection");
+    i0.ɵɵadvance(7);
+    i0.ɵɵclassProp("compose-option--selected", ctx_r1.composeOp === "difference");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.composeOp === "difference");
+    i0.ɵɵadvance(13);
+    i0.ɵɵclassProp("compose-option--selected", ctx_r1.composeTarget === "new");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.composeTarget === "new");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("compose-option--selected", ctx_r1.composeTarget === "existing");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r1.composeTarget === "existing");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.composeTarget === "new" ? 59 : 60);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.isCalculating || ctx_r1.isComposing);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", !ctx_r1.canCompose || ctx_r1.isCalculating || ctx_r1.isComposing);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isComposing ? 67 : 68);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.isComposing ? "Composing\u2026" : "Compute & Save");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.lastOperationResult ? 72 : -1);
+} }
+function ListsOperationsResource_Conditional_50_For_30_Template(rf, ctx) { if (rf & 1) {
+    const _r33 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 142)(1, "input", 149);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_50_For_30_Template_input_ngModelChange_1_listener($event) { const f_r34 = i0.ɵɵrestoreView(_r33).$implicit; i0.ɵɵtwoWayBindingSet(f_r34.Selected, $event) || (f_r34.Selected = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r34 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", f_r34.Selected);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(f_r34.DisplayName);
+} }
+function ListsOperationsResource_Conditional_50_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 115);
+    i0.ɵɵtext(1, " Exporting\u2026 ");
+} }
+function ListsOperationsResource_Conditional_50_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 150);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" Export ", ctx_r1.exportRecordCount, " Record", ctx_r1.exportRecordCount === 1 ? "" : "s", " ");
+} }
+function ListsOperationsResource_Conditional_50_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 126);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeExportDialog()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 127)(2, "div", 128)(3, "h3");
+    i0.ɵɵelement(4, "i", 79);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 129);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeExportDialog()); });
+    i0.ɵɵelement(7, "i", 46);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 130)(9, "div", 131)(10, "label", 132);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_label_click_10_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportFormat = "excel"); });
+    i0.ɵɵelementStart(11, "input", 133);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_50_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.exportFormat, $event) || (ctx_r1.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(12, "i", 134);
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14, "Excel (.xlsx)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "label", 132);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_label_click_15_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportFormat = "csv"); });
+    i0.ɵɵelementStart(16, "input", 135);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_50_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.exportFormat, $event) || (ctx_r1.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(17, "i", 136);
+    i0.ɵɵelementStart(18, "span");
+    i0.ɵɵtext(19, "CSV");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "label", 132);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_label_click_20_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportFormat = "json"); });
+    i0.ɵɵelementStart(21, "input", 137);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_50_Template_input_ngModelChange_21_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.exportFormat, $event) || (ctx_r1.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(22, "i", 138);
+    i0.ɵɵelementStart(23, "span");
+    i0.ɵɵtext(24, "JSON");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(25, "div", 139);
+    i0.ɵɵelementStart(26, "label", 140);
+    i0.ɵɵtext(27, "Columns to include");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(28, "div", 141);
+    i0.ɵɵrepeaterCreate(29, ListsOperationsResource_Conditional_50_For_30_Template, 4, 2, "label", 142, _forTrack4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "div", 143)(32, "a", 144);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_a_click_32_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.selectAllExportFields(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(33, "Select All");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "a", 144);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_a_click_34_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.selectNoneExportFields(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(35, "Select None");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "span", 145);
+    i0.ɵɵtext(37);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(38, "div", 146)(39, "button", 147);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.executeExport()); });
+    i0.ɵɵconditionalCreate(40, ListsOperationsResource_Conditional_50_Conditional_40_Template, 2, 0)(41, ListsOperationsResource_Conditional_50_Conditional_41_Template, 2, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "button", 148);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_50_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeExportDialog()); });
+    i0.ɵɵtext(43, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate2(" Export ", ctx_r1.exportRecordCount, " Record", ctx_r1.exportRecordCount === 1 ? "" : "s");
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r1.exportFormat === "excel");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.exportFormat);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r1.exportFormat === "csv");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.exportFormat);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r1.exportFormat === "json");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.exportFormat);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r1.exportFields);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate2("", ctx_r1.selectedExportFieldCount, " of ", ctx_r1.exportFields.length, " selected");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.selectedExportFieldCount === 0 || ctx_r1.isExporting);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isExporting ? 40 : 41);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r1.isExporting);
+} }
+function ListsOperationsResource_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 126);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_51_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelementEnd();
+} }
+function ListsOperationsResource_Conditional_52_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 115);
+} }
+function ListsOperationsResource_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    const _r36 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 128)(2, "h3");
     i0.ɵɵtext(3, "Create New List from Selection");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 84);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
-    i0.ɵɵelement(5, "i", 38);
+    i0.ɵɵelementStart(4, "button", 129);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_52_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelement(5, "i", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 85)(7, "div", 86)(8, "label");
+    i0.ɵɵelementStart(6, "div", 130)(7, "div", 151)(8, "label");
     i0.ɵɵtext(9, "List Name *");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "input", 87);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_39_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListName, $event) || (ctx_r1.newListName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "input", 152);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_52_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListName, $event) || (ctx_r1.newListName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 86)(12, "label");
+    i0.ɵɵelementStart(11, "div", 151)(12, "label");
     i0.ɵɵtext(13, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "textarea", 88);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_39_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListDescription, $event) || (ctx_r1.newListDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(14, "textarea", 153);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_52_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListDescription, $event) || (ctx_r1.newListDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 89);
-    i0.ɵɵelement(16, "i", 49);
+    i0.ɵɵelementStart(15, "div", 154);
+    i0.ɵɵelement(16, "i", 57);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 90)(19, "button", 91);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmCreateList()); });
-    i0.ɵɵconditionalCreate(20, ListsOperationsResource_Conditional_39_Conditional_20_Template, 1, 0, "i", 92);
+    i0.ɵɵelementStart(18, "div", 146)(19, "button", 155);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_52_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmCreateList()); });
+    i0.ɵɵconditionalCreate(20, ListsOperationsResource_Conditional_52_Conditional_20_Template, 1, 0, "i", 115);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 93);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelementStart(22, "button", 156);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_52_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
     i0.ɵɵtext(23, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -366,39 +801,39 @@ function ListsOperationsResource_Conditional_39_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.isSaving ? "Creating..." : "Create List", " ");
 } }
-function ListsOperationsResource_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_40_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+function ListsOperationsResource_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    const _r37 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 126);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_53_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r37); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_41_For_15_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 100);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_For_15_Template_div_click_0_listener() { const list_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectTargetList(list_r22.ID)); });
-    i0.ɵɵelementStart(1, "div", 101);
-    i0.ɵɵelement(2, "input", 102);
+function ListsOperationsResource_Conditional_54_For_15_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 163);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_54_For_15_Template_div_click_0_listener() { const list_r40 = i0.ɵɵrestoreView(_r39).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectTargetList(list_r40.ID)); });
+    i0.ɵɵelementStart(1, "div", 164);
+    i0.ɵɵelement(2, "input", 165);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 103)(4, "span", 104);
+    i0.ɵɵelementStart(3, "div", 166)(4, "span", 167);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 105);
+    i0.ɵɵelementStart(6, "span", 168);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const list_r22 = ctx.$implicit;
+    const list_r40 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("selected", ctx_r1.IsTargetListSelected(list_r22));
+    i0.ɵɵclassProp("selected", ctx_r1.IsTargetListSelected(list_r40));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("checked", ctx_r1.IsTargetListSelected(list_r22));
+    i0.ɵɵproperty("checked", ctx_r1.IsTargetListSelected(list_r40));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(list_r22.Name);
+    i0.ɵɵtextInterpolate(list_r40.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(list_r22.Entity);
+    i0.ɵɵtextInterpolate(list_r40.Entity);
 } }
-function ListsOperationsResource_Conditional_41_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 99);
-    i0.ɵɵelement(1, "i", 106);
+function ListsOperationsResource_Conditional_54_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 162);
+    i0.ɵɵelement(1, "i", 169);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -407,39 +842,39 @@ function ListsOperationsResource_Conditional_41_Conditional_16_Template(rf, ctx)
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.addToListSearchTerm ? "No lists match your search" : "No other lists available");
 } }
-function ListsOperationsResource_Conditional_41_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 92);
+function ListsOperationsResource_Conditional_54_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 115);
 } }
-function ListsOperationsResource_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 83)(2, "h3");
+function ListsOperationsResource_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    const _r38 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 38)(1, "div", 128)(2, "h3");
     i0.ɵɵtext(3, "Add to Existing List");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 84);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
-    i0.ɵɵelement(5, "i", 38);
+    i0.ɵɵelementStart(4, "button", 129);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_54_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+    i0.ɵɵelement(5, "i", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 85)(7, "div", 94);
-    i0.ɵɵelement(8, "i", 49);
+    i0.ɵɵelementStart(6, "div", 130)(7, "div", 157);
+    i0.ɵɵelement(8, "i", 57);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 95);
-    i0.ɵɵelement(11, "i", 40);
-    i0.ɵɵelementStart(12, "input", 96);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_41_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.addToListSearchTerm, $event) || (ctx_r1.addToListSearchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_41_Template_input_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAddToListOptions()); });
+    i0.ɵɵelementStart(10, "div", 158);
+    i0.ɵɵelement(11, "i", 48);
+    i0.ɵɵelementStart(12, "input", 159);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_54_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.addToListSearchTerm, $event) || (ctx_r1.addToListSearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_54_Template_input_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAddToListOptions()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 97);
-    i0.ɵɵrepeaterCreate(14, ListsOperationsResource_Conditional_41_For_15_Template, 8, 5, "div", 98, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_41_Conditional_16_Template, 4, 1, "div", 99);
+    i0.ɵɵelementStart(13, "div", 160);
+    i0.ɵɵrepeaterCreate(14, ListsOperationsResource_Conditional_54_For_15_Template, 8, 5, "div", 161, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_54_Conditional_16_Template, 4, 1, "div", 162);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 90)(18, "button", 91);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmAddToList()); });
-    i0.ɵɵconditionalCreate(19, ListsOperationsResource_Conditional_41_Conditional_19_Template, 1, 0, "i", 92);
+    i0.ɵɵelementStart(17, "div", 146)(18, "button", 155);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_54_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmAddToList()); });
+    i0.ɵɵconditionalCreate(19, ListsOperationsResource_Conditional_54_Conditional_19_Template, 1, 0, "i", 115);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "button", 93);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+    i0.ɵɵelementStart(21, "button", 156);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_54_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
     i0.ɵɵtext(22, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -463,6 +898,7 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
     cdr;
     setOperationsService;
     notificationService;
+    exportService;
     destroy$ = new Subject();
     maxLists = 4;
     selectedLists = [];
@@ -470,6 +906,14 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
     filteredAvailableLists = [];
     listSearchTerm = '';
     showListDropdown = false;
+    // View operands (new in Phase 1.8). Tracked separately from selectedLists
+    // so the existing list-only logic keeps working; the operand-aware
+    // service combines both into a single computation.
+    selectedViews = [];
+    availableViews = [];
+    filteredAvailableViews = [];
+    viewSearchTerm = '';
+    showViewDropdown = false;
     // Entity filter
     entityOptions = [];
     selectedEntityId = '';
@@ -491,22 +935,46 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
     addToListSearchTerm = '';
     filteredAddToListOptions = [];
     selectedTargetListId = null;
+    // Compose-into-target panel (Phase 1.10) — picks an op + target for
+    // committing the result of the selected operands.
+    composeOp = 'union';
+    composeTarget = 'new';
+    composeNewListName = '';
+    composeTargetListId = null;
+    composeTargetSearch = '';
+    showComposeTargetDropdown = false;
+    isComposing = false;
+    composeDelta = null;
+    composeConfirmVisible = false;
+    // Export dialog (mockup 26). Opens before any export; lets the user
+    // pick format + which entity fields to include. Fields are resolved
+    // from EntityInfo when the dialog opens — no separate fetch.
+    showExportDialog = false;
+    exportFormat = 'excel';
+    exportFields = [];
+    exportRecordCount = 0;
+    isExporting = false;
     entityIdFromSelectedLists = null;
     currentEntityInfo = null;
     // User Settings persistence
     USER_SETTING_KEY = 'ListsOperations.State';
     saveSettingsTimeout = null;
     isLoadingSettings = false;
-    constructor(cdr, setOperationsService, notificationService) {
+    constructor(cdr, setOperationsService, notificationService, exportService) {
         super();
         this.cdr = cdr;
         this.setOperationsService = setOperationsService;
         this.notificationService = notificationService;
+        this.exportService = exportService;
     }
     get hasMultipleEntities() {
-        if (this.selectedLists.length < 2)
+        if (this.totalOperandCount < 2)
             return false;
-        const entities = new Set(this.selectedLists.map(s => s.list.EntityID));
+        const entities = new Set();
+        for (const s of this.selectedLists)
+            entities.add(s.list.EntityID);
+        for (const s of this.selectedViews)
+            entities.add(s.entityID);
         return entities.size > 1;
     }
     async ngOnInit() {
@@ -528,17 +996,32 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
     async loadAvailableLists() {
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
         const md = this.ProviderToUse;
-        const result = await rv.RunView({
-            EntityName: 'MJ: Lists',
-            ExtraFilter: `UserID = '${md.CurrentUser?.ID}'`,
-            OrderBy: 'Name',
-            ResultType: 'entity_object'
-        });
-        if (result.Success) {
-            this.availableLists = result.Results || [];
+        // RunViews's typed overload doesn't express tuple positions, so we
+        // run them as two parallel single-typed RunView calls — same number
+        // of round trips, cleaner typing.
+        const [listResult, viewResult] = await Promise.all([
+            rv.RunView({
+                EntityName: 'MJ: Lists',
+                ExtraFilter: `UserID = '${md.CurrentUser?.ID}'`,
+                OrderBy: 'Name',
+                ResultType: 'entity_object',
+            }),
+            rv.RunView({
+                EntityName: 'MJ: User Views',
+                ExtraFilter: `UserID = '${md.CurrentUser?.ID}'`,
+                OrderBy: 'Name',
+                ResultType: 'entity_object',
+            }),
+        ]);
+        if (listResult.Success) {
+            this.availableLists = listResult.Results || [];
             this.buildEntityOptions();
             this.filterAvailableLists();
         }
+        if (viewResult.Success) {
+            this.availableViews = viewResult.Results || [];
+            this.filterAvailableViews();
+        }
     }
     /**
      * Build entity options for the filter dropdown
@@ -566,19 +1049,20 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
      * Handle entity filter change
      */
     onEntityFilterChange() {
-        // Clear selected lists if changing entity filter
-        if (this.selectedLists.length > 0) {
-            const firstEntityId = this.selectedLists[0].list.EntityID;
-            if (this.selectedEntityId && this.selectedEntityId !== firstEntityId) {
-                // Entity changed - clear selections
-                this.selectedLists = [];
-                this.vennData = null;
-                this.selectedRegion = null;
-                this.lastOperationResult = null;
-                this.previewRecordsDisplay = [];
-            }
+        // If we're locked to an entity and the filter changes to a different
+        // one, wipe both list AND view selections — the entity invariant
+        // applies to all operands.
+        const lockedEntityId = this.lockedEntityID;
+        if (lockedEntityId && this.selectedEntityId && this.selectedEntityId !== lockedEntityId) {
+            this.selectedLists = [];
+            this.selectedViews = [];
+            this.vennData = null;
+            this.selectedRegion = null;
+            this.lastOperationResult = null;
+            this.previewRecordsDisplay = [];
         }
         this.filterAvailableLists();
+        this.filterAvailableViews();
         this.saveState();
     }
     filterAvailableLists() {
@@ -588,10 +1072,10 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         if (this.selectedEntityId) {
             filtered = filtered.filter(l => UUIDsEqual(l.EntityID, this.selectedEntityId));
         }
-        // If we have selected lists, restrict to same entity
-        if (this.selectedLists.length > 0) {
-            this.entityIdFromSelectedLists = this.selectedLists[0].list.EntityID;
-            filtered = filtered.filter(l => UUIDsEqual(l.EntityID, this.entityIdFromSelectedLists));
+        // If we have any operands selected (list or view), restrict to same entity.
+        const lockedEntityId = this.lockedEntityID;
+        if (lockedEntityId) {
+            filtered = filtered.filter(l => UUIDsEqual(l.EntityID, lockedEntityId));
         }
         if (this.listSearchTerm) {
             const term = this.listSearchTerm.toLowerCase();
@@ -600,8 +1084,53 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         }
         this.filteredAvailableLists = filtered.slice(0, 10);
     }
+    /**
+     * Same logic as `filterAvailableLists` for the view picker. Views are
+     * locked to the same entity as any already-selected list or view.
+     */
+    filterAvailableViews() {
+        const selectedIds = new Set(this.selectedViews.map(s => s.view.ID));
+        let filtered = this.availableViews.filter(v => !selectedIds.has(v.ID));
+        if (this.selectedEntityId) {
+            filtered = filtered.filter(v => UUIDsEqual(v.EntityID, this.selectedEntityId));
+        }
+        const lockedEntityId = this.lockedEntityID;
+        if (lockedEntityId) {
+            filtered = filtered.filter(v => UUIDsEqual(v.EntityID, lockedEntityId));
+        }
+        if (this.viewSearchTerm) {
+            const term = this.viewSearchTerm.toLowerCase();
+            filtered = filtered.filter(v => v.Name.toLowerCase().includes(term) ||
+                (v.Entity && v.Entity.toLowerCase().includes(term)));
+        }
+        this.filteredAvailableViews = filtered.slice(0, 10);
+    }
+    /**
+     * Returns the entity ID that operands are currently locked to, or null
+     * if no operands are selected. Lists win over views purely because they
+     * come first in the operand list; either source is authoritative.
+     */
+    get lockedEntityID() {
+        if (this.selectedLists.length > 0)
+            return this.selectedLists[0].list.EntityID;
+        if (this.selectedViews.length > 0)
+            return this.selectedViews[0].entityID;
+        return null;
+    }
+    /**
+     * Display name of the entity currently locking the picker — drives the
+     * "Comparing operands of type: …" hint in the UI. Falls back to the
+     * first available denormalized name we have.
+     */
+    get lockedEntityName() {
+        if (this.selectedLists.length > 0)
+            return this.selectedLists[0].entityName;
+        if (this.selectedViews.length > 0)
+            return this.selectedViews[0].entityName;
+        return null;
+    }
     addList(list) {
-        const color = this.setOperationsService.getColorForIndex(this.selectedLists.length);
+        const color = this.setOperationsService.getColorForIndex(this.totalOperandCount);
         this.selectedLists.push({
             list,
             entityName: list.Entity || 'Unknown',
@@ -610,21 +1139,53 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         this.listSearchTerm = '';
         this.showListDropdown = false;
         this.filterAvailableLists();
+        this.filterAvailableViews();
         this.recalculateVenn();
         this.saveState();
     }
     removeList(index) {
         this.selectedLists.splice(index, 1);
-        // Reassign colors
-        this.selectedLists.forEach((item, i) => {
-            item.color = this.setOperationsService.getColorForIndex(i);
+        // Reassign colors across BOTH lists and views so the palette stays in order.
+        this.reassignOperandColors();
+        this.filterAvailableLists();
+        this.filterAvailableViews();
+        this.recalculateVenn();
+        this.saveState();
+    }
+    addView(view) {
+        const color = this.setOperationsService.getColorForIndex(this.totalOperandCount);
+        this.selectedViews.push({
+            view,
+            entityName: view.Entity || 'Unknown',
+            entityID: view.EntityID,
+            color,
         });
+        this.viewSearchTerm = '';
+        this.showViewDropdown = false;
         this.filterAvailableLists();
+        this.filterAvailableViews();
         this.recalculateVenn();
         this.saveState();
     }
+    removeView(index) {
+        this.selectedViews.splice(index, 1);
+        this.reassignOperandColors();
+        this.filterAvailableLists();
+        this.filterAvailableViews();
+        this.recalculateVenn();
+        this.saveState();
+    }
+    reassignOperandColors() {
+        let i = 0;
+        for (const s of this.selectedLists) {
+            s.color = this.setOperationsService.getColorForIndex(i++);
+        }
+        for (const s of this.selectedViews) {
+            s.color = this.setOperationsService.getColorForIndex(i++);
+        }
+    }
     async recalculateVenn() {
-        if (this.selectedLists.length === 0) {
+        if (this.totalOperandCount === 0) {
             this.vennData = null;
             this.selectedRegion = null;
             this.lastOperationResult = null;
@@ -633,8 +1194,8 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         this.isCalculating = true;
         this.cdr.detectChanges();
         try {
-            const lists = this.selectedLists.map(s => s.list);
-            this.vennData = await this.setOperationsService.calculateVennData(lists);
+            const operands = this.buildAllOperands();
+            this.vennData = await this.setOperationsService.calculateVennDataForOperands(operands);
             this.selectedRegion = null;
             this.lastOperationResult = null;
         }
@@ -646,6 +1207,37 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             this.cdr.detectChanges();
         }
     }
+    /**
+     * Combined operand count — drives "≥ 2 operands" checks for showing
+     * operation buttons + the Venn diagram empty-state.
+     */
+    get totalOperandCount() {
+        return this.selectedLists.length + this.selectedViews.length;
+    }
+    /**
+     * Build the unified `SetOperand[]` for the service. Lists come first
+     * (preserving the existing color order); views follow. Each view's
+     * color is picked sequentially from the same palette.
+     */
+    buildAllOperands() {
+        const fromLists = this.selectedLists.map((s) => ({
+            kind: 'list',
+            id: s.list.ID,
+            name: s.list.Name,
+            entityID: s.list.EntityID,
+            entityName: s.entityName,
+            color: s.color,
+        }));
+        const fromViews = this.selectedViews.map((s) => ({
+            kind: 'view',
+            id: s.view.ID,
+            name: s.view.Name,
+            entityID: s.entityID,
+            entityName: s.entityName,
+            color: s.color,
+        }));
+        return [...fromLists, ...fromViews];
+    }
     onRegionClick(event) {
         this.selectedRegion = event.intersection;
         this.lastOperationResult = null;
@@ -801,14 +1393,14 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         }
     }
     async performOperation(operation) {
-        if (this.selectedLists.length < 2)
+        if (this.totalOperandCount < 2)
             return;
         this.isCalculating = true;
         this.selectedRegion = null;
         this.cdr.detectChanges();
         try {
-            const listIds = this.selectedLists.map(s => s.list.ID);
-            this.lastOperationResult = await this.setOperationsService.performOperation(operation, listIds);
+            const operands = this.buildAllOperands();
+            this.lastOperationResult = await this.setOperationsService.performOperationForOperands(operation, operands);
             this.previewRecords = this.lastOperationResult.resultRecordIds.slice(0, 10);
         }
         catch (error) {
@@ -819,6 +1411,185 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             this.cdr.detectChanges();
         }
     }
+    // -------------------------------------------------------------------
+    // Compose-into-target (Phase 1.10)
+    //
+    // The "Compose" panel sits below the Venn diagram. It mirrors the
+    // operand list already chosen above but adds the explicit target step:
+    // either materialize the result into a brand-new List, or merge into an
+    // existing one (which routes through the delta-confirm dialog because
+    // existing-target operations can produce drops).
+    //
+    // The op selector here only supports the three set-ops the server
+    // exposes (union / intersection / difference). The Quick Operations
+    // panel above still has `symmetric_difference` for preview, but that
+    // doesn't map to a server compose op — and a target commit needs the
+    // server side for the delta + drop-guard.
+    // -------------------------------------------------------------------
+    /**
+     * Server-side compose preview — builds inputs from the currently selected
+     * operands (lists + views) and calls `ComposeLists`. Returns the signed
+     * delta so `composeAndSave` can route through `ApplyListDelta` when the
+     * target is an existing list.
+     */
+    buildComposeInputs() {
+        const inputs = this.selectedLists.map((s) => ({
+            kind: 'list',
+            listId: s.list.ID,
+        }));
+        for (const s of this.selectedViews) {
+            inputs.push({ kind: 'view', viewId: s.view.ID });
+        }
+        return inputs;
+    }
+    get canCompose() {
+        if (this.totalOperandCount < 2)
+            return false;
+        if (this.composeTarget === 'new')
+            return this.composeNewListName.trim().length > 0;
+        return !!this.composeTargetListId;
+    }
+    /**
+     * "Preview Result" — re-runs the Quick-Operation path with the compose
+     * panel's chosen op so the user can see the expected output count
+     * before committing. We use the local set-op service rather than the
+     * server here because preview is a read-only operation that doesn't
+     * need a delta token (target is null) — staying local keeps it fast.
+     */
+    async previewCompose() {
+        if (this.totalOperandCount < 2)
+            return;
+        await this.performOperation(this.composeOp);
+    }
+    /**
+     * Commit the compose: either materialize a new list (client-side using
+     * the previewed record IDs) or merge into an existing list via the
+     * server's ComposeLists + ApplyListDelta flow.
+     */
+    async composeAndSave() {
+        if (!this.canCompose || this.isComposing)
+            return;
+        this.isComposing = true;
+        this.cdr.detectChanges();
+        try {
+            if (this.composeTarget === 'new') {
+                await this.composeToNewList();
+            }
+            else {
+                await this.composeToExistingList();
+            }
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.notificationService.CreateSimpleNotification(`Compose failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isComposing = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * New-list path: ensure preview is fresh, then route through the
+     * existing "create list from selection" machinery using the result's
+     * record IDs. This keeps materialization + naming in one place.
+     */
+    async composeToNewList() {
+        // Refresh preview so result reflects the compose-panel's op (the user
+        // may have run a different op via Quick Operations).
+        await this.performOperation(this.composeOp);
+        if (!this.lastOperationResult || this.lastOperationResult.resultCount === 0) {
+            this.notificationService.CreateSimpleNotification('Compose produced zero records — nothing to save.', 'warning', 3000);
+            return;
+        }
+        this.newListName = this.composeNewListName.trim();
+        this.newListDescription = `Composed via ${this.getOperationLabel(this.composeOp)} of ${this.totalOperandCount} source(s).`;
+        this.recordsToAdd = this.lastOperationResult.resultRecordIds;
+        await this.confirmCreateList();
+        // Clear the compose form on success.
+        this.composeNewListName = '';
+        this.cdr.detectChanges();
+    }
+    /**
+     * Existing-list path: compose server-side to get a signed delta, then
+     * surface the delta-confirm dialog. Sync semantics (replace contents)
+     * apply implicitly — the server returns ToRemove for any records that
+     * are in the target but not in the compose result.
+     */
+    async composeToExistingList() {
+        if (!this.composeTargetListId)
+            return;
+        const provider = this.ProviderToUse;
+        const client = new GraphQLListsClient(provider);
+        const delta = await client.ComposeLists({
+            Op: this.composeOp,
+            Inputs: this.buildComposeInputs(),
+            Target: { kind: 'list', listId: this.composeTargetListId },
+        });
+        this.composeDelta = delta;
+        this.composeConfirmVisible = true;
+    }
+    onComposeConfirmCancel() {
+        this.composeConfirmVisible = false;
+        this.composeDelta = null;
+        this.cdr.detectChanges();
+    }
+    async onComposeConfirmCommit(deltaToken) {
+        if (!this.composeDelta)
+            return;
+        const provider = this.ProviderToUse;
+        const client = new GraphQLListsClient(provider);
+        try {
+            const result = await client.ApplyListDelta({
+                Delta: { ...this.composeDelta, DeltaToken: deltaToken },
+                ConfirmDrops: (this.composeDelta.Counts.Remove ?? 0) > 0,
+            });
+            if (result.Success) {
+                this.composeConfirmVisible = false;
+                this.composeDelta = null;
+                this.notificationService.CreateSimpleNotification(`Target updated: +${result.Counts?.Added ?? 0} / -${result.Counts?.Removed ?? 0}`, 'success', 3000);
+            }
+            else {
+                this.notificationService.CreateSimpleNotification(`Compose apply failed: ${result.Message}`, 'error', 5000);
+            }
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.notificationService.CreateSimpleNotification(`Compose apply failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Filtered list of existing lists eligible as compose targets. We
+     * exclude lists already in the selected operands (committing to a
+     * source list would be a self-referential compose) and lists from
+     * other entities (the entity invariant still applies).
+     */
+    get filteredComposeTargets() {
+        const operandListIds = new Set(this.selectedLists.map((s) => s.list.ID));
+        const lockedEntityId = this.lockedEntityID;
+        let pool = this.availableLists.filter((l) => !operandListIds.has(l.ID));
+        if (lockedEntityId) {
+            pool = pool.filter((l) => UUIDsEqual(l.EntityID, lockedEntityId));
+        }
+        if (this.composeTargetSearch.trim().length > 0) {
+            const term = this.composeTargetSearch.toLowerCase();
+            pool = pool.filter((l) => l.Name.toLowerCase().includes(term));
+        }
+        return pool.slice(0, 10);
+    }
+    selectComposeTarget(list) {
+        this.composeTargetListId = list.ID;
+        this.composeTargetSearch = list.Name;
+        this.showComposeTargetDropdown = false;
+    }
+    composeTargetDisplayName() {
+        if (!this.composeTargetListId)
+            return '';
+        const found = this.availableLists.find((l) => UUIDsEqual(l.ID, this.composeTargetListId));
+        return found?.Name ?? '';
+    }
     getOperationLabel(operation) {
         switch (operation) {
             case 'union': return 'Union (All Records)';
@@ -998,9 +1769,134 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             this.cdr.detectChanges();
         }
     }
-    exportToExcel() {
-        // TODO: Implement Excel export
-        this.notificationService.CreateSimpleNotification('Export to Excel - coming soon', 'info', 2000);
+    /**
+     * Open the export-format-and-columns picker (mockup 26). Resolves the
+     * candidate field list from EntityInfo on the loaded metadata — no
+     * extra RunView. Default selection mirrors what the previous
+     * "export all" behavior produced.
+     */
+    openExportDialog() {
+        const recordIds = this.selectedRegion?.recordIds ?? this.lastOperationResult?.resultRecordIds ?? [];
+        if (recordIds.length === 0) {
+            this.notificationService.CreateSimpleNotification('Nothing to export — pick a region first.', 'info', 3000);
+            return;
+        }
+        const entityName = this.selectedLists[0]?.entityName ?? this.selectedViews[0]?.entityName ?? null;
+        if (!entityName) {
+            this.notificationService.CreateSimpleNotification('Cannot determine entity for export.', 'error', 4000);
+            return;
+        }
+        const md = this.ProviderToUse;
+        const entityInfo = md.EntityByName(entityName);
+        if (!entityInfo) {
+            this.notificationService.CreateSimpleNotification(`Entity '${entityName}' not found.`, 'error', 4000);
+            return;
+        }
+        if (entityInfo.PrimaryKeys.length !== 1) {
+            this.notificationService.CreateSimpleNotification(`Composite-PK entities ('${entityName}') aren't yet supported for Operations export.`, 'warning', 5000);
+            return;
+        }
+        // Build the candidate field list from the loaded EntityInfo. Hide
+        // virtual / not-queryable fields so users can't pick them and get
+        // a confusing empty column. Default-select everything to match the
+        // previous "export all" behavior.
+        this.exportFields = entityInfo.Fields
+            .filter((f) => f.IsVirtual !== true)
+            .map((f) => ({
+            Name: f.Name,
+            DisplayName: f.DisplayName || f.Name,
+            Selected: true,
+        }));
+        this.exportRecordCount = recordIds.length;
+        this.exportFormat = 'excel';
+        this.showExportDialog = true;
+        this.cdr.detectChanges();
+    }
+    closeExportDialog() {
+        this.showExportDialog = false;
+        this.cdr.detectChanges();
+    }
+    selectAllExportFields() {
+        for (const f of this.exportFields)
+            f.Selected = true;
+    }
+    selectNoneExportFields() {
+        for (const f of this.exportFields)
+            f.Selected = false;
+    }
+    get selectedExportFieldCount() {
+        return this.exportFields.filter((f) => f.Selected).length;
+    }
+    /**
+     * Run the export with the user's selected format + columns. Bulk-load
+     * via RunView restricted to the chosen Fields so we don't shuttle
+     * data we'll then throw away.
+     */
+    async executeExport() {
+        const recordIds = this.selectedRegion?.recordIds ?? this.lastOperationResult?.resultRecordIds ?? [];
+        if (recordIds.length === 0)
+            return;
+        const entityName = this.selectedLists[0]?.entityName ?? this.selectedViews[0]?.entityName ?? null;
+        if (!entityName)
+            return;
+        const selectedFields = this.exportFields.filter((f) => f.Selected).map((f) => f.Name);
+        if (selectedFields.length === 0)
+            return;
+        this.isExporting = true;
+        this.cdr.detectChanges();
+        try {
+            const md = this.ProviderToUse;
+            const entityInfo = md.EntityByName(entityName);
+            const pk = entityInfo.PrimaryKeys[0].Name;
+            // Always include the PK in the SELECT — RunView won't filter on
+            // a column it didn't pull, and downstream lookups expect it.
+            const fieldsForQuery = Array.from(new Set([pk, ...selectedFields]));
+            const escaped = recordIds.map((id) => `'${String(id).replace(/'/g, "''")}'`).join(',');
+            const rv = RunView.FromMetadataProvider(md);
+            const result = await rv.RunView({
+                EntityName: entityName,
+                ExtraFilter: `${pk} IN (${escaped})`,
+                Fields: fieldsForQuery,
+                ResultType: 'simple',
+            });
+            if (!result.Success) {
+                this.notificationService.CreateSimpleNotification(`Export failed: ${result.ErrorMessage}`, 'error', 5000);
+                return;
+            }
+            // Project rows to exactly the user's selected columns + ordering
+            // so the file matches what they checked. Skips the PK if they
+            // didn't pick it.
+            const rows = (result.Results ?? []).map((row) => {
+                const projected = {};
+                for (const f of selectedFields)
+                    projected[f] = row[f];
+                return projected;
+            });
+            const dateStamp = new Date().toISOString().slice(0, 10);
+            const ext = this.exportFormat === 'excel' ? 'xlsx' : this.exportFormat;
+            const fileName = `lists-operations-${dateStamp}.${ext}`;
+            const exportResult = this.exportFormat === 'excel'
+                ? await this.exportService.toExcel(rows, { fileName, includeHeaders: true })
+                : this.exportFormat === 'csv'
+                    ? await this.exportService.toCSV(rows, { fileName, includeHeaders: true })
+                    : await this.exportService.toJSON(rows, { fileName });
+            if (exportResult.success) {
+                this.exportService.downloadResult(exportResult);
+                this.notificationService.CreateSimpleNotification(`Exported ${rows.length} record(s)`, 'success', 3000);
+                this.showExportDialog = false;
+            }
+            else {
+                this.notificationService.CreateSimpleNotification('Export failed', 'error', 5000);
+            }
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.notificationService.CreateSimpleNotification(`Export error: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isExporting = false;
+            this.cdr.detectChanges();
+        }
     }
     async GetResourceDisplayName(_data) {
         return 'Operations';
@@ -1013,12 +1909,14 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
      */
     clearAllSelections() {
         this.selectedLists = [];
+        this.selectedViews = [];
         this.selectedEntityId = '';
         this.vennData = null;
         this.selectedRegion = null;
         this.lastOperationResult = null;
         this.previewRecordsDisplay = [];
         this.filterAvailableLists();
+        this.filterAvailableViews();
         this.saveState();
         this.cdr.detectChanges();
     }
@@ -1116,60 +2014,74 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             this.isLoadingSettings = false;
         }
     }
-    static ɵfac = function ListsOperationsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListsOperationsResource)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ListSetOperationsService), i0.ɵɵdirectiveInject(i2.MJNotificationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListsOperationsResource, selectors: [["mj-lists-operations-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 42, vars: 20, consts: [["Title", "List Operations", "Icon", "fa-solid fa-diagram-project", "Subtitle", "Visualize overlaps and perform set operations on your lists"], ["actions", ""], [3, "Flex", "Padding"], [1, "operations-content"], [1, "selection-panel"], [1, "panel-header"], [1, "list-count"], [1, "entity-filter-section"], [1, "filter-label"], [1, "entity-selector"], [1, "entity-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "selected-lists"], [1, "selected-item"], [1, "add-list-area"], [1, "lists-full"], [1, "entity-note"], [1, "quick-operations"], [1, "venn-panel"], [3, "data", "selectedRegion"], [1, "venn-empty"], [1, "loading-overlay"], [1, "results-panel"], [1, "fa-solid", "fa-crosshairs"], [1, "region-details"], [1, "operation-result"], [1, "results-empty"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "add-to-list-dialog"], ["mjButton", "", "variant", "secondary", "size", "sm", "title", "Clear all selections", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "item-color"], [1, "item-info"], [1, "item-name"], [1, "item-entity"], [1, "remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "add-list-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search lists to add...", 3, "ngModelChange", "focus", "ngModel"], [1, "list-dropdown"], [1, "dropdown-backdrop", 3, "click"], [1, "dropdown-content"], [1, "dropdown-item"], [1, "dropdown-item", 3, "click"], [1, "dropdown-name"], [1, "dropdown-entity"], [1, "fa-solid", "fa-info-circle"], [1, "operation-buttons"], [1, "op-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-circle-notch"], [1, "fa-solid", "fa-arrows-split-up-and-left"], [3, "regionClick", "data", "selectedRegion"], [1, "empty-icon"], [1, "fa-solid", "fa-circle-nodes"], ["text", "Calculating..."], [1, "region-header"], [1, "region-label"], [1, "region-count"], [1, "region-actions"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "fa-solid", "fa-file-excel"], [1, "record-preview"], [1, "preview-list"], [1, "preview-card"], [1, "preview-loading"], [1, "preview-card-content"], [1, "preview-name"], [1, "preview-secondary"], ["title", "Open record", 1, "preview-open-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["text", "Loading preview...", "size", "small"], [1, "result-header"], [1, "result-operation"], [1, "result-count"], [1, "fa-solid", "fa-hand-pointer"], [1, "modal-overlay", 3, "click"], [1, "modal-header"], [1, "modal-close", 3, "click"], [1, "modal-body"], [1, "form-group"], ["type", "text", "placeholder", "Enter list name", 1, "form-input", 3, "ngModelChange", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "form-info"], [1, "modal-footer"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn-secondary", 3, "click"], [1, "form-info", 2, "margin-bottom", "16px"], [1, "list-search"], ["type", "text", "placeholder", "Search lists...", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "list-options"], [1, "list-option", 3, "selected"], [1, "list-options-empty"], [1, "list-option", 3, "click"], [1, "list-option-radio"], ["type", "radio", "name", "targetList", 3, "checked"], [1, "list-option-info"], [1, "list-option-name"], [1, "list-option-entity"], [1, "fa-solid", "fa-inbox"]], template: function ListsOperationsResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0);
-            i0.ɵɵconditionalCreate(2, ListsOperationsResource_Conditional_2_Template, 4, 0, "div", 1);
+    static ɵfac = function ListsOperationsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListsOperationsResource)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ListSetOperationsService), i0.ɵɵdirectiveInject(i2.MJNotificationService), i0.ɵɵdirectiveInject(i3.ExportService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListsOperationsResource, selectors: [["mj-lists-operations-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 55, vars: 25, consts: [[1, "operations-container"], [1, "operations-header"], [1, "header-top"], [1, "header-title"], [1, "fa-solid", "fa-diagram-project"], ["title", "Clear all selections", 1, "clear-all-btn"], [1, "header-subtitle"], [1, "operations-content"], [1, "selection-panel"], [1, "panel-header"], [1, "list-count"], [1, "entity-filter-section"], [1, "filter-label"], [1, "entity-selector"], [1, "entity-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "selected-lists"], [1, "selected-item"], [1, "add-list-area"], [1, "lists-full"], [1, "selected-views"], [1, "selected-item", "selected-item--view"], [1, "entity-note"], [1, "quick-operations"], [1, "venn-panel"], [3, "data", "selectedRegion"], [1, "venn-empty"], [1, "loading-overlay"], [1, "results-panel"], [1, "fa-solid", "fa-crosshairs"], [1, "region-details"], [1, "operation-result"], [1, "results-empty"], [1, "compose-panel"], [3, "Confirm", "Cancel", "Visible", "Delta", "TargetListName", "SourceLabel"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "add-to-list-dialog"], ["title", "Clear all selections", 1, "clear-all-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "item-color"], [1, "item-info"], [1, "item-name"], [1, "item-entity"], [1, "remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "add-list-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search lists to add...", 3, "ngModelChange", "focus", "ngModel"], [1, "list-dropdown"], [1, "dropdown-backdrop", 3, "click"], [1, "dropdown-content"], [1, "dropdown-item"], [1, "dropdown-item", 3, "click"], [1, "dropdown-name"], [1, "dropdown-entity"], [1, "fa-solid", "fa-info-circle"], [1, "item-color", "item-color--view"], [1, "fa-solid", "fa-eye", 3, "title"], [1, "fa-solid", "fa-eye"], ["type", "text", "placeholder", "Search views to add...", 3, "ngModelChange", "focus", "ngModel"], [1, "operation-buttons"], [1, "op-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-circle-notch"], [1, "fa-solid", "fa-arrows-split-up-and-left"], [3, "regionClick", "data", "selectedRegion"], [1, "empty-icon"], [1, "fa-solid", "fa-circle-nodes"], ["text", "Calculating..."], [1, "region-header"], [1, "region-label"], [1, "region-count"], [1, "region-actions"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "fa-solid", "fa-file-excel"], [1, "record-preview"], [1, "preview-list"], [1, "preview-card"], [1, "preview-loading"], [1, "preview-card-content"], [1, "preview-name"], [1, "preview-secondary"], ["title", "Open record", 1, "preview-open-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["text", "Loading preview...", "size", "small"], [1, "result-header"], [1, "result-operation"], [1, "result-count"], [1, "fa-solid", "fa-hand-pointer"], [1, "compose-panel__header"], [1, "fa-solid", "fa-shapes"], [1, "compose-panel__body"], [1, "compose-grid"], [1, "compose-column"], [1, "compose-column__label"], [1, "compose-sources"], [1, "compose-source-chip"], [1, "compose-source-chip", "compose-source-chip--view"], [1, "compose-arrow"], [1, "compose-options"], [1, "compose-option"], ["type", "radio", "name", "composeOp", 3, "change", "checked"], [1, "compose-option__title"], [1, "compose-option__desc"], [1, "fa-solid", "fa-minus-circle"], ["type", "radio", "name", "composeTarget", 3, "change", "checked"], ["type", "text", "placeholder", "New list name\u2026", 1, "compose-input", 3, "ngModel"], [1, "compose-target-search"], [1, "compose-footer"], [1, "op-btn", "op-btn--primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-bolt"], [1, "compose-footer__spacer"], [1, "compose-footer__hint"], [1, "fa-solid", "fa-list"], [1, "compose-source-name"], [1, "compose-source-badge"], [1, "compose-source-badge", "compose-source-badge--view"], ["type", "text", "placeholder", "New list name\u2026", 1, "compose-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "Search lists\u2026", 1, "compose-input", 3, "ngModelChange", "focus", "ngModel"], [1, "compose-target-dropdown"], [1, "modal-overlay", 3, "click"], [1, "modal-dialog", "export-dialog"], [1, "modal-header"], [1, "modal-close", 3, "click"], [1, "modal-body"], [1, "export-format-row"], [1, "export-format-option", 3, "click"], ["type", "radio", "name", "exportFormat", "value", "excel", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-excel", 2, "color", "var(--mj-status-success)"], ["type", "radio", "name", "exportFormat", "value", "csv", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-csv", 2, "color", "var(--mj-text-secondary)"], ["type", "radio", "name", "exportFormat", "value", "json", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-code", 2, "color", "var(--mj-brand-primary)"], [1, "export-section-divider"], [1, "export-section-label"], [1, "export-fields-list"], [1, "export-field-row"], [1, "export-field-actions"], ["href", "#", 3, "click"], [1, "muted"], [1, "modal-footer"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-download"], [1, "form-group"], ["type", "text", "placeholder", "Enter list name", 1, "form-input", 3, "ngModelChange", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "form-info"], [1, "btn-primary", 3, "click", "disabled"], [1, "btn-secondary", 3, "click"], [1, "form-info", 2, "margin-bottom", "16px"], [1, "list-search"], ["type", "text", "placeholder", "Search lists...", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "list-options"], [1, "list-option", 3, "selected"], [1, "list-options-empty"], [1, "list-option", 3, "click"], [1, "list-option-radio"], ["type", "radio", "name", "targetList", 3, "checked"], [1, "list-option-info"], [1, "list-option-name"], [1, "list-option-entity"], [1, "fa-solid", "fa-inbox"]], template: function ListsOperationsResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "h2");
+            i0.ɵɵtext(6, "List Operations");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(7, ListsOperationsResource_Conditional_7_Template, 3, 0, "button", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "mj-page-body", 2)(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "h3");
-            i0.ɵɵtext(8, "Selected Lists");
+            i0.ɵɵelementStart(8, "div", 6);
+            i0.ɵɵtext(9, " Visualize overlaps and perform set operations on your lists ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 7)(11, "div", 8)(12, "div", 9)(13, "h3");
+            i0.ɵɵtext(14, "Selected Operands");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(9, ListsOperationsResource_Conditional_9_Template, 2, 2, "span", 6);
+            i0.ɵɵconditionalCreate(15, ListsOperationsResource_Conditional_15_Template, 2, 2, "span", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "div", 7)(11, "label", 8);
-            i0.ɵɵtext(12, "Filter by Entity");
+            i0.ɵɵelementStart(16, "div", 11)(17, "label", 12);
+            i0.ɵɵtext(18, "Filter by Entity");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 9)(14, "select", 10);
-            i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_14_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedEntityId, $event) || (ctx.selectedEntityId = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_14_listener() { return ctx.onEntityFilterChange(); });
-            i0.ɵɵelementStart(15, "option", 11);
-            i0.ɵɵtext(16, "All Entities");
+            i0.ɵɵelementStart(19, "div", 13)(20, "select", 14);
+            i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_20_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedEntityId, $event) || (ctx.selectedEntityId = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_20_listener() { return ctx.onEntityFilterChange(); });
+            i0.ɵɵelementStart(21, "option", 15);
+            i0.ɵɵtext(22, "All Entities");
             i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(17, ListsOperationsResource_For_18_Template, 2, 3, "option", 12, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(23, ListsOperationsResource_For_24_Template, 2, 3, "option", 16, _forTrack0);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(19, "div", 13);
-            i0.ɵɵrepeaterCreate(20, ListsOperationsResource_For_21_Template, 9, 4, "div", 14, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵconditionalCreate(22, ListsOperationsResource_Conditional_22_Template, 5, 2, "div", 15);
-            i0.ɵɵconditionalCreate(23, ListsOperationsResource_Conditional_23_Template, 3, 1, "div", 16);
+            i0.ɵɵelementStart(25, "div", 17);
+            i0.ɵɵrepeaterCreate(26, ListsOperationsResource_For_27_Template, 9, 4, "div", 18, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵconditionalCreate(28, ListsOperationsResource_Conditional_28_Template, 5, 2, "div", 19);
+            i0.ɵɵconditionalCreate(29, ListsOperationsResource_Conditional_29_Template, 3, 1, "div", 20);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(24, ListsOperationsResource_Conditional_24_Template, 6, 1, "div", 17);
-            i0.ɵɵconditionalCreate(25, ListsOperationsResource_Conditional_25_Template, 16, 3, "div", 18);
+            i0.ɵɵelementStart(30, "div", 21);
+            i0.ɵɵrepeaterCreate(31, ListsOperationsResource_For_32_Template, 10, 5, "div", 22, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵconditionalCreate(33, ListsOperationsResource_Conditional_33_Template, 5, 2, "div", 19);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "div", 19);
-            i0.ɵɵconditionalCreate(27, ListsOperationsResource_Conditional_27_Template, 1, 2, "mj-venn-diagram", 20);
-            i0.ɵɵconditionalCreate(28, ListsOperationsResource_Conditional_28_Template, 7, 0, "div", 21);
-            i0.ɵɵconditionalCreate(29, ListsOperationsResource_Conditional_29_Template, 2, 0, "div", 22);
+            i0.ɵɵconditionalCreate(34, ListsOperationsResource_Conditional_34_Template, 6, 1, "div", 23);
+            i0.ɵɵconditionalCreate(35, ListsOperationsResource_Conditional_35_Template, 16, 3, "div", 24);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(30, "div", 23)(31, "div", 5)(32, "h3");
-            i0.ɵɵelement(33, "i", 24);
-            i0.ɵɵtext(34);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(35, ListsOperationsResource_Conditional_35_Template, 17, 3, "div", 25);
-            i0.ɵɵconditionalCreate(36, ListsOperationsResource_Conditional_36_Template, 13, 2, "div", 26);
-            i0.ɵɵconditionalCreate(37, ListsOperationsResource_Conditional_37_Template, 4, 0, "div", 27);
+            i0.ɵɵelementStart(36, "div", 25);
+            i0.ɵɵconditionalCreate(37, ListsOperationsResource_Conditional_37_Template, 1, 2, "mj-venn-diagram", 26);
+            i0.ɵɵconditionalCreate(38, ListsOperationsResource_Conditional_38_Template, 7, 0, "div", 27);
+            i0.ɵɵconditionalCreate(39, ListsOperationsResource_Conditional_39_Template, 2, 0, "div", 28);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(40, "div", 29)(41, "div", 9)(42, "h3");
+            i0.ɵɵelement(43, "i", 30);
+            i0.ɵɵtext(44);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(38, ListsOperationsResource_Conditional_38_Template, 1, 0, "div", 28);
-            i0.ɵɵconditionalCreate(39, ListsOperationsResource_Conditional_39_Template, 24, 7, "div", 29);
-            i0.ɵɵconditionalCreate(40, ListsOperationsResource_Conditional_40_Template, 1, 0, "div", 28);
-            i0.ɵɵconditionalCreate(41, ListsOperationsResource_Conditional_41_Template, 23, 7, "div", 30);
+            i0.ɵɵconditionalCreate(45, ListsOperationsResource_Conditional_45_Template, 17, 3, "div", 31);
+            i0.ɵɵconditionalCreate(46, ListsOperationsResource_Conditional_46_Template, 13, 2, "div", 32);
+            i0.ɵɵconditionalCreate(47, ListsOperationsResource_Conditional_47_Template, 4, 0, "div", 33);
             i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(48, ListsOperationsResource_Conditional_48_Template, 73, 22, "div", 34);
+            i0.ɵɵelementStart(49, "mj-list-delta-confirm", 35);
+            i0.ɵɵlistener("Confirm", function ListsOperationsResource_Template_mj_list_delta_confirm_Confirm_49_listener($event) { return ctx.onComposeConfirmCommit($event); })("Cancel", function ListsOperationsResource_Template_mj_list_delta_confirm_Cancel_49_listener() { return ctx.onComposeConfirmCancel(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(50, ListsOperationsResource_Conditional_50_Template, 44, 16);
+            i0.ɵɵconditionalCreate(51, ListsOperationsResource_Conditional_51_Template, 1, 0, "div", 36);
+            i0.ɵɵconditionalCreate(52, ListsOperationsResource_Conditional_52_Template, 24, 7, "div", 37);
+            i0.ɵɵconditionalCreate(53, ListsOperationsResource_Conditional_53_Template, 1, 0, "div", 36);
+            i0.ɵɵconditionalCreate(54, ListsOperationsResource_Conditional_54_Template, 23, 7, "div", 38);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 || ctx.selectedEntityId ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("Flex", true)("Padding", false);
-            i0.ɵɵadvance(6);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 9 : -1);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.totalOperandCount > 0 || ctx.selectedEntityId ? 7 : -1);
+            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.totalOperandCount > 0 ? 15 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵtwoWayProperty("ngModel", ctx.selectedEntityId);
             i0.ɵɵadvance(3);
@@ -1177,36 +2089,46 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.selectedLists);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.selectedLists.length < ctx.maxLists ? 22 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount < ctx.maxLists ? 28 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length >= ctx.maxLists ? 23 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount >= ctx.maxLists ? 29 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.selectedViews);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.totalOperandCount < ctx.maxLists ? 33 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 24 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount > 0 && ctx.lockedEntityName ? 34 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length >= 2 ? 25 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount >= 2 ? 35 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 27 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount > 0 ? 37 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length === 0 ? 28 : -1);
+            i0.ɵɵconditional(ctx.totalOperandCount === 0 ? 38 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isCalculating ? 29 : -1);
+            i0.ɵɵconditional(ctx.isCalculating ? 39 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1(" ", ctx.selectedRegion ? "Selected Region" : "Results", " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedRegion ? 35 : -1);
+            i0.ɵɵconditional(ctx.selectedRegion ? 45 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.lastOperationResult && !ctx.selectedRegion ? 46 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.selectedRegion && !ctx.lastOperationResult ? 47 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.totalOperandCount >= 2 ? 48 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.lastOperationResult && !ctx.selectedRegion ? 36 : -1);
+            i0.ɵɵproperty("Visible", ctx.composeConfirmVisible && !!ctx.composeDelta)("Delta", ctx.composeDelta)("TargetListName", ctx.composeTargetDisplayName())("SourceLabel", "compose result");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.selectedRegion && !ctx.lastOperationResult ? 37 : -1);
+            i0.ɵɵconditional(ctx.showExportDialog ? 50 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 38 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 51 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 39 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 52 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddToListDialog ? 40 : -1);
+            i0.ɵɵconditional(ctx.showAddToListDialog ? 53 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddToListDialog ? 41 : -1);
-        } }, dependencies: [i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.SelectControlValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i4.MJPageLayoutComponent, i4.MJPageHeaderComponent, i4.MJPageBodyComponent, i5.LoadingComponent, i6.VennDiagramComponent], styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "], encapsulation: 2 });
+            i0.ɵɵconditional(ctx.showAddToListDialog ? 54 : -1);
+        } }, dependencies: [i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.CheckboxControlValueAccessor, i4.SelectControlValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgModel, i5.MJButtonDirective, i6.LoadingComponent, i7.ListDeltaConfirmComponent, i8.VennDiagramComponent], styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    /* Selected Views (sibling section) */\n    .selected-views {\n      overflow-y: auto;\n      padding: 0 12px 12px 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    /* View operands get a dashed outline so they read distinctly from\n       list operands. The fill stays muted because views are dynamic. */\n    .selected-item--view {\n      border: 1px dashed var(--mj-border-default);\n      background: var(--mj-bg-surface);\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    /* View color swatch is a ring around a hollow centre \u2014 mirrors the\n       dashed-stroke convention from the Venn diagram. */\n    .item-color--view {\n      background: transparent !important;\n      border: 2px dashed currentColor;\n      border-radius: 50%;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    /* Export dialog (mockup 26) */\n    .export-dialog .modal-body { max-height: 60vh; overflow-y: auto; }\n    .export-format-row { display: flex; gap: 8px; margin-top: 8px; }\n    .export-format-option {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 13px;\n      background: var(--mj-bg-surface);\n    }\n    .export-format-option--selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n    }\n    .export-format-option input[type=\"radio\"] { margin: 0; }\n    .export-section-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 16px 0;\n    }\n    .export-section-label {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      margin-bottom: 8px;\n    }\n    .export-fields-list {\n      max-height: 220px;\n      overflow-y: auto;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n    }\n    .export-field-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      cursor: pointer;\n    }\n    .export-field-row:last-child { border-bottom: none; }\n    .export-field-row:hover { background: var(--mj-bg-surface-hover); }\n    .export-field-actions {\n      display: flex;\n      gap: 12px;\n      margin-top: 8px;\n      align-items: center;\n      font-size: 11.5px;\n    }\n    .export-field-actions a { color: var(--mj-text-link); }\n    .export-field-actions .muted {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n\n    /* Compose-into-target panel (Phase 1.10) */\n    .compose-panel {\n      margin: 16px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n    }\n\n    .compose-panel__header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .compose-panel__header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .compose-panel__body {\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .compose-grid {\n      display: grid;\n      grid-template-columns: 1.2fr auto 1fr auto 1fr;\n      gap: 16px;\n      align-items: flex-start;\n    }\n\n    .compose-arrow {\n      align-self: center;\n      font-size: 24px;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-column {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      min-width: 0;\n    }\n\n    .compose-column__label {\n      font-size: 11px;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-sources {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .compose-source-chip {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 12.5px;\n    }\n\n    .compose-source-chip--view {\n      border: 1px dashed var(--mj-border-default);\n      background: var(--mj-bg-surface);\n    }\n\n    .compose-source-name {\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .compose-source-badge {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 999px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .compose-source-badge--view {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .compose-options {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .compose-option {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 10px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      cursor: pointer;\n      font-size: 12.5px;\n    }\n\n    .compose-option--selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    }\n\n    .compose-option__title {\n      font-weight: 600;\n    }\n\n    .compose-option__desc {\n      font-size: 11.5px;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-input {\n      width: 100%;\n      padding: 6px 10px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      font-size: 12.5px;\n    }\n\n    .compose-target-search {\n      position: relative;\n    }\n\n    .compose-target-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 50;\n    }\n\n    .compose-footer {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding-top: 8px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .compose-footer__spacer { flex: 1; }\n\n    .compose-footer__hint {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .op-btn--primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .op-btn--primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n  "], encapsulation: 2 });
 };
 ListsOperationsResource = __decorate([
     RegisterClass(BaseResourceComponent, 'ListsOperationsResource')
@@ -1215,30 +2137,38 @@ export { ListsOperationsResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListsOperationsResource, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-lists-operations-resource', template: `
-    <mj-page-layout>
-      <mj-page-header
-        Title="List Operations"
-        Icon="fa-solid fa-diagram-project"
-        Subtitle="Visualize overlaps and perform set operations on your lists">
-        @if (selectedLists.length > 0 || selectedEntityId) {
-          <div actions>
-            <button mjButton variant="secondary" size="sm" (click)="clearAllSelections()" title="Clear all selections">
-              <i class="fa-solid fa-xmark"></i> Clear
-            </button>
+    <div class="operations-container">
+      <!-- Header -->
+      <div class="operations-header">
+        <div class="header-top">
+          <div class="header-title">
+            <i class="fa-solid fa-diagram-project"></i>
+            <h2>List Operations</h2>
           </div>
-        }
-      </mj-page-header>
-
-      <mj-page-body [Flex]="true" [Padding]="false">
+          @if (totalOperandCount > 0 || selectedEntityId) {
+            <button
+              class="clear-all-btn"
+              (click)="clearAllSelections()"
+              title="Clear all selections">
+              <i class="fa-solid fa-xmark"></i>
+              Clear
+            </button>
+          }
+        </div>
+        <div class="header-subtitle">
+          Visualize overlaps and perform set operations on your lists
+        </div>
+      </div>
+    
       <!-- Main Content -->
       <div class="operations-content">
         <!-- Left Panel: List Selection -->
         <div class="selection-panel">
           <div class="panel-header">
-            <h3>Selected Lists</h3>
-            @if (selectedLists.length > 0) {
+            <h3>Selected Operands</h3>
+            @if (totalOperandCount > 0) {
               <span class="list-count">
-                {{selectedLists.length}}/{{maxLists}}
+                {{totalOperandCount}}/{{maxLists}}
               </span>
             }
           </div>
@@ -1252,7 +2182,7 @@ export { ListsOperationsResource };
                 (ngModelChange)="onEntityFilterChange()"
                 class="entity-select">
                 <option value="">All Entities</option>
-                @for (entity of entityOptions; track entity) {
+                @for (entity of entityOptions; track entity.id) {
                   <option [value]="entity.id">
                     {{entity.name}} ({{entity.listCount}})
                   </option>
@@ -1276,7 +2206,7 @@ export { ListsOperationsResource };
               </div>
             }
     
-            @if (selectedLists.length < maxLists) {
+            @if (totalOperandCount < maxLists) {
               <div class="add-list-area">
                 <div class="add-list-search">
                   <i class="fa-solid fa-search"></i>
@@ -1306,24 +2236,78 @@ export { ListsOperationsResource };
               </div>
             }
     
-            @if (selectedLists.length >= maxLists) {
+            @if (totalOperandCount >= maxLists) {
               <div class="lists-full">
                 <i class="fa-solid fa-info-circle"></i>
-                Maximum {{maxLists}} lists can be compared
+                Maximum {{maxLists}} operands can be compared
               </div>
             }
           </div>
-    
+
+          <!-- Selected views (Phase 1.8). Tracked separately from lists
+               so the existing list flows stay untouched, but combined at
+               compute time via SetOperand[]. Dashed-style icon flags them
+               as dynamic-at-resolution. -->
+          <div class="selected-views">
+            @for (item of selectedViews; track item; let i = $index) {
+              <div class="selected-item selected-item--view">
+                <div class="item-color item-color--view" [style.border-color]="item.color"></div>
+                <div class="item-info">
+                  <span class="item-name">
+                    <i class="fa-solid fa-eye" [title]="'View'"></i>
+                    {{item.view.Name}}
+                  </span>
+                  <span class="item-entity">{{item.entityName}}</span>
+                </div>
+                <button class="remove-btn" (click)="removeView(i)">
+                  <i class="fa-solid fa-times"></i>
+                </button>
+              </div>
+            }
+
+            @if (totalOperandCount < maxLists) {
+              <div class="add-list-area">
+                <div class="add-list-search">
+                  <i class="fa-solid fa-eye"></i>
+                  <input
+                    type="text"
+                    [(ngModel)]="viewSearchTerm"
+                    (ngModelChange)="filterAvailableViews()"
+                    placeholder="Search views to add..."
+                    (focus)="showViewDropdown = true" />
+                </div>
+                @if (showViewDropdown && filteredAvailableViews.length > 0) {
+                  <div class="list-dropdown">
+                    <div class="dropdown-backdrop" (click)="showViewDropdown = false"></div>
+                    <div class="dropdown-content">
+                      @for (view of filteredAvailableViews; track view) {
+                        <div
+                          class="dropdown-item"
+                          (click)="addView(view)">
+                          <span class="dropdown-name">
+                            <i class="fa-solid fa-eye"></i>
+                            {{view.Name}}
+                          </span>
+                          <span class="dropdown-entity">{{view.Entity}}</span>
+                        </div>
+                      }
+                    </div>
+                  </div>
+                }
+              </div>
+            }
+          </div>
+
           <!-- Entity consistency note -->
-          @if (selectedLists.length > 0) {
+          @if (totalOperandCount > 0 && lockedEntityName) {
             <div class="entity-note">
               <i class="fa-solid fa-info-circle"></i>
-              <span>Comparing lists of type: <strong>{{selectedLists[0].entityName}}</strong></span>
+              <span>Comparing operands of type: <strong>{{lockedEntityName}}</strong></span>
             </div>
           }
-    
+
           <!-- Quick Operations -->
-          @if (selectedLists.length >= 2) {
+          @if (totalOperandCount >= 2) {
             <div class="quick-operations">
               <h4>Quick Operations</h4>
               <div class="operation-buttons">
@@ -1343,24 +2327,24 @@ export { ListsOperationsResource };
             </div>
           }
         </div>
-    
+
         <!-- Center: Venn Diagram -->
         <div class="venn-panel">
-          @if (selectedLists.length > 0) {
+          @if (totalOperandCount > 0) {
             <mj-venn-diagram
               [data]="vennData"
               [selectedRegion]="selectedRegion"
               (regionClick)="onRegionClick($event)">
             </mj-venn-diagram>
           }
-    
-          @if (selectedLists.length === 0) {
+
+          @if (totalOperandCount === 0) {
             <div class="venn-empty">
               <div class="empty-icon">
                 <i class="fa-solid fa-circle-nodes"></i>
               </div>
-              <h3>Add Lists to Compare</h3>
-              <p>Select 2-4 lists from the same entity to visualize their overlaps and perform set operations.</p>
+              <h3>Add Lists or Views to Compare</h3>
+              <p>Select 2-4 lists or views from the same entity to visualize their overlaps and perform set operations.</p>
             </div>
           }
     
@@ -1396,9 +2380,9 @@ export { ListsOperationsResource };
                   <i class="fa-solid fa-folder-plus"></i>
                   Add to List
                 </button>
-                <button mjButton (click)="exportToExcel()">
+                <button mjButton (click)="openExportDialog()">
                   <i class="fa-solid fa-file-excel"></i>
-                  Export
+                  Export…
                 </button>
               </div>
               @if (previewRecordsDisplay.length > 0) {
@@ -1458,7 +2442,224 @@ export { ListsOperationsResource };
           }
         </div>
       </div>
-    
+
+      <!-- Compose-into-target panel (Phase 1.10). Lives outside operations-content
+           so it spans the full panel width per mockup 11. Only shows once
+           the user has at least 2 operands selected. -->
+      @if (totalOperandCount >= 2) {
+        <div class="compose-panel">
+          <div class="compose-panel__header">
+            <i class="fa-solid fa-shapes"></i>
+            <h3>Compose into a Target List</h3>
+          </div>
+          <div class="compose-panel__body">
+            <div class="compose-grid">
+              <!-- Sources column (read-only — reflects the chips above) -->
+              <div class="compose-column">
+                <div class="compose-column__label">Sources ({{ totalOperandCount }})</div>
+                <div class="compose-sources">
+                  @for (s of selectedLists; track s.list.ID) {
+                    <div class="compose-source-chip">
+                      <i class="fa-solid fa-list" [style.color]="s.color"></i>
+                      <span class="compose-source-name">{{ s.list.Name }}</span>
+                      <span class="compose-source-badge">List</span>
+                    </div>
+                  }
+                  @for (s of selectedViews; track s.view.ID) {
+                    <div class="compose-source-chip compose-source-chip--view">
+                      <i class="fa-solid fa-eye" [style.color]="s.color"></i>
+                      <span class="compose-source-name">{{ s.view.Name }}</span>
+                      <span class="compose-source-badge compose-source-badge--view">View</span>
+                    </div>
+                  }
+                </div>
+              </div>
+
+              <div class="compose-arrow">→</div>
+
+              <!-- Operation column -->
+              <div class="compose-column">
+                <div class="compose-column__label">Operation</div>
+                <div class="compose-options">
+                  <label class="compose-option" [class.compose-option--selected]="composeOp === 'union'">
+                    <input type="radio" name="composeOp" [checked]="composeOp === 'union'" (change)="composeOp = 'union'" />
+                    <i class="fa-solid fa-layer-group"></i>
+                    <div>
+                      <div class="compose-option__title">Union</div>
+                      <div class="compose-option__desc">Combine all sources, dedupe</div>
+                    </div>
+                  </label>
+                  <label class="compose-option" [class.compose-option--selected]="composeOp === 'intersection'">
+                    <input type="radio" name="composeOp" [checked]="composeOp === 'intersection'" (change)="composeOp = 'intersection'" />
+                    <i class="fa-solid fa-circle-notch"></i>
+                    <div>
+                      <div class="compose-option__title">Intersection</div>
+                      <div class="compose-option__desc">Only records in all sources</div>
+                    </div>
+                  </label>
+                  <label class="compose-option" [class.compose-option--selected]="composeOp === 'difference'">
+                    <input type="radio" name="composeOp" [checked]="composeOp === 'difference'" (change)="composeOp = 'difference'" />
+                    <i class="fa-solid fa-minus-circle"></i>
+                    <div>
+                      <div class="compose-option__title">Difference</div>
+                      <div class="compose-option__desc">First minus the rest</div>
+                    </div>
+                  </label>
+                </div>
+              </div>
+
+              <div class="compose-arrow">→</div>
+
+              <!-- Target column -->
+              <div class="compose-column">
+                <div class="compose-column__label">Target</div>
+                <div class="compose-options">
+                  <label class="compose-option" [class.compose-option--selected]="composeTarget === 'new'">
+                    <input type="radio" name="composeTarget" [checked]="composeTarget === 'new'" (change)="composeTarget = 'new'" />
+                    <div class="compose-option__title">Create New List</div>
+                  </label>
+                  <label class="compose-option" [class.compose-option--selected]="composeTarget === 'existing'">
+                    <input type="radio" name="composeTarget" [checked]="composeTarget === 'existing'" (change)="composeTarget = 'existing'" />
+                    <div class="compose-option__title">Existing List…</div>
+                  </label>
+
+                  @if (composeTarget === 'new') {
+                    <input
+                      class="compose-input"
+                      type="text"
+                      [(ngModel)]="composeNewListName"
+                      placeholder="New list name…" />
+                  } @else {
+                    <div class="compose-target-search">
+                      <input
+                        class="compose-input"
+                        type="text"
+                        [(ngModel)]="composeTargetSearch"
+                        (focus)="showComposeTargetDropdown = true"
+                        placeholder="Search lists…" />
+                      @if (showComposeTargetDropdown && filteredComposeTargets.length > 0) {
+                        <div class="compose-target-dropdown">
+                          <div class="dropdown-backdrop" (click)="showComposeTargetDropdown = false"></div>
+                          <div class="dropdown-content">
+                            @for (l of filteredComposeTargets; track l.ID) {
+                              <div class="dropdown-item" (click)="selectComposeTarget(l)">
+                                <span class="dropdown-name">{{ l.Name }}</span>
+                                <span class="dropdown-entity">{{ l.Entity }}</span>
+                              </div>
+                            }
+                          </div>
+                        </div>
+                      }
+                    </div>
+                  }
+                </div>
+              </div>
+            </div>
+
+            <div class="compose-footer">
+              <button class="op-btn" (click)="previewCompose()" [disabled]="isCalculating || isComposing">
+                <i class="fa-solid fa-eye"></i>
+                <span>Preview Result</span>
+              </button>
+              <button class="op-btn op-btn--primary" (click)="composeAndSave()" [disabled]="!canCompose || isCalculating || isComposing">
+                @if (isComposing) {
+                  <i class="fa-solid fa-spinner fa-spin"></i>
+                } @else {
+                  <i class="fa-solid fa-bolt"></i>
+                }
+                <span>{{ isComposing ? 'Composing…' : 'Compute & Save' }}</span>
+              </button>
+              <div class="compose-footer__spacer"></div>
+              @if (lastOperationResult) {
+                <div class="compose-footer__hint">
+                  Expected output: <strong>{{ lastOperationResult.resultCount }} records</strong>
+                  ({{ getOperationLabel(lastOperationResult.operation) }})
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      }
+
+      <!-- Compose-into-existing-list delta-confirm -->
+      <mj-list-delta-confirm
+        [Visible]="composeConfirmVisible && !!composeDelta"
+        [Delta]="composeDelta"
+        [TargetListName]="composeTargetDisplayName()"
+        [SourceLabel]="'compose result'"
+        (Confirm)="onComposeConfirmCommit($event)"
+        (Cancel)="onComposeConfirmCancel()">
+      </mj-list-delta-confirm>
+
+      <!-- Export Dialog (mockup 26) -->
+      @if (showExportDialog) {
+        <div class="modal-overlay" (click)="closeExportDialog()"></div>
+        <div class="modal-dialog export-dialog">
+          <div class="modal-header">
+            <h3><i class="fa-solid fa-file-excel"></i> Export {{ exportRecordCount }} Record{{ exportRecordCount === 1 ? '' : 's' }}</h3>
+            <button class="modal-close" (click)="closeExportDialog()">
+              <i class="fa-solid fa-times"></i>
+            </button>
+          </div>
+          <div class="modal-body">
+            <div class="export-format-row">
+              <label class="export-format-option"
+                [class.export-format-option--selected]="exportFormat === 'excel'"
+                (click)="exportFormat = 'excel'">
+                <input type="radio" name="exportFormat" value="excel" [(ngModel)]="exportFormat">
+                <i class="fa-solid fa-file-excel" style="color: var(--mj-status-success);"></i>
+                <span>Excel (.xlsx)</span>
+              </label>
+              <label class="export-format-option"
+                [class.export-format-option--selected]="exportFormat === 'csv'"
+                (click)="exportFormat = 'csv'">
+                <input type="radio" name="exportFormat" value="csv" [(ngModel)]="exportFormat">
+                <i class="fa-solid fa-file-csv" style="color: var(--mj-text-secondary);"></i>
+                <span>CSV</span>
+              </label>
+              <label class="export-format-option"
+                [class.export-format-option--selected]="exportFormat === 'json'"
+                (click)="exportFormat = 'json'">
+                <input type="radio" name="exportFormat" value="json" [(ngModel)]="exportFormat">
+                <i class="fa-solid fa-file-code" style="color: var(--mj-brand-primary);"></i>
+                <span>JSON</span>
+              </label>
+            </div>
+
+            <div class="export-section-divider"></div>
+
+            <label class="export-section-label">Columns to include</label>
+            <div class="export-fields-list">
+              @for (f of exportFields; track f.Name) {
+                <label class="export-field-row">
+                  <input type="checkbox" [(ngModel)]="f.Selected">
+                  <span>{{ f.DisplayName }}</span>
+                </label>
+              }
+            </div>
+            <div class="export-field-actions">
+              <a href="#" (click)="selectAllExportFields(); $event.preventDefault()">Select All</a>
+              <a href="#" (click)="selectNoneExportFields(); $event.preventDefault()">Select None</a>
+              <span class="muted">{{ selectedExportFieldCount }} of {{ exportFields.length }} selected</span>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button mjButton variant="primary"
+              [disabled]="selectedExportFieldCount === 0 || isExporting"
+              (click)="executeExport()">
+              @if (isExporting) {
+                <i class="fa-solid fa-spinner fa-spin"></i>
+                Exporting…
+              } @else {
+                <i class="fa-solid fa-download"></i>
+                Export {{ exportRecordCount }} Record{{ exportRecordCount === 1 ? '' : 's' }}
+              }
+            </button>
+            <button mjButton variant="outline" [disabled]="isExporting" (click)="closeExportDialog()">Cancel</button>
+          </div>
+        </div>
+      }
+
       <!-- Create List Dialog -->
       @if (showCreateDialog) {
         <div class="modal-overlay" (click)="cancelCreateDialog()"></div>
@@ -1570,9 +2771,8 @@ export { ListsOperationsResource };
           </div>
         </div>
       }
-      </mj-page-body>
-    </mj-page-layout>
-    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "] }]
-    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ListSetOperationsService }, { type: i2.MJNotificationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsOperationsResource, { className: "ListsOperationsResource", filePath: "src/Lists/components/lists-operations-resource.component.ts", lineNumber: 1276 }); })();
+    </div>
+    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    /* Selected Views (sibling section) */\n    .selected-views {\n      overflow-y: auto;\n      padding: 0 12px 12px 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    /* View operands get a dashed outline so they read distinctly from\n       list operands. The fill stays muted because views are dynamic. */\n    .selected-item--view {\n      border: 1px dashed var(--mj-border-default);\n      background: var(--mj-bg-surface);\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    /* View color swatch is a ring around a hollow centre \u2014 mirrors the\n       dashed-stroke convention from the Venn diagram. */\n    .item-color--view {\n      background: transparent !important;\n      border: 2px dashed currentColor;\n      border-radius: 50%;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    /* Export dialog (mockup 26) */\n    .export-dialog .modal-body { max-height: 60vh; overflow-y: auto; }\n    .export-format-row { display: flex; gap: 8px; margin-top: 8px; }\n    .export-format-option {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      cursor: pointer;\n      font-size: 13px;\n      background: var(--mj-bg-surface);\n    }\n    .export-format-option--selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n    }\n    .export-format-option input[type=\"radio\"] { margin: 0; }\n    .export-section-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 16px 0;\n    }\n    .export-section-label {\n      display: block;\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.4px;\n      margin-bottom: 8px;\n    }\n    .export-fields-list {\n      max-height: 220px;\n      overflow-y: auto;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n    }\n    .export-field-row {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n      font-size: 13px;\n      cursor: pointer;\n    }\n    .export-field-row:last-child { border-bottom: none; }\n    .export-field-row:hover { background: var(--mj-bg-surface-hover); }\n    .export-field-actions {\n      display: flex;\n      gap: 12px;\n      margin-top: 8px;\n      align-items: center;\n      font-size: 11.5px;\n    }\n    .export-field-actions a { color: var(--mj-text-link); }\n    .export-field-actions .muted {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n\n    /* Compose-into-target panel (Phase 1.10) */\n    .compose-panel {\n      margin: 16px;\n      background: var(--mj-bg-surface);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 10px;\n      overflow: hidden;\n    }\n\n    .compose-panel__header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .compose-panel__header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .compose-panel__body {\n      padding: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .compose-grid {\n      display: grid;\n      grid-template-columns: 1.2fr auto 1fr auto 1fr;\n      gap: 16px;\n      align-items: flex-start;\n    }\n\n    .compose-arrow {\n      align-self: center;\n      font-size: 24px;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-column {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      min-width: 0;\n    }\n\n    .compose-column__label {\n      font-size: 11px;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-sources {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .compose-source-chip {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 12.5px;\n    }\n\n    .compose-source-chip--view {\n      border: 1px dashed var(--mj-border-default);\n      background: var(--mj-bg-surface);\n    }\n\n    .compose-source-name {\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .compose-source-badge {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 999px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .compose-source-badge--view {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .compose-options {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .compose-option {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 10px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      cursor: pointer;\n      font-size: 12.5px;\n    }\n\n    .compose-option--selected {\n      border-color: var(--mj-brand-primary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    }\n\n    .compose-option__title {\n      font-weight: 600;\n    }\n\n    .compose-option__desc {\n      font-size: 11.5px;\n      color: var(--mj-text-muted);\n    }\n\n    .compose-input {\n      width: 100%;\n      padding: 6px 10px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface);\n      font-size: 12.5px;\n    }\n\n    .compose-target-search {\n      position: relative;\n    }\n\n    .compose-target-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 50;\n    }\n\n    .compose-footer {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding-top: 8px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .compose-footer__spacer { flex: 1; }\n\n    .compose-footer__hint {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .op-btn--primary {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .op-btn--primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n  "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ListSetOperationsService }, { type: i2.MJNotificationService }, { type: i3.ExportService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsOperationsResource, { className: "ListsOperationsResource", filePath: "src/Lists/components/lists-operations-resource.component.ts", lineNumber: 1841 }); })();
 //# sourceMappingURL=lists-operations-resource.component.js.map