npm - @memberjunction/ng-dashboards - Versions diffs - 5.38.0 → 5.40.0 - Mend

@memberjunction/ng-dashboards 5.38.0 → 5.40.0

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

Files changed (321) hide show

package/dist/Integration/components/connections/connections.component.js CHANGED Viewed

@@ -29,39 +29,40 @@ function ConnectionsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 12);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
     i0.ɵɵelement(1, "i", 13);
-    i0.ɵɵtext(2, " Add Integration ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span", 14);
+    i0.ɵɵtext(3, "Add Integration");
+    i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "mj-loading", 17);
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "mj-loading", 18);
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 19);
     i0.ɵɵelementStart(2, "h3");
     i0.ɵɵtext(3, "No integrations yet");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5, "Connect your first external system to start syncing data.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 19);
+    i0.ɵɵelementStart(6, "button", 20);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
     i0.ɵɵelement(7, "i", 13);
     i0.ɵɵtext(8, " Add Your First Integration ");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+    i0.ɵɵelement(0, "i", 49);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 49);
+    i0.ɵɵelement(0, "i", 50);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_1_Template, 1, 0, "i", 48)(2, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_2_Template, 1, 0, "i", 49);
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_1_Template, 1, 0, "i", 49)(2, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Conditional_2_Template, 1, 0, "i", 50);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
@@ -74,7 +75,7 @@ function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_T
     i0.ɵɵtextInterpolate(testResult_r7.Message);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Deleting... ");
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -82,16 +83,16 @@ function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_C
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 50);
-    i0.ɵɵelement(2, "i", 51);
-    i0.ɵɵelementStart(3, "span", 52);
+    i0.ɵɵelementStart(0, "div", 40)(1, "div", 51);
+    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(3, "span", 53);
     i0.ɵɵtext(4, "Delete this integration and all its entity maps?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 53)(6, "button", 54);
+    i0.ɵɵelementStart(5, "div", 54)(6, "button", 55);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const summary_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ConfirmDelete(summary_r6.Integration.ID)); });
     i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Conditional_7_Template, 2, 0)(8, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Conditional_8_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 43);
+    i0.ɵɵelementStart(9, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CancelDelete()); });
     i0.ɵɵtext(10, " Cancel ");
     i0.ɵɵelementEnd()()()();
@@ -103,69 +104,69 @@ function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_T
     i0.ɵɵconditional(ctx_r1.IsDeleting ? 7 : 8);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Test ");
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Syncing... ");
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 37);
+    i0.ɵɵelement(0, "i", 38);
     i0.ɵɵtext(1, " Sync ");
-    i0.ɵɵelement(2, "i", 57);
+    i0.ɵɵelement(2, "i", 58);
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 56)(1, "div", 58)(2, "span", 59);
+    i0.ɵɵelementStart(0, "div", 57)(1, "div", 59)(2, "span", 60);
     i0.ɵɵtext(3, "Pull (External \u2192 MJ)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 60);
+    i0.ɵɵelementStart(4, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_4_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, false, "Pull", $event)); });
-    i0.ɵɵelement(5, "i", 61);
+    i0.ɵɵelement(5, "i", 62);
     i0.ɵɵtext(6, " Incremental Pull ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 60);
+    i0.ɵɵelementStart(7, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, true, "Pull", $event)); });
-    i0.ɵɵelement(8, "i", 62);
+    i0.ɵɵelement(8, "i", 63);
     i0.ɵɵtext(9, " Full Pull ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 58)(11, "span", 59);
+    i0.ɵɵelementStart(10, "div", 59)(11, "span", 60);
     i0.ɵɵtext(12, "Push (MJ \u2192 External)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 60);
+    i0.ɵɵelementStart(13, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, false, "Push", $event)); });
-    i0.ɵɵelement(14, "i", 63);
+    i0.ɵɵelement(14, "i", 64);
     i0.ɵɵtext(15, " Incremental Push ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 60);
+    i0.ɵɵelementStart(16, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_16_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, true, "Push", $event)); });
-    i0.ɵɵelement(17, "i", 62);
+    i0.ɵɵelement(17, "i", 63);
     i0.ɵɵtext(18, " Full Push ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 58)(20, "span", 59);
+    i0.ɵɵelementStart(19, "div", 59)(20, "span", 60);
     i0.ɵɵtext(21, "Bidirectional");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 60);
+    i0.ɵɵelementStart(22, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, false, "Bidirectional", $event)); });
-    i0.ɵɵelement(23, "i", 37);
+    i0.ɵɵelement(23, "i", 38);
     i0.ɵɵtext(24, " Incremental Both ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 60);
+    i0.ɵɵelementStart(25, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template_button_click_25_listener($event) { i0.ɵɵrestoreView(_r10); const summary_r6 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(summary_r6.Integration.ID, true, "Bidirectional", $event)); });
-    i0.ɵɵelement(26, "i", 62);
+    i0.ɵɵelement(26, "i", 63);
     i0.ɵɵtext(27, " Full Both ");
     i0.ɵɵelementEnd()()();
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "button", 55);
+    i0.ɵɵelementStart(0, "div", 45)(1, "button", 56);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r9); const summary_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleSyncMenu(summary_r6.Integration.ID, $event)); });
     i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_3_Template, 3, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template, 28, 0, "div", 56);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Conditional_4_Template, 28, 0, "div", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r6 = i0.ɵɵnextContext().$implicit;
@@ -179,48 +180,48 @@ function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_T
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 25);
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 26);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template_div_click_1_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectIntegrationCard(summary_r6)); });
-    i0.ɵɵelementStart(2, "div", 26)(3, "div", 27);
-    i0.ɵɵelement(4, "i", 28);
+    i0.ɵɵelementStart(2, "div", 27)(3, "div", 28);
+    i0.ɵɵelement(4, "i", 29);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 29)(8, "div", 30);
+    i0.ɵɵelementStart(7, "div", 30)(8, "div", 31);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 31);
+    i0.ɵɵelementStart(10, "div", 32);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 32)(13, "span", 33);
+    i0.ɵɵelementStart(12, "div", 33)(13, "span", 34);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 34);
+    i0.ɵɵelementStart(15, "span", 35);
     i0.ɵɵtext(16, "\u00B7");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 35);
+    i0.ɵɵelementStart(17, "span", 36);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 36);
-    i0.ɵɵelement(20, "i", 37);
+    i0.ɵɵelementStart(19, "div", 37);
+    i0.ɵɵelement(20, "i", 38);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Template, 5, 6, "div", 38);
+    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_22_Template, 5, 6, "div", 39);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(23, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Template, 11, 2, "div", 39);
-    i0.ɵɵelementStart(24, "div", 40)(25, "button", 41);
+    i0.ɵɵconditionalCreate(23, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_23_Template, 11, 2, "div", 40);
+    i0.ɵɵelementStart(24, "div", 41)(25, "button", 42);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template_button_click_25_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.TestExistingConnection(summary_r6.Integration.ID)); });
-    i0.ɵɵconditionalCreate(26, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_26_Template, 1, 0, "i", 42)(27, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_27_Template, 1, 0);
+    i0.ɵɵconditionalCreate(26, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_26_Template, 1, 0, "i", 43)(27, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_27_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 43);
+    i0.ɵɵelementStart(28, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template_button_click_28_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnMenuAction("edit", summary_r6)); });
     i0.ɵɵtext(29, " Configure ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Template, 5, 3, "div", 44);
-    i0.ɵɵelementStart(31, "button", 45);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Conditional_30_Template, 5, 3, "div", 45);
+    i0.ɵɵelementStart(31, "button", 46);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template_button_click_31_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnMenuAction("delete", summary_r6)); });
-    i0.ɵɵelement(32, "i", 46);
+    i0.ɵɵelement(32, "i", 47);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_21_0;
@@ -257,14 +258,14 @@ function ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template(rf, ctx
 } }
 function ConnectionsComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template, 33, 17, "div", 20, _forTrack0);
-    i0.ɵɵelementStart(3, "div", 21);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_7_Conditional_2_For_2_Template, 33, 17, "div", 21, _forTrack0);
+    i0.ɵɵelementStart(3, "div", 22);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_7_Conditional_2_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
-    i0.ɵɵelementStart(4, "div", 22)(5, "div", 23);
+    i0.ɵɵelementStart(4, "div", 23)(5, "div", 24);
     i0.ɵɵelement(6, "i", 13);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 24);
+    i0.ɵɵelementStart(7, "span", 25);
     i0.ɵɵtext(8, "Add Integration");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -273,9 +274,9 @@ function ConnectionsComponent_Conditional_7_Conditional_2_Template(rf, ctx) { if
     i0.ɵɵrepeater(ctx_r1.Connections);
 } }
 function ConnectionsComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ConnectionsComponent_Conditional_7_Conditional_0_Template, 2, 0, "div", 14);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_7_Conditional_1_Template, 9, 0, "div", 15);
-    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_7_Conditional_2_Template, 9, 0, "div", 16);
+    i0.ɵɵconditionalCreate(0, ConnectionsComponent_Conditional_7_Conditional_0_Template, 2, 0, "div", 15);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_7_Conditional_1_Template, 9, 0, "div", 16);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_7_Conditional_2_Template, 9, 0, "div", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵconditional(ctx_r1.IsLoading ? 0 : -1);
@@ -286,7 +287,7 @@ function ConnectionsComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
 } }
 function ConnectionsComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-visual-field-editor", 65);
+    i0.ɵɵelementStart(0, "app-visual-field-editor", 66);
     i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_8_Conditional_1_Template_app_visual_field_editor_Close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseEntityMapEditor()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -294,63 +295,63 @@ function ConnectionsComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if
     i0.ɵɵproperty("EntityMap", ctx_r1.EditorEntityMap)("CompanyIntegrationID", ctx_r1.SelectedSummary.Integration.ID)("RunViewProvider", ctx_r1.RunViewToUse);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Syncing... ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 37);
+    i0.ɵɵelement(0, "i", 38);
     i0.ɵɵtext(1, " Sync ");
-    i0.ɵɵelement(2, "i", 57);
+    i0.ɵɵelement(2, "i", 58);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 97)(1, "div", 58)(2, "span", 59);
+    i0.ɵɵelementStart(0, "div", 98)(1, "div", 59)(2, "span", 60);
     i0.ɵɵtext(3, "Pull (External \u2192 MJ)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 60);
+    i0.ɵɵelementStart(4, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, false, "Pull", $event)); });
-    i0.ɵɵelement(5, "i", 61);
+    i0.ɵɵelement(5, "i", 62);
     i0.ɵɵtext(6, " Incremental Pull ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 60);
+    i0.ɵɵelementStart(7, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, true, "Pull", $event)); });
-    i0.ɵɵelement(8, "i", 62);
+    i0.ɵɵelement(8, "i", 63);
     i0.ɵɵtext(9, " Full Pull ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 58)(11, "span", 59);
+    i0.ɵɵelementStart(10, "div", 59)(11, "span", 60);
     i0.ɵɵtext(12, "Push (MJ \u2192 External)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 60);
+    i0.ɵɵelementStart(13, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, false, "Push", $event)); });
-    i0.ɵɵelement(14, "i", 63);
+    i0.ɵɵelement(14, "i", 64);
     i0.ɵɵtext(15, " Incremental Push ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 60);
+    i0.ɵɵelementStart(16, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_16_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, true, "Push", $event)); });
-    i0.ɵɵelement(17, "i", 62);
+    i0.ɵɵelement(17, "i", 63);
     i0.ɵɵtext(18, " Full Push ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 58)(20, "span", 59);
+    i0.ɵɵelementStart(19, "div", 59)(20, "span", 60);
     i0.ɵɵtext(21, "Bidirectional");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 60);
+    i0.ɵɵelementStart(22, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, false, "Bidirectional", $event)); });
-    i0.ɵɵelement(23, "i", 37);
+    i0.ɵɵelement(23, "i", 38);
     i0.ɵɵtext(24, " Incremental Both ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 60);
+    i0.ɵɵelementStart(25, "button", 61);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template_button_click_25_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.RunSyncWithDirection(ctx_r1.SelectedSummary.Integration.ID, true, "Bidirectional", $event)); });
-    i0.ɵɵelement(26, "i", 62);
+    i0.ɵɵelement(26, "i", 63);
     i0.ɵɵtext(27, " Full Both ");
     i0.ɵɵelementEnd()()();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "button", 55);
+    i0.ɵɵelementStart(0, "div", 45)(1, "button", 56);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleSyncMenu(ctx_r1.SelectedSummary.Integration.ID, $event)); });
     i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_3_Template, 3, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template, 28, 0, "div", 97);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Conditional_4_Template, 28, 0, "div", 98);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -363,7 +364,7 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Templat
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-scheduled-job-summary", 98);
+    i0.ɵɵelementStart(0, "mj-scheduled-job-summary", 99);
     i0.ɵɵlistener("EditRequested", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_28_Template_mj_scheduled_job_summary_EditRequested_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenSchedulePanel()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -372,24 +373,24 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_28_Templat
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 81)(1, "span", 99);
+    i0.ɵɵelementStart(0, "div", 82)(1, "span", 100);
     i0.ɵɵtext(2, "No sync schedule configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 100);
+    i0.ɵɵelementStart(3, "button", 101);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenSchedulePanel()); });
     i0.ɵɵelement(4, "i", 13);
     i0.ɵɵtext(5, " Schedule Sync ");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+    i0.ɵɵelement(0, "i", 49);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 49);
+    i0.ɵɵelement(0, "i", 50);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 101);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_1_Template, 1, 0, "i", 48)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_2_Template, 1, 0, "i", 49);
+    i0.ɵɵelementStart(0, "div", 102);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_1_Template, 1, 0, "i", 49)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Conditional_2_Template, 1, 0, "i", 50);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
@@ -402,7 +403,7 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Templat
     i0.ɵɵtextInterpolate(ctx_r1.SyncResult.Message || (ctx_r1.SyncResult.Success ? "Sync completed successfully" : "Sync failed"));
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_For_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 108);
+    i0.ɵɵelementStart(0, "option", 109);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -412,16 +413,16 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_For_13_
     i0.ɵɵtextInterpolate(schema_r18);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Mapping... ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 93);
+    i0.ɵɵelement(0, "i", 94);
     i0.ɵɵtext(1, " Auto-Map ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 122);
-    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵelementStart(0, "div", 123);
+    i0.ɵɵelement(1, "i", 49);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -430,14 +431,14 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditi
     i0.ɵɵtextInterpolate4(" Created ", ctx_r1.AutoMapResult.EntityMapsCreated, " entity map", ctx_r1.AutoMapResult.EntityMapsCreated !== 1 ? "s" : "", " with ", ctx_r1.AutoMapResult.FieldMapsCreated, " field map", ctx_r1.AutoMapResult.FieldMapsCreated !== 1 ? "s" : "", " ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 122);
-    i0.ɵɵelement(1, "i", 124);
+    i0.ɵɵelementStart(0, "div", 123);
+    i0.ɵɵelement(1, "i", 125);
     i0.ɵɵtext(2, " All entities in this schema are already mapped. ");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125);
-    i0.ɵɵelement(1, "i", 126);
+    i0.ɵɵelementStart(0, "div", 126);
+    i0.ɵɵelement(1, "i", 127);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -446,8 +447,8 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditi
     i0.ɵɵtextInterpolate1(" ", err_r19);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 123);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template, 3, 1, "div", 125, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template, 3, 1, "div", 126, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
@@ -455,9 +456,9 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditi
     i0.ɵɵrepeater(ctx_r1.AutoMapResult.Errors);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template, 3, 4, "div", 122)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template, 3, 0, "div", 122);
-    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template, 3, 0, "div", 123);
+    i0.ɵɵelementStart(0, "div", 122);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template, 3, 4, "div", 123)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template, 3, 0, "div", 123);
+    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template, 3, 0, "div", 124);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -469,45 +470,45 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditi
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95)(1, "div", 102);
-    i0.ɵɵelement(2, "i", 93);
+    i0.ɵɵelementStart(0, "div", 96)(1, "div", 103);
+    i0.ɵɵelement(2, "i", 94);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Auto-map all entities in a schema to this integration with 1:1 field mappings");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 103)(6, "div", 104)(7, "label", 105);
+    i0.ɵɵelementStart(5, "div", 104)(6, "div", 105)(7, "label", 106);
     i0.ɵɵtext(8, "Target Schema");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "select", 106);
+    i0.ɵɵelementStart(9, "select", 107);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.AutoMapSelectedSchema, $event) || (ctx_r1.AutoMapSelectedSchema = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(10, "option", 107);
+    i0.ɵɵelementStart(10, "option", 108);
     i0.ɵɵtext(11, "Select schema...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(12, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_For_13_Template, 2, 2, "option", 108, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(12, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_For_13_Template, 2, 2, "option", 109, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 109)(15, "label", 105);
+    i0.ɵɵelementStart(14, "div", 110)(15, "label", 106);
     i0.ɵɵtext(16, "Direction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 110)(18, "button", 111);
+    i0.ɵɵelementStart(17, "div", 111)(18, "button", 112);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AutoMapDirection = "Pull"); });
-    i0.ɵɵelement(19, "i", 112);
+    i0.ɵɵelement(19, "i", 113);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "button", 113);
+    i0.ɵɵelementStart(20, "button", 114);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AutoMapDirection = "Bidirectional"); });
-    i0.ɵɵelement(21, "i", 114);
+    i0.ɵɵelement(21, "i", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 115);
+    i0.ɵɵelementStart(22, "button", 116);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AutoMapDirection = "Push"); });
-    i0.ɵɵelement(23, "i", 68);
+    i0.ɵɵelement(23, "i", 69);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(24, "div", 116)(25, "button", 117);
+    i0.ɵɵelementStart(24, "div", 117)(25, "button", 118);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunAutoMap()); });
     i0.ɵɵconditionalCreate(26, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_26_Template, 2, 0)(27, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_27_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 118);
+    i0.ɵɵelementStart(28, "button", 119);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseAutoMapPanel()); });
-    i0.ɵɵelement(29, "i", 119);
+    i0.ɵɵelement(29, "i", 120);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Template, 4, 8, "div", 120);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Conditional_30_Template, 4, 8, "div", 121);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -531,11 +532,11 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Templat
     i0.ɵɵconditional(ctx_r1.AutoMapResult ? 30 : -1);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Creating... ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 91);
+    i0.ɵɵelement(0, "i", 92);
     i0.ɵɵtext(1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -543,16 +544,16 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditi
     i0.ɵɵtextInterpolate2(" Create ", ctx_r1.CreateTablesSelectedCount, " Table", ctx_r1.CreateTablesSelectedCount !== 1 ? "s" : "", " ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 127);
+    i0.ɵɵelement(0, "mj-loading", 128);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 128);
-    i0.ɵɵelement(1, "i", 124);
+    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵelement(1, "i", 125);
     i0.ɵɵtext(2, " No source objects available from this connector. ");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 137);
+    i0.ɵɵelementStart(0, "span", 138);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -561,26 +562,26 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditi
     i0.ɵɵtextInterpolate(obj_r23.Name);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 138);
+    i0.ɵɵelementStart(0, "span", 139);
     i0.ɵɵtext(1, "Custom");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 139);
+    i0.ɵɵelementStart(0, "span", 140);
     i0.ɵɵtext(1, "Registered");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 134)(1, "input", 136);
+    i0.ɵɵelementStart(0, "label", 135)(1, "input", 137);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Template_input_ngModelChange_1_listener($event) { const obj_r23 = i0.ɵɵrestoreView(_r22).$implicit; i0.ɵɵtwoWayBindingSet(obj_r23.Selected, $event) || (obj_r23.Selected = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template, 2, 1, "span", 137);
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template, 2, 0, "span", 138);
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template, 2, 0, "span", 139);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template, 2, 1, "span", 138);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template, 2, 0, "span", 139);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template, 2, 0, "span", 140);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const obj_r23 = ctx.$implicit;
@@ -597,16 +598,16 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditi
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 130)(1, "input", 131);
+    i0.ɵɵelementStart(0, "div", 131)(1, "input", 132);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.CreateTablesSearch, $event) || (ctx_r1.CreateTablesSearch = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(2, "div", 132)(3, "div", 133)(4, "label", 134)(5, "input", 135);
+    i0.ɵɵelementStart(2, "div", 133)(3, "div", 134)(4, "label", 135)(5, "input", 136);
     i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_Template_input_change_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ToggleAllCreateTablesObjects($event.target.checked)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Template, 7, 5, "label", 134, _forTrack1);
+    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_For_9_Template, 7, 5, "label", 135, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -620,14 +621,14 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditi
     i0.ɵɵrepeater(ctx_r1.FilteredCreateTablesObjects);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+    i0.ɵɵelement(0, "i", 49);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 49);
+    i0.ɵɵelement(0, "i", 50);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template, 1, 0, "i", 48)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template, 1, 0, "i", 49);
+    i0.ɵɵelementStart(0, "div", 122);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template, 1, 0, "i", 49)(2, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template, 1, 0, "i", 50);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
@@ -641,21 +642,21 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditi
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95)(1, "div", 102);
-    i0.ɵɵelement(2, "i", 91);
+    i0.ɵɵelementStart(0, "div", 96)(1, "div", 103);
+    i0.ɵɵelement(2, "i", 92);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Select source objects to create as entity tables in your database");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 103)(6, "div", 116)(7, "button", 117);
+    i0.ɵɵelementStart(5, "div", 104)(6, "div", 117)(7, "button", 118);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.RunCreateTables()); });
     i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_8_Template, 2, 0)(9, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_9_Template, 2, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 118);
+    i0.ɵɵelementStart(10, "button", 119);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseCreateTablesPanel()); });
-    i0.ɵɵelement(11, "i", 119);
+    i0.ɵɵelement(11, "i", 120);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_12_Template, 1, 0, "mj-loading", 127)(13, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_13_Template, 3, 0, "div", 128)(14, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_Template, 10, 4);
-    i0.ɵɵconditionalCreate(15, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Template, 5, 6, "div", 129);
+    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_12_Template, 1, 0, "mj-loading", 128)(13, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_13_Template, 3, 0, "div", 129)(14, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_14_Template, 10, 4);
+    i0.ɵɵconditionalCreate(15, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Conditional_15_Template, 5, 6, "div", 130);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -669,18 +670,18 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Templat
     i0.ɵɵconditional(ctx_r1.CreateTablesResult ? 15 : -1);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 140);
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(0, "div", 141);
+    i0.ɵɵelement(1, "i", 43);
     i0.ɵɵtext(2, " Loading...");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 141);
+    i0.ɵɵelementStart(0, "div", 142);
     i0.ɵɵtext(1, "No source objects found in metadata");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 108);
+    i0.ɵɵelementStart(0, "option", 109);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -691,12 +692,12 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditi
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 106);
+    i0.ɵɵelementStart(0, "select", 107);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.AddMapSourceObjectName, $event) || (ctx_r1.AddMapSourceObjectName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(1, "option", 107);
+    i0.ɵɵelementStart(1, "option", 108);
     i0.ɵɵtext(2, "Select source object...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_For_4_Template, 2, 2, "option", 108, _forTrack1);
+    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_For_4_Template, 2, 2, "option", 109, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -707,52 +708,52 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditi
     i0.ɵɵrepeater(ctx_r1.AvailableSourceObjects);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 147);
+    i0.ɵɵelement(0, "i", 148);
     i0.ɵɵtext(1, " Add ");
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95)(1, "div", 103)(2, "div", 104)(3, "label", 105);
+    i0.ɵɵelementStart(0, "div", 96)(1, "div", 104)(2, "div", 105)(3, "label", 106);
     i0.ɵɵtext(4, "Source Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_5_Template, 3, 0, "div", 140)(6, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_6_Template, 2, 0, "div", 141)(7, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_Template, 5, 2, "select", 142);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_5_Template, 3, 0, "div", 141)(6, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_6_Template, 2, 0, "div", 142)(7, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_7_Template, 5, 2, "select", 143);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 109)(9, "label", 105);
+    i0.ɵɵelementStart(8, "div", 110)(9, "label", 106);
     i0.ɵɵtext(10, "Direction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 110)(12, "button", 111);
+    i0.ɵɵelementStart(11, "div", 111)(12, "button", 112);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AddMapDirection = "Pull"); });
-    i0.ɵɵelement(13, "i", 112);
+    i0.ɵɵelement(13, "i", 113);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 113);
+    i0.ɵɵelementStart(14, "button", 114);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AddMapDirection = "Bidirectional"); });
-    i0.ɵɵelement(15, "i", 114);
+    i0.ɵɵelement(15, "i", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 115);
+    i0.ɵɵelementStart(16, "button", 116);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.AddMapDirection = "Push"); });
-    i0.ɵɵelement(17, "i", 68);
+    i0.ɵɵelement(17, "i", 69);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 143)(19, "label", 105);
+    i0.ɵɵelementStart(18, "div", 144)(19, "label", 106);
     i0.ɵɵtext(20, "MJ Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 144)(22, "mj-tree-dropdown", 145, 0);
+    i0.ɵɵelementStart(21, "div", 145)(22, "mj-tree-dropdown", 146, 0);
     i0.ɵɵlistener("SelectionChange", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_mj_tree_dropdown_SelectionChange_22_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnEntityTreeSelection($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "button", 146);
+    i0.ɵɵelementStart(24, "button", 147);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenNewEntityDialog()); });
     i0.ɵɵelement(25, "i", 13);
     i0.ɵɵtext(26, " New ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 116)(28, "button", 117);
+    i0.ɵɵelementStart(27, "div", 117)(28, "button", 118);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SaveAddMap()); });
-    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_29_Template, 1, 0, "i", 42)(30, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_30_Template, 2, 0);
+    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_29_Template, 1, 0, "i", 43)(30, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Conditional_30_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "button", 118);
+    i0.ɵɵelementStart(31, "button", 119);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.CloseAddMapPanel()); });
-    i0.ɵɵelement(32, "i", 119);
+    i0.ɵɵelement(32, "i", 120);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -772,61 +773,61 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Templat
     i0.ɵɵconditional(ctx_r1.IsSavingAddMap ? 29 : 30);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "mj-loading", 148);
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵelement(1, "mj-loading", 149);
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 96);
-    i0.ɵɵelement(1, "i", 149);
+    i0.ɵɵelementStart(0, "div", 97);
+    i0.ɵɵelement(1, "i", 150);
     i0.ɵɵelementStart(2, "h3");
     i0.ɵɵtext(3, "No entity maps configured");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "p");
     i0.ɵɵtext(5, "Entity maps define how external objects sync to MJ entities.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 150);
+    i0.ɵɵelementStart(6, "button", 151);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleAddMapPanel()); });
     i0.ɵɵelement(7, "i", 13);
     i0.ɵɵtext(8, " Add Your First Entity Map ");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 168);
-    i0.ɵɵelement(1, "i", 172);
+    i0.ɵɵelementStart(0, "span", 169);
+    i0.ɵɵelement(1, "i", 173);
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 160);
+    i0.ɵɵelementStart(0, "div", 161);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template_div_click_0_listener() { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnEntityMapClick(em_r29)); });
-    i0.ɵɵelementStart(1, "span", 161);
+    i0.ɵɵelementStart(1, "span", 162);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "label", 162)(3, "input", 135);
+    i0.ɵɵelementStart(2, "label", 163)(3, "input", 136);
     i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template_input_change_3_listener($event) { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnToggleMapEnabled(em_r29, $event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "span", 163);
+    i0.ɵɵelement(4, "span", 164);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "span", 164);
+    i0.ɵɵelementStart(5, "span", 165);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 165);
+    i0.ɵɵelementStart(7, "span", 166);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template_span_click_7_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(8, "button", 166);
+    i0.ɵɵelementStart(8, "button", 167);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template_button_click_8_listener() { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.CycleSyncDirection(em_r29)); });
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "span", 167);
+    i0.ɵɵelementStart(10, "span", 168);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 156);
-    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Conditional_13_Template, 2, 0, "span", 168);
-    i0.ɵɵelementStart(14, "span", 169);
-    i0.ɵɵelement(15, "i", 37);
+    i0.ɵɵelementStart(12, "span", 157);
+    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Conditional_13_Template, 2, 0, "span", 169);
+    i0.ɵɵelementStart(14, "span", 170);
+    i0.ɵɵelement(15, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 170);
-    i0.ɵɵelement(17, "i", 171);
+    i0.ɵɵelementStart(16, "span", 171);
+    i0.ɵɵelement(17, "i", 172);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const em_r29 = ctx.$implicit;
@@ -855,26 +856,26 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_
     i0.ɵɵproperty("title", "Conflict: " + em_r29.ConflictResolution);
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_ForEmpty_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 159);
+    i0.ɵɵelementStart(0, "div", 160);
     i0.ɵɵtext(1, " No entity maps match your filter. ");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 151)(1, "span", 152);
+    i0.ɵɵelementStart(0, "div", 152)(1, "span", 153);
     i0.ɵɵtext(2, "Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 153);
+    i0.ɵɵelementStart(3, "span", 154);
     i0.ɵɵtext(4, "External Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "span", 154);
-    i0.ɵɵelementStart(6, "span", 155);
+    i0.ɵɵelement(5, "span", 155);
+    i0.ɵɵelementStart(6, "span", 156);
     i0.ɵɵtext(7, "MJ Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 156);
+    i0.ɵɵelementStart(8, "span", 157);
     i0.ɵɵtext(9, "Config");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 157);
-    i0.ɵɵrepeaterCreate(11, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template, 18, 14, "div", 158, _forTrack2, false, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_ForEmpty_13_Template, 2, 0, "div", 159);
+    i0.ɵɵelementStart(10, "div", 158);
+    i0.ɵɵrepeaterCreate(11, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_For_12_Template, 18, 14, "div", 159, _forTrack2, false, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_ForEmpty_13_Template, 2, 0, "div", 160);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -883,76 +884,76 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_Templat
 } }
 function ConnectionsComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66)(1, "button", 67);
+    i0.ɵɵelementStart(0, "div", 67)(1, "button", 68);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseDetailView()); });
-    i0.ɵɵelement(2, "i", 68);
+    i0.ɵɵelement(2, "i", 69);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 69)(4, "div", 27);
-    i0.ɵɵelement(5, "i", 28);
+    i0.ɵɵelementStart(3, "div", 70)(4, "div", 28);
+    i0.ɵɵelement(5, "i", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 70)(7, "h2", 71);
+    i0.ɵɵelementStart(6, "div", 71)(7, "h2", 72);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 72);
+    i0.ɵɵelementStart(9, "span", 73);
     i0.ɵɵtext(10);
-    i0.ɵɵelementStart(11, "span", 34);
+    i0.ɵɵelementStart(11, "span", 35);
     i0.ɵɵtext(12, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(13);
-    i0.ɵɵelementStart(14, "span", 34);
+    i0.ɵɵelementStart(14, "span", 35);
     i0.ɵɵtext(15, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(18, "div", 73)(19, "button", 74);
+    i0.ɵɵelementStart(18, "div", 74)(19, "button", 75);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenEditPanel(ctx_r1.SelectedSummary)); });
-    i0.ɵɵelement(20, "i", 75);
+    i0.ɵɵelement(20, "i", 76);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(21, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Template, 5, 3, "div", 44);
+    i0.ɵɵconditionalCreate(21, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_21_Template, 5, 3, "div", 45);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 76)(23, "div", 77)(24, "div", 78);
-    i0.ɵɵelement(25, "i", 79);
+    i0.ɵɵelementStart(22, "div", 77)(23, "div", 78)(24, "div", 79);
+    i0.ɵɵelement(25, "i", 80);
     i0.ɵɵelementStart(26, "span");
     i0.ɵɵtext(27, "Sync Schedule");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(28, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_28_Template, 1, 1, "mj-scheduled-job-summary", 80)(29, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_29_Template, 6, 0, "div", 81);
+    i0.ɵɵconditionalCreate(28, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_28_Template, 1, 1, "mj-scheduled-job-summary", 81)(29, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_29_Template, 6, 0, "div", 82);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "mj-scheduled-job-slide-panel", 82);
+    i0.ɵɵelementStart(30, "mj-scheduled-job-slide-panel", 83);
     i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_8_Conditional_2_Template_mj_scheduled_job_slide_panel_Close_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseSchedulePanel()); })("Saved", function ConnectionsComponent_Conditional_8_Conditional_2_Template_mj_scheduled_job_slide_panel_Saved_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnScheduleSaved()); })("Deleted", function ConnectionsComponent_Conditional_8_Conditional_2_Template_mj_scheduled_job_slide_panel_Deleted_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnScheduleDeleted()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 83)(32, "div", 84)(33, "span", 85);
+    i0.ɵɵelementStart(31, "div", 84)(32, "div", 85)(33, "span", 86);
     i0.ɵɵtext(34);
-    i0.ɵɵelementStart(35, "span", 34);
+    i0.ɵɵelementStart(35, "span", 35);
     i0.ɵɵtext(36, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 86)(39, "div", 87);
-    i0.ɵɵelement(40, "i", 88);
-    i0.ɵɵelementStart(41, "input", 89);
+    i0.ɵɵelementStart(38, "div", 87)(39, "div", 88);
+    i0.ɵɵelement(40, "i", 89);
+    i0.ɵɵelementStart(41, "input", 90);
     i0.ɵɵlistener("input", function ConnectionsComponent_Conditional_8_Conditional_2_Template_input_input_41_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDetailSearch($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(42, "button", 90);
+    i0.ɵɵelementStart(42, "button", 91);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleCreateTablesPanel()); });
-    i0.ɵɵelement(43, "i", 91);
+    i0.ɵɵelement(43, "i", 92);
     i0.ɵɵtext(44, " Create Tables ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 92);
+    i0.ɵɵelementStart(45, "button", 93);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleAutoMapPanel()); });
-    i0.ɵɵelement(46, "i", 93);
+    i0.ɵɵelement(46, "i", 94);
     i0.ɵɵtext(47, " Auto-Map Schema ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 92);
+    i0.ɵɵelementStart(48, "button", 93);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleAddMapPanel()); });
     i0.ɵɵelement(49, "i", 13);
     i0.ɵɵtext(50, " Add Map ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(51, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Template, 5, 6, "div", 94);
-    i0.ɵɵconditionalCreate(52, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template, 31, 11, "div", 95);
-    i0.ɵɵconditionalCreate(53, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Template, 16, 4, "div", 95);
-    i0.ɵɵconditionalCreate(54, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template, 33, 16, "div", 95);
-    i0.ɵɵconditionalCreate(55, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_55_Template, 2, 0, "div", 14)(56, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_56_Template, 9, 0, "div", 96)(57, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_Template, 14, 1);
+    i0.ɵɵconditionalCreate(51, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_51_Template, 5, 6, "div", 95);
+    i0.ɵɵconditionalCreate(52, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_52_Template, 31, 11, "div", 96);
+    i0.ɵɵconditionalCreate(53, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_53_Template, 16, 4, "div", 96);
+    i0.ɵɵconditionalCreate(54, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_54_Template, 33, 16, "div", 96);
+    i0.ɵɵconditionalCreate(55, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_55_Template, 2, 0, "div", 15)(56, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_56_Template, 9, 0, "div", 97)(57, ConnectionsComponent_Conditional_8_Conditional_2_Conditional_57_Template, 14, 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
@@ -1000,7 +1001,7 @@ function ConnectionsComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if
 } }
 function ConnectionsComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_1_Template, 1, 3, "app-visual-field-editor", 64)(2, ConnectionsComponent_Conditional_8_Conditional_2_Template, 58, 32);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_1_Template, 1, 3, "app-visual-field-editor", 65)(2, ConnectionsComponent_Conditional_8_Conditional_2_Template, 58, 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1008,7 +1009,7 @@ function ConnectionsComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r1.EditorEntityMap ? 1 : 2);
 } }
 function ConnectionsComponent_Conditional_9_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 147);
+    i0.ɵɵelement(0, "i", 148);
 } }
 function ConnectionsComponent_Conditional_9_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -1017,20 +1018,20 @@ function ConnectionsComponent_Conditional_9_For_9_Conditional_3_Template(rf, ctx
     i0.ɵɵtextInterpolate1(" ", step_r31.Number, " ");
 } }
 function ConnectionsComponent_Conditional_9_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 188);
+    i0.ɵɵelement(0, "div", 189);
 } if (rf & 2) {
     const step_r31 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("step-line-active", ctx_r1.IsStepCompleted(step_r31.Number));
 } }
 function ConnectionsComponent_Conditional_9_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 184)(1, "div", 185);
-    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_9_For_9_Conditional_2_Template, 1, 0, "i", 147)(3, ConnectionsComponent_Conditional_9_For_9_Conditional_3_Template, 1, 1);
+    i0.ɵɵelementStart(0, "div", 185)(1, "div", 186);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_9_For_9_Conditional_2_Template, 1, 0, "i", 148)(3, ConnectionsComponent_Conditional_9_For_9_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 186);
+    i0.ɵɵelementStart(4, "span", 187);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_For_9_Conditional_6_Template, 1, 2, "div", 187);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_For_9_Conditional_6_Template, 1, 2, "div", 188);
 } if (rf & 2) {
     const step_r31 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1043,24 +1044,24 @@ function ConnectionsComponent_Conditional_9_For_9_Template(rf, ctx) { if (rf & 1
     i0.ɵɵconditional(step_r31.Number < ctx_r1.WizardSteps.length ? 6 : -1);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵelement(1, "i", 195);
+    i0.ɵɵelementStart(0, "div", 194);
+    i0.ɵɵelement(1, "i", 196);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No integrations configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 196);
+    i0.ɵɵelementStart(4, "span", 197);
     i0.ɵɵtext(5, "Configure integration definitions in the admin area first.");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵelement(1, "i", 197);
+    i0.ɵɵelementStart(0, "div", 194);
+    i0.ɵɵelement(1, "i", 198);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No matching integrations");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 202);
+    i0.ɵɵelementStart(0, "div", 203);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1070,15 +1071,15 @@ function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_C
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 199);
+    i0.ɵɵelementStart(0, "div", 200);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Template_div_click_0_listener() { const def_r34 = i0.ɵɵrestoreView(_r33).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectIntegration(def_r34)); });
-    i0.ɵɵelementStart(1, "div", 200);
+    i0.ɵɵelementStart(1, "div", 201);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 201);
+    i0.ɵɵelementStart(3, "div", 202);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Conditional_5_Template, 2, 1, "div", 202);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Conditional_5_Template, 2, 1, "div", 203);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const def_r34 = ctx.$implicit;
@@ -1094,8 +1095,8 @@ function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_T
     i0.ɵɵconditional(def_r34.Description ? 5 : -1);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 194);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Template, 6, 8, "div", 198, _forTrack2);
+    i0.ɵɵelementStart(0, "div", 195);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_For_2_Template, 6, 8, "div", 199, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1104,15 +1105,15 @@ function ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_Templat
 } }
 function ConnectionsComponent_Conditional_9_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 178)(1, "h3", 189);
+    i0.ɵɵelementStart(0, "div", 179)(1, "h3", 190);
     i0.ɵɵtext(2, "What system do you want to connect?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 190);
-    i0.ɵɵelement(4, "i", 191);
-    i0.ɵɵelementStart(5, "input", 192);
+    i0.ɵɵelementStart(3, "div", 191);
+    i0.ɵɵelement(4, "i", 192);
+    i0.ɵɵelementStart(5, "input", 193);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_11_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SearchQuery, $event) || (ctx_r1.SearchQuery = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_6_Template, 6, 0, "div", 193)(7, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_7_Template, 4, 0, "div", 193)(8, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_Template, 3, 0, "div", 194);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_6_Template, 6, 0, "div", 194)(7, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_7_Template, 4, 0, "div", 194)(8, ConnectionsComponent_Conditional_9_Conditional_11_Conditional_8_Template, 3, 0, "div", 195);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1122,7 +1123,7 @@ function ConnectionsComponent_Conditional_9_Conditional_11_Template(rf, ctx) { i
     i0.ɵɵconditional(ctx_r1.FilteredIntegrations.length === 0 && ctx_r1.AvailableIntegrations.length === 0 ? 6 : ctx_r1.FilteredIntegrations.length === 0 ? 7 : 8);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 108);
+    i0.ɵɵelementStart(0, "option", 109);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1133,12 +1134,12 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_For_4_
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 218);
+    i0.ɵɵelementStart(0, "select", 219);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedCompanyID, $event) || (ctx_r1.SelectedCompanyID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(1, "option", 107);
+    i0.ɵɵelementStart(1, "option", 108);
     i0.ɵɵtext(2, "Select a company...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_For_4_Template, 2, 2, "option", 108, _forTrack2);
+    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_For_4_Template, 2, 2, "option", 109, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1149,26 +1150,26 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_Templa
     i0.ɵɵrepeater(ctx_r1.Companies);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 208);
+    i0.ɵɵelement(0, "input", 209);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("value", ctx_r1.Companies[0].Name);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 209);
+    i0.ɵɵelementStart(0, "div", 210);
     i0.ɵɵtext(1, "No companies available. Create one in the admin area.");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 214)(1, "div", 219);
-    i0.ɵɵelement(2, "i", 220);
+    i0.ɵɵelementStart(0, "div", 215)(1, "div", 220);
+    i0.ɵɵelement(2, "i", 221);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 221);
+    i0.ɵɵelementStart(5, "button", 222);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_22_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r38); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearCredential()); });
-    i0.ɵɵelement(6, "i", 119);
+    i0.ɵɵelement(6, "i", 120);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1177,27 +1178,27 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_22_Templa
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r39 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 215)(1, "button", 43);
+    i0.ɵɵelementStart(0, "div", 216)(1, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r39); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ShowExistingCredentials()); });
-    i0.ɵɵelement(2, "i", 220);
+    i0.ɵɵelement(2, "i", 221);
     i0.ɵɵtext(3, " Choose Existing Credential ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 43);
+    i0.ɵɵelementStart(4, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_23_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenCredentialDialog()); });
     i0.ɵɵelement(5, "i", 13);
     i0.ɵɵtext(6, " Create New Credential ");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 216);
-    i0.ɵɵelement(1, "mj-loading", 222);
+    i0.ɵɵelementStart(0, "div", 217);
+    i0.ɵɵelement(1, "mj-loading", 223);
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 224);
+    i0.ɵɵelementStart(0, "div", 225);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_For_2_Template_div_click_0_listener() { const cred_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectExistingCredential(cred_r41)); });
-    i0.ɵɵelement(1, "i", 220);
+    i0.ɵɵelement(1, "i", 221);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -1207,8 +1208,8 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_For_2_
     i0.ɵɵtextInterpolate(cred_r41.Name);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 217);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_For_2_Template, 4, 1, "div", 223, _forTrack2);
+    i0.ɵɵelementStart(0, "div", 218);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_For_2_Template, 4, 1, "div", 224, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1217,34 +1218,34 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_Templa
 } }
 function ConnectionsComponent_Conditional_9_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 178)(1, "h3", 189);
+    i0.ɵɵelementStart(0, "div", 179)(1, "h3", 190);
     i0.ɵɵtext(2, "Set up your connection");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 203)(4, "label", 204);
+    i0.ɵɵelementStart(3, "div", 204)(4, "label", 205);
     i0.ɵɵtext(5, "Connection Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "input", 205);
+    i0.ɵɵelementStart(6, "input", 206);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_12_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.ConnectionName, $event) || (ctx_r1.ConnectionName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 203)(8, "label", 206);
+    i0.ɵɵelementStart(7, "div", 204)(8, "label", 207);
     i0.ɵɵtext(9, "Company");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_Template, 5, 2, "select", 207)(11, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_11_Template, 1, 1, "input", 208)(12, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_12_Template, 2, 0, "div", 209);
+    i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_10_Template, 5, 2, "select", 208)(11, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_11_Template, 1, 1, "input", 209)(12, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_12_Template, 2, 0, "div", 210);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 203)(14, "label", 210);
+    i0.ɵɵelementStart(13, "div", 204)(14, "label", 211);
     i0.ɵɵtext(15, "Description ");
-    i0.ɵɵelementStart(16, "span", 211);
+    i0.ɵɵelementStart(16, "span", 212);
     i0.ɵɵtext(17, "(optional)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "textarea", 212);
+    i0.ɵɵelementStart(18, "textarea", 213);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_12_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.ConnectionDescription, $event) || (ctx_r1.ConnectionDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 203)(20, "label", 213);
+    i0.ɵɵelementStart(19, "div", 204)(20, "label", 214);
     i0.ɵɵtext(21, "Credential");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_22_Template, 7, 1, "div", 214)(23, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_23_Template, 7, 0, "div", 215);
-    i0.ɵɵconditionalCreate(24, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_24_Template, 2, 0, "div", 216);
-    i0.ɵɵconditionalCreate(25, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_Template, 3, 0, "div", 217);
+    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_22_Template, 7, 1, "div", 215)(23, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_23_Template, 7, 0, "div", 216);
+    i0.ɵɵconditionalCreate(24, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_24_Template, 2, 0, "div", 217);
+    i0.ɵɵconditionalCreate(25, ConnectionsComponent_Conditional_9_Conditional_12_Conditional_25_Template, 3, 0, "div", 218);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1263,31 +1264,31 @@ function ConnectionsComponent_Conditional_9_Conditional_12_Template(rf, ctx) { i
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 225)(1, "button", 228);
+    i0.ɵɵelementStart(0, "div", 226)(1, "button", 229);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r42); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.TestNewConnection()); });
-    i0.ɵɵelement(2, "i", 229);
+    i0.ɵɵelement(2, "i", 230);
     i0.ɵɵtext(3, " Test Connection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 230);
+    i0.ɵɵelementStart(4, "p", 231);
     i0.ɵɵtext(5, "We'll verify we can reach your system and authenticate.");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 226)(1, "div", 231);
-    i0.ɵɵelement(2, "i", 232);
+    i0.ɵɵelementStart(0, "div", 227)(1, "div", 232);
+    i0.ɵɵelement(2, "i", 233);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "p");
     i0.ɵɵtext(4, "Testing connection...");
     i0.ɵɵelementEnd()();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+    i0.ɵɵelement(0, "i", 49);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 49);
+    i0.ɵɵelement(0, "i", 50);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 236);
+    i0.ɵɵelementStart(0, "div", 237);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1297,21 +1298,21 @@ function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditi
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r43 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 238);
+    i0.ɵɵelementStart(0, "button", 239);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.TestNewConnection()); });
-    i0.ɵɵelement(1, "i", 239);
+    i0.ɵɵelement(1, "i", 240);
     i0.ɵɵtext(2, " Retry ");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 233)(1, "div", 234);
-    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_2_Template, 1, 0, "i", 48)(3, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_3_Template, 1, 0, "i", 49);
+    i0.ɵɵelementStart(0, "div", 234)(1, "div", 235);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_2_Template, 1, 0, "i", 49)(3, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_3_Template, 1, 0, "i", 50);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 235);
+    i0.ɵɵelementStart(4, "div", 236);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_6_Template, 2, 1, "div", 236);
-    i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_7_Template, 3, 0, "button", 237);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_6_Template, 2, 1, "div", 237);
+    i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Conditional_7_Template, 3, 0, "button", 238);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1326,12 +1327,12 @@ function ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Templat
     i0.ɵɵconditional(!ctx_r1.TestResult.Success ? 7 : -1);
 } }
 function ConnectionsComponent_Conditional_9_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 179)(1, "h3", 189);
+    i0.ɵɵelementStart(0, "div", 180)(1, "h3", 190);
     i0.ɵɵtext(2, "Let's verify everything works");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_3_Template, 6, 0, "div", 225);
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_4_Template, 5, 0, "div", 226);
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Template, 8, 8, "div", 227);
+    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_3_Template, 6, 0, "div", 226);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_4_Template, 5, 0, "div", 227);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_13_Conditional_5_Template, 8, 8, "div", 228);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1344,13 +1345,13 @@ function ConnectionsComponent_Conditional_9_Conditional_13_Template(rf, ctx) { i
 } }
 function ConnectionsComponent_Conditional_9_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵelementStart(0, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r44); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.PreviousStep()); });
     i0.ɵɵtext(1, " Back ");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_9_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Saving... ");
 } }
 function ConnectionsComponent_Conditional_9_Conditional_20_Template(rf, ctx) { if (rf & 1) {
@@ -1361,27 +1362,27 @@ function ConnectionsComponent_Conditional_9_Conditional_20_Template(rf, ctx) { i
 } }
 function ConnectionsComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 173)(2, "button", 174);
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 174)(2, "button", 175);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseWizard()); });
-    i0.ɵɵelement(3, "i", 68);
+    i0.ɵɵelement(3, "i", 69);
     i0.ɵɵtext(4, " Back to Integrations ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "h2", 175);
+    i0.ɵɵelementStart(5, "h2", 176);
     i0.ɵɵtext(6, "New Integration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 176);
+    i0.ɵɵelementStart(7, "div", 177);
     i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_9_For_9_Template, 7, 7, null, null, _forTrack3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 177);
-    i0.ɵɵconditionalCreate(11, ConnectionsComponent_Conditional_9_Conditional_11_Template, 9, 2, "div", 178);
-    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_9_Conditional_12_Template, 26, 6, "div", 178);
-    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_9_Conditional_13_Template, 6, 3, "div", 179);
+    i0.ɵɵelementStart(10, "div", 178);
+    i0.ɵɵconditionalCreate(11, ConnectionsComponent_Conditional_9_Conditional_11_Template, 9, 2, "div", 179);
+    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_9_Conditional_12_Template, 26, 6, "div", 179);
+    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_9_Conditional_13_Template, 6, 3, "div", 180);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 180);
-    i0.ɵɵelement(15, "div", 181);
-    i0.ɵɵelementStart(16, "div", 182);
-    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_9_Conditional_17_Template, 2, 0, "button", 183);
-    i0.ɵɵelementStart(18, "button", 55);
+    i0.ɵɵelementStart(14, "div", 181);
+    i0.ɵɵelement(15, "div", 182);
+    i0.ɵɵelementStart(16, "div", 183);
+    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_9_Conditional_17_Template, 2, 0, "button", 184);
+    i0.ɵɵelementStart(18, "button", 56);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FinishWizard()); });
     i0.ɵɵconditionalCreate(19, ConnectionsComponent_Conditional_9_Conditional_19_Template, 2, 0)(20, ConnectionsComponent_Conditional_9_Conditional_20_Template, 1, 1);
     i0.ɵɵelementEnd()()()();
@@ -1403,20 +1404,20 @@ function ConnectionsComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(ctx_r1.IsSaving ? 19 : 20);
 } }
 function ConnectionsComponent_Conditional_12_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 244);
-    i0.ɵɵelement(1, "mj-loading", 245);
+    i0.ɵɵelementStart(0, "div", 245);
+    i0.ɵɵelement(1, "mj-loading", 246);
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r47 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 253)(1, "div", 256);
-    i0.ɵɵelement(2, "i", 220);
+    i0.ɵɵelementStart(0, "div", 254)(1, "div", 257);
+    i0.ɵɵelement(2, "i", 221);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 257);
+    i0.ɵɵelementStart(5, "button", 258);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_17_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r47); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearEditCredential()); });
-    i0.ɵɵelement(6, "i", 119);
+    i0.ɵɵelement(6, "i", 120);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -1425,9 +1426,9 @@ function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_17_Templa
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 262);
+    i0.ɵɵelementStart(0, "div", 263);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_For_2_Template_div_click_0_listener() { const cred_r50 = i0.ɵɵrestoreView(_r49).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.SelectEditCredential(cred_r50)); });
-    i0.ɵɵelement(1, "i", 220);
+    i0.ɵɵelement(1, "i", 221);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -1437,8 +1438,8 @@ function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Condit
     i0.ɵɵtextInterpolate(cred_r50.Name);
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 260);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_For_2_Template, 4, 1, "div", 261, _forTrack2);
+    i0.ɵɵelementStart(0, "div", 261);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_For_2_Template, 4, 1, "div", 262, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -1447,19 +1448,19 @@ function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Condit
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r48 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 258)(1, "button", 259);
+    i0.ɵɵelementStart(0, "div", 259)(1, "button", 260);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r48); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenEditCredentialDialog()); });
     i0.ɵɵelement(2, "i", 13);
     i0.ɵɵtext(3, " New Credential ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_Template, 3, 0, "div", 260);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Conditional_4_Template, 3, 0, "div", 261);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.EditCredentials.length > 0 ? 4 : -1);
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Saving... ");
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_32_Template(rf, ctx) { if (rf & 1) {
@@ -1467,45 +1468,45 @@ function ConnectionsComponent_Conditional_12_Conditional_9_Conditional_32_Templa
 } }
 function ConnectionsComponent_Conditional_12_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r46 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 246)(1, "div", 247)(2, "label", 248);
+    i0.ɵɵelementStart(0, "div", 247)(1, "div", 248)(2, "label", 249);
     i0.ɵɵtext(3, "Connection Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 249);
+    i0.ɵɵelementStart(4, "input", 250);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_12_Conditional_9_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.EditName, $event) || (ctx_r1.EditName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 247)(6, "label", 248);
+    i0.ɵɵelementStart(5, "div", 248)(6, "label", 249);
     i0.ɵɵtext(7, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 250)(9, "label", 251)(10, "input", 136);
+    i0.ɵɵelementStart(8, "div", 251)(9, "label", 252)(10, "input", 137);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_12_Conditional_9_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.EditIsActive, $event) || (ctx_r1.EditIsActive = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "span", 163);
+    i0.ɵɵelement(11, "span", 164);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 252);
+    i0.ɵɵelementStart(12, "span", 253);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(14, "div", 247)(15, "label", 248);
+    i0.ɵɵelementStart(14, "div", 248)(15, "label", 249);
     i0.ɵɵtext(16, "Credential");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_17_Template, 7, 1, "div", 253)(18, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Template, 5, 1);
+    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_17_Template, 7, 1, "div", 254)(18, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_18_Template, 5, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 247)(20, "label", 248);
+    i0.ɵɵelementStart(19, "div", 248)(20, "label", 249);
     i0.ɵɵtext(21, "Integration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 254);
+    i0.ɵɵelementStart(22, "div", 255);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 247)(25, "label", 248);
+    i0.ɵɵelementStart(24, "div", 248)(25, "label", 249);
     i0.ɵɵtext(26, "Company");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 254);
+    i0.ɵɵelementStart(27, "div", 255);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "div", 255)(30, "button", 55);
+    i0.ɵɵelementStart(29, "div", 256)(30, "button", 56);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Conditional_9_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r46); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveEditChanges()); });
     i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_31_Template, 2, 0)(32, ConnectionsComponent_Conditional_12_Conditional_9_Conditional_32_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "button", 43);
+    i0.ɵɵelementStart(33, "button", 44);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Conditional_9_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r46); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
     i0.ɵɵtext(34, " Cancel ");
     i0.ɵɵelementEnd()();
@@ -1532,17 +1533,17 @@ function ConnectionsComponent_Conditional_12_Conditional_9_Template(rf, ctx) { i
 } }
 function ConnectionsComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r45 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 240)(1, "div", 241)(2, "div", 242);
+    i0.ɵɵelementStart(0, "div", 241)(1, "div", 242)(2, "div", 243);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5, "Configure Integration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 243);
+    i0.ɵɵelementStart(6, "button", 244);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_12_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r45); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
-    i0.ɵɵelement(7, "i", 119);
+    i0.ɵɵelement(7, "i", 120);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_12_Conditional_8_Template, 2, 0, "div", 244)(9, ConnectionsComponent_Conditional_12_Conditional_9_Template, 35, 10);
+    i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_12_Conditional_8_Template, 2, 0, "div", 245)(9, ConnectionsComponent_Conditional_12_Conditional_9_Template, 35, 10);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
@@ -1554,7 +1555,7 @@ function ConnectionsComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
 } }
 function ConnectionsComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r51 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-credential-dialog", 263);
+    i0.ɵɵelementStart(0, "mj-credential-dialog", 264);
     i0.ɵɵlistener("close", function ConnectionsComponent_Conditional_13_Template_mj_credential_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r51); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.EditPanelOpen ? ctx_r1.OnEditCredentialDialogClose($event) : ctx_r1.OnCredentialDialogClose($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1568,13 +1569,13 @@ function ConnectionsComponent_Conditional_14_Conditional_16_Template(rf, ctx) {
     i0.ɵɵtextInterpolate1(" ", ctx_r1.AddMapSourceObjectName, " ");
 } }
 function ConnectionsComponent_Conditional_14_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 275);
+    i0.ɵɵelementStart(0, "span", 276);
     i0.ɵɵtext(1, "Select a source object in the Add Map form first");
     i0.ɵɵelementEnd();
 } }
 function ConnectionsComponent_Conditional_14_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 286);
-    i0.ɵɵelement(1, "i", 126);
+    i0.ɵɵelementStart(0, "div", 287);
+    i0.ɵɵelement(1, "i", 127);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1583,8 +1584,8 @@ function ConnectionsComponent_Conditional_14_Conditional_29_For_2_Template(rf, c
     i0.ɵɵtextInterpolate1(" ", warn_r53);
 } }
 function ConnectionsComponent_Conditional_14_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 280);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_14_Conditional_29_For_2_Template, 3, 1, "div", 286, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(0, "div", 281);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_14_Conditional_29_For_2_Template, 3, 1, "div", 287, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1592,23 +1593,23 @@ function ConnectionsComponent_Conditional_14_Conditional_29_Template(rf, ctx) {
     i0.ɵɵrepeater(ctx_r1.DDLPreviewWarnings);
 } }
 function ConnectionsComponent_Conditional_14_Conditional_30_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 147);
+    i0.ɵɵelement(0, "i", 148);
     i0.ɵɵtext(1, " Copied ");
 } }
 function ConnectionsComponent_Conditional_14_Conditional_30_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 290);
+    i0.ɵɵelement(0, "i", 291);
     i0.ɵɵtext(1, " Copy ");
 } }
 function ConnectionsComponent_Conditional_14_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r54 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 281)(1, "div", 287)(2, "span");
+    i0.ɵɵelementStart(0, "div", 282)(1, "div", 288)(2, "span");
     i0.ɵɵtext(3, "SQL Preview");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 288);
+    i0.ɵɵelementStart(4, "button", 289);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_14_Conditional_30_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r54); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CopyDDLToClipboard()); });
     i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_14_Conditional_30_Conditional_5_Template, 2, 0)(6, ConnectionsComponent_Conditional_14_Conditional_30_Conditional_6_Template, 2, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "pre", 289);
+    i0.ɵɵelementStart(7, "pre", 290);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1619,8 +1620,8 @@ function ConnectionsComponent_Conditional_14_Conditional_30_Template(rf, ctx) {
     i0.ɵɵtextInterpolate(ctx_r1.DDLPreview);
 } }
 function ConnectionsComponent_Conditional_14_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 282)(1, "h4");
-    i0.ɵɵelement(2, "i", 291);
+    i0.ɵɵelementStart(0, "div", 283)(1, "h4");
+    i0.ɵɵelement(2, "i", 292);
     i0.ɵɵtext(3, " Next Steps");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "ol")(5, "li");
@@ -1637,58 +1638,58 @@ function ConnectionsComponent_Conditional_14_Conditional_31_Template(rf, ctx) {
     i0.ɵɵelementEnd()()();
 } }
 function ConnectionsComponent_Conditional_14_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 42);
+    i0.ɵɵelement(0, "i", 43);
     i0.ɵɵtext(1, " Generating... ");
 } }
 function ConnectionsComponent_Conditional_14_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 292);
+    i0.ɵɵelement(0, "i", 293);
     i0.ɵɵtext(1, " Generate SQL ");
 } }
 function ConnectionsComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r52 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 264);
+    i0.ɵɵelementStart(0, "div", 265);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_14_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 265)(2, "div", 266)(3, "h3");
+    i0.ɵɵelementStart(1, "div", 266)(2, "div", 267)(3, "h3");
     i0.ɵɵtext(4, "Create New Entity Table");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 267);
+    i0.ɵɵelementStart(5, "button", 268);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_14_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
-    i0.ɵɵelement(6, "i", 119);
+    i0.ɵɵelement(6, "i", 120);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 268)(8, "p", 269);
+    i0.ɵɵelementStart(7, "div", 269)(8, "p", 270);
     i0.ɵɵtext(9, " Generate a SQL migration to create a new database table for this integration's data. After running the migration and CodeGen, the new entity will appear in the entity picker. ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 270)(11, "div", 271)(12, "div", 272)(13, "label", 273);
+    i0.ɵɵelementStart(10, "div", 271)(11, "div", 272)(12, "div", 273)(13, "label", 274);
     i0.ɵɵtext(14, "Source Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 274);
-    i0.ɵɵconditionalCreate(16, ConnectionsComponent_Conditional_14_Conditional_16_Template, 1, 1)(17, ConnectionsComponent_Conditional_14_Conditional_17_Template, 2, 0, "span", 275);
+    i0.ɵɵelementStart(15, "div", 275);
+    i0.ɵɵconditionalCreate(16, ConnectionsComponent_Conditional_14_Conditional_16_Template, 1, 1)(17, ConnectionsComponent_Conditional_14_Conditional_17_Template, 2, 0, "span", 276);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 271)(19, "div", 272)(20, "label", 273);
+    i0.ɵɵelementStart(18, "div", 272)(19, "div", 273)(20, "label", 274);
     i0.ɵɵtext(21, "Schema");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "input", 276);
+    i0.ɵɵelementStart(22, "input", 277);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_14_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.NewEntitySchema, $event) || (ctx_r1.NewEntitySchema = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "span", 277);
+    i0.ɵɵelementStart(23, "span", 278);
     i0.ɵɵtext(24, ".");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 278)(26, "label", 273);
+    i0.ɵɵelementStart(25, "div", 279)(26, "label", 274);
     i0.ɵɵtext(27, "Table Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "input", 279);
+    i0.ɵɵelementStart(28, "input", 280);
     i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_14_Template_input_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.NewEntityTable, $event) || (ctx_r1.NewEntityTable = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_14_Conditional_29_Template, 3, 0, "div", 280);
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_14_Conditional_30_Template, 9, 2, "div", 281);
-    i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_14_Conditional_31_Template, 13, 0, "div", 282);
+    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_14_Conditional_29_Template, 3, 0, "div", 281);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_14_Conditional_30_Template, 9, 2, "div", 282);
+    i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_14_Conditional_31_Template, 13, 0, "div", 283);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 283)(33, "button", 284);
+    i0.ɵɵelementStart(32, "div", 284)(33, "button", 285);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_14_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.PreviewDDL()); });
     i0.ɵɵconditionalCreate(34, ConnectionsComponent_Conditional_14_Conditional_34_Template, 2, 0)(35, ConnectionsComponent_Conditional_14_Conditional_35_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "button", 285);
+    i0.ɵɵelementStart(36, "button", 286);
     i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_14_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
     i0.ɵɵtext(37, " Done ");
     i0.ɵɵelementEnd()()();
@@ -3079,11 +3080,11 @@ let ConnectionsComponent = class ConnectionsComponent extends BaseResourceCompon
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityTreeDropdown = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 15, vars: 18, consts: [["entityTreeDropdown", ""], ["Title", "Integrations", "Icon", "fa-solid fa-plug", "Subtitle", "Connected systems and data sources"], ["actions", ""], [3, "Clicked", "Loading"], ["mjButton", "", "variant", "primary", "size", "sm"], [3, "Flex", "Padding"], [1, "connections-container"], [1, "detail-view"], [1, "wizard-inline"], [1, "edit-panel-backdrop", 3, "click"], [1, "edit-panel"], [3, "Visible", "PreselectedTypeId"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "loading-container"], [1, "empty-state"], [1, "card-grid"], ["text", "Loading integrations..."], [1, "fa-solid", "fa-plug", "empty-icon"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "connection-card"], [1, "connection-card", "new-connection-card", 3, "click"], [1, "new-card-content"], [1, "new-card-icon"], [1, "new-card-label"], [1, "card-clickable", 3, "click"], [1, "card-header"], [1, "icon-circle"], [1, "icon-large"], [1, "card-body"], [1, "card-name"], [1, "card-company"], [1, "card-meta"], [1, "meta-label"], [1, "meta-separator"], [1, "meta-value"], [1, "card-sync-info"], [1, "fa-solid", "fa-arrows-rotate"], [1, "card-test-result", 3, "test-success", "test-failure"], [1, "delete-confirm-overlay"], [1, "card-footer"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "sync-menu-wrapper"], ["title", "Delete integration", 1, "card-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "card-test-result"], [1, "fa-solid", "fa-circle-check"], [1, "fa-solid", "fa-circle-xmark"], [1, "delete-confirm-content"], [1, "fa-solid", "fa-triangle-exclamation", "delete-warn-icon"], [1, "delete-confirm-text"], [1, "delete-confirm-actions"], ["mjButton", "", "variant", "danger", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "sync-dropdown"], [1, "fa-solid", "fa-chevron-down", "sync-caret"], [1, "sync-dropdown-group"], [1, "sync-dropdown-label"], [1, "sync-dropdown-item", 3, "click"], [1, "fa-solid", "fa-arrow-down-to-line"], [1, "fa-solid", "fa-rotate"], [1, "fa-solid", "fa-arrow-up-from-line"], [3, "EntityMap", "CompanyIntegrationID", "RunViewProvider"], [3, "Close", "EntityMap", "CompanyIntegrationID", "RunViewProvider"], [1, "detail-header"], ["title", "Back to Integrations", 1, "detail-back-btn", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "detail-header-info"], [1, "detail-header-text"], [1, "detail-title"], [1, "detail-subtitle"], [1, "detail-header-actions"], ["title", "Configure", 1, "detail-edit-btn", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "schedule-section"], [1, "schedule-section-header"], [1, "schedule-section-title"], [1, "fa-solid", "fa-calendar-check"], [3, "ScheduledJobID"], [1, "schedule-empty"], [3, "Close", "Saved", "Deleted", "IsOpen", "ScheduledJobID", "JobTypeID", "DefaultConfiguration", "HideJobType"], [1, "detail-toolbar"], [1, "detail-toolbar-left"], [1, "detail-map-count"], [1, "detail-toolbar-right"], [1, "detail-search"], [1, "fa-solid", "fa-filter"], ["type", "text", "placeholder", "Filter entity maps...", 3, "input", "value"], ["title", "Select source objects and create entity tables", 1, "add-map-btn", 3, "click"], [1, "fa-solid", "fa-table"], [1, "add-map-btn", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "sync-result-banner", 3, "sync-success", "sync-failure"], [1, "add-map-panel"], [1, "detail-empty"], [1, "sync-dropdown", "sync-dropdown-left"], [3, "EditRequested", "ScheduledJobID"], [1, "schedule-empty-text"], [1, "schedule-create-btn", 3, "click"], [1, "sync-result-banner"], [1, "auto-map-header"], [1, "add-map-row"], [1, "add-map-field"], [1, "add-map-label"], [1, "add-map-select", 3, "ngModelChange", "ngModel"], ["disabled", "", 3, "ngValue"], [3, "value"], [1, "add-map-direction-col"], [1, "add-map-direction-btns"], ["title", "Pull from source", 3, "click"], [1, "fa-solid", "fa-arrow-right"], ["title", "Bidirectional sync", 3, "click"], [1, "fa-solid", "fa-right-left"], ["title", "Push to source", 3, "click"], [1, "add-map-actions"], [1, "add-map-save-btn", 3, "click", "disabled"], [1, "add-map-cancel-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "auto-map-result", 3, "auto-map-success", "auto-map-partial", "auto-map-failure"], [1, "auto-map-result"], [1, "auto-map-result-summary"], [1, "auto-map-errors"], [1, "fa-solid", "fa-circle-info"], [1, "auto-map-error"], [1, "fa-solid", "fa-triangle-exclamation"], ["text", "Loading source objects...", "size", "small"], [1, "auto-map-result", "auto-map-success"], [1, "auto-map-result", 3, "auto-map-success", "auto-map-failure"], [1, "create-tables-filters"], ["type", "text", "placeholder", "Search by name or label...", 1, "create-tables-search", "mj-input", 3, "ngModelChange", "ngModel"], [1, "create-tables-list"], [1, "create-tables-select-all"], [1, "create-tables-checkbox"], ["type", "checkbox", 3, "change", "checked"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "create-tables-name-hint"], [1, "create-tables-badge", "create-tables-badge-custom"], [1, "create-tables-badge", "create-tables-badge-registered"], [1, "add-map-loading"], [1, "add-map-hint"], [1, "add-map-select", 3, "ngModel"], [1, "add-map-field", "add-map-entity-field"], [1, "entity-picker-row"], [3, "SelectionChange", "BranchConfig", "LeafConfig", "Value", "SelectableTypes", "SelectionMode", "Placeholder", "EnableSearch"], ["title", "Create new entity table", 1, "new-entity-btn", 3, "click"], [1, "fa-solid", "fa-check"], ["text", "Loading entity maps..."], [1, "fa-solid", "fa-cube"], [1, "add-map-btn", "add-map-btn-lg", 3, "click"], [1, "detail-table-head"], [1, "dt-col-toggle"], [1, "dt-col-source"], [1, "dt-col-direction"], [1, "dt-col-dest"], [1, "dt-col-meta"], [1, "detail-table-body"], [1, "detail-map-row", 3, "sync-disabled"], [1, "detail-table-empty"], [1, "detail-map-row", 3, "click"], [1, "dt-col-toggle", 3, "click"], [1, "toggle-switch", 3, "title"], [1, "toggle-slider"], [1, "dt-col-source", 3, "title"], [1, "dt-col-direction", 3, "click"], [1, "direction-toggle", 3, "click", "title"], [1, "dt-col-dest", 3, "title"], ["title", "Match strategy configured", 1, "detail-config-badge"], [1, "detail-config-badge", 3, "title"], [1, "map-edit-hint"], [1, "fa-solid", "fa-chevron-right"], [1, "fa-solid", "fa-link"], [1, "wizard-header"], [1, "wizard-back-btn", 3, "click"], [1, "wizard-title"], [1, "step-indicator"], [1, "wizard-body"], [1, "step-content"], [1, "step-content", "step-content-centered"], [1, "wizard-footer"], [1, "footer-left"], [1, "footer-right"], ["mjButton", "", "variant", "outline"], [1, "step-item"], [1, "step-circle"], [1, "step-label"], [1, "step-line", 3, "step-line-active"], [1, "step-line"], [1, "step-title"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search integrations...", 1, "search-input", 3, "ngModelChange", "ngModel"], [1, "no-integrations"], [1, "integration-picker-grid"], [1, "fa-solid", "fa-puzzle-piece"], [1, "no-integrations-hint"], [1, "fa-solid", "fa-search"], [1, "integration-picker-card", 3, "picker-selected"], [1, "integration-picker-card", 3, "click"], [1, "picker-icon-circle"], [1, "picker-name"], [1, "picker-description"], [1, "form-group"], ["for", "connectionName", 1, "form-label"], ["id", "connectionName", "type", "text", "placeholder", "e.g. Production HubSpot", 1, "form-input", 3, "ngModelChange", "ngModel"], ["for", "companySelect", 1, "form-label"], ["id", "companySelect", 1, "form-input", 3, "ngModel"], ["type", "text", "disabled", "", 1, "form-input", 3, "value"], [1, "form-hint"], ["for", "connectionDescription", 1, "form-label"], [1, "optional-label"], ["id", "connectionDescription", "placeholder", "Notes about this connection...", "rows", "3", 1, "form-input", "form-textarea", 3, "ngModelChange", "ngModel"], [1, "form-label"], [1, "credential-selected"], [1, "credential-actions"], [1, "credential-loading"], [1, "credential-list"], ["id", "companySelect", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "credential-info"], [1, "fa-solid", "fa-key"], [1, "credential-clear", 3, "click"], ["text", "Loading credentials...", "size", "small"], [1, "credential-list-item"], [1, "credential-list-item", 3, "click"], [1, "test-prompt"], [1, "test-running"], [1, "test-result", 3, "test-result-success", "test-result-failure"], ["mjButton", "", "variant", "primary", "size", "lg", 3, "click"], [1, "fa-solid", "fa-vial"], [1, "test-hint"], [1, "test-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin", "fa-3x"], [1, "test-result"], [1, "test-result-icon"], [1, "test-result-message"], [1, "test-result-detail"], ["mjButton", "", "variant", "outline", 1, "test-retry-btn"], ["mjButton", "", "variant", "outline", 1, "test-retry-btn", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "edit-panel-header"], [1, "edit-panel-title"], [1, "edit-icon-circle"], [1, "edit-close-btn", 3, "click"], [1, "edit-panel-loading"], ["text", "Loading...", "size", "small"], [1, "edit-panel-body"], [1, "edit-form-group"], [1, "edit-form-label"], ["type", "text", "placeholder", "Connection name...", 1, "edit-form-input", 3, "ngModelChange", "ngModel"], [1, "edit-toggle-row"], [1, "toggle-switch"], [1, "edit-toggle-label"], [1, "edit-credential-selected"], [1, "edit-readonly-field"], [1, "edit-panel-footer"], [1, "edit-credential-info"], [1, "edit-credential-clear", 3, "click"], [1, "edit-credential-actions"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "edit-credential-list"], [1, "edit-credential-item"], [1, "edit-credential-item", 3, "click"], [3, "close", "Visible", "PreselectedTypeId"], [1, "new-entity-backdrop", 3, "click"], [1, "new-entity-dialog"], [1, "new-entity-dialog-header"], [1, "new-entity-dialog-close", 3, "click"], [1, "new-entity-dialog-body"], [1, "new-entity-dialog-desc"], [1, "new-entity-dialog-form"], [1, "new-entity-dialog-row"], [1, "new-entity-dialog-field"], [1, "new-entity-dialog-label"], [1, "new-entity-dialog-value"], [1, "new-entity-dialog-hint"], ["type", "text", "placeholder", "e.g. hubspot", 1, "new-entity-dialog-input", 3, "ngModelChange", "ngModel"], [1, "new-entity-dialog-dot"], [1, "new-entity-dialog-field", "new-entity-dialog-field-wide"], ["type", "text", "placeholder", "e.g. Contact", 1, "new-entity-dialog-input", 3, "ngModelChange", "ngModel"], [1, "ddl-warnings"], [1, "ddl-preview-block"], [1, "new-entity-next-steps"], [1, "new-entity-dialog-footer"], [1, "new-entity-preview-btn", 3, "click", "disabled"], [1, "new-entity-dialog-done-btn", 3, "click"], [1, "ddl-warning"], [1, "ddl-preview-header"], ["title", "Copy to clipboard", 1, "ddl-copy-btn", 3, "click"], [1, "ddl-preview-code"], [1, "fa-regular", "fa-copy"], [1, "fa-solid", "fa-list-check"], [1, "fa-solid", "fa-code"]], template: function ConnectionsComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 15, vars: 18, consts: [["entityTreeDropdown", ""], ["Title", "Integrations", "Icon", "fa-solid fa-plug", "Subtitle", "Connected systems and data sources"], ["actions", ""], [3, "Clicked", "Loading"], ["mjButton", "", "variant", "primary", "size", "sm"], [3, "Flex", "Padding"], [1, "connections-container"], [1, "detail-view"], [1, "wizard-inline"], [1, "edit-panel-backdrop", 3, "click"], [1, "edit-panel"], [3, "Visible", "PreselectedTypeId"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "action-btn-label"], [1, "loading-container"], [1, "empty-state"], [1, "card-grid"], ["text", "Loading integrations..."], [1, "fa-solid", "fa-plug", "empty-icon"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "connection-card"], [1, "connection-card", "new-connection-card", 3, "click"], [1, "new-card-content"], [1, "new-card-icon"], [1, "new-card-label"], [1, "card-clickable", 3, "click"], [1, "card-header"], [1, "icon-circle"], [1, "icon-large"], [1, "card-body"], [1, "card-name"], [1, "card-company"], [1, "card-meta"], [1, "meta-label"], [1, "meta-separator"], [1, "meta-value"], [1, "card-sync-info"], [1, "fa-solid", "fa-arrows-rotate"], [1, "card-test-result", 3, "test-success", "test-failure"], [1, "delete-confirm-overlay"], [1, "card-footer"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], ["mjButton", "", "variant", "outline", 3, "click"], [1, "sync-menu-wrapper"], ["title", "Delete integration", 1, "card-delete-btn", 3, "click"], [1, "fa-solid", "fa-trash-can"], [1, "card-test-result"], [1, "fa-solid", "fa-circle-check"], [1, "fa-solid", "fa-circle-xmark"], [1, "delete-confirm-content"], [1, "fa-solid", "fa-triangle-exclamation", "delete-warn-icon"], [1, "delete-confirm-text"], [1, "delete-confirm-actions"], ["mjButton", "", "variant", "danger", 3, "click", "disabled"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], [1, "sync-dropdown"], [1, "fa-solid", "fa-chevron-down", "sync-caret"], [1, "sync-dropdown-group"], [1, "sync-dropdown-label"], [1, "sync-dropdown-item", 3, "click"], [1, "fa-solid", "fa-arrow-down-to-line"], [1, "fa-solid", "fa-rotate"], [1, "fa-solid", "fa-arrow-up-from-line"], [3, "EntityMap", "CompanyIntegrationID", "RunViewProvider"], [3, "Close", "EntityMap", "CompanyIntegrationID", "RunViewProvider"], [1, "detail-header"], ["title", "Back to Integrations", 1, "detail-back-btn", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "detail-header-info"], [1, "detail-header-text"], [1, "detail-title"], [1, "detail-subtitle"], [1, "detail-header-actions"], ["title", "Configure", 1, "detail-edit-btn", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "schedule-section"], [1, "schedule-section-header"], [1, "schedule-section-title"], [1, "fa-solid", "fa-calendar-check"], [3, "ScheduledJobID"], [1, "schedule-empty"], [3, "Close", "Saved", "Deleted", "IsOpen", "ScheduledJobID", "JobTypeID", "DefaultConfiguration", "HideJobType"], [1, "detail-toolbar"], [1, "detail-toolbar-left"], [1, "detail-map-count"], [1, "detail-toolbar-right"], [1, "detail-search"], [1, "fa-solid", "fa-filter"], ["type", "text", "placeholder", "Filter entity maps...", 3, "input", "value"], ["title", "Select source objects and create entity tables", 1, "add-map-btn", 3, "click"], [1, "fa-solid", "fa-table"], [1, "add-map-btn", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "sync-result-banner", 3, "sync-success", "sync-failure"], [1, "add-map-panel"], [1, "detail-empty"], [1, "sync-dropdown", "sync-dropdown-left"], [3, "EditRequested", "ScheduledJobID"], [1, "schedule-empty-text"], [1, "schedule-create-btn", 3, "click"], [1, "sync-result-banner"], [1, "auto-map-header"], [1, "add-map-row"], [1, "add-map-field"], [1, "add-map-label"], [1, "add-map-select", 3, "ngModelChange", "ngModel"], ["disabled", "", 3, "ngValue"], [3, "value"], [1, "add-map-direction-col"], [1, "add-map-direction-btns"], ["title", "Pull from source", 3, "click"], [1, "fa-solid", "fa-arrow-right"], ["title", "Bidirectional sync", 3, "click"], [1, "fa-solid", "fa-right-left"], ["title", "Push to source", 3, "click"], [1, "add-map-actions"], [1, "add-map-save-btn", 3, "click", "disabled"], [1, "add-map-cancel-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "auto-map-result", 3, "auto-map-success", "auto-map-partial", "auto-map-failure"], [1, "auto-map-result"], [1, "auto-map-result-summary"], [1, "auto-map-errors"], [1, "fa-solid", "fa-circle-info"], [1, "auto-map-error"], [1, "fa-solid", "fa-triangle-exclamation"], ["text", "Loading source objects...", "size", "small"], [1, "auto-map-result", "auto-map-success"], [1, "auto-map-result", 3, "auto-map-success", "auto-map-failure"], [1, "create-tables-filters"], ["type", "text", "placeholder", "Search by name or label...", 1, "create-tables-search", "mj-input", 3, "ngModelChange", "ngModel"], [1, "create-tables-list"], [1, "create-tables-select-all"], [1, "create-tables-checkbox"], ["type", "checkbox", 3, "change", "checked"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "create-tables-name-hint"], [1, "create-tables-badge", "create-tables-badge-custom"], [1, "create-tables-badge", "create-tables-badge-registered"], [1, "add-map-loading"], [1, "add-map-hint"], [1, "add-map-select", 3, "ngModel"], [1, "add-map-field", "add-map-entity-field"], [1, "entity-picker-row"], [3, "SelectionChange", "BranchConfig", "LeafConfig", "Value", "SelectableTypes", "SelectionMode", "Placeholder", "EnableSearch"], ["title", "Create new entity table", 1, "new-entity-btn", 3, "click"], [1, "fa-solid", "fa-check"], ["text", "Loading entity maps..."], [1, "fa-solid", "fa-cube"], [1, "add-map-btn", "add-map-btn-lg", 3, "click"], [1, "detail-table-head"], [1, "dt-col-toggle"], [1, "dt-col-source"], [1, "dt-col-direction"], [1, "dt-col-dest"], [1, "dt-col-meta"], [1, "detail-table-body"], [1, "detail-map-row", 3, "sync-disabled"], [1, "detail-table-empty"], [1, "detail-map-row", 3, "click"], [1, "dt-col-toggle", 3, "click"], [1, "toggle-switch", 3, "title"], [1, "toggle-slider"], [1, "dt-col-source", 3, "title"], [1, "dt-col-direction", 3, "click"], [1, "direction-toggle", 3, "click", "title"], [1, "dt-col-dest", 3, "title"], ["title", "Match strategy configured", 1, "detail-config-badge"], [1, "detail-config-badge", 3, "title"], [1, "map-edit-hint"], [1, "fa-solid", "fa-chevron-right"], [1, "fa-solid", "fa-link"], [1, "wizard-header"], [1, "wizard-back-btn", 3, "click"], [1, "wizard-title"], [1, "step-indicator"], [1, "wizard-body"], [1, "step-content"], [1, "step-content", "step-content-centered"], [1, "wizard-footer"], [1, "footer-left"], [1, "footer-right"], ["mjButton", "", "variant", "outline"], [1, "step-item"], [1, "step-circle"], [1, "step-label"], [1, "step-line", 3, "step-line-active"], [1, "step-line"], [1, "step-title"], [1, "search-bar"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search integrations...", 1, "search-input", 3, "ngModelChange", "ngModel"], [1, "no-integrations"], [1, "integration-picker-grid"], [1, "fa-solid", "fa-puzzle-piece"], [1, "no-integrations-hint"], [1, "fa-solid", "fa-search"], [1, "integration-picker-card", 3, "picker-selected"], [1, "integration-picker-card", 3, "click"], [1, "picker-icon-circle"], [1, "picker-name"], [1, "picker-description"], [1, "form-group"], ["for", "connectionName", 1, "form-label"], ["id", "connectionName", "type", "text", "placeholder", "e.g. Production HubSpot", 1, "form-input", 3, "ngModelChange", "ngModel"], ["for", "companySelect", 1, "form-label"], ["id", "companySelect", 1, "form-input", 3, "ngModel"], ["type", "text", "disabled", "", 1, "form-input", 3, "value"], [1, "form-hint"], ["for", "connectionDescription", 1, "form-label"], [1, "optional-label"], ["id", "connectionDescription", "placeholder", "Notes about this connection...", "rows", "3", 1, "form-input", "form-textarea", 3, "ngModelChange", "ngModel"], [1, "form-label"], [1, "credential-selected"], [1, "credential-actions"], [1, "credential-loading"], [1, "credential-list"], ["id", "companySelect", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "credential-info"], [1, "fa-solid", "fa-key"], [1, "credential-clear", 3, "click"], ["text", "Loading credentials...", "size", "small"], [1, "credential-list-item"], [1, "credential-list-item", 3, "click"], [1, "test-prompt"], [1, "test-running"], [1, "test-result", 3, "test-result-success", "test-result-failure"], ["mjButton", "", "variant", "primary", "size", "lg", 3, "click"], [1, "fa-solid", "fa-vial"], [1, "test-hint"], [1, "test-spinner"], [1, "fa-solid", "fa-spinner", "fa-spin", "fa-3x"], [1, "test-result"], [1, "test-result-icon"], [1, "test-result-message"], [1, "test-result-detail"], ["mjButton", "", "variant", "outline", 1, "test-retry-btn"], ["mjButton", "", "variant", "outline", 1, "test-retry-btn", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "edit-panel-header"], [1, "edit-panel-title"], [1, "edit-icon-circle"], [1, "edit-close-btn", 3, "click"], [1, "edit-panel-loading"], ["text", "Loading...", "size", "small"], [1, "edit-panel-body"], [1, "edit-form-group"], [1, "edit-form-label"], ["type", "text", "placeholder", "Connection name...", 1, "edit-form-input", 3, "ngModelChange", "ngModel"], [1, "edit-toggle-row"], [1, "toggle-switch"], [1, "edit-toggle-label"], [1, "edit-credential-selected"], [1, "edit-readonly-field"], [1, "edit-panel-footer"], [1, "edit-credential-info"], [1, "edit-credential-clear", 3, "click"], [1, "edit-credential-actions"], ["mjButton", "", "variant", "outline", "size", "sm", 3, "click"], [1, "edit-credential-list"], [1, "edit-credential-item"], [1, "edit-credential-item", 3, "click"], [3, "close", "Visible", "PreselectedTypeId"], [1, "new-entity-backdrop", 3, "click"], [1, "new-entity-dialog"], [1, "new-entity-dialog-header"], [1, "new-entity-dialog-close", 3, "click"], [1, "new-entity-dialog-body"], [1, "new-entity-dialog-desc"], [1, "new-entity-dialog-form"], [1, "new-entity-dialog-row"], [1, "new-entity-dialog-field"], [1, "new-entity-dialog-label"], [1, "new-entity-dialog-value"], [1, "new-entity-dialog-hint"], ["type", "text", "placeholder", "e.g. hubspot", 1, "new-entity-dialog-input", 3, "ngModelChange", "ngModel"], [1, "new-entity-dialog-dot"], [1, "new-entity-dialog-field", "new-entity-dialog-field-wide"], ["type", "text", "placeholder", "e.g. Contact", 1, "new-entity-dialog-input", 3, "ngModelChange", "ngModel"], [1, "ddl-warnings"], [1, "ddl-preview-block"], [1, "new-entity-next-steps"], [1, "new-entity-dialog-footer"], [1, "new-entity-preview-btn", 3, "click", "disabled"], [1, "new-entity-dialog-done-btn", 3, "click"], [1, "ddl-warning"], [1, "ddl-preview-header"], ["title", "Copy to clipboard", 1, "ddl-copy-btn", 3, "click"], [1, "ddl-preview-code"], [1, "fa-regular", "fa-copy"], [1, "fa-solid", "fa-list-check"], [1, "fa-solid", "fa-code"]], template: function ConnectionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 1)(2, "div", 2)(3, "mj-refresh-button", 3);
             i0.ɵɵlistener("Clicked", function ConnectionsComponent_Template_mj_refresh_button_Clicked_3_listener() { return ctx.LoadData(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_4_Template, 3, 0, "button", 4);
+            i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_4_Template, 4, 0, "button", 4);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(5, "mj-page-body", 5)(6, "div", 6);
             i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_7_Template, 3, 3);
@@ -3132,7 +3133,7 @@ ConnectionsComponent = ConnectionsComponent_1 = __decorate([
 export { ConnectionsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectionsComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-integration-connections', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Integrations\"\n    Icon=\"fa-solid fa-plug\"\n    Subtitle=\"Connected systems and data sources\">\n    <!-- [meta] intentionally omitted \u2014 chrome slot discipline audit Task B.\n         \"Connections.length integrations\" badge mirrored the visible card\n         grid row count. -->\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"LoadData()\"></mj-refresh-button>\n      @if (!WizardOpen && !SelectedSummary) {\n        <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenWizard()\">\n          <i class=\"fa-solid fa-plus\"></i> Add Integration\n        </button>\n      }\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n<!-- Main container -->\n<div class=\"connections-container\" [class.detail-active]=\"!!SelectedSummary\"\n     [class.editor-active]=\"!!EditorEntityMap\">\n\n  <!-- ======================================================================\n       CARD GRID VIEW (shown when no wizard and no detail selected)\n       ====================================================================== -->\n  @if (!WizardOpen && !SelectedSummary) {\n    <!-- Loading state -->\n    @if (IsLoading) {\n      <div class=\"loading-container\">\n        <mj-loading text=\"Loading integrations...\"></mj-loading>\n      </div>\n    }\n\n    <!-- Empty state -->\n    @if (!IsLoading && Connections.length === 0) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-plug empty-icon\"></i>\n        <h3>No integrations yet</h3>\n        <p>Connect your first external system to start syncing data.</p>\n        <button mjButton variant=\"primary\" (click)=\"OpenWizard()\">\n          <i class=\"fa-solid fa-plus\"></i>\n          Add Your First Integration\n        </button>\n      </div>\n    }\n\n    <!-- Card grid -->\n    @if (!IsLoading && Connections.length > 0) {\n      <div class=\"card-grid\">\n        @for (summary of Connections; track summary.Integration.ID) {\n          <div class=\"connection-card\">\n            <!-- Card header + body: clickable to open detail view -->\n            <div class=\"card-clickable\" (click)=\"SelectIntegrationCard(summary)\">\n              <div class=\"card-header\">\n                <div class=\"icon-circle\" [style.background-color]=\"GetIconBrandColor(summary.Integration.Integration)\">\n                  <i [class]=\"GetIntegrationIcon(summary.Integration.Integration, summary.Icon)\" class=\"icon-large\"></i>\n                </div>\n                <span [class]=\"GetStatusBadgeClass(summary)\">{{ GetStatusBadge(summary) }}</span>\n              </div>\n\n              <!-- Card body -->\n              <div class=\"card-body\">\n              <div class=\"card-name\">{{ summary.Integration.Name }}</div>\n              <div class=\"card-company\">{{ summary.Integration.Company }}</div>\n              <div class=\"card-meta\">\n                <span class=\"meta-label\">{{ GetSourceTypeLabel(summary) }}</span>\n                <span class=\"meta-separator\">&middot;</span>\n                <span class=\"meta-value\">{{ GetCredentialHint(summary) }}</span>\n              </div>\n              <div class=\"card-sync-info\">\n                <i class=\"fa-solid fa-arrows-rotate\"></i>\n                Syncing {{ GetEntityMapCount(summary.Integration.ID) }} entities\n              </div>\n\n              <!-- Inline test result -->\n              @if (GetCardTestResult(summary.Integration.ID); as testResult) {\n                <div class=\"card-test-result\" [class.test-success]=\"testResult.Success\" [class.test-failure]=\"!testResult.Success\">\n                  @if (testResult.Success) {\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-circle-xmark\"></i>\n                  }\n                  <span>{{ testResult.Message }}</span>\n                </div>\n              }\n            </div>\n          </div><!-- /card-clickable -->\n\n            <!-- Delete confirmation overlay -->\n            @if (IsDeleteConfirming(summary.Integration.ID)) {\n              <div class=\"delete-confirm-overlay\">\n                <div class=\"delete-confirm-content\">\n                  <i class=\"fa-solid fa-triangle-exclamation delete-warn-icon\"></i>\n                  <span class=\"delete-confirm-text\">Delete this integration and all its entity maps?</span>\n                  <div class=\"delete-confirm-actions\">\n                    <button mjButton\n                            variant=\"danger\"\n                            [disabled]=\"IsDeleting\"\n                            (click)=\"ConfirmDelete(summary.Integration.ID)\">\n                      @if (IsDeleting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        Deleting...\n                      } @else {\n                        Delete\n                      }\n                    </button>\n                    <button mjButton variant=\"outline\" (click)=\"CancelDelete()\">\n                      Cancel\n                    </button>\n                  </div>\n                </div>\n              </div>\n            }\n\n            <!-- Card footer -->\n            <div class=\"card-footer\">\n              <button mjButton\n                      variant=\"outline\"\n                      [disabled]=\"!!TestingCardID\"\n                      (click)=\"TestExistingConnection(summary.Integration.ID)\">\n                @if (IsTestingCard(summary.Integration.ID)) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                } @else {\n                  Test\n                }\n              </button>\n              <button mjButton variant=\"outline\" (click)=\"OnMenuAction('edit', summary)\">\n                Configure\n              </button>\n              @if (IsConnectionActive(summary)) {\n                <div class=\"sync-menu-wrapper\">\n                  <button mjButton variant=\"primary\"\n                          [disabled]=\"!!SyncingIntegrationID\"\n                          (click)=\"ToggleSyncMenu(summary.Integration.ID, $event)\">\n                    @if (IsSyncing(summary.Integration.ID)) {\n                      <i class=\"fa-solid fa-spinner fa-spin\"></i> Syncing...\n                    } @else {\n                      <i class=\"fa-solid fa-arrows-rotate\"></i> Sync\n                      <i class=\"fa-solid fa-chevron-down sync-caret\"></i>\n                    }\n                  </button>\n                  @if (SyncMenuIntegrationID === summary.Integration.ID) {\n                    <div class=\"sync-dropdown\">\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Pull (External \u2192 MJ)</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Pull', $event)\">\n                          <i class=\"fa-solid fa-arrow-down-to-line\"></i> Incremental Pull\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Pull', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Pull\n                        </button>\n                      </div>\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Push (MJ \u2192 External)</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Push', $event)\">\n                          <i class=\"fa-solid fa-arrow-up-from-line\"></i> Incremental Push\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Push', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Push\n                        </button>\n                      </div>\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Bidirectional</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Bidirectional', $event)\">\n                          <i class=\"fa-solid fa-arrows-rotate\"></i> Incremental Both\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Bidirectional', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Both\n                        </button>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n              <button class=\"card-delete-btn\" (click)=\"OnMenuAction('delete', summary)\" title=\"Delete integration\">\n                <i class=\"fa-solid fa-trash-can\"></i>\n              </button>\n            </div>\n          </div>\n        }\n\n        <!-- New connection card -->\n        <div class=\"connection-card new-connection-card\" (click)=\"OpenWizard()\">\n          <div class=\"new-card-content\">\n            <div class=\"new-card-icon\">\n              <i class=\"fa-solid fa-plus\"></i>\n            </div>\n            <span class=\"new-card-label\">Add Integration</span>\n          </div>\n        </div>\n      </div>\n    }\n  }\n\n  <!-- ======================================================================\n       DETAIL VIEW (entity maps for selected integration)\n       ====================================================================== -->\n  @if (!WizardOpen && SelectedSummary) {\n    <div class=\"detail-view\">\n\n      <!-- ================================================================\n           ENTITY MAP EDITOR (field mapping detail for a selected map)\n           ================================================================ -->\n      @if (EditorEntityMap) {\n        <app-visual-field-editor\n          [EntityMap]=\"EditorEntityMap\"\n          [CompanyIntegrationID]=\"SelectedSummary!.Integration.ID\"\n          [RunViewProvider]=\"RunViewToUse\"\n          (Close)=\"CloseEntityMapEditor()\">\n        </app-visual-field-editor>\n\n      <!-- ================================================================\n           ENTITY MAPS LIST (shown when no editor map is selected)\n           ================================================================ -->\n      } @else {\n        <!-- Detail header -->\n        <div class=\"detail-header\">\n          <button class=\"detail-back-btn\" (click)=\"CloseDetailView()\" title=\"Back to Integrations\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n          </button>\n          <div class=\"detail-header-info\">\n            <div class=\"icon-circle\" [style.background-color]=\"GetIconBrandColor(SelectedSummary.Integration.Integration)\">\n              <i [class]=\"GetIntegrationIcon(SelectedSummary.Integration.Integration)\" class=\"icon-large\"></i>\n            </div>\n            <div class=\"detail-header-text\">\n              <h2 class=\"detail-title\">{{ SelectedSummary.Integration.Name }}</h2>\n              <span class=\"detail-subtitle\">\n                {{ SelectedSummary.Integration.Company }}\n                <span class=\"meta-separator\">&middot;</span>\n                {{ GetSourceTypeLabel(SelectedSummary) }}\n                <span class=\"meta-separator\">&middot;</span>\n                <span [class]=\"GetStatusBadgeClass(SelectedSummary)\">{{ GetStatusBadge(SelectedSummary) }}</span>\n              </span>\n            </div>\n          </div>\n          <div class=\"detail-header-actions\">\n            <button class=\"detail-edit-btn\" (click)=\"OpenEditPanel(SelectedSummary)\" title=\"Configure\">\n              <i class=\"fa-solid fa-pen-to-square\"></i>\n            </button>\n            @if (IsConnectionActive(SelectedSummary)) {\n              <div class=\"sync-menu-wrapper\">\n                <button mjButton variant=\"primary\"\n                        [disabled]=\"!!SyncingIntegrationID\"\n                        (click)=\"ToggleSyncMenu(SelectedSummary.Integration.ID, $event)\">\n                  @if (IsSyncing(SelectedSummary.Integration.ID)) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Syncing...\n                  } @else {\n                    <i class=\"fa-solid fa-arrows-rotate\"></i> Sync\n                    <i class=\"fa-solid fa-chevron-down sync-caret\"></i>\n                  }\n                </button>\n                @if (SyncMenuIntegrationID === SelectedSummary.Integration.ID) {\n                  <div class=\"sync-dropdown sync-dropdown-left\">\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Pull (External \u2192 MJ)</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Pull', $event)\">\n                        <i class=\"fa-solid fa-arrow-down-to-line\"></i> Incremental Pull\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Pull', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Pull\n                      </button>\n                    </div>\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Push (MJ \u2192 External)</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Push', $event)\">\n                        <i class=\"fa-solid fa-arrow-up-from-line\"></i> Incremental Push\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Push', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Push\n                      </button>\n                    </div>\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Bidirectional</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Bidirectional', $event)\">\n                        <i class=\"fa-solid fa-arrows-rotate\"></i> Incremental Both\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Bidirectional', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Both\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Schedule section -->\n        <div class=\"schedule-section\">\n          <div class=\"schedule-section-header\">\n            <div class=\"schedule-section-title\">\n              <i class=\"fa-solid fa-calendar-check\"></i>\n              <span>Sync Schedule</span>\n            </div>\n          </div>\n          @if (ScheduledJobID) {\n            <mj-scheduled-job-summary\n              [ScheduledJobID]=\"ScheduledJobID\"\n              (EditRequested)=\"OpenSchedulePanel()\">\n            </mj-scheduled-job-summary>\n          } @else {\n            <div class=\"schedule-empty\">\n              <span class=\"schedule-empty-text\">No sync schedule configured</span>\n              <button class=\"schedule-create-btn\" (click)=\"OpenSchedulePanel()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                Schedule Sync\n              </button>\n            </div>\n          }\n        </div>\n\n        <!-- Schedule slide panel -->\n        <mj-scheduled-job-slide-panel\n          [IsOpen]=\"ShowScheduleSlidePanel\"\n          [ScheduledJobID]=\"ScheduledJobID\"\n          [JobTypeID]=\"IntegrationSyncJobTypeID\"\n          [DefaultConfiguration]=\"ScheduleDefaultConfiguration\"\n          [HideJobType]=\"true\"\n          (Close)=\"CloseSchedulePanel()\"\n          (Saved)=\"OnScheduleSaved()\"\n          (Deleted)=\"OnScheduleDeleted()\">\n        </mj-scheduled-job-slide-panel>\n\n        <!-- Entity maps toolbar -->\n        <div class=\"detail-toolbar\">\n          <div class=\"detail-toolbar-left\">\n            <span class=\"detail-map-count\">\n              {{ DetailEntityMaps.length }} entity map{{ DetailEntityMaps.length !== 1 ? 's' : '' }}\n              <span class=\"meta-separator\">&middot;</span>\n              {{ DetailActiveMapCount }} active\n            </span>\n          </div>\n          <div class=\"detail-toolbar-right\">\n            <div class=\"detail-search\">\n              <i class=\"fa-solid fa-filter\"></i>\n              <input type=\"text\"\n                     placeholder=\"Filter entity maps...\"\n                     [value]=\"DetailSearchTerm\"\n                     (input)=\"OnDetailSearch($event)\" />\n            </div>\n            <button class=\"add-map-btn\" (click)=\"ToggleCreateTablesPanel()\" [class.active]=\"ShowCreateTablesPanel\"\n                    title=\"Select source objects and create entity tables\">\n              <i class=\"fa-solid fa-table\"></i> Create Tables\n            </button>\n            <button class=\"add-map-btn\" (click)=\"ToggleAutoMapPanel()\" [class.active]=\"ShowAutoMapPanel\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-Map Schema\n            </button>\n            <button class=\"add-map-btn\" (click)=\"ToggleAddMapPanel()\" [class.active]=\"ShowAddMapPanel\">\n              <i class=\"fa-solid fa-plus\"></i> Add Map\n            </button>\n          </div>\n        </div>\n\n        <!-- Sync result banner -->\n        @if (SyncResult) {\n          <div class=\"sync-result-banner\" [class.sync-success]=\"SyncResult.Success\" [class.sync-failure]=\"!SyncResult.Success\">\n            @if (SyncResult.Success) {\n              <i class=\"fa-solid fa-circle-check\"></i>\n            } @else {\n              <i class=\"fa-solid fa-circle-xmark\"></i>\n            }\n            <span>{{ SyncResult.Message || (SyncResult.Success ? 'Sync completed successfully' : 'Sync failed') }}</span>\n          </div>\n        }\n\n        <!-- Auto-Map Schema panel -->\n        @if (ShowAutoMapPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"auto-map-header\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span>Auto-map all entities in a schema to this integration with 1:1 field mappings</span>\n            </div>\n            <div class=\"add-map-row\">\n              <div class=\"add-map-field\">\n                <label class=\"add-map-label\">Target Schema</label>\n                <select class=\"add-map-select\" [(ngModel)]=\"AutoMapSelectedSchema\">\n                  <option [ngValue]=\"''\" disabled>Select schema...</option>\n                  @for (schema of AutoMapSchemas; track schema) {\n                    <option [value]=\"schema\">{{ schema }}</option>\n                  }\n                </select>\n              </div>\n\n              <div class=\"add-map-direction-col\">\n                <label class=\"add-map-label\">Direction</label>\n                <div class=\"add-map-direction-btns\">\n                  <button [class.active]=\"AutoMapDirection === 'Pull'\" (click)=\"AutoMapDirection = 'Pull'\" title=\"Pull from source\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </button>\n                  <button [class.active]=\"AutoMapDirection === 'Bidirectional'\" (click)=\"AutoMapDirection = 'Bidirectional'\" title=\"Bidirectional sync\">\n                    <i class=\"fa-solid fa-right-left\"></i>\n                  </button>\n                  <button [class.active]=\"AutoMapDirection === 'Push'\" (click)=\"AutoMapDirection = 'Push'\" title=\"Push to source\">\n                    <i class=\"fa-solid fa-arrow-left\"></i>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanAutoMap\"\n                        (click)=\"RunAutoMap()\">\n                  @if (IsAutoMapping) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Mapping...\n                  } @else {\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-Map\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseAutoMapPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n\n            @if (AutoMapResult) {\n              <div class=\"auto-map-result\" [class.auto-map-success]=\"AutoMapResult.Errors.length === 0\"\n                   [class.auto-map-partial]=\"AutoMapResult.Errors.length > 0 && AutoMapResult.EntityMapsCreated > 0\"\n                   [class.auto-map-failure]=\"AutoMapResult.EntityMapsCreated === 0 && AutoMapResult.Errors.length > 0\">\n                @if (AutoMapResult.EntityMapsCreated > 0) {\n                  <div class=\"auto-map-result-summary\">\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                    Created {{ AutoMapResult.EntityMapsCreated }} entity map{{ AutoMapResult.EntityMapsCreated !== 1 ? 's' : '' }}\n                    with {{ AutoMapResult.FieldMapsCreated }} field map{{ AutoMapResult.FieldMapsCreated !== 1 ? 's' : '' }}\n                  </div>\n                } @else if (AutoMapResult.Errors.length === 0) {\n                  <div class=\"auto-map-result-summary\">\n                    <i class=\"fa-solid fa-circle-info\"></i>\n                    All entities in this schema are already mapped.\n                  </div>\n                }\n                @if (AutoMapResult.Errors.length > 0) {\n                  <div class=\"auto-map-errors\">\n                    @for (err of AutoMapResult.Errors; track err) {\n                      <div class=\"auto-map-error\"><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ err }}</div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Create Tables panel (select source objects \u2192 create entity tables) -->\n        @if (ShowCreateTablesPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"auto-map-header\">\n              <i class=\"fa-solid fa-table\"></i>\n              <span>Select source objects to create as entity tables in your database</span>\n            </div>\n\n            <div class=\"add-map-row\">\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanCreateTables\"\n                        (click)=\"RunCreateTables()\">\n                  @if (IsCreatingTables) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n                  } @else {\n                    <i class=\"fa-solid fa-table\"></i> Create {{ CreateTablesSelectedCount }} Table{{ CreateTablesSelectedCount !== 1 ? 's' : '' }}\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseCreateTablesPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n\n            @if (IsLoadingCreateTablesObjects) {\n              <mj-loading text=\"Loading source objects...\" size=\"small\"></mj-loading>\n            } @else if (CreateTablesObjects.length === 0) {\n              <div class=\"auto-map-result auto-map-success\">\n                <i class=\"fa-solid fa-circle-info\"></i>\n                No source objects available from this connector.\n              </div>\n            } @else {\n              <div class=\"create-tables-filters\">\n                <input type=\"text\"\n                       class=\"create-tables-search mj-input\"\n                       placeholder=\"Search by name or label...\"\n                       [(ngModel)]=\"CreateTablesSearch\" />\n              </div>\n              <div class=\"create-tables-list\">\n                <div class=\"create-tables-select-all\">\n                  <label class=\"create-tables-checkbox\">\n                    <input type=\"checkbox\"\n                           [checked]=\"FilteredCreateTablesObjects.length > 0 && CreateTablesSelectedCount === FilteredCreateTablesObjects.length\"\n                           (change)=\"ToggleAllCreateTablesObjects($any($event.target).checked)\" />\n                    <span>Select All ({{ FilteredCreateTablesObjects.length }} of {{ CreateTablesObjects.length }})</span>\n                  </label>\n                </div>\n                @for (obj of FilteredCreateTablesObjects; track obj.Name) {\n                  <label class=\"create-tables-checkbox\">\n                    <input type=\"checkbox\" [(ngModel)]=\"obj.Selected\" />\n                    <span>{{ obj.Label }}</span>\n                    @if (obj.Label !== obj.Name) {\n                      <span class=\"create-tables-name-hint\">{{ obj.Name }}</span>\n                    }\n                    @if (obj.IsCustom) {\n                      <span class=\"create-tables-badge create-tables-badge-custom\">Custom</span>\n                    }\n                    @if (obj.AlreadyPersisted) {\n                      <span class=\"create-tables-badge create-tables-badge-registered\">Registered</span>\n                    }\n                  </label>\n                }\n              </div>\n            }\n\n            @if (CreateTablesResult) {\n              <div class=\"auto-map-result\"\n                   [class.auto-map-success]=\"CreateTablesResult.Success\"\n                   [class.auto-map-failure]=\"!CreateTablesResult.Success\">\n                @if (CreateTablesResult.Success) {\n                  <i class=\"fa-solid fa-circle-check\"></i>\n                } @else {\n                  <i class=\"fa-solid fa-circle-xmark\"></i>\n                }\n                <span>{{ CreateTablesResult.Message }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Add Entity Map inline form -->\n        @if (ShowAddMapPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"add-map-row\">\n              <div class=\"add-map-field\">\n                <label class=\"add-map-label\">Source Object</label>\n                @if (IsLoadingSourceObjects) {\n                  <div class=\"add-map-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                } @else if (AvailableSourceObjects.length === 0) {\n                  <div class=\"add-map-hint\">No source objects found in metadata</div>\n                } @else {\n                  <select class=\"add-map-select\" [(ngModel)]=\"AddMapSourceObjectName\">\n                    <option [ngValue]=\"''\" disabled>Select source object...</option>\n                    @for (obj of AvailableSourceObjects; track obj.Name) {\n                      <option [value]=\"obj.Name\">{{ obj.Label || obj.Name }}</option>\n                    }\n                  </select>\n                }\n              </div>\n\n              <div class=\"add-map-direction-col\">\n                <label class=\"add-map-label\">Direction</label>\n                <div class=\"add-map-direction-btns\">\n                  <button [class.active]=\"AddMapDirection === 'Pull'\" (click)=\"AddMapDirection = 'Pull'\" title=\"Pull from source\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </button>\n                  <button [class.active]=\"AddMapDirection === 'Bidirectional'\" (click)=\"AddMapDirection = 'Bidirectional'\" title=\"Bidirectional sync\">\n                    <i class=\"fa-solid fa-right-left\"></i>\n                  </button>\n                  <button [class.active]=\"AddMapDirection === 'Push'\" (click)=\"AddMapDirection = 'Push'\" title=\"Push to source\">\n                    <i class=\"fa-solid fa-arrow-left\"></i>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-field add-map-entity-field\">\n                <label class=\"add-map-label\">MJ Entity</label>\n                <div class=\"entity-picker-row\">\n                  <mj-tree-dropdown\n                    #entityTreeDropdown\n                    [BranchConfig]=\"EntityBranchConfig\"\n                    [LeafConfig]=\"EntityLeafConfig\"\n                    [Value]=\"AddMapEntityIDAsKey\"\n                    [SelectableTypes]=\"'leaf'\"\n                    [SelectionMode]=\"'single'\"\n                    [Placeholder]=\"'Search entities by schema...'\"\n                    [EnableSearch]=\"true\"\n                    (SelectionChange)=\"OnEntityTreeSelection($event)\">\n                  </mj-tree-dropdown>\n                  <button class=\"new-entity-btn\" (click)=\"OpenNewEntityDialog()\" title=\"Create new entity table\">\n                    <i class=\"fa-solid fa-plus\"></i> New\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanSaveAddMap || IsSavingAddMap\"\n                        (click)=\"SaveAddMap()\">\n                  @if (IsSavingAddMap) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-check\"></i> Add\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseAddMapPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n        <!-- Entity maps table -->\n        @if (IsDetailLoading) {\n          <div class=\"loading-container\">\n            <mj-loading text=\"Loading entity maps...\"></mj-loading>\n          </div>\n        } @else if (DetailEntityMaps.length === 0 && !ShowAddMapPanel) {\n          <div class=\"detail-empty\">\n            <i class=\"fa-solid fa-cube\"></i>\n            <h3>No entity maps configured</h3>\n            <p>Entity maps define how external objects sync to MJ entities.</p>\n            <button class=\"add-map-btn add-map-btn-lg\" (click)=\"ToggleAddMapPanel()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Your First Entity Map\n            </button>\n          </div>\n        } @else if (DetailEntityMaps.length > 0) {\n          <!-- Table header -->\n          <div class=\"detail-table-head\">\n            <span class=\"dt-col-toggle\">Sync</span>\n            <span class=\"dt-col-source\">External Object</span>\n            <span class=\"dt-col-direction\"></span>\n            <span class=\"dt-col-dest\">MJ Entity</span>\n            <span class=\"dt-col-meta\">Config</span>\n          </div>\n\n          <!-- Table body -->\n          <div class=\"detail-table-body\">\n            @for (em of DetailFilteredMaps; track em.ID) {\n              <div class=\"detail-map-row\" [class.sync-disabled]=\"!em.SyncEnabled\" (click)=\"OnEntityMapClick(em)\">\n                <span class=\"dt-col-toggle\" (click)=\"$event.stopPropagation()\">\n                  <label class=\"toggle-switch\" [title]=\"em.SyncEnabled ? 'Sync enabled' : 'Sync disabled'\">\n                    <input type=\"checkbox\"\n                           [checked]=\"em.SyncEnabled\"\n                           (change)=\"OnToggleMapEnabled(em, $event)\" />\n                    <span class=\"toggle-slider\"></span>\n                  </label>\n                </span>\n                <span class=\"dt-col-source\" [title]=\"em.ExternalObjectName\">\n                  {{ em.ExternalObjectLabel ?? em.ExternalObjectName }}\n                </span>\n                <span class=\"dt-col-direction\" (click)=\"$event.stopPropagation()\">\n                  <button class=\"direction-toggle\" [class]=\"DirectionBadgeClass(em.SyncDirection)\"\n                          (click)=\"CycleSyncDirection(em)\"\n                          [title]=\"'Click to change sync direction (currently: ' + em.SyncDirection + ')'\">\n                    {{ DirectionText(em.SyncDirection) }}\n                  </button>\n                </span>\n                <span class=\"dt-col-dest\" [title]=\"em.Entity\">\n                  {{ em.Entity }}\n                </span>\n                <span class=\"dt-col-meta\">\n                  @if (em.MatchStrategy) {\n                    <span class=\"detail-config-badge\" title=\"Match strategy configured\">\n                      <i class=\"fa-solid fa-link\"></i>\n                    </span>\n                  }\n                  <span class=\"detail-config-badge\" [title]=\"'Conflict: ' + em.ConflictResolution\">\n                    <i class=\"fa-solid fa-arrows-rotate\"></i>\n                  </span>\n                  <span class=\"map-edit-hint\">\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                  </span>\n                </span>\n              </div>\n            } @empty {\n              <div class=\"detail-table-empty\">\n                No entity maps match your filter.\n              </div>\n            }\n          </div>\n        }\n      }\n\n    </div>\n  }\n\n  <!-- ======================================================================\n       WIZARD (inline, replaces card grid when open)\n       ====================================================================== -->\n  @if (WizardOpen) {\n    <div class=\"wizard-inline\">\n      <!-- Wizard header -->\n      <div class=\"wizard-header\">\n        <button class=\"wizard-back-btn\" (click)=\"CloseWizard()\">\n          <i class=\"fa-solid fa-arrow-left\"></i>\n          Back to Integrations\n        </button>\n        <h2 class=\"wizard-title\">New Integration</h2>\n      </div>\n\n      <!-- Step indicator -->\n      <div class=\"step-indicator\">\n        @for (step of WizardSteps; track step.Number) {\n          <div class=\"step-item\" [class.step-active]=\"IsStepActive(step.Number)\" [class.step-completed]=\"IsStepCompleted(step.Number)\">\n            <div class=\"step-circle\">\n              @if (IsStepCompleted(step.Number)) {\n                <i class=\"fa-solid fa-check\"></i>\n              } @else {\n                {{ step.Number }}\n              }\n            </div>\n            <span class=\"step-label\">{{ step.Label }}</span>\n          </div>\n          @if (step.Number < WizardSteps.length) {\n            <div class=\"step-line\" [class.step-line-active]=\"IsStepCompleted(step.Number)\"></div>\n          }\n        }\n      </div>\n\n      <!-- Step content -->\n      <div class=\"wizard-body\">\n\n        <!-- Step 1: Choose Integration -->\n        @if (WizardStep === 1) {\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">What system do you want to connect?</h3>\n            <div class=\"search-bar\">\n              <i class=\"fa-solid fa-search search-icon\"></i>\n              <input type=\"text\"\n                     class=\"search-input\"\n                     placeholder=\"Search integrations...\"\n                     [(ngModel)]=\"SearchQuery\" />\n            </div>\n\n            @if (FilteredIntegrations.length === 0 && AvailableIntegrations.length === 0) {\n              <div class=\"no-integrations\">\n                <i class=\"fa-solid fa-puzzle-piece\"></i>\n                <p>No integrations configured</p>\n                <span class=\"no-integrations-hint\">Configure integration definitions in the admin area first.</span>\n              </div>\n            } @else if (FilteredIntegrations.length === 0) {\n              <div class=\"no-integrations\">\n                <i class=\"fa-solid fa-search\"></i>\n                <p>No matching integrations</p>\n              </div>\n            } @else {\n              <div class=\"integration-picker-grid\">\n                @for (def of FilteredIntegrations; track def.ID) {\n                  <div class=\"integration-picker-card\"\n                       [class.picker-selected]=\"IsSelectedIntegration(def)\"\n                       (click)=\"SelectIntegration(def)\">\n                    <div class=\"picker-icon-circle\" [style.background-color]=\"GetIconBrandColor(def.Name)\">\n                      <i [class]=\"GetIntegrationIcon(def.Name, def.Get('Icon'))\"></i>\n                    </div>\n                    <div class=\"picker-name\">{{ def.Name }}</div>\n                    @if (def.Description) {\n                      <div class=\"picker-description\">{{ def.Description }}</div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Step 2: Configure Connection -->\n        @if (WizardStep === 2) {\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Set up your connection</h3>\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"connectionName\">Connection Name</label>\n              <input id=\"connectionName\"\n                     type=\"text\"\n                     class=\"form-input\"\n                     placeholder=\"e.g. Production HubSpot\"\n                     [(ngModel)]=\"ConnectionName\" />\n            </div>\n\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"companySelect\">Company</label>\n              @if (NeedsCompanyPicker) {\n                <select id=\"companySelect\" class=\"form-input\" [(ngModel)]=\"SelectedCompanyID\">\n                  <option [ngValue]=\"null\" disabled>Select a company...</option>\n                  @for (company of Companies; track company.ID) {\n                    <option [value]=\"company.ID\">{{ company.Name }}</option>\n                  }\n                </select>\n              } @else if (Companies.length === 1) {\n                <input type=\"text\" class=\"form-input\" [value]=\"Companies[0].Name\" disabled />\n              } @else {\n                <div class=\"form-hint\">No companies available. Create one in the admin area.</div>\n              }\n            </div>\n\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"connectionDescription\">Description <span class=\"optional-label\">(optional)</span></label>\n              <textarea id=\"connectionDescription\"\n                        class=\"form-input form-textarea\"\n                        placeholder=\"Notes about this connection...\"\n                        [(ngModel)]=\"ConnectionDescription\"\n                        rows=\"3\"></textarea>\n            </div>\n\n            <!-- Credential section -->\n            <div class=\"form-group\">\n              <label class=\"form-label\">Credential</label>\n              @if (SelectedCredential) {\n                <div class=\"credential-selected\">\n                  <div class=\"credential-info\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    <span>{{ SelectedCredential.Name }}</span>\n                  </div>\n                  <button class=\"credential-clear\" (click)=\"ClearCredential()\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              } @else {\n                <div class=\"credential-actions\">\n                  <button mjButton variant=\"outline\" (click)=\"ShowExistingCredentials()\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    Choose Existing Credential\n                  </button>\n                  <button mjButton variant=\"outline\" (click)=\"OpenCredentialDialog()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Create New Credential\n                  </button>\n                </div>\n              }\n\n              @if (IsLoadingCredentials) {\n                <div class=\"credential-loading\">\n                  <mj-loading text=\"Loading credentials...\" size=\"small\"></mj-loading>\n                </div>\n              }\n\n              @if (!IsLoadingCredentials && ExistingCredentials.length > 0 && !SelectedCredential) {\n                <div class=\"credential-list\">\n                  @for (cred of ExistingCredentials; track cred.ID) {\n                    <div class=\"credential-list-item\" (click)=\"SelectExistingCredential(cred)\">\n                      <i class=\"fa-solid fa-key\"></i>\n                      <span>{{ cred.Name }}</span>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Step 3: Test Connection -->\n        @if (WizardStep === 3) {\n          <div class=\"step-content step-content-centered\">\n            <h3 class=\"step-title\">Let's verify everything works</h3>\n\n            @if (!TestResult && !IsTesting) {\n              <div class=\"test-prompt\">\n                <button mjButton\n                        variant=\"primary\"\n                        size=\"lg\"\n                        (click)=\"TestNewConnection()\">\n                  <i class=\"fa-solid fa-vial\"></i>\n                  Test Connection\n                </button>\n                <p class=\"test-hint\">We'll verify we can reach your system and authenticate.</p>\n              </div>\n            }\n\n            @if (IsTesting) {\n              <div class=\"test-running\">\n                <div class=\"test-spinner\">\n                  <i class=\"fa-solid fa-spinner fa-spin fa-3x\"></i>\n                </div>\n                <p>Testing connection...</p>\n              </div>\n            }\n\n            @if (TestResult) {\n              <div class=\"test-result\" [class.test-result-success]=\"TestResult.Success\" [class.test-result-failure]=\"!TestResult.Success\">\n                <div class=\"test-result-icon\">\n                  @if (TestResult.Success) {\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-circle-xmark\"></i>\n                  }\n                </div>\n                <div class=\"test-result-message\">{{ TestResult.Message }}</div>\n                @if (TestResult.Success && TestResult.ServerVersion) {\n                  <div class=\"test-result-detail\">\n                    Server version: {{ TestResult.ServerVersion }}\n                  </div>\n                }\n                @if (!TestResult.Success) {\n                  <button mjButton variant=\"outline\" (click)=\"TestNewConnection()\" class=\"test-retry-btn\">\n                    <i class=\"fa-solid fa-rotate-right\"></i>\n                    Retry\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        }\n\n      </div>\n\n      <!-- Wizard footer -->\n      <div class=\"wizard-footer\">\n        <div class=\"footer-left\"></div>\n        <div class=\"footer-right\">\n          @if (WizardStep > 1) {\n            <button mjButton variant=\"outline\" (click)=\"PreviousStep()\">\n              Back\n            </button>\n          }\n          <button mjButton\n                  variant=\"primary\"\n                  [disabled]=\"IsNextDisabled || IsSaving\"\n                  (click)=\"FinishWizard()\">\n            @if (IsSaving) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              Saving...\n            } @else {\n              {{ NextButtonLabel }}\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  }\n\n</div>\n\n<!-- Edit panel (slide-in) -->\n<div class=\"edit-panel-backdrop\"\n     [class.open]=\"EditPanelOpen\"\n     (click)=\"CloseEditPanel()\"></div>\n<div class=\"edit-panel\" [class.open]=\"EditPanelOpen\">\n  @if (EditingSummary) {\n    <!-- Header -->\n    <div class=\"edit-panel-header\">\n      <div class=\"edit-panel-title\">\n        <div class=\"edit-icon-circle\"\n             [style.background-color]=\"GetIconBrandColor(EditingSummary.Integration.Integration)\">\n          <i [class]=\"GetIntegrationIcon(EditingSummary.Integration.Integration, EditingSummary.Icon)\"></i>\n        </div>\n        <span>Configure Integration</span>\n      </div>\n      <button class=\"edit-close-btn\" (click)=\"CloseEditPanel()\">\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n\n    @if (IsEditLoading) {\n      <div class=\"edit-panel-loading\">\n        <mj-loading text=\"Loading...\" size=\"small\"></mj-loading>\n      </div>\n    } @else {\n      <!-- Edit form -->\n      <div class=\"edit-panel-body\">\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Connection Name</label>\n          <input type=\"text\"\n                 class=\"edit-form-input\"\n                 [(ngModel)]=\"EditName\"\n                 placeholder=\"Connection name...\" />\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Status</label>\n          <div class=\"edit-toggle-row\">\n            <label class=\"toggle-switch\">\n              <input type=\"checkbox\" [(ngModel)]=\"EditIsActive\" />\n              <span class=\"toggle-slider\"></span>\n            </label>\n            <span class=\"edit-toggle-label\" [class.active]=\"EditIsActive\">\n              {{ EditIsActive ? 'Active' : 'Inactive' }}\n            </span>\n          </div>\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Credential</label>\n          @if (EditCredential) {\n            <div class=\"edit-credential-selected\">\n              <div class=\"edit-credential-info\">\n                <i class=\"fa-solid fa-key\"></i>\n                <span>{{ EditCredential.Name }}</span>\n              </div>\n              <button class=\"edit-credential-clear\" (click)=\"ClearEditCredential()\">\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            </div>\n          } @else {\n            <div class=\"edit-credential-actions\">\n              <button mjButton variant=\"outline\" size=\"sm\" (click)=\"OpenEditCredentialDialog()\">\n                <i class=\"fa-solid fa-plus\"></i> New Credential\n              </button>\n            </div>\n            @if (EditCredentials.length > 0) {\n              <div class=\"edit-credential-list\">\n                @for (cred of EditCredentials; track cred.ID) {\n                  <div class=\"edit-credential-item\" (click)=\"SelectEditCredential(cred)\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    <span>{{ cred.Name }}</span>\n                  </div>\n                }\n              </div>\n            }\n          }\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Integration</label>\n          <div class=\"edit-readonly-field\">\n            {{ EditingSummary.Integration.Integration }}\n          </div>\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Company</label>\n          <div class=\"edit-readonly-field\">\n            {{ EditingSummary.Integration.Company }}\n          </div>\n        </div>\n      </div>\n\n      <!-- Footer -->\n      <div class=\"edit-panel-footer\">\n        <button mjButton\n                variant=\"primary\"\n                [disabled]=\"IsEditSaving || !EditName.trim()\"\n                (click)=\"SaveEditChanges()\">\n          @if (IsEditSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n          } @else {\n            Save Changes\n          }\n        </button>\n        <button mjButton variant=\"outline\" (click)=\"CloseEditPanel()\">\n          Cancel\n        </button>\n      </div>\n    }\n  }\n</div>\n\n<!-- Credential dialog (shared between wizard and edit panel) -->\n@if (ShowCredentialDialog) {\n  <mj-credential-dialog\n    [Visible]=\"true\"\n    [PreselectedTypeId]=\"PreselectedCredentialTypeId\"\n    (close)=\"EditPanelOpen ? OnEditCredentialDialogClose($event) : OnCredentialDialogClose($event)\">\n  </mj-credential-dialog>\n}\n\n<!-- New Entity dialog -->\n@if (ShowCreateEntity) {\n  <div class=\"new-entity-backdrop\" (click)=\"CloseNewEntityDialog()\"></div>\n  <div class=\"new-entity-dialog\">\n    <div class=\"new-entity-dialog-header\">\n      <h3>Create New Entity Table</h3>\n      <button class=\"new-entity-dialog-close\" (click)=\"CloseNewEntityDialog()\">\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n    <div class=\"new-entity-dialog-body\">\n      <p class=\"new-entity-dialog-desc\">\n        Generate a SQL migration to create a new database table for this integration's data.\n        After running the migration and CodeGen, the new entity will appear in the entity picker.\n      </p>\n\n      <div class=\"new-entity-dialog-form\">\n        <div class=\"new-entity-dialog-row\">\n          <div class=\"new-entity-dialog-field\">\n            <label class=\"new-entity-dialog-label\">Source Object</label>\n            <div class=\"new-entity-dialog-value\">\n              @if (AddMapSourceObjectName) {\n                {{ AddMapSourceObjectName }}\n              } @else {\n                <span class=\"new-entity-dialog-hint\">Select a source object in the Add Map form first</span>\n              }\n            </div>\n          </div>\n        </div>\n        <div class=\"new-entity-dialog-row\">\n          <div class=\"new-entity-dialog-field\">\n            <label class=\"new-entity-dialog-label\">Schema</label>\n            <input type=\"text\"\n                   class=\"new-entity-dialog-input\"\n                   placeholder=\"e.g. hubspot\"\n                   [(ngModel)]=\"NewEntitySchema\" />\n          </div>\n          <span class=\"new-entity-dialog-dot\">.</span>\n          <div class=\"new-entity-dialog-field new-entity-dialog-field-wide\">\n            <label class=\"new-entity-dialog-label\">Table Name</label>\n            <input type=\"text\"\n                   class=\"new-entity-dialog-input\"\n                   placeholder=\"e.g. Contact\"\n                   [(ngModel)]=\"NewEntityTable\" />\n          </div>\n        </div>\n      </div>\n\n      @if (DDLPreviewWarnings.length > 0) {\n        <div class=\"ddl-warnings\">\n          @for (warn of DDLPreviewWarnings; track warn) {\n            <div class=\"ddl-warning\"><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ warn }}</div>\n          }\n        </div>\n      }\n\n      @if (DDLPreview) {\n        <div class=\"ddl-preview-block\">\n          <div class=\"ddl-preview-header\">\n            <span>SQL Preview</span>\n            <button class=\"ddl-copy-btn\" (click)=\"CopyDDLToClipboard()\" title=\"Copy to clipboard\">\n              @if (DDLCopied) {\n                <i class=\"fa-solid fa-check\"></i> Copied\n              } @else {\n                <i class=\"fa-regular fa-copy\"></i> Copy\n              }\n            </button>\n          </div>\n          <pre class=\"ddl-preview-code\">{{ DDLPreview }}</pre>\n        </div>\n      }\n\n      @if (DDLPreview) {\n        <div class=\"new-entity-next-steps\">\n          <h4><i class=\"fa-solid fa-list-check\"></i> Next Steps</h4>\n          <ol>\n            <li>Copy the SQL above and save it as a migration file</li>\n            <li>Run the migration against your database</li>\n            <li>Run CodeGen to register the new entity in MemberJunction</li>\n            <li>Refresh the page &mdash; the new entity will appear in the entity picker</li>\n          </ol>\n        </div>\n      }\n    </div>\n    <div class=\"new-entity-dialog-footer\">\n      <button class=\"new-entity-preview-btn\"\n              [disabled]=\"!CanGenerateSQL || IsGeneratingDDL\"\n              (click)=\"PreviewDDL()\">\n        @if (IsGeneratingDDL) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Generating...\n        } @else {\n          <i class=\"fa-solid fa-code\"></i> Generate SQL\n        }\n      </button>\n      <button class=\"new-entity-dialog-done-btn\" (click)=\"CloseNewEntityDialog()\">\n        Done\n      </button>\n    </div>\n  </div>\n}\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ---------------------------------------------------------------------------\n   Host & Container \u2014 flex chain for scrollable detail view\n   --------------------------------------------------------------------------- */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* Slot passthrough now in <mj-page-header>; stat badges now via <mj-stat-badge>. */\n\n.connections-container {\n  padding: 24px;\n  max-width: 1400px;\n  width: 100%;\n  margin: 0 auto;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n\n/* When detail or editor view is active, prevent container scrolling\n   so the inner .detail-table-body handles its own scroll */\n.connections-container.detail-active,\n.connections-container.editor-active {\n  overflow: hidden;\n}\n\n/* ---------------------------------------------------------------------------\n   Loading & Empty States\n   --------------------------------------------------------------------------- */\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 300px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 400px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 16px;\n}\n\n.empty-state h3 {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 8px;\n}\n\n.empty-state p {\n  font-size: 14px;\n  margin: 0 0 24px;\n}\n\n/* ---------------------------------------------------------------------------\n   Card Grid\n   --------------------------------------------------------------------------- */\n\n.card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 20px;\n}\n\n/* ---------------------------------------------------------------------------\n   Connection Card\n   --------------------------------------------------------------------------- */\n\n.connection-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  transition: box-shadow 0.2s ease, transform 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.connection-card:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  transform: translateY(-2px);\n}\n\n/* Card Header */\n.card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 16px 0;\n}\n\n.icon-circle {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  flex-shrink: 0;\n}\n\n.icon-large {\n  font-size: 22px;\n}\n\n/* Status Badge */\n.status-badge {\n  font-size: 12px;\n  font-weight: 600;\n  padding: 4px 10px;\n  border-radius: 20px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.status-badge-connected {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.status-badge-error {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.status-badge-inactive {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n}\n\n.status-badge-syncing {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n/* Card Body */\n.card-body {\n  padding: 12px 16px;\n  flex: 1;\n}\n\n.card-name {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.card-company {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 10px;\n}\n\n.card-meta {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 6px;\n}\n\n.meta-separator {\n  margin: 0 6px;\n}\n\n.meta-label {\n  font-weight: 500;\n}\n\n.card-sync-info {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 8px;\n}\n\n.card-sync-info i {\n  margin-right: 4px;\n  color: var(--mj-text-disabled);\n}\n\n/* Card inline test result */\n.card-test-result {\n  font-size: 12px;\n  padding: 6px 10px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n}\n\n.card-test-result.test-success {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.card-test-result.test-failure {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.card-test-result span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Card Footer */\n.card-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.card-footer button {\n  font-size: 13px;\n}\n\n/* Sync dropdown menu */\n.sync-menu-wrapper {\n  position: relative;\n  display: inline-flex;\n}\n\n.sync-caret {\n  font-size: 10px;\n  margin-left: 4px;\n  opacity: 0.8;\n}\n\n.sync-dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 1000;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n  min-width: 220px;\n  overflow: hidden;\n}\n\n.sync-dropdown-left {\n  left: auto;\n  right: 0;\n}\n\n.sync-dropdown-group {\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.sync-dropdown-group:last-child {\n  border-bottom: none;\n}\n\n.sync-dropdown-label {\n  display: block;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--mj-text-muted);\n  padding: 0 12px 4px;\n}\n\n.sync-dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 7px 12px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  text-align: left;\n  transition: background 0.12s;\n}\n\n.sync-dropdown-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.sync-dropdown-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n/* Card Delete Button */\n.card-delete-btn {\n  margin-left: auto;\n  background: none;\n  border: 1px solid transparent;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  transition: all 0.15s;\n}\n\n.card-delete-btn:hover {\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n  color: var(--mj-status-error);\n}\n\n.menu-trigger:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.card-menu-dropdown {\n  position: absolute;\n  right: 0;\n  top: 100%;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  min-width: 160px;\n  z-index: 50;\n  padding: 4px;\n}\n\n.menu-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  border-radius: 6px;\n  transition: background 0.15s;\n  text-align: left;\n}\n\n.menu-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.menu-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.menu-item-danger {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger i {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n\n/* ---------------------------------------------------------------------------\n   New Connection Card\n   --------------------------------------------------------------------------- */\n\n.new-connection-card {\n  border: 2px dashed var(--mj-border-strong);\n  background: var(--mj-bg-page);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  transition: background 0.2s, border-color 0.2s;\n}\n\n.new-connection-card:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  box-shadow: none;\n  transform: none;\n}\n\n.new-card-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.new-card-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-active);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  color: var(--mj-text-muted);\n  transition: background 0.2s, color 0.2s;\n}\n\n.new-connection-card:hover .new-card-icon {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.new-card-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.new-connection-card:hover .new-card-label {\n  color: var(--mj-brand-primary);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard (inline, replaces card grid)\n   --------------------------------------------------------------------------- */\n\n.wizard-inline {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n/* Wizard Header */\n.wizard-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 20px;\n}\n\n.wizard-back-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  padding: 6px 10px;\n  border-radius: 6px;\n  transition: background 0.15s, color 0.15s;\n}\n\n.wizard-back-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.wizard-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n/* ---------------------------------------------------------------------------\n   Step Indicator\n   --------------------------------------------------------------------------- */\n\n.step-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 32px;\n  gap: 0;\n}\n\n.step-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n}\n\n.step-circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 600;\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-disabled);\n  border: 2px solid var(--mj-border-default);\n  transition: all 0.2s;\n}\n\n.step-active .step-circle {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.step-completed .step-circle {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-status-success);\n}\n\n.step-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n  white-space: nowrap;\n}\n\n.step-active .step-label {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.step-completed .step-label {\n  color: var(--mj-status-success);\n}\n\n.step-line {\n  width: 48px;\n  height: 2px;\n  background: var(--mj-border-default);\n  margin: 0 8px;\n  margin-bottom: 20px;\n  transition: background 0.2s;\n}\n\n.step-line-active {\n  background: var(--mj-status-success);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard Body\n   --------------------------------------------------------------------------- */\n\n.wizard-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.step-content {\n  min-height: 300px;\n}\n\n.step-content-centered {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.step-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 20px;\n}\n\n.step-content-centered .step-title {\n  margin-bottom: 32px;\n}\n\n/* Search bar */\n.search-bar {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.search-icon {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.search-input {\n  width: 100%;\n  padding: 10px 14px 10px 40px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  transition: border-color 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n\n.search-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.search-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n/* No integrations */\n.no-integrations {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 24px;\n  color: var(--mj-text-disabled);\n  text-align: center;\n}\n\n.no-integrations i {\n  font-size: 36px;\n  margin-bottom: 12px;\n}\n\n.no-integrations p {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin: 0 0 4px;\n}\n\n.no-integrations-hint {\n  font-size: 13px;\n}\n\n/* Integration picker grid */\n.integration-picker-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.integration-picker-card {\n  border: 2px solid var(--mj-border-default);\n  border-radius: 10px;\n  padding: 16px;\n  cursor: pointer;\n  text-align: center;\n  transition: border-color 0.2s, background 0.15s;\n}\n\n.integration-picker-card:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-page);\n}\n\n.integration-picker-card.picker-selected {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-status-info-bg);\n}\n\n.picker-icon-circle {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  margin: 0 auto 10px;\n  font-size: 18px;\n}\n\n.picker-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.picker-description {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n/* ---------------------------------------------------------------------------\n   Form Controls (Step 2)\n   --------------------------------------------------------------------------- */\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-label {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 6px;\n}\n\n.optional-label {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input {\n  width: 100%;\n  padding: 10px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  transition: border-color 0.2s, box-shadow 0.2s;\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 rgba(37, 99, 235, 0.1);\n}\n\n.form-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.form-input:disabled {\n  background: var(--mj-bg-page);\n  color: var(--mj-text-muted);\n}\n\n.form-textarea {\n  resize: vertical;\n  min-height: 72px;\n}\n\n.form-hint {\n  font-size: 13px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n/* Credential section */\n.credential-selected {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  border-radius: 8px;\n}\n\n.credential-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-status-success-text);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.credential-info i {\n  color: var(--mj-status-success);\n}\n\n.credential-clear {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n  transition: color 0.15s;\n}\n\n.credential-clear:hover {\n  color: var(--mj-status-error);\n}\n\n.credential-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.credential-actions button {\n  font-size: 13px;\n}\n\n.credential-loading {\n  padding: 16px 0;\n}\n\n.credential-list {\n  margin-top: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.credential-list-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.15s;\n}\n\n.credential-list-item:last-child {\n  border-bottom: none;\n}\n\n.credential-list-item:hover {\n  background: var(--mj-bg-page);\n}\n\n.credential-list-item i {\n  color: var(--mj-text-disabled);\n}\n\n/* ---------------------------------------------------------------------------\n   Test Connection (Step 3)\n   --------------------------------------------------------------------------- */\n\n.test-prompt {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.test-hint {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin: 0;\n}\n\n.test-running {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  color: var(--mj-brand-primary);\n}\n\n.test-spinner {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.test-running p {\n  font-size: 15px;\n  font-weight: 500;\n  margin: 0;\n}\n\n/* Test result */\n.test-result {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  padding: 24px;\n  border-radius: 12px;\n  max-width: 400px;\n}\n\n.test-result-success {\n  background: var(--mj-status-success-bg);\n}\n\n.test-result-failure {\n  background: var(--mj-status-error-bg);\n}\n\n.test-result-icon {\n  font-size: 48px;\n  animation: scaleIn 0.3s ease-out;\n}\n\n.test-result-success .test-result-icon {\n  color: var(--mj-status-success);\n}\n\n.test-result-failure .test-result-icon {\n  color: var(--mj-status-error);\n}\n\n@keyframes scaleIn {\n  from {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.test-result-message {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-align: center;\n}\n\n.test-result-detail {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.test-retry-btn {\n  margin-top: 4px;\n}\n\n/* Toggle switch */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-border-strong);\n  border-radius: 24px;\n  transition: background 0.2s;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  height: 18px;\n  width: 18px;\n  left: 3px;\n  bottom: 3px;\n  background: var(--mj-bg-surface);\n  border-radius: 50%;\n  transition: transform 0.2s;\n}\n\n.toggle-switch input:checked + .toggle-slider {\n  background: var(--mj-brand-primary);\n}\n\n.toggle-switch input:checked + .toggle-slider::before {\n  transform: translateX(20px);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard Footer\n   --------------------------------------------------------------------------- */\n\n.wizard-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.footer-left {\n  display: flex;\n  align-items: center;\n}\n\n.footer-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* ---------------------------------------------------------------------------\n   Responsive\n   --------------------------------------------------------------------------- */\n\n@media (max-width: 768px) {\n  .connections-container {\n    padding: 16px;\n  }\n\n  .card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .integration-picker-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .step-indicator {\n    padding: 16px;\n    overflow-x: auto;\n  }\n\n  .step-line {\n    width: 24px;\n  }\n\n  .credential-actions {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .integration-picker-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .card-footer {\n    flex-wrap: wrap;\n  }\n}\n\n/* ---------------------------------------------------------------------------\n   Delete confirmation overlay\n   --------------------------------------------------------------------------- */\n\n.delete-confirm-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(255, 255, 255, 0.95);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 5;\n  border-radius: 12px;\n  animation: fadeIn 150ms ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.delete-confirm-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  padding: 20px;\n  text-align: center;\n}\n\n.delete-warn-icon {\n  font-size: 28px;\n  color: var(--mj-status-error);\n}\n\n.delete-confirm-text {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  max-width: 220px;\n}\n\n.delete-confirm-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n/* ---------------------------------------------------------------------------\n   Edit panel (slide-in)\n   --------------------------------------------------------------------------- */\n\n.edit-panel-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.1);\n  z-index: 99;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 300ms ease;\n}\n\n.edit-panel-backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.edit-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 400px;\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08);\n  z-index: 100;\n  transform: translateX(100%);\n  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.edit-panel.open {\n  transform: translateX(0);\n}\n\n.edit-panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.edit-panel-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.edit-icon-circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 14px;\n}\n\n.edit-close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-text-disabled);\n  cursor: pointer;\n  font-size: 14px;\n  transition: all 150ms ease;\n}\n\n.edit-close-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.edit-panel-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 20px;\n}\n\n.edit-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.edit-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.edit-form-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.edit-form-input {\n  height: 36px;\n  padding: 0 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  transition: border-color 150ms ease;\n}\n\n.edit-form-input:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.edit-readonly-field {\n  padding: 8px 12px;\n  background: var(--mj-bg-page);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.edit-toggle-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.edit-toggle-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n}\n\n.edit-toggle-label.active {\n  color: var(--mj-status-success);\n}\n\n.edit-credential-selected {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-page);\n}\n\n.edit-credential-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.edit-credential-info i {\n  color: var(--mj-brand-primary);\n}\n\n.edit-credential-clear {\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--mj-text-disabled);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  transition: all 150ms ease;\n}\n\n.edit-credential-clear:hover {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.edit-credential-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.edit-credential-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 6px;\n  max-height: 180px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n}\n\n.edit-credential-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: background 150ms ease;\n}\n\n.edit-credential-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.edit-credential-item i {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.edit-panel-footer {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n/* ---------------------------------------------------------------------------\n   Card clickable area\n   --------------------------------------------------------------------------- */\n\n.card-clickable {\n  cursor: pointer;\n}\n\n/* ---------------------------------------------------------------------------\n   Detail View (entity maps for a selected integration)\n   --------------------------------------------------------------------------- */\n\n.detail-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.detail-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.detail-header-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.detail-header-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.detail-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.detail-subtitle {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n\n.detail-header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* Schedule section */\n.schedule-section {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin-bottom: 16px;\n}\n\n.schedule-section-header {\n  margin-bottom: 12px;\n}\n\n.schedule-section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.schedule-section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.schedule-empty {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.schedule-empty-text {\n  font-size: 0.85rem;\n  color: var(--mj-text-disabled);\n}\n\n.schedule-create-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: linear-gradient(135deg, var(--mj-brand-primary) 0%, var(--mj-brand-primary-active) 100%);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  font-weight: 600;\n  transition: all 0.2s ease;\n}\n\n.schedule-create-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n/* Detail toolbar */\n.detail-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.detail-toolbar-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-map-count {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.detail-search {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n}\n\n.detail-search i {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.detail-search input {\n  border: none;\n  outline: none;\n  background: transparent;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  width: 200px;\n}\n\n.detail-search input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n/* Add Map button */\n.add-map-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-brand-primary-hover);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 150ms ease;\n  white-space: nowrap;\n}\n\n.add-map-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.add-map-btn.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  border-color: var(--mj-brand-primary);\n}\n\n.apply-all-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.apply-all-btn:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.apply-all-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.add-map-btn-lg {\n  margin-top: 16px;\n  padding: 10px 20px;\n  font-size: 14px;\n}\n\n/* Add map inline panel */\n.add-map-panel {\n  padding: 16px;\n  margin-bottom: 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  animation: fadeIn 200ms ease;\n}\n\n.add-map-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 12px;\n}\n\n.add-map-field {\n  flex: 1;\n  min-width: 0;\n}\n\n.add-map-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  margin-bottom: 6px;\n}\n\n.add-map-select {\n  width: 100%;\n  height: 34px;\n  padding: 0 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  cursor: pointer;\n}\n\n.add-map-select:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.add-map-direction-col {\n  flex-shrink: 0;\n}\n\n.add-map-direction-btns {\n  display: flex;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.add-map-direction-btns button {\n  padding: 7px 12px;\n  border: none;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  cursor: pointer;\n  transition: all 150ms ease;\n  border-right: 1px solid var(--mj-border-default);\n}\n\n.add-map-direction-btns button:last-child {\n  border-right: none;\n}\n\n.add-map-direction-btns button:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-map-direction-btns button.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n}\n\n.add-map-actions {\n  display: flex;\n  gap: 6px;\n  flex-shrink: 0;\n}\n\n.add-map-save-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 16px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 150ms ease;\n  white-space: nowrap;\n}\n\n.add-map-save-btn:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.add-map-save-btn:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.add-map-cancel-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n\n.add-map-cancel-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.add-map-loading {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n.add-map-loading i {\n  color: var(--mj-brand-primary);\n  margin-right: 4px;\n}\n\n.add-map-hint {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n  font-style: italic;\n}\n\n/* Entity field needs more room for tree dropdown */\n.add-map-entity-field {\n  flex: 2;\n  min-width: 280px;\n}\n\n/* Entity picker row: tree dropdown + New button side by side */\n.entity-picker-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.entity-picker-row mj-tree-dropdown {\n  flex: 1;\n  min-width: 0;\n}\n\n.new-entity-btn {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 7px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-brand-primary);\n  background: var(--mj-brand-primary-subtle);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n  border-radius: 6px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 0.15s ease;\n}\n\n.new-entity-btn:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* ---------------------------------------------------------------------------\n   Sync Result Banner\n   --------------------------------------------------------------------------- */\n\n.sync-result-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 12px;\n  animation: fadeIn 200ms ease;\n}\n\n.sync-result-banner.sync-success {\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  color: var(--mj-status-success-text);\n}\n\n.sync-result-banner.sync-failure {\n  background: var(--mj-status-error-bg);\n  border: 1px solid var(--mj-status-error-border);\n  color: var(--mj-status-error-text);\n}\n\n/* ---------------------------------------------------------------------------\n   Auto-Map Schema Panel\n   --------------------------------------------------------------------------- */\n\n.auto-map-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.auto-map-header i {\n  color: var(--mj-brand-primary);\n}\n\n.auto-map-result {\n  margin-top: 12px;\n  padding: 10px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.auto-map-result.auto-map-success {\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  color: var(--mj-status-success-text);\n}\n\n.auto-map-result.auto-map-partial {\n  background: var(--mj-status-warning-bg);\n  border: 1px solid var(--mj-status-warning-border);\n  color: var(--mj-status-warning-text);\n}\n\n.auto-map-result.auto-map-failure {\n  background: var(--mj-status-error-bg);\n  border: 1px solid var(--mj-status-error-border);\n  color: var(--mj-status-error-text);\n}\n\n.auto-map-result-summary {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n\n.auto-map-errors {\n  margin-top: 6px;\n  font-size: 12px;\n}\n\n.auto-map-error {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 0;\n}\n\n/* ---------------------------------------------------------------------------\n   New Entity Dialog\n   --------------------------------------------------------------------------- */\n\n.new-entity-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  animation: fadeIn 0.15s ease;\n}\n\n.new-entity-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 640px;\n  max-width: 90vw;\n  max-height: 85vh;\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  animation: fadeIn 0.2s ease;\n}\n\n.new-entity-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.new-entity-dialog-header h3 {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.new-entity-dialog-close:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.new-entity-dialog-desc {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  line-height: 1.5;\n}\n\n.new-entity-dialog-form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.new-entity-dialog-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.new-entity-dialog-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n}\n\n.new-entity-dialog-field-wide {\n  flex: 1;\n}\n\n.new-entity-dialog-label {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.new-entity-dialog-input {\n  padding: 8px 12px;\n  font-size: var(--mj-text-sm);\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: border-color 0.15s ease;\n}\n\n.new-entity-dialog-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1);\n}\n\n.new-entity-dialog-dot {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-secondary);\n  padding-bottom: 6px;\n  user-select: none;\n}\n\n.new-entity-dialog-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  padding: 8px 0 4px;\n}\n\n.new-entity-dialog-hint {\n  font-style: italic;\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n}\n\n.new-entity-dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.new-entity-preview-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-inverse);\n  background: var(--mj-brand-primary);\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.15s ease;\n}\n\n.new-entity-preview-btn:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.new-entity-preview-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.new-entity-dialog-done-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.new-entity-dialog-done-btn:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n/* Next steps callout inside dialog */\n.new-entity-next-steps {\n  background: var(--mj-brand-primary-subtle);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n  border-radius: var(--mj-radius-md);\n  padding: 14px 16px;\n}\n\n.new-entity-next-steps h4 {\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-brand-primary-hover);\n}\n\n.new-entity-next-steps h4 i {\n  margin-right: 6px;\n}\n\n.new-entity-next-steps ol {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n  color: var(--mj-brand-primary-hover);\n  line-height: 1.7;\n}\n\n/* DDL copy button */\n.ddl-copy-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.ddl-copy-btn:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n/* DDL Preview */\n.ddl-warnings {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ddl-warning {\n  font-size: 12px;\n  color: var(--mj-status-warning);\n  background: var(--mj-status-warning-subtle);\n  padding: 6px 10px;\n  border-radius: var(--mj-radius-sm);\n  border-left: 3px solid var(--mj-status-warning);\n}\n\n.ddl-warning i {\n  margin-right: 4px;\n}\n\n.ddl-preview-block {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  overflow: hidden;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n}\n\n.ddl-preview-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.ddl-preview-code {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 12px;\n  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;\n  line-height: 1.6;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n  flex: 1;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Detail empty state */\n.detail-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty i {\n  font-size: 36px;\n  margin-bottom: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 6px;\n}\n\n.detail-empty p {\n  font-size: 13px;\n  margin: 0;\n  max-width: 400px;\n}\n\n/* Detail table */\n.detail-table-head {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  background: var(--mj-bg-page);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px 8px 0 0;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-secondary);\n}\n\n.detail-table-body {\n  border: 1px solid var(--mj-border-default);\n  border-top: none;\n  border-radius: 0 0 8px 8px;\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.detail-map-row {\n  display: flex;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.15s;\n  font-size: 13px;\n}\n\n.detail-map-row:last-child {\n  border-bottom: none;\n}\n\n.detail-map-row:hover {\n  background: var(--mj-bg-page);\n  cursor: pointer;\n}\n\n.detail-map-row.sync-disabled {\n  opacity: 0.5;\n}\n\n/* Column widths (shared between head and body) */\n.dt-col-toggle {\n  width: 60px;\n  flex-shrink: 0;\n}\n\n.dt-col-source {\n  flex: 2;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.dt-col-direction {\n  width: 80px;\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.dt-col-dest {\n  flex: 2;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--mj-text-primary);\n}\n\n.dt-col-meta {\n  width: 80px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  justify-content: flex-end;\n}\n\n/* Direction badge */\n.direction-badge {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n/* Clickable direction toggle button */\nbutton.direction-toggle {\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\nbutton.direction-toggle:hover {\n  border-color: var(--mj-border-strong);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n.direction-badge.pull {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n.direction-badge.push {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.direction-badge.bidirectional {\n  background: var(--mj-status-warning-subtle);\n  color: var(--mj-status-warning);\n}\n\n/* Create Tables list */\n.create-tables-list {\n  max-height: 300px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  margin-top: 8px;\n  background: var(--mj-bg-surface);\n}\n.create-tables-select-all {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  font-weight: 600;\n}\n.create-tables-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n.create-tables-checkbox:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.create-tables-checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.create-tables-name-hint {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  margin-left: 8px;\n}\n.create-tables-filters {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 0;\n  flex-wrap: wrap;\n}\n.create-tables-search {\n  flex: 1 1 240px;\n  min-width: 200px;\n}\n.create-tables-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n.create-tables-toggle input[type=\"checkbox\"] {\n  margin: 0;\n}\n.create-tables-badge {\n  display: inline-block;\n  margin-left: 6px;\n  padding: 1px 6px;\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  line-height: 1.4;\n}\n.create-tables-badge-custom {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n.create-tables-badge-registered {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n.add-map-input {\n  width: 100%;\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n.add-map-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* Config badges */\n.detail-config-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n}\n\n/* Detail back button (icon-only) */\n.detail-back-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  font-size: 16px;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  flex-shrink: 0;\n}\n\n.detail-back-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* Detail edit button (icon-only) */\n.detail-edit-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  flex-shrink: 0;\n}\n\n.detail-edit-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* Chevron hint on entity map rows */\n.map-edit-hint {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: color 0.15s;\n}\n\n.detail-map-row:hover .map-edit-hint {\n  color: var(--mj-brand-primary);\n}\n\n/* Entity map editor header */\n.ve-header-title-inline {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.ve-source-label {\n  color: var(--mj-brand-primary);\n}\n\n.ve-direction-icon {\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.ve-dest-label {\n  color: var(--mj-status-success);\n}\n\n.ve-stat-inline {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.ve-stat-inline strong {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.detail-table-empty {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 13px;\n}\n\n/* ---------------------------------------------------------------------------\n   Discovered Source Objects Section\n   --------------------------------------------------------------------------- */\n\n.discovered-objects-section {\n  margin: 12px 0;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.discovered-objects-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.discovered-objects-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.discovered-objects-title i {\n  color: var(--mj-brand-primary);\n}\n\n.discovered-count {\n  font-weight: 400;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.discovered-objects-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.discovered-action-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  background: none;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  padding: 3px 10px;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.discovered-action-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.discovered-action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.discovered-loading,\n.discovered-empty {\n  padding: 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.discovered-loading i {\n  margin-right: 6px;\n}\n\n.discovered-objects-list {\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.discovered-object-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.1s;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  font-size: 13px;\n}\n\n.discovered-object-row:last-child {\n  border-bottom: none;\n}\n\n.discovered-object-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.discovered-object-row.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.discovered-object-row input[type=\"checkbox\"] {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  accent-color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.discovered-object-name {\n  flex: 1;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.discovered-object-api-name {\n  flex: 1;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-family: monospace;\n}\n\n.discovered-object-badges {\n  display: flex;\n  gap: 4px;\n}\n\n.discovered-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  font-size: 10px;\n}\n\n.discovered-badge.incremental {\n  color: var(--mj-status-success);\n  background: var(--mj-status-success-bg);\n}\n\n.discovered-badge.writable {\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-integration-connections', template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Integrations\"\n    Icon=\"fa-solid fa-plug\"\n    Subtitle=\"Connected systems and data sources\">\n    <!-- [meta] intentionally omitted \u2014 chrome slot discipline audit Task B.\n         \"Connections.length integrations\" badge mirrored the visible card\n         grid row count. -->\n    <div actions>\n      <mj-refresh-button [Loading]=\"IsLoading\" (Clicked)=\"LoadData()\"></mj-refresh-button>\n      @if (!WizardOpen && !SelectedSummary) {\n        <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OpenWizard()\">\n          <i class=\"fa-solid fa-plus\"></i> <span class=\"action-btn-label\">Add Integration</span>\n        </button>\n      }\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n<!-- Main container -->\n<div class=\"connections-container\" [class.detail-active]=\"!!SelectedSummary\"\n     [class.editor-active]=\"!!EditorEntityMap\">\n\n  <!-- ======================================================================\n       CARD GRID VIEW (shown when no wizard and no detail selected)\n       ====================================================================== -->\n  @if (!WizardOpen && !SelectedSummary) {\n    <!-- Loading state -->\n    @if (IsLoading) {\n      <div class=\"loading-container\">\n        <mj-loading text=\"Loading integrations...\"></mj-loading>\n      </div>\n    }\n\n    <!-- Empty state -->\n    @if (!IsLoading && Connections.length === 0) {\n      <div class=\"empty-state\">\n        <i class=\"fa-solid fa-plug empty-icon\"></i>\n        <h3>No integrations yet</h3>\n        <p>Connect your first external system to start syncing data.</p>\n        <button mjButton variant=\"primary\" (click)=\"OpenWizard()\">\n          <i class=\"fa-solid fa-plus\"></i>\n          Add Your First Integration\n        </button>\n      </div>\n    }\n\n    <!-- Card grid -->\n    @if (!IsLoading && Connections.length > 0) {\n      <div class=\"card-grid\">\n        @for (summary of Connections; track summary.Integration.ID) {\n          <div class=\"connection-card\">\n            <!-- Card header + body: clickable to open detail view -->\n            <div class=\"card-clickable\" (click)=\"SelectIntegrationCard(summary)\">\n              <div class=\"card-header\">\n                <div class=\"icon-circle\" [style.background-color]=\"GetIconBrandColor(summary.Integration.Integration)\">\n                  <i [class]=\"GetIntegrationIcon(summary.Integration.Integration, summary.Icon)\" class=\"icon-large\"></i>\n                </div>\n                <span [class]=\"GetStatusBadgeClass(summary)\">{{ GetStatusBadge(summary) }}</span>\n              </div>\n\n              <!-- Card body -->\n              <div class=\"card-body\">\n              <div class=\"card-name\">{{ summary.Integration.Name }}</div>\n              <div class=\"card-company\">{{ summary.Integration.Company }}</div>\n              <div class=\"card-meta\">\n                <span class=\"meta-label\">{{ GetSourceTypeLabel(summary) }}</span>\n                <span class=\"meta-separator\">&middot;</span>\n                <span class=\"meta-value\">{{ GetCredentialHint(summary) }}</span>\n              </div>\n              <div class=\"card-sync-info\">\n                <i class=\"fa-solid fa-arrows-rotate\"></i>\n                Syncing {{ GetEntityMapCount(summary.Integration.ID) }} entities\n              </div>\n\n              <!-- Inline test result -->\n              @if (GetCardTestResult(summary.Integration.ID); as testResult) {\n                <div class=\"card-test-result\" [class.test-success]=\"testResult.Success\" [class.test-failure]=\"!testResult.Success\">\n                  @if (testResult.Success) {\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-circle-xmark\"></i>\n                  }\n                  <span>{{ testResult.Message }}</span>\n                </div>\n              }\n            </div>\n          </div><!-- /card-clickable -->\n\n            <!-- Delete confirmation overlay -->\n            @if (IsDeleteConfirming(summary.Integration.ID)) {\n              <div class=\"delete-confirm-overlay\">\n                <div class=\"delete-confirm-content\">\n                  <i class=\"fa-solid fa-triangle-exclamation delete-warn-icon\"></i>\n                  <span class=\"delete-confirm-text\">Delete this integration and all its entity maps?</span>\n                  <div class=\"delete-confirm-actions\">\n                    <button mjButton\n                            variant=\"danger\"\n                            [disabled]=\"IsDeleting\"\n                            (click)=\"ConfirmDelete(summary.Integration.ID)\">\n                      @if (IsDeleting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                        Deleting...\n                      } @else {\n                        Delete\n                      }\n                    </button>\n                    <button mjButton variant=\"outline\" (click)=\"CancelDelete()\">\n                      Cancel\n                    </button>\n                  </div>\n                </div>\n              </div>\n            }\n\n            <!-- Card footer -->\n            <div class=\"card-footer\">\n              <button mjButton\n                      variant=\"outline\"\n                      [disabled]=\"!!TestingCardID\"\n                      (click)=\"TestExistingConnection(summary.Integration.ID)\">\n                @if (IsTestingCard(summary.Integration.ID)) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                } @else {\n                  Test\n                }\n              </button>\n              <button mjButton variant=\"outline\" (click)=\"OnMenuAction('edit', summary)\">\n                Configure\n              </button>\n              @if (IsConnectionActive(summary)) {\n                <div class=\"sync-menu-wrapper\">\n                  <button mjButton variant=\"primary\"\n                          [disabled]=\"!!SyncingIntegrationID\"\n                          (click)=\"ToggleSyncMenu(summary.Integration.ID, $event)\">\n                    @if (IsSyncing(summary.Integration.ID)) {\n                      <i class=\"fa-solid fa-spinner fa-spin\"></i> Syncing...\n                    } @else {\n                      <i class=\"fa-solid fa-arrows-rotate\"></i> Sync\n                      <i class=\"fa-solid fa-chevron-down sync-caret\"></i>\n                    }\n                  </button>\n                  @if (SyncMenuIntegrationID === summary.Integration.ID) {\n                    <div class=\"sync-dropdown\">\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Pull (External \u2192 MJ)</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Pull', $event)\">\n                          <i class=\"fa-solid fa-arrow-down-to-line\"></i> Incremental Pull\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Pull', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Pull\n                        </button>\n                      </div>\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Push (MJ \u2192 External)</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Push', $event)\">\n                          <i class=\"fa-solid fa-arrow-up-from-line\"></i> Incremental Push\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Push', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Push\n                        </button>\n                      </div>\n                      <div class=\"sync-dropdown-group\">\n                        <span class=\"sync-dropdown-label\">Bidirectional</span>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, false, 'Bidirectional', $event)\">\n                          <i class=\"fa-solid fa-arrows-rotate\"></i> Incremental Both\n                        </button>\n                        <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(summary.Integration.ID, true, 'Bidirectional', $event)\">\n                          <i class=\"fa-solid fa-rotate\"></i> Full Both\n                        </button>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n              <button class=\"card-delete-btn\" (click)=\"OnMenuAction('delete', summary)\" title=\"Delete integration\">\n                <i class=\"fa-solid fa-trash-can\"></i>\n              </button>\n            </div>\n          </div>\n        }\n\n        <!-- New connection card -->\n        <div class=\"connection-card new-connection-card\" (click)=\"OpenWizard()\">\n          <div class=\"new-card-content\">\n            <div class=\"new-card-icon\">\n              <i class=\"fa-solid fa-plus\"></i>\n            </div>\n            <span class=\"new-card-label\">Add Integration</span>\n          </div>\n        </div>\n      </div>\n    }\n  }\n\n  <!-- ======================================================================\n       DETAIL VIEW (entity maps for selected integration)\n       ====================================================================== -->\n  @if (!WizardOpen && SelectedSummary) {\n    <div class=\"detail-view\">\n\n      <!-- ================================================================\n           ENTITY MAP EDITOR (field mapping detail for a selected map)\n           ================================================================ -->\n      @if (EditorEntityMap) {\n        <app-visual-field-editor\n          [EntityMap]=\"EditorEntityMap\"\n          [CompanyIntegrationID]=\"SelectedSummary!.Integration.ID\"\n          [RunViewProvider]=\"RunViewToUse\"\n          (Close)=\"CloseEntityMapEditor()\">\n        </app-visual-field-editor>\n\n      <!-- ================================================================\n           ENTITY MAPS LIST (shown when no editor map is selected)\n           ================================================================ -->\n      } @else {\n        <!-- Detail header -->\n        <div class=\"detail-header\">\n          <button class=\"detail-back-btn\" (click)=\"CloseDetailView()\" title=\"Back to Integrations\">\n            <i class=\"fa-solid fa-arrow-left\"></i>\n          </button>\n          <div class=\"detail-header-info\">\n            <div class=\"icon-circle\" [style.background-color]=\"GetIconBrandColor(SelectedSummary.Integration.Integration)\">\n              <i [class]=\"GetIntegrationIcon(SelectedSummary.Integration.Integration)\" class=\"icon-large\"></i>\n            </div>\n            <div class=\"detail-header-text\">\n              <h2 class=\"detail-title\">{{ SelectedSummary.Integration.Name }}</h2>\n              <span class=\"detail-subtitle\">\n                {{ SelectedSummary.Integration.Company }}\n                <span class=\"meta-separator\">&middot;</span>\n                {{ GetSourceTypeLabel(SelectedSummary) }}\n                <span class=\"meta-separator\">&middot;</span>\n                <span [class]=\"GetStatusBadgeClass(SelectedSummary)\">{{ GetStatusBadge(SelectedSummary) }}</span>\n              </span>\n            </div>\n          </div>\n          <div class=\"detail-header-actions\">\n            <button class=\"detail-edit-btn\" (click)=\"OpenEditPanel(SelectedSummary)\" title=\"Configure\">\n              <i class=\"fa-solid fa-pen-to-square\"></i>\n            </button>\n            @if (IsConnectionActive(SelectedSummary)) {\n              <div class=\"sync-menu-wrapper\">\n                <button mjButton variant=\"primary\"\n                        [disabled]=\"!!SyncingIntegrationID\"\n                        (click)=\"ToggleSyncMenu(SelectedSummary.Integration.ID, $event)\">\n                  @if (IsSyncing(SelectedSummary.Integration.ID)) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Syncing...\n                  } @else {\n                    <i class=\"fa-solid fa-arrows-rotate\"></i> Sync\n                    <i class=\"fa-solid fa-chevron-down sync-caret\"></i>\n                  }\n                </button>\n                @if (SyncMenuIntegrationID === SelectedSummary.Integration.ID) {\n                  <div class=\"sync-dropdown sync-dropdown-left\">\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Pull (External \u2192 MJ)</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Pull', $event)\">\n                        <i class=\"fa-solid fa-arrow-down-to-line\"></i> Incremental Pull\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Pull', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Pull\n                      </button>\n                    </div>\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Push (MJ \u2192 External)</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Push', $event)\">\n                        <i class=\"fa-solid fa-arrow-up-from-line\"></i> Incremental Push\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Push', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Push\n                      </button>\n                    </div>\n                    <div class=\"sync-dropdown-group\">\n                      <span class=\"sync-dropdown-label\">Bidirectional</span>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, false, 'Bidirectional', $event)\">\n                        <i class=\"fa-solid fa-arrows-rotate\"></i> Incremental Both\n                      </button>\n                      <button class=\"sync-dropdown-item\" (click)=\"RunSyncWithDirection(SelectedSummary.Integration.ID, true, 'Bidirectional', $event)\">\n                        <i class=\"fa-solid fa-rotate\"></i> Full Both\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n\n        <!-- Schedule section -->\n        <div class=\"schedule-section\">\n          <div class=\"schedule-section-header\">\n            <div class=\"schedule-section-title\">\n              <i class=\"fa-solid fa-calendar-check\"></i>\n              <span>Sync Schedule</span>\n            </div>\n          </div>\n          @if (ScheduledJobID) {\n            <mj-scheduled-job-summary\n              [ScheduledJobID]=\"ScheduledJobID\"\n              (EditRequested)=\"OpenSchedulePanel()\">\n            </mj-scheduled-job-summary>\n          } @else {\n            <div class=\"schedule-empty\">\n              <span class=\"schedule-empty-text\">No sync schedule configured</span>\n              <button class=\"schedule-create-btn\" (click)=\"OpenSchedulePanel()\">\n                <i class=\"fa-solid fa-plus\"></i>\n                Schedule Sync\n              </button>\n            </div>\n          }\n        </div>\n\n        <!-- Schedule slide panel -->\n        <mj-scheduled-job-slide-panel\n          [IsOpen]=\"ShowScheduleSlidePanel\"\n          [ScheduledJobID]=\"ScheduledJobID\"\n          [JobTypeID]=\"IntegrationSyncJobTypeID\"\n          [DefaultConfiguration]=\"ScheduleDefaultConfiguration\"\n          [HideJobType]=\"true\"\n          (Close)=\"CloseSchedulePanel()\"\n          (Saved)=\"OnScheduleSaved()\"\n          (Deleted)=\"OnScheduleDeleted()\">\n        </mj-scheduled-job-slide-panel>\n\n        <!-- Entity maps toolbar -->\n        <div class=\"detail-toolbar\">\n          <div class=\"detail-toolbar-left\">\n            <span class=\"detail-map-count\">\n              {{ DetailEntityMaps.length }} entity map{{ DetailEntityMaps.length !== 1 ? 's' : '' }}\n              <span class=\"meta-separator\">&middot;</span>\n              {{ DetailActiveMapCount }} active\n            </span>\n          </div>\n          <div class=\"detail-toolbar-right\">\n            <div class=\"detail-search\">\n              <i class=\"fa-solid fa-filter\"></i>\n              <input type=\"text\"\n                     placeholder=\"Filter entity maps...\"\n                     [value]=\"DetailSearchTerm\"\n                     (input)=\"OnDetailSearch($event)\" />\n            </div>\n            <button class=\"add-map-btn\" (click)=\"ToggleCreateTablesPanel()\" [class.active]=\"ShowCreateTablesPanel\"\n                    title=\"Select source objects and create entity tables\">\n              <i class=\"fa-solid fa-table\"></i> Create Tables\n            </button>\n            <button class=\"add-map-btn\" (click)=\"ToggleAutoMapPanel()\" [class.active]=\"ShowAutoMapPanel\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-Map Schema\n            </button>\n            <button class=\"add-map-btn\" (click)=\"ToggleAddMapPanel()\" [class.active]=\"ShowAddMapPanel\">\n              <i class=\"fa-solid fa-plus\"></i> Add Map\n            </button>\n          </div>\n        </div>\n\n        <!-- Sync result banner -->\n        @if (SyncResult) {\n          <div class=\"sync-result-banner\" [class.sync-success]=\"SyncResult.Success\" [class.sync-failure]=\"!SyncResult.Success\">\n            @if (SyncResult.Success) {\n              <i class=\"fa-solid fa-circle-check\"></i>\n            } @else {\n              <i class=\"fa-solid fa-circle-xmark\"></i>\n            }\n            <span>{{ SyncResult.Message || (SyncResult.Success ? 'Sync completed successfully' : 'Sync failed') }}</span>\n          </div>\n        }\n\n        <!-- Auto-Map Schema panel -->\n        @if (ShowAutoMapPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"auto-map-header\">\n              <i class=\"fa-solid fa-wand-magic-sparkles\"></i>\n              <span>Auto-map all entities in a schema to this integration with 1:1 field mappings</span>\n            </div>\n            <div class=\"add-map-row\">\n              <div class=\"add-map-field\">\n                <label class=\"add-map-label\">Target Schema</label>\n                <select class=\"add-map-select\" [(ngModel)]=\"AutoMapSelectedSchema\">\n                  <option [ngValue]=\"''\" disabled>Select schema...</option>\n                  @for (schema of AutoMapSchemas; track schema) {\n                    <option [value]=\"schema\">{{ schema }}</option>\n                  }\n                </select>\n              </div>\n\n              <div class=\"add-map-direction-col\">\n                <label class=\"add-map-label\">Direction</label>\n                <div class=\"add-map-direction-btns\">\n                  <button [class.active]=\"AutoMapDirection === 'Pull'\" (click)=\"AutoMapDirection = 'Pull'\" title=\"Pull from source\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </button>\n                  <button [class.active]=\"AutoMapDirection === 'Bidirectional'\" (click)=\"AutoMapDirection = 'Bidirectional'\" title=\"Bidirectional sync\">\n                    <i class=\"fa-solid fa-right-left\"></i>\n                  </button>\n                  <button [class.active]=\"AutoMapDirection === 'Push'\" (click)=\"AutoMapDirection = 'Push'\" title=\"Push to source\">\n                    <i class=\"fa-solid fa-arrow-left\"></i>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanAutoMap\"\n                        (click)=\"RunAutoMap()\">\n                  @if (IsAutoMapping) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Mapping...\n                  } @else {\n                    <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Auto-Map\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseAutoMapPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n\n            @if (AutoMapResult) {\n              <div class=\"auto-map-result\" [class.auto-map-success]=\"AutoMapResult.Errors.length === 0\"\n                   [class.auto-map-partial]=\"AutoMapResult.Errors.length > 0 && AutoMapResult.EntityMapsCreated > 0\"\n                   [class.auto-map-failure]=\"AutoMapResult.EntityMapsCreated === 0 && AutoMapResult.Errors.length > 0\">\n                @if (AutoMapResult.EntityMapsCreated > 0) {\n                  <div class=\"auto-map-result-summary\">\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                    Created {{ AutoMapResult.EntityMapsCreated }} entity map{{ AutoMapResult.EntityMapsCreated !== 1 ? 's' : '' }}\n                    with {{ AutoMapResult.FieldMapsCreated }} field map{{ AutoMapResult.FieldMapsCreated !== 1 ? 's' : '' }}\n                  </div>\n                } @else if (AutoMapResult.Errors.length === 0) {\n                  <div class=\"auto-map-result-summary\">\n                    <i class=\"fa-solid fa-circle-info\"></i>\n                    All entities in this schema are already mapped.\n                  </div>\n                }\n                @if (AutoMapResult.Errors.length > 0) {\n                  <div class=\"auto-map-errors\">\n                    @for (err of AutoMapResult.Errors; track err) {\n                      <div class=\"auto-map-error\"><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ err }}</div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Create Tables panel (select source objects \u2192 create entity tables) -->\n        @if (ShowCreateTablesPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"auto-map-header\">\n              <i class=\"fa-solid fa-table\"></i>\n              <span>Select source objects to create as entity tables in your database</span>\n            </div>\n\n            <div class=\"add-map-row\">\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanCreateTables\"\n                        (click)=\"RunCreateTables()\">\n                  @if (IsCreatingTables) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i> Creating...\n                  } @else {\n                    <i class=\"fa-solid fa-table\"></i> Create {{ CreateTablesSelectedCount }} Table{{ CreateTablesSelectedCount !== 1 ? 's' : '' }}\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseCreateTablesPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n\n            @if (IsLoadingCreateTablesObjects) {\n              <mj-loading text=\"Loading source objects...\" size=\"small\"></mj-loading>\n            } @else if (CreateTablesObjects.length === 0) {\n              <div class=\"auto-map-result auto-map-success\">\n                <i class=\"fa-solid fa-circle-info\"></i>\n                No source objects available from this connector.\n              </div>\n            } @else {\n              <div class=\"create-tables-filters\">\n                <input type=\"text\"\n                       class=\"create-tables-search mj-input\"\n                       placeholder=\"Search by name or label...\"\n                       [(ngModel)]=\"CreateTablesSearch\" />\n              </div>\n              <div class=\"create-tables-list\">\n                <div class=\"create-tables-select-all\">\n                  <label class=\"create-tables-checkbox\">\n                    <input type=\"checkbox\"\n                           [checked]=\"FilteredCreateTablesObjects.length > 0 && CreateTablesSelectedCount === FilteredCreateTablesObjects.length\"\n                           (change)=\"ToggleAllCreateTablesObjects($any($event.target).checked)\" />\n                    <span>Select All ({{ FilteredCreateTablesObjects.length }} of {{ CreateTablesObjects.length }})</span>\n                  </label>\n                </div>\n                @for (obj of FilteredCreateTablesObjects; track obj.Name) {\n                  <label class=\"create-tables-checkbox\">\n                    <input type=\"checkbox\" [(ngModel)]=\"obj.Selected\" />\n                    <span>{{ obj.Label }}</span>\n                    @if (obj.Label !== obj.Name) {\n                      <span class=\"create-tables-name-hint\">{{ obj.Name }}</span>\n                    }\n                    @if (obj.IsCustom) {\n                      <span class=\"create-tables-badge create-tables-badge-custom\">Custom</span>\n                    }\n                    @if (obj.AlreadyPersisted) {\n                      <span class=\"create-tables-badge create-tables-badge-registered\">Registered</span>\n                    }\n                  </label>\n                }\n              </div>\n            }\n\n            @if (CreateTablesResult) {\n              <div class=\"auto-map-result\"\n                   [class.auto-map-success]=\"CreateTablesResult.Success\"\n                   [class.auto-map-failure]=\"!CreateTablesResult.Success\">\n                @if (CreateTablesResult.Success) {\n                  <i class=\"fa-solid fa-circle-check\"></i>\n                } @else {\n                  <i class=\"fa-solid fa-circle-xmark\"></i>\n                }\n                <span>{{ CreateTablesResult.Message }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Add Entity Map inline form -->\n        @if (ShowAddMapPanel) {\n          <div class=\"add-map-panel\">\n            <div class=\"add-map-row\">\n              <div class=\"add-map-field\">\n                <label class=\"add-map-label\">Source Object</label>\n                @if (IsLoadingSourceObjects) {\n                  <div class=\"add-map-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                } @else if (AvailableSourceObjects.length === 0) {\n                  <div class=\"add-map-hint\">No source objects found in metadata</div>\n                } @else {\n                  <select class=\"add-map-select\" [(ngModel)]=\"AddMapSourceObjectName\">\n                    <option [ngValue]=\"''\" disabled>Select source object...</option>\n                    @for (obj of AvailableSourceObjects; track obj.Name) {\n                      <option [value]=\"obj.Name\">{{ obj.Label || obj.Name }}</option>\n                    }\n                  </select>\n                }\n              </div>\n\n              <div class=\"add-map-direction-col\">\n                <label class=\"add-map-label\">Direction</label>\n                <div class=\"add-map-direction-btns\">\n                  <button [class.active]=\"AddMapDirection === 'Pull'\" (click)=\"AddMapDirection = 'Pull'\" title=\"Pull from source\">\n                    <i class=\"fa-solid fa-arrow-right\"></i>\n                  </button>\n                  <button [class.active]=\"AddMapDirection === 'Bidirectional'\" (click)=\"AddMapDirection = 'Bidirectional'\" title=\"Bidirectional sync\">\n                    <i class=\"fa-solid fa-right-left\"></i>\n                  </button>\n                  <button [class.active]=\"AddMapDirection === 'Push'\" (click)=\"AddMapDirection = 'Push'\" title=\"Push to source\">\n                    <i class=\"fa-solid fa-arrow-left\"></i>\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-field add-map-entity-field\">\n                <label class=\"add-map-label\">MJ Entity</label>\n                <div class=\"entity-picker-row\">\n                  <mj-tree-dropdown\n                    #entityTreeDropdown\n                    [BranchConfig]=\"EntityBranchConfig\"\n                    [LeafConfig]=\"EntityLeafConfig\"\n                    [Value]=\"AddMapEntityIDAsKey\"\n                    [SelectableTypes]=\"'leaf'\"\n                    [SelectionMode]=\"'single'\"\n                    [Placeholder]=\"'Search entities by schema...'\"\n                    [EnableSearch]=\"true\"\n                    (SelectionChange)=\"OnEntityTreeSelection($event)\">\n                  </mj-tree-dropdown>\n                  <button class=\"new-entity-btn\" (click)=\"OpenNewEntityDialog()\" title=\"Create new entity table\">\n                    <i class=\"fa-solid fa-plus\"></i> New\n                  </button>\n                </div>\n              </div>\n\n              <div class=\"add-map-actions\">\n                <button class=\"add-map-save-btn\"\n                        [disabled]=\"!CanSaveAddMap || IsSavingAddMap\"\n                        (click)=\"SaveAddMap()\">\n                  @if (IsSavingAddMap) {\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-check\"></i> Add\n                  }\n                </button>\n                <button class=\"add-map-cancel-btn\" (click)=\"CloseAddMapPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n\n        <!-- Entity maps table -->\n        @if (IsDetailLoading) {\n          <div class=\"loading-container\">\n            <mj-loading text=\"Loading entity maps...\"></mj-loading>\n          </div>\n        } @else if (DetailEntityMaps.length === 0 && !ShowAddMapPanel) {\n          <div class=\"detail-empty\">\n            <i class=\"fa-solid fa-cube\"></i>\n            <h3>No entity maps configured</h3>\n            <p>Entity maps define how external objects sync to MJ entities.</p>\n            <button class=\"add-map-btn add-map-btn-lg\" (click)=\"ToggleAddMapPanel()\">\n              <i class=\"fa-solid fa-plus\"></i> Add Your First Entity Map\n            </button>\n          </div>\n        } @else if (DetailEntityMaps.length > 0) {\n          <!-- Table header -->\n          <div class=\"detail-table-head\">\n            <span class=\"dt-col-toggle\">Sync</span>\n            <span class=\"dt-col-source\">External Object</span>\n            <span class=\"dt-col-direction\"></span>\n            <span class=\"dt-col-dest\">MJ Entity</span>\n            <span class=\"dt-col-meta\">Config</span>\n          </div>\n\n          <!-- Table body -->\n          <div class=\"detail-table-body\">\n            @for (em of DetailFilteredMaps; track em.ID) {\n              <div class=\"detail-map-row\" [class.sync-disabled]=\"!em.SyncEnabled\" (click)=\"OnEntityMapClick(em)\">\n                <span class=\"dt-col-toggle\" (click)=\"$event.stopPropagation()\">\n                  <label class=\"toggle-switch\" [title]=\"em.SyncEnabled ? 'Sync enabled' : 'Sync disabled'\">\n                    <input type=\"checkbox\"\n                           [checked]=\"em.SyncEnabled\"\n                           (change)=\"OnToggleMapEnabled(em, $event)\" />\n                    <span class=\"toggle-slider\"></span>\n                  </label>\n                </span>\n                <span class=\"dt-col-source\" [title]=\"em.ExternalObjectName\">\n                  {{ em.ExternalObjectLabel ?? em.ExternalObjectName }}\n                </span>\n                <span class=\"dt-col-direction\" (click)=\"$event.stopPropagation()\">\n                  <button class=\"direction-toggle\" [class]=\"DirectionBadgeClass(em.SyncDirection)\"\n                          (click)=\"CycleSyncDirection(em)\"\n                          [title]=\"'Click to change sync direction (currently: ' + em.SyncDirection + ')'\">\n                    {{ DirectionText(em.SyncDirection) }}\n                  </button>\n                </span>\n                <span class=\"dt-col-dest\" [title]=\"em.Entity\">\n                  {{ em.Entity }}\n                </span>\n                <span class=\"dt-col-meta\">\n                  @if (em.MatchStrategy) {\n                    <span class=\"detail-config-badge\" title=\"Match strategy configured\">\n                      <i class=\"fa-solid fa-link\"></i>\n                    </span>\n                  }\n                  <span class=\"detail-config-badge\" [title]=\"'Conflict: ' + em.ConflictResolution\">\n                    <i class=\"fa-solid fa-arrows-rotate\"></i>\n                  </span>\n                  <span class=\"map-edit-hint\">\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                  </span>\n                </span>\n              </div>\n            } @empty {\n              <div class=\"detail-table-empty\">\n                No entity maps match your filter.\n              </div>\n            }\n          </div>\n        }\n      }\n\n    </div>\n  }\n\n  <!-- ======================================================================\n       WIZARD (inline, replaces card grid when open)\n       ====================================================================== -->\n  @if (WizardOpen) {\n    <div class=\"wizard-inline\">\n      <!-- Wizard header -->\n      <div class=\"wizard-header\">\n        <button class=\"wizard-back-btn\" (click)=\"CloseWizard()\">\n          <i class=\"fa-solid fa-arrow-left\"></i>\n          Back to Integrations\n        </button>\n        <h2 class=\"wizard-title\">New Integration</h2>\n      </div>\n\n      <!-- Step indicator -->\n      <div class=\"step-indicator\">\n        @for (step of WizardSteps; track step.Number) {\n          <div class=\"step-item\" [class.step-active]=\"IsStepActive(step.Number)\" [class.step-completed]=\"IsStepCompleted(step.Number)\">\n            <div class=\"step-circle\">\n              @if (IsStepCompleted(step.Number)) {\n                <i class=\"fa-solid fa-check\"></i>\n              } @else {\n                {{ step.Number }}\n              }\n            </div>\n            <span class=\"step-label\">{{ step.Label }}</span>\n          </div>\n          @if (step.Number < WizardSteps.length) {\n            <div class=\"step-line\" [class.step-line-active]=\"IsStepCompleted(step.Number)\"></div>\n          }\n        }\n      </div>\n\n      <!-- Step content -->\n      <div class=\"wizard-body\">\n\n        <!-- Step 1: Choose Integration -->\n        @if (WizardStep === 1) {\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">What system do you want to connect?</h3>\n            <div class=\"search-bar\">\n              <i class=\"fa-solid fa-search search-icon\"></i>\n              <input type=\"text\"\n                     class=\"search-input\"\n                     placeholder=\"Search integrations...\"\n                     [(ngModel)]=\"SearchQuery\" />\n            </div>\n\n            @if (FilteredIntegrations.length === 0 && AvailableIntegrations.length === 0) {\n              <div class=\"no-integrations\">\n                <i class=\"fa-solid fa-puzzle-piece\"></i>\n                <p>No integrations configured</p>\n                <span class=\"no-integrations-hint\">Configure integration definitions in the admin area first.</span>\n              </div>\n            } @else if (FilteredIntegrations.length === 0) {\n              <div class=\"no-integrations\">\n                <i class=\"fa-solid fa-search\"></i>\n                <p>No matching integrations</p>\n              </div>\n            } @else {\n              <div class=\"integration-picker-grid\">\n                @for (def of FilteredIntegrations; track def.ID) {\n                  <div class=\"integration-picker-card\"\n                       [class.picker-selected]=\"IsSelectedIntegration(def)\"\n                       (click)=\"SelectIntegration(def)\">\n                    <div class=\"picker-icon-circle\" [style.background-color]=\"GetIconBrandColor(def.Name)\">\n                      <i [class]=\"GetIntegrationIcon(def.Name, def.Get('Icon'))\"></i>\n                    </div>\n                    <div class=\"picker-name\">{{ def.Name }}</div>\n                    @if (def.Description) {\n                      <div class=\"picker-description\">{{ def.Description }}</div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Step 2: Configure Connection -->\n        @if (WizardStep === 2) {\n          <div class=\"step-content\">\n            <h3 class=\"step-title\">Set up your connection</h3>\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"connectionName\">Connection Name</label>\n              <input id=\"connectionName\"\n                     type=\"text\"\n                     class=\"form-input\"\n                     placeholder=\"e.g. Production HubSpot\"\n                     [(ngModel)]=\"ConnectionName\" />\n            </div>\n\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"companySelect\">Company</label>\n              @if (NeedsCompanyPicker) {\n                <select id=\"companySelect\" class=\"form-input\" [(ngModel)]=\"SelectedCompanyID\">\n                  <option [ngValue]=\"null\" disabled>Select a company...</option>\n                  @for (company of Companies; track company.ID) {\n                    <option [value]=\"company.ID\">{{ company.Name }}</option>\n                  }\n                </select>\n              } @else if (Companies.length === 1) {\n                <input type=\"text\" class=\"form-input\" [value]=\"Companies[0].Name\" disabled />\n              } @else {\n                <div class=\"form-hint\">No companies available. Create one in the admin area.</div>\n              }\n            </div>\n\n            <div class=\"form-group\">\n              <label class=\"form-label\" for=\"connectionDescription\">Description <span class=\"optional-label\">(optional)</span></label>\n              <textarea id=\"connectionDescription\"\n                        class=\"form-input form-textarea\"\n                        placeholder=\"Notes about this connection...\"\n                        [(ngModel)]=\"ConnectionDescription\"\n                        rows=\"3\"></textarea>\n            </div>\n\n            <!-- Credential section -->\n            <div class=\"form-group\">\n              <label class=\"form-label\">Credential</label>\n              @if (SelectedCredential) {\n                <div class=\"credential-selected\">\n                  <div class=\"credential-info\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    <span>{{ SelectedCredential.Name }}</span>\n                  </div>\n                  <button class=\"credential-clear\" (click)=\"ClearCredential()\">\n                    <i class=\"fa-solid fa-xmark\"></i>\n                  </button>\n                </div>\n              } @else {\n                <div class=\"credential-actions\">\n                  <button mjButton variant=\"outline\" (click)=\"ShowExistingCredentials()\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    Choose Existing Credential\n                  </button>\n                  <button mjButton variant=\"outline\" (click)=\"OpenCredentialDialog()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                    Create New Credential\n                  </button>\n                </div>\n              }\n\n              @if (IsLoadingCredentials) {\n                <div class=\"credential-loading\">\n                  <mj-loading text=\"Loading credentials...\" size=\"small\"></mj-loading>\n                </div>\n              }\n\n              @if (!IsLoadingCredentials && ExistingCredentials.length > 0 && !SelectedCredential) {\n                <div class=\"credential-list\">\n                  @for (cred of ExistingCredentials; track cred.ID) {\n                    <div class=\"credential-list-item\" (click)=\"SelectExistingCredential(cred)\">\n                      <i class=\"fa-solid fa-key\"></i>\n                      <span>{{ cred.Name }}</span>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Step 3: Test Connection -->\n        @if (WizardStep === 3) {\n          <div class=\"step-content step-content-centered\">\n            <h3 class=\"step-title\">Let's verify everything works</h3>\n\n            @if (!TestResult && !IsTesting) {\n              <div class=\"test-prompt\">\n                <button mjButton\n                        variant=\"primary\"\n                        size=\"lg\"\n                        (click)=\"TestNewConnection()\">\n                  <i class=\"fa-solid fa-vial\"></i>\n                  Test Connection\n                </button>\n                <p class=\"test-hint\">We'll verify we can reach your system and authenticate.</p>\n              </div>\n            }\n\n            @if (IsTesting) {\n              <div class=\"test-running\">\n                <div class=\"test-spinner\">\n                  <i class=\"fa-solid fa-spinner fa-spin fa-3x\"></i>\n                </div>\n                <p>Testing connection...</p>\n              </div>\n            }\n\n            @if (TestResult) {\n              <div class=\"test-result\" [class.test-result-success]=\"TestResult.Success\" [class.test-result-failure]=\"!TestResult.Success\">\n                <div class=\"test-result-icon\">\n                  @if (TestResult.Success) {\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                  } @else {\n                    <i class=\"fa-solid fa-circle-xmark\"></i>\n                  }\n                </div>\n                <div class=\"test-result-message\">{{ TestResult.Message }}</div>\n                @if (TestResult.Success && TestResult.ServerVersion) {\n                  <div class=\"test-result-detail\">\n                    Server version: {{ TestResult.ServerVersion }}\n                  </div>\n                }\n                @if (!TestResult.Success) {\n                  <button mjButton variant=\"outline\" (click)=\"TestNewConnection()\" class=\"test-retry-btn\">\n                    <i class=\"fa-solid fa-rotate-right\"></i>\n                    Retry\n                  </button>\n                }\n              </div>\n            }\n          </div>\n        }\n\n      </div>\n\n      <!-- Wizard footer -->\n      <div class=\"wizard-footer\">\n        <div class=\"footer-left\"></div>\n        <div class=\"footer-right\">\n          @if (WizardStep > 1) {\n            <button mjButton variant=\"outline\" (click)=\"PreviousStep()\">\n              Back\n            </button>\n          }\n          <button mjButton\n                  variant=\"primary\"\n                  [disabled]=\"IsNextDisabled || IsSaving\"\n                  (click)=\"FinishWizard()\">\n            @if (IsSaving) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i>\n              Saving...\n            } @else {\n              {{ NextButtonLabel }}\n            }\n          </button>\n        </div>\n      </div>\n    </div>\n  }\n\n</div>\n\n<!-- Edit panel (slide-in) -->\n<div class=\"edit-panel-backdrop\"\n     [class.open]=\"EditPanelOpen\"\n     (click)=\"CloseEditPanel()\"></div>\n<div class=\"edit-panel\" [class.open]=\"EditPanelOpen\">\n  @if (EditingSummary) {\n    <!-- Header -->\n    <div class=\"edit-panel-header\">\n      <div class=\"edit-panel-title\">\n        <div class=\"edit-icon-circle\"\n             [style.background-color]=\"GetIconBrandColor(EditingSummary.Integration.Integration)\">\n          <i [class]=\"GetIntegrationIcon(EditingSummary.Integration.Integration, EditingSummary.Icon)\"></i>\n        </div>\n        <span>Configure Integration</span>\n      </div>\n      <button class=\"edit-close-btn\" (click)=\"CloseEditPanel()\">\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n\n    @if (IsEditLoading) {\n      <div class=\"edit-panel-loading\">\n        <mj-loading text=\"Loading...\" size=\"small\"></mj-loading>\n      </div>\n    } @else {\n      <!-- Edit form -->\n      <div class=\"edit-panel-body\">\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Connection Name</label>\n          <input type=\"text\"\n                 class=\"edit-form-input\"\n                 [(ngModel)]=\"EditName\"\n                 placeholder=\"Connection name...\" />\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Status</label>\n          <div class=\"edit-toggle-row\">\n            <label class=\"toggle-switch\">\n              <input type=\"checkbox\" [(ngModel)]=\"EditIsActive\" />\n              <span class=\"toggle-slider\"></span>\n            </label>\n            <span class=\"edit-toggle-label\" [class.active]=\"EditIsActive\">\n              {{ EditIsActive ? 'Active' : 'Inactive' }}\n            </span>\n          </div>\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Credential</label>\n          @if (EditCredential) {\n            <div class=\"edit-credential-selected\">\n              <div class=\"edit-credential-info\">\n                <i class=\"fa-solid fa-key\"></i>\n                <span>{{ EditCredential.Name }}</span>\n              </div>\n              <button class=\"edit-credential-clear\" (click)=\"ClearEditCredential()\">\n                <i class=\"fa-solid fa-xmark\"></i>\n              </button>\n            </div>\n          } @else {\n            <div class=\"edit-credential-actions\">\n              <button mjButton variant=\"outline\" size=\"sm\" (click)=\"OpenEditCredentialDialog()\">\n                <i class=\"fa-solid fa-plus\"></i> New Credential\n              </button>\n            </div>\n            @if (EditCredentials.length > 0) {\n              <div class=\"edit-credential-list\">\n                @for (cred of EditCredentials; track cred.ID) {\n                  <div class=\"edit-credential-item\" (click)=\"SelectEditCredential(cred)\">\n                    <i class=\"fa-solid fa-key\"></i>\n                    <span>{{ cred.Name }}</span>\n                  </div>\n                }\n              </div>\n            }\n          }\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Integration</label>\n          <div class=\"edit-readonly-field\">\n            {{ EditingSummary.Integration.Integration }}\n          </div>\n        </div>\n\n        <div class=\"edit-form-group\">\n          <label class=\"edit-form-label\">Company</label>\n          <div class=\"edit-readonly-field\">\n            {{ EditingSummary.Integration.Company }}\n          </div>\n        </div>\n      </div>\n\n      <!-- Footer -->\n      <div class=\"edit-panel-footer\">\n        <button mjButton\n                variant=\"primary\"\n                [disabled]=\"IsEditSaving || !EditName.trim()\"\n                (click)=\"SaveEditChanges()\">\n          @if (IsEditSaving) {\n            <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n          } @else {\n            Save Changes\n          }\n        </button>\n        <button mjButton variant=\"outline\" (click)=\"CloseEditPanel()\">\n          Cancel\n        </button>\n      </div>\n    }\n  }\n</div>\n\n<!-- Credential dialog (shared between wizard and edit panel) -->\n@if (ShowCredentialDialog) {\n  <mj-credential-dialog\n    [Visible]=\"true\"\n    [PreselectedTypeId]=\"PreselectedCredentialTypeId\"\n    (close)=\"EditPanelOpen ? OnEditCredentialDialogClose($event) : OnCredentialDialogClose($event)\">\n  </mj-credential-dialog>\n}\n\n<!-- New Entity dialog -->\n@if (ShowCreateEntity) {\n  <div class=\"new-entity-backdrop\" (click)=\"CloseNewEntityDialog()\"></div>\n  <div class=\"new-entity-dialog\">\n    <div class=\"new-entity-dialog-header\">\n      <h3>Create New Entity Table</h3>\n      <button class=\"new-entity-dialog-close\" (click)=\"CloseNewEntityDialog()\">\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n    <div class=\"new-entity-dialog-body\">\n      <p class=\"new-entity-dialog-desc\">\n        Generate a SQL migration to create a new database table for this integration's data.\n        After running the migration and CodeGen, the new entity will appear in the entity picker.\n      </p>\n\n      <div class=\"new-entity-dialog-form\">\n        <div class=\"new-entity-dialog-row\">\n          <div class=\"new-entity-dialog-field\">\n            <label class=\"new-entity-dialog-label\">Source Object</label>\n            <div class=\"new-entity-dialog-value\">\n              @if (AddMapSourceObjectName) {\n                {{ AddMapSourceObjectName }}\n              } @else {\n                <span class=\"new-entity-dialog-hint\">Select a source object in the Add Map form first</span>\n              }\n            </div>\n          </div>\n        </div>\n        <div class=\"new-entity-dialog-row\">\n          <div class=\"new-entity-dialog-field\">\n            <label class=\"new-entity-dialog-label\">Schema</label>\n            <input type=\"text\"\n                   class=\"new-entity-dialog-input\"\n                   placeholder=\"e.g. hubspot\"\n                   [(ngModel)]=\"NewEntitySchema\" />\n          </div>\n          <span class=\"new-entity-dialog-dot\">.</span>\n          <div class=\"new-entity-dialog-field new-entity-dialog-field-wide\">\n            <label class=\"new-entity-dialog-label\">Table Name</label>\n            <input type=\"text\"\n                   class=\"new-entity-dialog-input\"\n                   placeholder=\"e.g. Contact\"\n                   [(ngModel)]=\"NewEntityTable\" />\n          </div>\n        </div>\n      </div>\n\n      @if (DDLPreviewWarnings.length > 0) {\n        <div class=\"ddl-warnings\">\n          @for (warn of DDLPreviewWarnings; track warn) {\n            <div class=\"ddl-warning\"><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ warn }}</div>\n          }\n        </div>\n      }\n\n      @if (DDLPreview) {\n        <div class=\"ddl-preview-block\">\n          <div class=\"ddl-preview-header\">\n            <span>SQL Preview</span>\n            <button class=\"ddl-copy-btn\" (click)=\"CopyDDLToClipboard()\" title=\"Copy to clipboard\">\n              @if (DDLCopied) {\n                <i class=\"fa-solid fa-check\"></i> Copied\n              } @else {\n                <i class=\"fa-regular fa-copy\"></i> Copy\n              }\n            </button>\n          </div>\n          <pre class=\"ddl-preview-code\">{{ DDLPreview }}</pre>\n        </div>\n      }\n\n      @if (DDLPreview) {\n        <div class=\"new-entity-next-steps\">\n          <h4><i class=\"fa-solid fa-list-check\"></i> Next Steps</h4>\n          <ol>\n            <li>Copy the SQL above and save it as a migration file</li>\n            <li>Run the migration against your database</li>\n            <li>Run CodeGen to register the new entity in MemberJunction</li>\n            <li>Refresh the page &mdash; the new entity will appear in the entity picker</li>\n          </ol>\n        </div>\n      }\n    </div>\n    <div class=\"new-entity-dialog-footer\">\n      <button class=\"new-entity-preview-btn\"\n              [disabled]=\"!CanGenerateSQL || IsGeneratingDDL\"\n              (click)=\"PreviewDDL()\">\n        @if (IsGeneratingDDL) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> Generating...\n        } @else {\n          <i class=\"fa-solid fa-code\"></i> Generate SQL\n        }\n      </button>\n      <button class=\"new-entity-dialog-done-btn\" (click)=\"CloseNewEntityDialog()\">\n        Done\n      </button>\n    </div>\n  </div>\n}\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ---------------------------------------------------------------------------\n   Host & Container \u2014 flex chain for scrollable detail view\n   --------------------------------------------------------------------------- */\n\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n/* Slot passthrough now in <mj-page-header>; stat badges now via <mj-stat-badge>. */\n\n.connections-container {\n  padding: 24px;\n  max-width: 1400px;\n  width: 100%;\n  margin: 0 auto;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  overflow-y: auto;\n  box-sizing: border-box;\n}\n\n/* When detail or editor view is active, prevent container scrolling\n   so the inner .detail-table-body handles its own scroll */\n.connections-container.detail-active,\n.connections-container.editor-active {\n  overflow: hidden;\n}\n\n/* ---------------------------------------------------------------------------\n   Loading & Empty States\n   --------------------------------------------------------------------------- */\n\n.loading-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 300px;\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  min-height: 400px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 16px;\n}\n\n.empty-state h3 {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 8px;\n}\n\n.empty-state p {\n  font-size: 14px;\n  margin: 0 0 24px;\n}\n\n/* ---------------------------------------------------------------------------\n   Card Grid\n   --------------------------------------------------------------------------- */\n\n.card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 20px;\n}\n\n/* ---------------------------------------------------------------------------\n   Connection Card\n   --------------------------------------------------------------------------- */\n\n.connection-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);\n  transition: box-shadow 0.2s ease, transform 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow: hidden;\n}\n\n.connection-card:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  transform: translateY(-2px);\n}\n\n/* Card Header */\n.card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 16px 0;\n}\n\n.icon-circle {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  flex-shrink: 0;\n}\n\n.icon-large {\n  font-size: 22px;\n}\n\n/* Status Badge */\n.status-badge {\n  font-size: 12px;\n  font-weight: 600;\n  padding: 4px 10px;\n  border-radius: 20px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.status-badge-connected {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.status-badge-error {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.status-badge-inactive {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n}\n\n.status-badge-syncing {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n/* Card Body */\n.card-body {\n  padding: 12px 16px;\n  flex: 1;\n}\n\n.card-name {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.card-company {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 10px;\n}\n\n.card-meta {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 6px;\n}\n\n.meta-separator {\n  margin: 0 6px;\n}\n\n.meta-label {\n  font-weight: 500;\n}\n\n.card-sync-info {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 8px;\n}\n\n.card-sync-info i {\n  margin-right: 4px;\n  color: var(--mj-text-disabled);\n}\n\n/* Card inline test result */\n.card-test-result {\n  font-size: 12px;\n  padding: 6px 10px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n}\n\n.card-test-result.test-success {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.card-test-result.test-failure {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.card-test-result span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Card Footer */\n.card-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.card-footer button {\n  font-size: 13px;\n}\n\n/* Sync dropdown menu */\n.sync-menu-wrapper {\n  position: relative;\n  display: inline-flex;\n}\n\n.sync-caret {\n  font-size: 10px;\n  margin-left: 4px;\n  opacity: 0.8;\n}\n\n.sync-dropdown {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 1000;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0,0,0,0.12);\n  min-width: 220px;\n  overflow: hidden;\n}\n\n.sync-dropdown-left {\n  left: auto;\n  right: 0;\n}\n\n.sync-dropdown-group {\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.sync-dropdown-group:last-child {\n  border-bottom: none;\n}\n\n.sync-dropdown-label {\n  display: block;\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--mj-text-muted);\n  padding: 0 12px 4px;\n}\n\n.sync-dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 7px 12px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  text-align: left;\n  transition: background 0.12s;\n}\n\n.sync-dropdown-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.sync-dropdown-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n/* Card Delete Button */\n.card-delete-btn {\n  margin-left: auto;\n  background: none;\n  border: 1px solid transparent;\n  cursor: pointer;\n  padding: 4px 8px;\n  border-radius: 6px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  transition: all 0.15s;\n}\n\n.card-delete-btn:hover {\n  background: var(--mj-status-error-bg);\n  border-color: var(--mj-status-error-border);\n  color: var(--mj-status-error);\n}\n\n.menu-trigger:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.card-menu-dropdown {\n  position: absolute;\n  right: 0;\n  top: 100%;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  min-width: 160px;\n  z-index: 50;\n  padding: 4px;\n}\n\n.menu-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 12px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  border-radius: 6px;\n  transition: background 0.15s;\n  text-align: left;\n}\n\n.menu-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.menu-item i {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.menu-item-danger {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger i {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger:hover {\n  background: var(--mj-status-error-bg);\n}\n\n/* ---------------------------------------------------------------------------\n   New Connection Card\n   --------------------------------------------------------------------------- */\n\n.new-connection-card {\n  border: 2px dashed var(--mj-border-strong);\n  background: var(--mj-bg-page);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 200px;\n  transition: background 0.2s, border-color 0.2s;\n}\n\n.new-connection-card:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  box-shadow: none;\n  transform: none;\n}\n\n.new-card-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.new-card-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-active);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n  color: var(--mj-text-muted);\n  transition: background 0.2s, color 0.2s;\n}\n\n.new-connection-card:hover .new-card-icon {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.new-card-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.new-connection-card:hover .new-card-label {\n  color: var(--mj-brand-primary);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard (inline, replaces card grid)\n   --------------------------------------------------------------------------- */\n\n.wizard-inline {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n/* Wizard Header */\n.wizard-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 20px;\n}\n\n.wizard-back-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  padding: 6px 10px;\n  border-radius: 6px;\n  transition: background 0.15s, color 0.15s;\n}\n\n.wizard-back-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.wizard-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n/* ---------------------------------------------------------------------------\n   Step Indicator\n   --------------------------------------------------------------------------- */\n\n.step-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 32px;\n  gap: 0;\n}\n\n.step-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n}\n\n.step-circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 13px;\n  font-weight: 600;\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-disabled);\n  border: 2px solid var(--mj-border-default);\n  transition: all 0.2s;\n}\n\n.step-active .step-circle {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.step-completed .step-circle {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-status-success);\n}\n\n.step-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n  white-space: nowrap;\n}\n\n.step-active .step-label {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.step-completed .step-label {\n  color: var(--mj-status-success);\n}\n\n.step-line {\n  width: 48px;\n  height: 2px;\n  background: var(--mj-border-default);\n  margin: 0 8px;\n  margin-bottom: 20px;\n  transition: background 0.2s;\n}\n\n.step-line-active {\n  background: var(--mj-status-success);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard Body\n   --------------------------------------------------------------------------- */\n\n.wizard-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.step-content {\n  min-height: 300px;\n}\n\n.step-content-centered {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.step-title {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 20px;\n}\n\n.step-content-centered .step-title {\n  margin-bottom: 32px;\n}\n\n/* Search bar */\n.search-bar {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.search-icon {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.search-input {\n  width: 100%;\n  padding: 10px 14px 10px 40px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  transition: border-color 0.2s, box-shadow 0.2s;\n  box-sizing: border-box;\n}\n\n.search-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);\n}\n\n.search-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n/* No integrations */\n.no-integrations {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 24px;\n  color: var(--mj-text-disabled);\n  text-align: center;\n}\n\n.no-integrations i {\n  font-size: 36px;\n  margin-bottom: 12px;\n}\n\n.no-integrations p {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--mj-text-muted);\n  margin: 0 0 4px;\n}\n\n.no-integrations-hint {\n  font-size: 13px;\n}\n\n/* Integration picker grid */\n.integration-picker-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.integration-picker-card {\n  border: 2px solid var(--mj-border-default);\n  border-radius: 10px;\n  padding: 16px;\n  cursor: pointer;\n  text-align: center;\n  transition: border-color 0.2s, background 0.15s;\n}\n\n.integration-picker-card:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-page);\n}\n\n.integration-picker-card.picker-selected {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-status-info-bg);\n}\n\n.picker-icon-circle {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  margin: 0 auto 10px;\n  font-size: 18px;\n}\n\n.picker-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.picker-description {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n\n/* ---------------------------------------------------------------------------\n   Form Controls (Step 2)\n   --------------------------------------------------------------------------- */\n\n.form-group {\n  margin-bottom: 20px;\n}\n\n.form-label {\n  display: block;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin-bottom: 6px;\n}\n\n.optional-label {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input {\n  width: 100%;\n  padding: 10px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  transition: border-color 0.2s, box-shadow 0.2s;\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 rgba(37, 99, 235, 0.1);\n}\n\n.form-input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.form-input:disabled {\n  background: var(--mj-bg-page);\n  color: var(--mj-text-muted);\n}\n\n.form-textarea {\n  resize: vertical;\n  min-height: 72px;\n}\n\n.form-hint {\n  font-size: 13px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n/* Credential section */\n.credential-selected {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  border-radius: 8px;\n}\n\n.credential-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--mj-status-success-text);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.credential-info i {\n  color: var(--mj-status-success);\n}\n\n.credential-clear {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n  transition: color 0.15s;\n}\n\n.credential-clear:hover {\n  color: var(--mj-status-error);\n}\n\n.credential-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.credential-actions button {\n  font-size: 13px;\n}\n\n.credential-loading {\n  padding: 16px 0;\n}\n\n.credential-list {\n  margin-top: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.credential-list-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  cursor: pointer;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.15s;\n}\n\n.credential-list-item:last-child {\n  border-bottom: none;\n}\n\n.credential-list-item:hover {\n  background: var(--mj-bg-page);\n}\n\n.credential-list-item i {\n  color: var(--mj-text-disabled);\n}\n\n/* ---------------------------------------------------------------------------\n   Test Connection (Step 3)\n   --------------------------------------------------------------------------- */\n\n.test-prompt {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.test-hint {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin: 0;\n}\n\n.test-running {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  color: var(--mj-brand-primary);\n}\n\n.test-spinner {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.test-running p {\n  font-size: 15px;\n  font-weight: 500;\n  margin: 0;\n}\n\n/* Test result */\n.test-result {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  padding: 24px;\n  border-radius: 12px;\n  max-width: 400px;\n}\n\n.test-result-success {\n  background: var(--mj-status-success-bg);\n}\n\n.test-result-failure {\n  background: var(--mj-status-error-bg);\n}\n\n.test-result-icon {\n  font-size: 48px;\n  animation: scaleIn 0.3s ease-out;\n}\n\n.test-result-success .test-result-icon {\n  color: var(--mj-status-success);\n}\n\n.test-result-failure .test-result-icon {\n  color: var(--mj-status-error);\n}\n\n@keyframes scaleIn {\n  from {\n    transform: scale(0.5);\n    opacity: 0;\n  }\n  to {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n\n.test-result-message {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-align: center;\n}\n\n.test-result-detail {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.test-retry-btn {\n  margin-top: 4px;\n}\n\n/* Toggle switch */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-border-strong);\n  border-radius: 24px;\n  transition: background 0.2s;\n}\n\n.toggle-slider::before {\n  content: '';\n  position: absolute;\n  height: 18px;\n  width: 18px;\n  left: 3px;\n  bottom: 3px;\n  background: var(--mj-bg-surface);\n  border-radius: 50%;\n  transition: transform 0.2s;\n}\n\n.toggle-switch input:checked + .toggle-slider {\n  background: var(--mj-brand-primary);\n}\n\n.toggle-switch input:checked + .toggle-slider::before {\n  transform: translateX(20px);\n}\n\n/* ---------------------------------------------------------------------------\n   Wizard Footer\n   --------------------------------------------------------------------------- */\n\n.wizard-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  border-top: 1px solid var(--mj-border-subtle);\n}\n\n.footer-left {\n  display: flex;\n  align-items: center;\n}\n\n.footer-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* ---------------------------------------------------------------------------\n   Responsive\n   --------------------------------------------------------------------------- */\n\n@media (max-width: 768px) {\n  .connections-container {\n    padding: 16px;\n  }\n\n  .card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .integration-picker-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .step-indicator {\n    padding: 16px;\n    overflow-x: auto;\n  }\n\n  .step-line {\n    width: 24px;\n  }\n\n  .credential-actions {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .integration-picker-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .card-footer {\n    flex-wrap: wrap;\n  }\n}\n\n/* ---------------------------------------------------------------------------\n   Delete confirmation overlay\n   --------------------------------------------------------------------------- */\n\n.delete-confirm-overlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(255, 255, 255, 0.95);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 5;\n  border-radius: 12px;\n  animation: fadeIn 150ms ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.delete-confirm-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  padding: 20px;\n  text-align: center;\n}\n\n.delete-warn-icon {\n  font-size: 28px;\n  color: var(--mj-status-error);\n}\n\n.delete-confirm-text {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  max-width: 220px;\n}\n\n.delete-confirm-actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n/* ---------------------------------------------------------------------------\n   Edit panel (slide-in)\n   --------------------------------------------------------------------------- */\n\n.edit-panel-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.1);\n  z-index: 99;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 300ms ease;\n}\n\n.edit-panel-backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.edit-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 400px;\n  max-width: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.08);\n  z-index: 100;\n  transform: translateX(100%);\n  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.edit-panel.open {\n  transform: translateX(0);\n}\n\n.edit-panel-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.edit-panel-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.edit-icon-circle {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-inverse);\n  font-size: 14px;\n}\n\n.edit-close-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border: none;\n  border-radius: 6px;\n  background: transparent;\n  color: var(--mj-text-disabled);\n  cursor: pointer;\n  font-size: 14px;\n  transition: all 150ms ease;\n}\n\n.edit-close-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.edit-panel-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 20px;\n}\n\n.edit-panel-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.edit-form-group {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.edit-form-label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n}\n\n.edit-form-input {\n  height: 36px;\n  padding: 0 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  transition: border-color 150ms ease;\n}\n\n.edit-form-input:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.edit-readonly-field {\n  padding: 8px 12px;\n  background: var(--mj-bg-page);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.edit-toggle-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.edit-toggle-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n}\n\n.edit-toggle-label.active {\n  color: var(--mj-status-success);\n}\n\n.edit-credential-selected {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-page);\n}\n\n.edit-credential-info {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.edit-credential-info i {\n  color: var(--mj-brand-primary);\n}\n\n.edit-credential-clear {\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 4px;\n  background: transparent;\n  color: var(--mj-text-disabled);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  transition: all 150ms ease;\n}\n\n.edit-credential-clear:hover {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.edit-credential-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.edit-credential-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  margin-top: 6px;\n  max-height: 180px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n}\n\n.edit-credential-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: background 150ms ease;\n}\n\n.edit-credential-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.edit-credential-item i {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.edit-panel-footer {\n  display: flex;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n/* ---------------------------------------------------------------------------\n   Card clickable area\n   --------------------------------------------------------------------------- */\n\n.card-clickable {\n  cursor: pointer;\n}\n\n/* ---------------------------------------------------------------------------\n   Detail View (entity maps for a selected integration)\n   --------------------------------------------------------------------------- */\n\n.detail-view {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.detail-header {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  margin-bottom: 16px;\n  flex-wrap: wrap;\n}\n\n.detail-header-info {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.detail-header-text {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.detail-title {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.detail-subtitle {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n}\n\n.detail-header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* Schedule section */\n.schedule-section {\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  padding: 16px 20px;\n  margin-bottom: 16px;\n}\n\n.schedule-section-header {\n  margin-bottom: 12px;\n}\n\n.schedule-section-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.8rem;\n  font-weight: 700;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n}\n\n.schedule-section-title i {\n  color: var(--mj-brand-primary);\n}\n\n.schedule-empty {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.schedule-empty-text {\n  font-size: 0.85rem;\n  color: var(--mj-text-disabled);\n}\n\n.schedule-create-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 8px 16px;\n  background: linear-gradient(135deg, var(--mj-brand-primary) 0%, var(--mj-brand-primary-active) 100%);\n  color: white;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 0.8rem;\n  font-weight: 600;\n  transition: all 0.2s ease;\n}\n\n.schedule-create-btn:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n/* Detail toolbar */\n.detail-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.detail-toolbar-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-map-count {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.detail-search {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n}\n\n.detail-search i {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.detail-search input {\n  border: none;\n  outline: none;\n  background: transparent;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  width: 200px;\n}\n\n.detail-search input::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n/* Add Map button */\n.add-map-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-brand-primary-hover);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 150ms ease;\n  white-space: nowrap;\n}\n\n.add-map-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.add-map-btn.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  border-color: var(--mj-brand-primary);\n}\n\n.apply-all-btn {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.apply-all-btn:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.apply-all-btn:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.add-map-btn-lg {\n  margin-top: 16px;\n  padding: 10px 20px;\n  font-size: 14px;\n}\n\n/* Add map inline panel */\n.add-map-panel {\n  padding: 16px;\n  margin-bottom: 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  animation: fadeIn 200ms ease;\n}\n\n.add-map-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 12px;\n}\n\n.add-map-field {\n  flex: 1;\n  min-width: 0;\n}\n\n.add-map-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  margin-bottom: 6px;\n}\n\n.add-map-select {\n  width: 100%;\n  height: 34px;\n  padding: 0 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  outline: none;\n  cursor: pointer;\n}\n\n.add-map-select:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.add-map-direction-col {\n  flex-shrink: 0;\n}\n\n.add-map-direction-btns {\n  display: flex;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  overflow: hidden;\n}\n\n.add-map-direction-btns button {\n  padding: 7px 12px;\n  border: none;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  font-size: 13px;\n  cursor: pointer;\n  transition: all 150ms ease;\n  border-right: 1px solid var(--mj-border-default);\n}\n\n.add-map-direction-btns button:last-child {\n  border-right: none;\n}\n\n.add-map-direction-btns button:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-map-direction-btns button.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n}\n\n.add-map-actions {\n  display: flex;\n  gap: 6px;\n  flex-shrink: 0;\n}\n\n.add-map-save-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 7px 16px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 150ms ease;\n  white-space: nowrap;\n}\n\n.add-map-save-btn:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.add-map-save-btn:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.add-map-cancel-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 34px;\n  height: 34px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 13px;\n  transition: all 150ms ease;\n}\n\n.add-map-cancel-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.add-map-loading {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n.add-map-loading i {\n  color: var(--mj-brand-primary);\n  margin-right: 4px;\n}\n\n.add-map-hint {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n  font-style: italic;\n}\n\n/* Entity field needs more room for tree dropdown */\n.add-map-entity-field {\n  flex: 2;\n  min-width: 280px;\n}\n\n/* Entity picker row: tree dropdown + New button side by side */\n.entity-picker-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.entity-picker-row mj-tree-dropdown {\n  flex: 1;\n  min-width: 0;\n}\n\n.new-entity-btn {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 7px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-brand-primary);\n  background: var(--mj-brand-primary-subtle);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n  border-radius: 6px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: all 0.15s ease;\n}\n\n.new-entity-btn:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n\n/* ---------------------------------------------------------------------------\n   Sync Result Banner\n   --------------------------------------------------------------------------- */\n\n.sync-result-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n  font-weight: 500;\n  margin-bottom: 12px;\n  animation: fadeIn 200ms ease;\n}\n\n.sync-result-banner.sync-success {\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  color: var(--mj-status-success-text);\n}\n\n.sync-result-banner.sync-failure {\n  background: var(--mj-status-error-bg);\n  border: 1px solid var(--mj-status-error-border);\n  color: var(--mj-status-error-text);\n}\n\n/* ---------------------------------------------------------------------------\n   Auto-Map Schema Panel\n   --------------------------------------------------------------------------- */\n\n.auto-map-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 12px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.auto-map-header i {\n  color: var(--mj-brand-primary);\n}\n\n.auto-map-result {\n  margin-top: 12px;\n  padding: 10px 14px;\n  border-radius: 6px;\n  font-size: 13px;\n}\n\n.auto-map-result.auto-map-success {\n  background: var(--mj-status-success-bg);\n  border: 1px solid var(--mj-status-success-border);\n  color: var(--mj-status-success-text);\n}\n\n.auto-map-result.auto-map-partial {\n  background: var(--mj-status-warning-bg);\n  border: 1px solid var(--mj-status-warning-border);\n  color: var(--mj-status-warning-text);\n}\n\n.auto-map-result.auto-map-failure {\n  background: var(--mj-status-error-bg);\n  border: 1px solid var(--mj-status-error-border);\n  color: var(--mj-status-error-text);\n}\n\n.auto-map-result-summary {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n\n.auto-map-errors {\n  margin-top: 6px;\n  font-size: 12px;\n}\n\n.auto-map-error {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 0;\n}\n\n/* ---------------------------------------------------------------------------\n   New Entity Dialog\n   --------------------------------------------------------------------------- */\n\n.new-entity-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  animation: fadeIn 0.15s ease;\n}\n\n.new-entity-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 640px;\n  max-width: 90vw;\n  max-height: 85vh;\n  background: var(--mj-bg-surface);\n  border-radius: var(--mj-radius-lg);\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  animation: fadeIn 0.2s ease;\n}\n\n.new-entity-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.new-entity-dialog-header h3 {\n  margin: 0;\n  font-size: var(--mj-text-base);\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.new-entity-dialog-close:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.new-entity-dialog-desc {\n  margin: 0;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  line-height: 1.5;\n}\n\n.new-entity-dialog-form {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.new-entity-dialog-row {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.new-entity-dialog-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n}\n\n.new-entity-dialog-field-wide {\n  flex: 1;\n}\n\n.new-entity-dialog-label {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.new-entity-dialog-input {\n  padding: 8px 12px;\n  font-size: var(--mj-text-sm);\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: border-color 0.15s ease;\n}\n\n.new-entity-dialog-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.1);\n}\n\n.new-entity-dialog-dot {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-secondary);\n  padding-bottom: 6px;\n  user-select: none;\n}\n\n.new-entity-dialog-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n  padding: 8px 0 4px;\n}\n\n.new-entity-dialog-hint {\n  font-style: italic;\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n}\n\n.new-entity-dialog-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 12px 20px;\n  border-top: 1px solid var(--mj-border-default);\n}\n\n.new-entity-preview-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-inverse);\n  background: var(--mj-brand-primary);\n  border: none;\n  border-radius: 6px;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background 0.15s ease;\n}\n\n.new-entity-preview-btn:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.new-entity-preview-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.new-entity-dialog-done-btn {\n  display: inline-flex;\n  align-items: center;\n  padding: 8px 16px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-md);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.new-entity-dialog-done-btn:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n/* Next steps callout inside dialog */\n.new-entity-next-steps {\n  background: var(--mj-brand-primary-subtle);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n  border-radius: var(--mj-radius-md);\n  padding: 14px 16px;\n}\n\n.new-entity-next-steps h4 {\n  margin: 0 0 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-brand-primary-hover);\n}\n\n.new-entity-next-steps h4 i {\n  margin-right: 6px;\n}\n\n.new-entity-next-steps ol {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n  color: var(--mj-brand-primary-hover);\n  line-height: 1.7;\n}\n\n/* DDL copy button */\n.ddl-copy-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  background: transparent;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: var(--mj-radius-sm);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.ddl-copy-btn:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n/* DDL Preview */\n.ddl-warnings {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ddl-warning {\n  font-size: 12px;\n  color: var(--mj-status-warning);\n  background: var(--mj-status-warning-subtle);\n  padding: 6px 10px;\n  border-radius: var(--mj-radius-sm);\n  border-left: 3px solid var(--mj-status-warning);\n}\n\n.ddl-warning i {\n  margin-right: 4px;\n}\n\n.ddl-preview-block {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  overflow: hidden;\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n}\n\n.ddl-preview-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.ddl-preview-code {\n  margin: 0;\n  padding: 12px 16px;\n  font-size: 12px;\n  font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;\n  line-height: 1.6;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface);\n  overflow: auto;\n  white-space: pre-wrap;\n  word-break: break-word;\n  flex: 1;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n/* Detail empty state */\n.detail-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 64px 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty i {\n  font-size: 36px;\n  margin-bottom: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty h3 {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 6px;\n}\n\n.detail-empty p {\n  font-size: 13px;\n  margin: 0;\n  max-width: 400px;\n}\n\n/* Detail table */\n.detail-table-head {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  background: var(--mj-bg-page);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px 8px 0 0;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--mj-text-secondary);\n}\n\n.detail-table-body {\n  border: 1px solid var(--mj-border-default);\n  border-top: none;\n  border-radius: 0 0 8px 8px;\n  overflow-y: auto;\n  flex: 1;\n  min-height: 0;\n}\n\n.detail-map-row {\n  display: flex;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  transition: background 0.15s;\n  font-size: 13px;\n}\n\n.detail-map-row:last-child {\n  border-bottom: none;\n}\n\n.detail-map-row:hover {\n  background: var(--mj-bg-page);\n  cursor: pointer;\n}\n\n.detail-map-row.sync-disabled {\n  opacity: 0.5;\n}\n\n/* Column widths (shared between head and body) */\n.dt-col-toggle {\n  width: 60px;\n  flex-shrink: 0;\n}\n\n.dt-col-source {\n  flex: 2;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.dt-col-direction {\n  width: 80px;\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.dt-col-dest {\n  flex: 2;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--mj-text-primary);\n}\n\n.dt-col-meta {\n  width: 80px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  justify-content: flex-end;\n}\n\n/* Direction badge */\n.direction-badge {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n/* Clickable direction toggle button */\nbutton.direction-toggle {\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\nbutton.direction-toggle:hover {\n  border-color: var(--mj-border-strong);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n\n.direction-badge.pull {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n.direction-badge.push {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.direction-badge.bidirectional {\n  background: var(--mj-status-warning-subtle);\n  color: var(--mj-status-warning);\n}\n\n/* Create Tables list */\n.create-tables-list {\n  max-height: 300px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  margin-top: 8px;\n  background: var(--mj-bg-surface);\n}\n.create-tables-select-all {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  font-weight: 600;\n}\n.create-tables-checkbox {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n.create-tables-checkbox:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.create-tables-checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.create-tables-name-hint {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  margin-left: 8px;\n}\n.create-tables-filters {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 0;\n  flex-wrap: wrap;\n}\n.create-tables-search {\n  flex: 1 1 240px;\n  min-width: 200px;\n}\n.create-tables-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n}\n.create-tables-toggle input[type=\"checkbox\"] {\n  margin: 0;\n}\n.create-tables-badge {\n  display: inline-block;\n  margin-left: 6px;\n  padding: 1px 6px;\n  font-size: 10px;\n  font-weight: 600;\n  border-radius: 10px;\n  text-transform: uppercase;\n  letter-spacing: 0.3px;\n  line-height: 1.4;\n}\n.create-tables-badge-custom {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n.create-tables-badge-registered {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n.add-map-input {\n  width: 100%;\n  padding: 6px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n.add-map-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n/* Config badges */\n.detail-config-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n}\n\n/* Detail back button (icon-only) */\n.detail-back-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  font-size: 16px;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  flex-shrink: 0;\n}\n\n.detail-back-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* Detail edit button (icon-only) */\n.detail-edit-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  font-size: 14px;\n  transition: background 0.15s, color 0.15s, border-color 0.15s;\n  flex-shrink: 0;\n}\n\n.detail-edit-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n/* Chevron hint on entity map rows */\n.map-edit-hint {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: color 0.15s;\n}\n\n.detail-map-row:hover .map-edit-hint {\n  color: var(--mj-brand-primary);\n}\n\n/* Entity map editor header */\n.ve-header-title-inline {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.ve-source-label {\n  color: var(--mj-brand-primary);\n}\n\n.ve-direction-icon {\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.ve-dest-label {\n  color: var(--mj-status-success);\n}\n\n.ve-stat-inline {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.ve-stat-inline strong {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.detail-table-empty {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 13px;\n}\n\n/* ---------------------------------------------------------------------------\n   Discovered Source Objects Section\n   --------------------------------------------------------------------------- */\n\n.discovered-objects-section {\n  margin: 12px 0;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n}\n\n.discovered-objects-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.discovered-objects-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.discovered-objects-title i {\n  color: var(--mj-brand-primary);\n}\n\n.discovered-count {\n  font-weight: 400;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.discovered-objects-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.discovered-action-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  background: none;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  padding: 3px 10px;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: background 0.15s, color 0.15s;\n}\n\n.discovered-action-btn:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.discovered-action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.discovered-loading,\n.discovered-empty {\n  padding: 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.discovered-loading i {\n  margin-right: 6px;\n}\n\n.discovered-objects-list {\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.discovered-object-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 7px 14px;\n  cursor: pointer;\n  transition: background 0.1s;\n  border-bottom: 1px solid var(--mj-border-subtle);\n  font-size: 13px;\n}\n\n.discovered-object-row:last-child {\n  border-bottom: none;\n}\n\n.discovered-object-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.discovered-object-row.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.discovered-object-row input[type=\"checkbox\"] {\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  accent-color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.discovered-object-name {\n  flex: 1;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.discovered-object-api-name {\n  flex: 1;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-family: monospace;\n}\n\n.discovered-object-badges {\n  display: flex;\n  gap: 4px;\n}\n\n.discovered-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  font-size: 10px;\n}\n\n.discovered-badge.incremental {\n  color: var(--mj-status-success);\n  background: var(--mj-status-success-bg);\n}\n\n.discovered-badge.writable {\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n"] }]
     }], null, { entityTreeDropdown: [{
             type: ViewChild,
             args: ['entityTreeDropdown']