@memberjunction/ng-dashboards 5.34.0 → 5.35.0

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

@@ -24,36 +24,53 @@ const _forTrack0 = ($index, $item) => $item.Integration.ID;
 const _forTrack1 = ($index, $item) => $item.Name;
 const _forTrack2 = ($index, $item) => $item.ID;
 const _forTrack3 = ($index, $item) => $item.Number;
-function ConnectionsComponent_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "mj-loading", 16);
+function ConnectionsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "mj-stat-badge", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Count", ctx_r0.Connections.length)("Label", ctx_r0.Connections.length === 1 ? "integration" : "integrations");
+} }
+function ConnectionsComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OpenWizard()); });
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2, " Add Integration ");
+    i0.ɵɵelementEnd();
+} }
+function ConnectionsComponent_Conditional_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "mj-loading", 19);
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "i", 17);
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 20);
     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", 18);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_10_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
-    i0.ɵɵelement(7, "i", 12);
+    i0.ɵɵelementStart(6, "button", 21);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenWizard()); });
+    i0.ɵɵelement(7, "i", 15);
     i0.ɵɵtext(8, " Add Your First Integration ");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 47);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Conditional_1_Template, 1, 0, "i", 47)(2, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Conditional_2_Template, 1, 0, "i", 48);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Conditional_1_Template, 1, 0, "i", 50)(2, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Conditional_2_Template, 1, 0, "i", 51);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
@@ -65,351 +82,336 @@ function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(testResult_r7.Message);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_23_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Deleting... ");
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_23_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Delete ");
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 49);
-    i0.ɵɵelement(2, "i", 50);
-    i0.ɵɵelementStart(3, "span", 51);
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 52);
+    i0.ɵɵelement(2, "i", 53);
+    i0.ɵɵelementStart(3, "span", 54);
     i0.ɵɵtext(4, "Delete this integration and all its entity maps?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 52)(6, "button", 53);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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_1_Conditional_11_For_2_Conditional_23_Conditional_7_Template, 2, 0)(8, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_23_Conditional_8_Template, 1, 0);
+    i0.ɵɵelementStart(5, "div", 55)(6, "button", 56);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const summary_r6 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ConfirmDelete(summary_r6.Integration.ID)); });
+    i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Conditional_7_Template, 2, 0)(8, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Conditional_8_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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.ɵɵelementStart(9, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.CancelDelete()); });
     i0.ɵɵtext(10, " Cancel ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", ctx_r1.IsDeleting);
+    i0.ɵɵproperty("disabled", ctx_r0.IsDeleting);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDeleting ? 7 : 8);
+    i0.ɵɵconditional(ctx_r0.IsDeleting ? 7 : 8);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Test ");
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Syncing... ");
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 36);
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
     i0.ɵɵtext(1, " Sync ");
-    i0.ɵɵelement(2, "i", 56);
+    i0.ɵɵelement(2, "i", 59);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 55)(1, "div", 57)(2, "span", 58);
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 60)(2, "span", 61);
     i0.ɵɵtext(3, "Pull (External \u2192 MJ)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 60);
+    i0.ɵɵelementStart(4, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, false, "Pull", $event)); });
+    i0.ɵɵelement(5, "i", 63);
     i0.ɵɵtext(6, " Incremental Pull ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 61);
+    i0.ɵɵelementStart(7, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, true, "Pull", $event)); });
+    i0.ɵɵelement(8, "i", 64);
     i0.ɵɵtext(9, " Full Pull ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 57)(11, "span", 58);
+    i0.ɵɵelementStart(10, "div", 60)(11, "span", 61);
     i0.ɵɵtext(12, "Push (MJ \u2192 External)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 62);
+    i0.ɵɵelementStart(13, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, false, "Push", $event)); });
+    i0.ɵɵelement(14, "i", 65);
     i0.ɵɵtext(15, " Incremental Push ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 61);
+    i0.ɵɵelementStart(16, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, true, "Push", $event)); });
+    i0.ɵɵelement(17, "i", 64);
     i0.ɵɵtext(18, " Full Push ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 57)(20, "span", 58);
+    i0.ɵɵelementStart(19, "div", 60)(20, "span", 61);
     i0.ɵɵtext(21, "Bidirectional");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 36);
+    i0.ɵɵelementStart(22, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, false, "Bidirectional", $event)); });
+    i0.ɵɵelement(23, "i", 39);
     i0.ɵɵtext(24, " Incremental Both ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 61);
+    i0.ɵɵelementStart(25, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(summary_r6.Integration.ID, true, "Bidirectional", $event)); });
+    i0.ɵɵelement(26, "i", 64);
     i0.ɵɵtext(27, " Full Both ");
     i0.ɵɵelementEnd()()();
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "button", 54);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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_1_Conditional_11_For_2_Conditional_30_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Conditional_3_Template, 3, 0);
+    i0.ɵɵelementStart(0, "div", 46)(1, "button", 57);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r9); const summary_r6 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleSyncMenu(summary_r6.Integration.ID, $event)); });
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_3_Template, 3, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Conditional_4_Template, 28, 0, "div", 55);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Conditional_4_Template, 28, 0, "div", 58);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const summary_r6 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", !!ctx_r1.SyncingIntegrationID);
+    i0.ɵɵproperty("disabled", !!ctx_r0.SyncingIntegrationID);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSyncing(summary_r6.Integration.ID) ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.IsSyncing(summary_r6.Integration.ID) ? 2 : 3);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.SyncMenuIntegrationID === summary_r6.Integration.ID ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.SyncMenuIntegrationID === summary_r6.Integration.ID ? 4 : -1);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 19)(1, "div", 24);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 25)(3, "div", 26);
-    i0.ɵɵelement(4, "i", 27);
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 27);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template_div_click_1_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.SelectIntegrationCard(summary_r6)); });
+    i0.ɵɵelementStart(2, "div", 28)(3, "div", 29);
+    i0.ɵɵelement(4, "i", 30);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 28)(8, "div", 29);
+    i0.ɵɵelementStart(7, "div", 31)(8, "div", 32);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 30);
+    i0.ɵɵelementStart(10, "div", 33);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 31)(13, "span", 32);
+    i0.ɵɵelementStart(12, "div", 34)(13, "span", 35);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 33);
+    i0.ɵɵelementStart(15, "span", 36);
     i0.ɵɵtext(16, "\u00B7");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 34);
+    i0.ɵɵelementStart(17, "span", 37);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 35);
-    i0.ɵɵelement(20, "i", 36);
+    i0.ɵɵelementStart(19, "div", 38);
+    i0.ɵɵelement(20, "i", 39);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_22_Template, 5, 6, "div", 37);
+    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_22_Template, 5, 6, "div", 40);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(23, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_23_Template, 11, 2, "div", 38);
-    i0.ɵɵelementStart(24, "div", 39)(25, "button", 40);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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_1_Conditional_11_For_2_Conditional_26_Template, 1, 0, "i", 41)(27, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_27_Template, 1, 0);
+    i0.ɵɵconditionalCreate(23, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_23_Template, 11, 2, "div", 41);
+    i0.ɵɵelementStart(24, "div", 42)(25, "button", 43);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template_button_click_25_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.TestExistingConnection(summary_r6.Integration.ID)); });
+    i0.ɵɵconditionalCreate(26, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_26_Template, 1, 0, "i", 44)(27, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_27_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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.ɵɵelementStart(28, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template_button_click_28_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnMenuAction("edit", summary_r6)); });
     i0.ɵɵtext(29, " Configure ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Conditional_30_Template, 5, 3, "div", 43);
-    i0.ɵɵelementStart(31, "button", 44);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_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", 45);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Conditional_30_Template, 5, 3, "div", 46);
+    i0.ɵɵelementStart(31, "button", 47);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template_button_click_31_listener() { const summary_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnMenuAction("delete", summary_r6)); });
+    i0.ɵɵelement(32, "i", 48);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     let tmp_21_0;
     const summary_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵstyleProp("background-color", ctx_r1.GetIconBrandColor(summary_r6.Integration.Integration));
+    i0.ɵɵstyleProp("background-color", ctx_r0.GetIconBrandColor(summary_r6.Integration.Integration));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetIntegrationIcon(summary_r6.Integration.Integration, summary_r6.Icon));
+    i0.ɵɵclassMap(ctx_r0.GetIntegrationIcon(summary_r6.Integration.Integration, summary_r6.Icon));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(summary_r6));
+    i0.ɵɵclassMap(ctx_r0.GetStatusBadgeClass(summary_r6));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.GetStatusBadge(summary_r6));
+    i0.ɵɵtextInterpolate(ctx_r0.GetStatusBadge(summary_r6));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(summary_r6.Integration.Name);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(summary_r6.Integration.Company);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.GetSourceTypeLabel(summary_r6));
+    i0.ɵɵtextInterpolate(ctx_r0.GetSourceTypeLabel(summary_r6));
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.GetCredentialHint(summary_r6));
+    i0.ɵɵtextInterpolate(ctx_r0.GetCredentialHint(summary_r6));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" Syncing ", ctx_r1.GetEntityMapCount(summary_r6.Integration.ID), " entities ");
+    i0.ɵɵtextInterpolate1(" Syncing ", ctx_r0.GetEntityMapCount(summary_r6.Integration.ID), " entities ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_21_0 = ctx_r1.GetCardTestResult(summary_r6.Integration.ID)) ? 22 : -1, tmp_21_0);
+    i0.ɵɵconditional((tmp_21_0 = ctx_r0.GetCardTestResult(summary_r6.Integration.ID)) ? 22 : -1, tmp_21_0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDeleteConfirming(summary_r6.Integration.ID) ? 23 : -1);
+    i0.ɵɵconditional(ctx_r0.IsDeleteConfirming(summary_r6.Integration.ID) ? 23 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !!ctx_r1.TestingCardID);
+    i0.ɵɵproperty("disabled", !!ctx_r0.TestingCardID);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsTestingCard(summary_r6.Integration.ID) ? 26 : 27);
+    i0.ɵɵconditional(ctx_r0.IsTestingCard(summary_r6.Integration.ID) ? 26 : 27);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.IsConnectionActive(summary_r6) ? 30 : -1);
+    i0.ɵɵconditional(ctx_r0.IsConnectionActive(summary_r6) ? 30 : -1);
 } }
-function ConnectionsComponent_Conditional_1_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_8_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_1_Conditional_11_For_2_Template, 33, 17, "div", 19, _forTrack0);
-    i0.ɵɵelementStart(3, "div", 20);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Conditional_11_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
-    i0.ɵɵelementStart(4, "div", 21)(5, "div", 22);
-    i0.ɵɵelement(6, "i", 12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 23);
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_8_Conditional_2_For_2_Template, 33, 17, "div", 22, _forTrack0);
+    i0.ɵɵelementStart(3, "div", 23);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Conditional_2_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenWizard()); });
+    i0.ɵɵelementStart(4, "div", 24)(5, "div", 25);
+    i0.ɵɵelement(6, "i", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span", 26);
     i0.ɵɵtext(8, "Add Integration");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.Connections);
+    i0.ɵɵrepeater(ctx_r0.Connections);
 } }
-function ConnectionsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "h2", 9);
-    i0.ɵɵtext(3, "Integrations");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 10);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 11);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenWizard()); });
-    i0.ɵɵelement(7, "i", 12);
-    i0.ɵɵtext(8, " Add Integration ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, ConnectionsComponent_Conditional_1_Conditional_9_Template, 2, 0, "div", 13);
-    i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_1_Conditional_10_Template, 9, 0, "div", 14);
-    i0.ɵɵconditionalCreate(11, ConnectionsComponent_Conditional_1_Conditional_11_Template, 9, 0, "div", 15);
+function ConnectionsComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ConnectionsComponent_Conditional_8_Conditional_0_Template, 2, 0, "div", 16);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_8_Conditional_1_Template, 9, 0, "div", 17);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_8_Conditional_2_Template, 9, 0, "div", 18);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate2("", ctx_r1.Connections.length, " integration", ctx_r1.Connections.length !== 1 ? "s" : "");
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.IsLoading ? 9 : -1);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.IsLoading ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.IsLoading && ctx_r1.Connections.length === 0 ? 10 : -1);
+    i0.ɵɵconditional(!ctx_r0.IsLoading && ctx_r0.Connections.length === 0 ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.IsLoading && ctx_r1.Connections.length > 0 ? 11 : -1);
+    i0.ɵɵconditional(!ctx_r0.IsLoading && ctx_r0.Connections.length > 0 ? 2 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-visual-field-editor", 64);
-    i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(0, "app-visual-field-editor", 67);
+    i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_9_Conditional_1_Template_app_visual_field_editor_Close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CloseEntityMapEditor()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("EntityMap", ctx_r1.EditorEntityMap)("CompanyIntegrationID", ctx_r1.SelectedSummary.Integration.ID)("RunViewProvider", ctx_r1.RunViewToUse);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("EntityMap", ctx_r0.EditorEntityMap)("CompanyIntegrationID", ctx_r0.SelectedSummary.Integration.ID)("RunViewProvider", ctx_r0.RunViewToUse);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Syncing... ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 36);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 39);
     i0.ɵɵtext(1, " Sync ");
-    i0.ɵɵelement(2, "i", 56);
+    i0.ɵɵelement(2, "i", 59);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 96)(1, "div", 57)(2, "span", 58);
+    i0.ɵɵelementStart(0, "div", 99)(1, "div", 60)(2, "span", 61);
     i0.ɵɵtext(3, "Pull (External \u2192 MJ)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 60);
+    i0.ɵɵelementStart(4, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, false, "Pull", $event)); });
+    i0.ɵɵelement(5, "i", 63);
     i0.ɵɵtext(6, " Incremental Pull ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 61);
+    i0.ɵɵelementStart(7, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_7_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, true, "Pull", $event)); });
+    i0.ɵɵelement(8, "i", 64);
     i0.ɵɵtext(9, " Full Pull ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 57)(11, "span", 58);
+    i0.ɵɵelementStart(10, "div", 60)(11, "span", 61);
     i0.ɵɵtext(12, "Push (MJ \u2192 External)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 62);
+    i0.ɵɵelementStart(13, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_13_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, false, "Push", $event)); });
+    i0.ɵɵelement(14, "i", 65);
     i0.ɵɵtext(15, " Incremental Push ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 61);
+    i0.ɵɵelementStart(16, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_16_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, true, "Push", $event)); });
+    i0.ɵɵelement(17, "i", 64);
     i0.ɵɵtext(18, " Full Push ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 57)(20, "span", 58);
+    i0.ɵɵelementStart(19, "div", 60)(20, "span", 61);
     i0.ɵɵtext(21, "Bidirectional");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 36);
+    i0.ɵɵelementStart(22, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, false, "Bidirectional", $event)); });
+    i0.ɵɵelement(23, "i", 39);
     i0.ɵɵtext(24, " Incremental Both ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 61);
+    i0.ɵɵelementStart(25, "button", 62);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template_button_click_25_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.RunSyncWithDirection(ctx_r0.SelectedSummary.Integration.ID, true, "Bidirectional", $event)); });
+    i0.ɵɵelement(26, "i", 64);
     i0.ɵɵtext(27, " Full Both ");
     i0.ɵɵelementEnd()()();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "button", 54);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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_2_Conditional_2_Conditional_21_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Conditional_3_Template, 3, 0);
+    i0.ɵɵelementStart(0, "div", 46)(1, "button", 57);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleSyncMenu(ctx_r0.SelectedSummary.Integration.ID, $event)); });
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_2_Template, 2, 0)(3, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_3_Template, 3, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Conditional_4_Template, 28, 0, "div", 96);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Conditional_4_Template, 28, 0, "div", 99);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", !!ctx_r1.SyncingIntegrationID);
+    i0.ɵɵproperty("disabled", !!ctx_r0.SyncingIntegrationID);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSyncing(ctx_r1.SelectedSummary.Integration.ID) ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.IsSyncing(ctx_r0.SelectedSummary.Integration.ID) ? 2 : 3);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.SyncMenuIntegrationID === ctx_r1.SelectedSummary.Integration.ID ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.SyncMenuIntegrationID === ctx_r0.SelectedSummary.Integration.ID ? 4 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-scheduled-job-summary", 97);
-    i0.ɵɵlistener("EditRequested", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(0, "mj-scheduled-job-summary", 100);
+    i0.ɵɵlistener("EditRequested", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_28_Template_mj_scheduled_job_summary_EditRequested_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenSchedulePanel()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ScheduledJobID", ctx_r1.ScheduledJobID);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ScheduledJobID", ctx_r0.ScheduledJobID);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 80)(1, "span", 98);
+    i0.ɵɵelementStart(0, "div", 83)(1, "span", 101);
     i0.ɵɵtext(2, "No sync schedule configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 99);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 12);
+    i0.ɵɵelementStart(3, "button", 102);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_29_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenSchedulePanel()); });
+    i0.ɵɵelement(4, "i", 15);
     i0.ɵɵtext(5, " Schedule Sync ");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 47);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Conditional_1_Template, 1, 0, "i", 47)(2, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Conditional_2_Template, 1, 0, "i", 48);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 103);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Conditional_1_Template, 1, 0, "i", 50)(2, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Conditional_2_Template, 1, 0, "i", 51);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("sync-success", ctx_r1.SyncResult.Success)("sync-failure", !ctx_r1.SyncResult.Success);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("sync-success", ctx_r0.SyncResult.Success)("sync-failure", !ctx_r0.SyncResult.Success);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SyncResult.Success ? 1 : 2);
+    i0.ɵɵconditional(ctx_r0.SyncResult.Success ? 1 : 2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.SyncResult.Message || (ctx_r1.SyncResult.Success ? "Sync completed successfully" : "Sync failed"));
+    i0.ɵɵtextInterpolate(ctx_r0.SyncResult.Message || (ctx_r0.SyncResult.Success ? "Sync completed successfully" : "Sync failed"));
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_For_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 107);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 110);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -418,33 +420,33 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_For_13_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(schema_r18);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Mapping... ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 92);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 95);
     i0.ɵɵtext(1, " Auto-Map ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵelement(1, "i", 47);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(5);
+    const ctx_r0 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(2);
-    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" : "", " ");
+    i0.ɵɵtextInterpolate4(" Created ", ctx_r0.AutoMapResult.EntityMapsCreated, " entity map", ctx_r0.AutoMapResult.EntityMapsCreated !== 1 ? "s" : "", " with ", ctx_r0.AutoMapResult.FieldMapsCreated, " field map", ctx_r0.AutoMapResult.FieldMapsCreated !== 1 ? "s" : "", " ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121);
-    i0.ɵɵelement(1, "i", 123);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 124);
+    i0.ɵɵelement(1, "i", 126);
     i0.ɵɵtext(2, " All entities in this schema are already mapped. ");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵelement(1, "i", 125);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 127);
+    i0.ɵɵelement(1, "i", 128);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -452,114 +454,114 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditi
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", err_r19);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 122);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template, 3, 1, "div", 124, i0.ɵɵrepeaterTrackByIdentity);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 125);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_3_For_2_Template, 3, 1, "div", 127, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(5);
+    const ctx_r0 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.AutoMapResult.Errors);
+    i0.ɵɵrepeater(ctx_r0.AutoMapResult.Errors);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template, 3, 4, "div", 121)(2, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template, 3, 0, "div", 121);
-    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template, 3, 0, "div", 122);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_1_Template, 3, 4, "div", 124)(2, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_2_Template, 3, 0, "div", 124);
+    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Conditional_3_Template, 3, 0, "div", 125);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("auto-map-success", ctx_r1.AutoMapResult.Errors.length === 0)("auto-map-partial", ctx_r1.AutoMapResult.Errors.length > 0 && ctx_r1.AutoMapResult.EntityMapsCreated > 0)("auto-map-failure", ctx_r1.AutoMapResult.EntityMapsCreated === 0 && ctx_r1.AutoMapResult.Errors.length > 0);
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("auto-map-success", ctx_r0.AutoMapResult.Errors.length === 0)("auto-map-partial", ctx_r0.AutoMapResult.Errors.length > 0 && ctx_r0.AutoMapResult.EntityMapsCreated > 0)("auto-map-failure", ctx_r0.AutoMapResult.EntityMapsCreated === 0 && ctx_r0.AutoMapResult.Errors.length > 0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.AutoMapResult.EntityMapsCreated > 0 ? 1 : ctx_r1.AutoMapResult.Errors.length === 0 ? 2 : -1);
+    i0.ɵɵconditional(ctx_r0.AutoMapResult.EntityMapsCreated > 0 ? 1 : ctx_r0.AutoMapResult.Errors.length === 0 ? 2 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.AutoMapResult.Errors.length > 0 ? 3 : -1);
+    i0.ɵɵconditional(ctx_r0.AutoMapResult.Errors.length > 0 ? 3 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 94)(1, "div", 101);
-    i0.ɵɵelement(2, "i", 92);
+    i0.ɵɵelementStart(0, "div", 97)(1, "div", 104);
+    i0.ɵɵelement(2, "i", 95);
     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", 102)(6, "div", 103)(7, "label", 104);
+    i0.ɵɵelementStart(5, "div", 105)(6, "div", 106)(7, "label", 107);
     i0.ɵɵtext(8, "Target Schema");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "select", 105);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_2_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", 106);
+    i0.ɵɵelementStart(9, "select", 108);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.AutoMapSelectedSchema, $event) || (ctx_r0.AutoMapSelectedSchema = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "option", 109);
     i0.ɵɵtext(11, "Select schema...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(12, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_For_13_Template, 2, 2, "option", 107, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(12, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_For_13_Template, 2, 2, "option", 110, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 108)(15, "label", 104);
+    i0.ɵɵelementStart(14, "div", 111)(15, "label", 107);
     i0.ɵɵtext(16, "Direction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 109)(18, "button", 110);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 111);
+    i0.ɵɵelementStart(17, "div", 112)(18, "button", 113);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AutoMapDirection = "Pull"); });
+    i0.ɵɵelement(19, "i", 114);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "button", 112);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 113);
+    i0.ɵɵelementStart(20, "button", 115);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AutoMapDirection = "Bidirectional"); });
+    i0.ɵɵelement(21, "i", 116);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 114);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 67);
+    i0.ɵɵelementStart(22, "button", 117);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AutoMapDirection = "Push"); });
+    i0.ɵɵelement(23, "i", 70);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(24, "div", 115)(25, "button", 116);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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_2_Conditional_2_Conditional_52_Conditional_26_Template, 2, 0)(27, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_27_Template, 2, 0);
+    i0.ɵɵelementStart(24, "div", 118)(25, "button", 119);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunAutoMap()); });
+    i0.ɵɵconditionalCreate(26, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_26_Template, 2, 0)(27, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_27_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "button", 117);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 118);
+    i0.ɵɵelementStart(28, "button", 120);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.CloseAutoMapPanel()); });
+    i0.ɵɵelement(29, "i", 121);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Conditional_30_Template, 4, 8, "div", 119);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Conditional_30_Template, 4, 8, "div", 122);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(9);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.AutoMapSelectedSchema);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.AutoMapSelectedSchema);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngValue", "");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.AutoMapSchemas);
+    i0.ɵɵrepeater(ctx_r0.AutoMapSchemas);
     i0.ɵɵadvance(6);
-    i0.ɵɵclassProp("active", ctx_r1.AutoMapDirection === "Pull");
+    i0.ɵɵclassProp("active", ctx_r0.AutoMapDirection === "Pull");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.AutoMapDirection === "Bidirectional");
+    i0.ɵɵclassProp("active", ctx_r0.AutoMapDirection === "Bidirectional");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.AutoMapDirection === "Push");
+    i0.ɵɵclassProp("active", ctx_r0.AutoMapDirection === "Push");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", !ctx_r1.CanAutoMap);
+    i0.ɵɵproperty("disabled", !ctx_r0.CanAutoMap);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsAutoMapping ? 26 : 27);
+    i0.ɵɵconditional(ctx_r0.IsAutoMapping ? 26 : 27);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.AutoMapResult ? 30 : -1);
+    i0.ɵɵconditional(ctx_r0.AutoMapResult ? 30 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Creating... ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 90);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 93);
     i0.ɵɵtext(1);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" Create ", ctx_r1.CreateTablesSelectedCount, " Table", ctx_r1.CreateTablesSelectedCount !== 1 ? "s" : "", " ");
+    i0.ɵɵtextInterpolate2(" Create ", ctx_r0.CreateTablesSelectedCount, " Table", ctx_r0.CreateTablesSelectedCount !== 1 ? "s" : "", " ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 126);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 129);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 127);
-    i0.ɵɵelement(1, "i", 123);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 130);
+    i0.ɵɵelement(1, "i", 126);
     i0.ɵɵtext(2, " No source objects available from this connector. ");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 136);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 139);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -567,27 +569,27 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(obj_r23.Name);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 137);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 140);
     i0.ɵɵtext(1, "Custom");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 138);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 141);
     i0.ɵɵtext(1, "Registered");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 133)(1, "input", 135);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(0, "label", 136)(1, "input", 138);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_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_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template, 2, 1, "span", 136);
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template, 2, 0, "span", 137);
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template, 2, 0, "span", 138);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_4_Template, 2, 1, "span", 139);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_5_Template, 2, 0, "span", 140);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Conditional_6_Template, 2, 0, "span", 141);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const obj_r23 = ctx.$implicit;
@@ -602,92 +604,92 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditi
     i0.ɵɵadvance();
     i0.ɵɵconditional(obj_r23.AlreadyPersisted ? 6 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 129)(1, "input", 130);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(0, "div", 132)(1, "input", 133);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.CreateTablesSearch, $event) || (ctx_r0.CreateTablesSearch = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(2, "div", 131)(3, "div", 132)(4, "label", 133)(5, "input", 134);
-    i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(2, "div", 134)(3, "div", 135)(4, "label", 136)(5, "input", 137);
+    i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_Template_input_change_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.ToggleAllCreateTablesObjects($event.target.checked)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_For_9_Template, 7, 5, "label", 133, _forTrack1);
+    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_For_9_Template, 7, 5, "label", 136, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.CreateTablesSearch);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.CreateTablesSearch);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("checked", ctx_r1.FilteredCreateTablesObjects.length > 0 && ctx_r1.CreateTablesSelectedCount === ctx_r1.FilteredCreateTablesObjects.length);
+    i0.ɵɵproperty("checked", ctx_r0.FilteredCreateTablesObjects.length > 0 && ctx_r0.CreateTablesSelectedCount === ctx_r0.FilteredCreateTablesObjects.length);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("Select All (", ctx_r1.FilteredCreateTablesObjects.length, " of ", ctx_r1.CreateTablesObjects.length, ")");
+    i0.ɵɵtextInterpolate2("Select All (", ctx_r0.FilteredCreateTablesObjects.length, " of ", ctx_r0.CreateTablesObjects.length, ")");
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.FilteredCreateTablesObjects);
+    i0.ɵɵrepeater(ctx_r0.FilteredCreateTablesObjects);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 47);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 120);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template, 1, 0, "i", 47)(2, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template, 1, 0, "i", 48);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 123);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Conditional_1_Template, 1, 0, "i", 50)(2, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Conditional_2_Template, 1, 0, "i", 51);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("auto-map-success", ctx_r1.CreateTablesResult.Success)("auto-map-failure", !ctx_r1.CreateTablesResult.Success);
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("auto-map-success", ctx_r0.CreateTablesResult.Success)("auto-map-failure", !ctx_r0.CreateTablesResult.Success);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.CreateTablesResult.Success ? 1 : 2);
+    i0.ɵɵconditional(ctx_r0.CreateTablesResult.Success ? 1 : 2);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.CreateTablesResult.Message);
+    i0.ɵɵtextInterpolate(ctx_r0.CreateTablesResult.Message);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 94)(1, "div", 101);
-    i0.ɵɵelement(2, "i", 90);
+    i0.ɵɵelementStart(0, "div", 97)(1, "div", 104);
+    i0.ɵɵelement(2, "i", 93);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Select source objects to create as entity tables in your database");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 102)(6, "div", 115)(7, "button", 116);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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_2_Conditional_2_Conditional_53_Conditional_8_Template, 2, 0)(9, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_9_Template, 2, 2);
+    i0.ɵɵelementStart(5, "div", 105)(6, "div", 118)(7, "button", 119);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.RunCreateTables()); });
+    i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_8_Template, 2, 0)(9, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_9_Template, 2, 2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 117);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 118);
+    i0.ɵɵelementStart(10, "button", 120);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.CloseCreateTablesPanel()); });
+    i0.ɵɵelement(11, "i", 121);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_12_Template, 1, 0, "mj-loading", 126)(13, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_13_Template, 3, 0, "div", 127)(14, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_14_Template, 10, 4);
-    i0.ɵɵconditionalCreate(15, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Conditional_15_Template, 5, 6, "div", 128);
+    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_12_Template, 1, 0, "mj-loading", 129)(13, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_13_Template, 3, 0, "div", 130)(14, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_14_Template, 10, 4);
+    i0.ɵɵconditionalCreate(15, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Conditional_15_Template, 5, 6, "div", 131);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
-    i0.ɵɵproperty("disabled", !ctx_r1.CanCreateTables);
+    i0.ɵɵproperty("disabled", !ctx_r0.CanCreateTables);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsCreatingTables ? 8 : 9);
+    i0.ɵɵconditional(ctx_r0.IsCreatingTables ? 8 : 9);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.IsLoadingCreateTablesObjects ? 12 : ctx_r1.CreateTablesObjects.length === 0 ? 13 : 14);
+    i0.ɵɵconditional(ctx_r0.IsLoadingCreateTablesObjects ? 12 : ctx_r0.CreateTablesObjects.length === 0 ? 13 : 14);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.CreateTablesResult ? 15 : -1);
+    i0.ɵɵconditional(ctx_r0.CreateTablesResult ? 15 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 139);
-    i0.ɵɵelement(1, "i", 41);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵelement(1, "i", 44);
     i0.ɵɵtext(2, " Loading...");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 140);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 143);
     i0.ɵɵtext(1, "No source objects found in metadata");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_7_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 107);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_7_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 110);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -696,148 +698,148 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditi
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(obj_r26.Label || obj_r26.Name);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 105);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_2_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", 106);
+    i0.ɵɵelementStart(0, "select", 108);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_7_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r25); const ctx_r0 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r0.AddMapSourceObjectName, $event) || (ctx_r0.AddMapSourceObjectName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 109);
     i0.ɵɵtext(2, "Select source object...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_7_For_4_Template, 2, 2, "option", 107, _forTrack1);
+    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_7_For_4_Template, 2, 2, "option", 110, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.AddMapSourceObjectName);
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.AddMapSourceObjectName);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngValue", "");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.AvailableSourceObjects);
+    i0.ɵɵrepeater(ctx_r0.AvailableSourceObjects);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 146);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 149);
     i0.ɵɵtext(1, " Add ");
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 94)(1, "div", 102)(2, "div", 103)(3, "label", 104);
+    i0.ɵɵelementStart(0, "div", 97)(1, "div", 105)(2, "div", 106)(3, "label", 107);
     i0.ɵɵtext(4, "Source Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_5_Template, 3, 0, "div", 139)(6, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_6_Template, 2, 0, "div", 140)(7, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_7_Template, 5, 2, "select", 141);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_5_Template, 3, 0, "div", 142)(6, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_6_Template, 2, 0, "div", 143)(7, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_7_Template, 5, 2, "select", 144);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 108)(9, "label", 104);
+    i0.ɵɵelementStart(8, "div", 111)(9, "label", 107);
     i0.ɵɵtext(10, "Direction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 109)(12, "button", 110);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 111);
+    i0.ɵɵelementStart(11, "div", 112)(12, "button", 113);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AddMapDirection = "Pull"); });
+    i0.ɵɵelement(13, "i", 114);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 112);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 113);
+    i0.ɵɵelementStart(14, "button", 115);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AddMapDirection = "Bidirectional"); });
+    i0.ɵɵelement(15, "i", 116);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "button", 114);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 67);
+    i0.ɵɵelementStart(16, "button", 117);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.AddMapDirection = "Push"); });
+    i0.ɵɵelement(17, "i", 70);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 142)(19, "label", 104);
+    i0.ɵɵelementStart(18, "div", 145)(19, "label", 107);
     i0.ɵɵtext(20, "MJ Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 143)(22, "mj-tree-dropdown", 144, 0);
-    i0.ɵɵlistener("SelectionChange", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(21, "div", 146)(22, "mj-tree-dropdown", 147, 0);
+    i0.ɵɵlistener("SelectionChange", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_mj_tree_dropdown_SelectionChange_22_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityTreeSelection($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "button", 145);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 12);
+    i0.ɵɵelementStart(24, "button", 148);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_24_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenNewEntityDialog()); });
+    i0.ɵɵelement(25, "i", 15);
     i0.ɵɵtext(26, " New ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(27, "div", 115)(28, "button", 116);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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_2_Conditional_2_Conditional_54_Conditional_29_Template, 1, 0, "i", 41)(30, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Conditional_30_Template, 2, 0);
+    i0.ɵɵelementStart(27, "div", 118)(28, "button", 119);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.SaveAddMap()); });
+    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_29_Template, 1, 0, "i", 44)(30, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Conditional_30_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "button", 117);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 118);
+    i0.ɵɵelementStart(31, "button", 120);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r24); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.CloseAddMapPanel()); });
+    i0.ɵɵelement(32, "i", 121);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.IsLoadingSourceObjects ? 5 : ctx_r1.AvailableSourceObjects.length === 0 ? 6 : 7);
+    i0.ɵɵconditional(ctx_r0.IsLoadingSourceObjects ? 5 : ctx_r0.AvailableSourceObjects.length === 0 ? 6 : 7);
     i0.ɵɵadvance(7);
-    i0.ɵɵclassProp("active", ctx_r1.AddMapDirection === "Pull");
+    i0.ɵɵclassProp("active", ctx_r0.AddMapDirection === "Pull");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.AddMapDirection === "Bidirectional");
+    i0.ɵɵclassProp("active", ctx_r0.AddMapDirection === "Bidirectional");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.AddMapDirection === "Push");
+    i0.ɵɵclassProp("active", ctx_r0.AddMapDirection === "Push");
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("BranchConfig", ctx_r1.EntityBranchConfig)("LeafConfig", ctx_r1.EntityLeafConfig)("Value", ctx_r1.AddMapEntityIDAsKey)("SelectableTypes", "leaf")("SelectionMode", "single")("Placeholder", "Search entities by schema...")("EnableSearch", true);
+    i0.ɵɵproperty("BranchConfig", ctx_r0.EntityBranchConfig)("LeafConfig", ctx_r0.EntityLeafConfig)("Value", ctx_r0.AddMapEntityIDAsKey)("SelectableTypes", "leaf")("SelectionMode", "single")("Placeholder", "Search entities by schema...")("EnableSearch", true);
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", !ctx_r1.CanSaveAddMap || ctx_r1.IsSavingAddMap);
+    i0.ɵɵproperty("disabled", !ctx_r0.CanSaveAddMap || ctx_r0.IsSavingAddMap);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSavingAddMap ? 29 : 30);
+    i0.ɵɵconditional(ctx_r0.IsSavingAddMap ? 29 : 30);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "mj-loading", 147);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "mj-loading", 150);
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_56_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 95);
-    i0.ɵɵelement(1, "i", 148);
+    i0.ɵɵelementStart(0, "div", 98);
+    i0.ɵɵelement(1, "i", 151);
     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", 149);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 12);
+    i0.ɵɵelementStart(6, "button", 152);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_56_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r27); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleAddMapPanel()); });
+    i0.ɵɵelement(7, "i", 15);
     i0.ɵɵtext(8, " Add Your First Entity Map ");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 167);
-    i0.ɵɵelement(1, "i", 171);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 170);
+    i0.ɵɵelement(1, "i", 174);
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 159);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 160);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "label", 161)(3, "input", 134);
-    i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_2_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", 162);
+    i0.ɵɵelementStart(0, "div", 162);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template_div_click_0_listener() { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnEntityMapClick(em_r29)); });
+    i0.ɵɵelementStart(1, "span", 163);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "label", 164)(3, "input", 137);
+    i0.ɵɵlistener("change", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template_input_change_3_listener($event) { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnToggleMapEnabled(em_r29, $event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "span", 165);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "span", 163);
+    i0.ɵɵelementStart(5, "span", 166);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 164);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Template_span_click_7_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(8, "button", 165);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(7, "span", 167);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template_span_click_7_listener($event) { i0.ɵɵrestoreView(_r28); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(8, "button", 168);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template_button_click_8_listener() { const em_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.CycleSyncDirection(em_r29)); });
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "span", 166);
+    i0.ɵɵelementStart(10, "span", 169);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 155);
-    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Conditional_13_Template, 2, 0, "span", 167);
-    i0.ɵɵelementStart(14, "span", 168);
-    i0.ɵɵelement(15, "i", 36);
+    i0.ɵɵelementStart(12, "span", 158);
+    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Conditional_13_Template, 2, 0, "span", 170);
+    i0.ɵɵelementStart(14, "span", 171);
+    i0.ɵɵelement(15, "i", 39);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "span", 169);
-    i0.ɵɵelement(17, "i", 170);
+    i0.ɵɵelementStart(16, "span", 172);
+    i0.ɵɵelement(17, "i", 173);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const em_r29 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵclassProp("sync-disabled", !em_r29.SyncEnabled);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("title", em_r29.SyncEnabled ? "Sync enabled" : "Sync disabled");
@@ -848,10 +850,10 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", em_r29.ExternalObjectLabel ?? em_r29.ExternalObjectName, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.DirectionBadgeClass(em_r29.SyncDirection));
+    i0.ɵɵclassMap(ctx_r0.DirectionBadgeClass(em_r29.SyncDirection));
     i0.ɵɵproperty("title", "Click to change sync direction (currently: " + em_r29.SyncDirection + ")");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.DirectionText(em_r29.SyncDirection), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.DirectionText(em_r29.SyncDirection), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("title", em_r29.Entity);
     i0.ɵɵadvance();
@@ -861,213 +863,213 @@ function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_
     i0.ɵɵadvance();
     i0.ɵɵproperty("title", "Conflict: " + em_r29.ConflictResolution);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_ForEmpty_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 158);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_ForEmpty_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 161);
     i0.ɵɵtext(1, " No entity maps match your filter. ");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 150)(1, "span", 151);
+function ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 153)(1, "span", 154);
     i0.ɵɵtext(2, "Sync");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 152);
+    i0.ɵɵelementStart(3, "span", 155);
     i0.ɵɵtext(4, "External Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "span", 153);
-    i0.ɵɵelementStart(6, "span", 154);
+    i0.ɵɵelement(5, "span", 156);
+    i0.ɵɵelementStart(6, "span", 157);
     i0.ɵɵtext(7, "MJ Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 155);
+    i0.ɵɵelementStart(8, "span", 158);
     i0.ɵɵtext(9, "Config");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 156);
-    i0.ɵɵrepeaterCreate(11, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_For_12_Template, 18, 14, "div", 157, _forTrack2, false, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_ForEmpty_13_Template, 2, 0, "div", 158);
+    i0.ɵɵelementStart(10, "div", 159);
+    i0.ɵɵrepeaterCreate(11, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_For_12_Template, 18, 14, "div", 160, _forTrack2, false, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_ForEmpty_13_Template, 2, 0, "div", 161);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(11);
-    i0.ɵɵrepeater(ctx_r1.DetailFilteredMaps);
+    i0.ɵɵrepeater(ctx_r0.DetailFilteredMaps);
 } }
-function ConnectionsComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 65)(1, "button", 66);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 67);
+    i0.ɵɵelementStart(0, "div", 68)(1, "button", 69);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CloseDetailView()); });
+    i0.ɵɵelement(2, "i", 70);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 68)(4, "div", 26);
-    i0.ɵɵelement(5, "i", 27);
+    i0.ɵɵelementStart(3, "div", 71)(4, "div", 29);
+    i0.ɵɵelement(5, "i", 30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 69)(7, "h2", 70);
+    i0.ɵɵelementStart(6, "div", 72)(7, "h2", 73);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 71);
+    i0.ɵɵelementStart(9, "span", 74);
     i0.ɵɵtext(10);
-    i0.ɵɵelementStart(11, "span", 33);
+    i0.ɵɵelementStart(11, "span", 36);
     i0.ɵɵtext(12, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(13);
-    i0.ɵɵelementStart(14, "span", 33);
+    i0.ɵɵelementStart(14, "span", 36);
     i0.ɵɵtext(15, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(16, "span");
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(18, "div", 72)(19, "button", 73);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 74);
+    i0.ɵɵelementStart(18, "div", 75)(19, "button", 76);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OpenEditPanel(ctx_r0.SelectedSummary)); });
+    i0.ɵɵelement(20, "i", 77);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(21, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_21_Template, 5, 3, "div", 43);
+    i0.ɵɵconditionalCreate(21, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_21_Template, 5, 3, "div", 46);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(22, "div", 75)(23, "div", 76)(24, "div", 77);
-    i0.ɵɵelement(25, "i", 78);
+    i0.ɵɵelementStart(22, "div", 78)(23, "div", 79)(24, "div", 80);
+    i0.ɵɵelement(25, "i", 81);
     i0.ɵɵelementStart(26, "span");
     i0.ɵɵtext(27, "Sync Schedule");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(28, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_28_Template, 1, 1, "mj-scheduled-job-summary", 79)(29, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_29_Template, 6, 0, "div", 80);
+    i0.ɵɵconditionalCreate(28, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_28_Template, 1, 1, "mj-scheduled-job-summary", 82)(29, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_29_Template, 6, 0, "div", 83);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "mj-scheduled-job-slide-panel", 81);
-    i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_2_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_2_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_2_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.ɵɵelementStart(30, "mj-scheduled-job-slide-panel", 84);
+    i0.ɵɵlistener("Close", function ConnectionsComponent_Conditional_9_Conditional_2_Template_mj_scheduled_job_slide_panel_Close_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CloseSchedulePanel()); })("Saved", function ConnectionsComponent_Conditional_9_Conditional_2_Template_mj_scheduled_job_slide_panel_Saved_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnScheduleSaved()); })("Deleted", function ConnectionsComponent_Conditional_9_Conditional_2_Template_mj_scheduled_job_slide_panel_Deleted_30_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnScheduleDeleted()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 82)(32, "div", 83)(33, "span", 84);
+    i0.ɵɵelementStart(31, "div", 85)(32, "div", 86)(33, "span", 87);
     i0.ɵɵtext(34);
-    i0.ɵɵelementStart(35, "span", 33);
+    i0.ɵɵelementStart(35, "span", 36);
     i0.ɵɵtext(36, "\u00B7");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 85)(39, "div", 86);
-    i0.ɵɵelement(40, "i", 87);
-    i0.ɵɵelementStart(41, "input", 88);
-    i0.ɵɵlistener("input", function ConnectionsComponent_Conditional_2_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.ɵɵelementStart(38, "div", 88)(39, "div", 89);
+    i0.ɵɵelement(40, "i", 90);
+    i0.ɵɵelementStart(41, "input", 91);
+    i0.ɵɵlistener("input", function ConnectionsComponent_Conditional_9_Conditional_2_Template_input_input_41_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnDetailSearch($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(42, "button", 89);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 90);
+    i0.ɵɵelementStart(42, "button", 92);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Template_button_click_42_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleCreateTablesPanel()); });
+    i0.ɵɵelement(43, "i", 93);
     i0.ɵɵtext(44, " Create Tables ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "button", 91);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 92);
+    i0.ɵɵelementStart(45, "button", 94);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Template_button_click_45_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleAutoMapPanel()); });
+    i0.ɵɵelement(46, "i", 95);
     i0.ɵɵtext(47, " Auto-Map Schema ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "button", 91);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_2_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", 12);
+    i0.ɵɵelementStart(48, "button", 94);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_9_Conditional_2_Template_button_click_48_listener() { i0.ɵɵrestoreView(_r12); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleAddMapPanel()); });
+    i0.ɵɵelement(49, "i", 15);
     i0.ɵɵtext(50, " Add Map ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(51, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_51_Template, 5, 6, "div", 93);
-    i0.ɵɵconditionalCreate(52, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_52_Template, 31, 11, "div", 94);
-    i0.ɵɵconditionalCreate(53, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_53_Template, 16, 4, "div", 94);
-    i0.ɵɵconditionalCreate(54, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_54_Template, 33, 16, "div", 94);
-    i0.ɵɵconditionalCreate(55, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_55_Template, 2, 0, "div", 13)(56, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_56_Template, 9, 0, "div", 95)(57, ConnectionsComponent_Conditional_2_Conditional_2_Conditional_57_Template, 14, 1);
+    i0.ɵɵconditionalCreate(51, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_51_Template, 5, 6, "div", 96);
+    i0.ɵɵconditionalCreate(52, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_52_Template, 31, 11, "div", 97);
+    i0.ɵɵconditionalCreate(53, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_53_Template, 16, 4, "div", 97);
+    i0.ɵɵconditionalCreate(54, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_54_Template, 33, 16, "div", 97);
+    i0.ɵɵconditionalCreate(55, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_55_Template, 2, 0, "div", 16)(56, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_56_Template, 9, 0, "div", 98)(57, ConnectionsComponent_Conditional_9_Conditional_2_Conditional_57_Template, 14, 1);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵstyleProp("background-color", ctx_r1.GetIconBrandColor(ctx_r1.SelectedSummary.Integration.Integration));
+    i0.ɵɵstyleProp("background-color", ctx_r0.GetIconBrandColor(ctx_r0.SelectedSummary.Integration.Integration));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetIntegrationIcon(ctx_r1.SelectedSummary.Integration.Integration));
+    i0.ɵɵclassMap(ctx_r0.GetIntegrationIcon(ctx_r0.SelectedSummary.Integration.Integration));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.SelectedSummary.Integration.Name);
+    i0.ɵɵtextInterpolate(ctx_r0.SelectedSummary.Integration.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedSummary.Integration.Company, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.SelectedSummary.Integration.Company, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetSourceTypeLabel(ctx_r1.SelectedSummary), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.GetSourceTypeLabel(ctx_r0.SelectedSummary), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ctx_r1.SelectedSummary));
+    i0.ɵɵclassMap(ctx_r0.GetStatusBadgeClass(ctx_r0.SelectedSummary));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.GetStatusBadge(ctx_r1.SelectedSummary));
+    i0.ɵɵtextInterpolate(ctx_r0.GetStatusBadge(ctx_r0.SelectedSummary));
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.IsConnectionActive(ctx_r1.SelectedSummary) ? 21 : -1);
+    i0.ɵɵconditional(ctx_r0.IsConnectionActive(ctx_r0.SelectedSummary) ? 21 : -1);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.ScheduledJobID ? 28 : 29);
+    i0.ɵɵconditional(ctx_r0.ScheduledJobID ? 28 : 29);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("IsOpen", ctx_r1.ShowScheduleSlidePanel)("ScheduledJobID", ctx_r1.ScheduledJobID)("JobTypeID", ctx_r1.IntegrationSyncJobTypeID)("DefaultConfiguration", ctx_r1.ScheduleDefaultConfiguration)("HideJobType", true);
+    i0.ɵɵproperty("IsOpen", ctx_r0.ShowScheduleSlidePanel)("ScheduledJobID", ctx_r0.ScheduledJobID)("JobTypeID", ctx_r0.IntegrationSyncJobTypeID)("DefaultConfiguration", ctx_r0.ScheduleDefaultConfiguration)("HideJobType", true);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.DetailEntityMaps.length, " entity map", ctx_r1.DetailEntityMaps.length !== 1 ? "s" : "", " ");
+    i0.ɵɵtextInterpolate2(" ", ctx_r0.DetailEntityMaps.length, " entity map", ctx_r0.DetailEntityMaps.length !== 1 ? "s" : "", " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.DetailActiveMapCount, " active ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.DetailActiveMapCount, " active ");
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("value", ctx_r1.DetailSearchTerm);
+    i0.ɵɵproperty("value", ctx_r0.DetailSearchTerm);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("active", ctx_r1.ShowCreateTablesPanel);
+    i0.ɵɵclassProp("active", ctx_r0.ShowCreateTablesPanel);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.ShowAutoMapPanel);
+    i0.ɵɵclassProp("active", ctx_r0.ShowAutoMapPanel);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("active", ctx_r1.ShowAddMapPanel);
+    i0.ɵɵclassProp("active", ctx_r0.ShowAddMapPanel);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.SyncResult ? 51 : -1);
+    i0.ɵɵconditional(ctx_r0.SyncResult ? 51 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowAutoMapPanel ? 52 : -1);
+    i0.ɵɵconditional(ctx_r0.ShowAutoMapPanel ? 52 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowCreateTablesPanel ? 53 : -1);
+    i0.ɵɵconditional(ctx_r0.ShowCreateTablesPanel ? 53 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ShowAddMapPanel ? 54 : -1);
+    i0.ɵɵconditional(ctx_r0.ShowAddMapPanel ? 54 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDetailLoading ? 55 : ctx_r1.DetailEntityMaps.length === 0 && !ctx_r1.ShowAddMapPanel ? 56 : ctx_r1.DetailEntityMaps.length > 0 ? 57 : -1);
+    i0.ɵɵconditional(ctx_r0.IsDetailLoading ? 55 : ctx_r0.DetailEntityMaps.length === 0 && !ctx_r0.ShowAddMapPanel ? 56 : ctx_r0.DetailEntityMaps.length > 0 ? 57 : -1);
 } }
-function ConnectionsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_2_Conditional_1_Template, 1, 3, "app-visual-field-editor", 63)(2, ConnectionsComponent_Conditional_2_Conditional_2_Template, 58, 32);
+function ConnectionsComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_9_Conditional_1_Template, 1, 3, "app-visual-field-editor", 66)(2, ConnectionsComponent_Conditional_9_Conditional_2_Template, 58, 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.EditorEntityMap ? 1 : 2);
+    i0.ɵɵconditional(ctx_r0.EditorEntityMap ? 1 : 2);
 } }
-function ConnectionsComponent_Conditional_3_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 146);
+function ConnectionsComponent_Conditional_10_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 149);
 } }
-function ConnectionsComponent_Conditional_3_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const step_r31 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵtextInterpolate1(" ", step_r31.Number, " ");
 } }
-function ConnectionsComponent_Conditional_3_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 187);
+function ConnectionsComponent_Conditional_10_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 190);
 } 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));
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("step-line-active", ctx_r0.IsStepCompleted(step_r31.Number));
 } }
-function ConnectionsComponent_Conditional_3_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 183)(1, "div", 184);
-    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_3_For_9_Conditional_2_Template, 1, 0, "i", 146)(3, ConnectionsComponent_Conditional_3_For_9_Conditional_3_Template, 1, 1);
+function ConnectionsComponent_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 186)(1, "div", 187);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_10_For_9_Conditional_2_Template, 1, 0, "i", 149)(3, ConnectionsComponent_Conditional_10_For_9_Conditional_3_Template, 1, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 185);
+    i0.ɵɵelementStart(4, "span", 188);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_3_For_9_Conditional_6_Template, 1, 2, "div", 186);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_10_For_9_Conditional_6_Template, 1, 2, "div", 189);
 } if (rf & 2) {
     const step_r31 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("step-active", ctx_r1.IsStepActive(step_r31.Number))("step-completed", ctx_r1.IsStepCompleted(step_r31.Number));
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("step-active", ctx_r0.IsStepActive(step_r31.Number))("step-completed", ctx_r0.IsStepCompleted(step_r31.Number));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.IsStepCompleted(step_r31.Number) ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.IsStepCompleted(step_r31.Number) ? 2 : 3);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(step_r31.Label);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(step_r31.Number < ctx_r1.WizardSteps.length ? 6 : -1);
+    i0.ɵɵconditional(step_r31.Number < ctx_r0.WizardSteps.length ? 6 : -1);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 192);
-    i0.ɵɵelement(1, "i", 194);
+function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 195);
+    i0.ɵɵelement(1, "i", 197);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No integrations configured");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 195);
+    i0.ɵɵelementStart(4, "span", 198);
     i0.ɵɵtext(5, "Configure integration definitions in the admin area first.");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 192);
-    i0.ɵɵelement(1, "i", 196);
+function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 195);
+    i0.ɵɵelement(1, "i", 199);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No matching integrations");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 201);
+function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 204);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1075,61 +1077,61 @@ function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_For_2_C
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(def_r34.Description);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 198);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 199);
+    i0.ɵɵelementStart(0, "div", 201);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_For_2_Template_div_click_0_listener() { const def_r34 = i0.ɵɵrestoreView(_r33).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.SelectIntegration(def_r34)); });
+    i0.ɵɵelementStart(1, "div", 202);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 200);
+    i0.ɵɵelementStart(3, "div", 203);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_For_2_Conditional_5_Template, 2, 1, "div", 201);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_For_2_Conditional_5_Template, 2, 1, "div", 204);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const def_r34 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("picker-selected", ctx_r1.IsSelectedIntegration(def_r34));
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("picker-selected", ctx_r0.IsSelectedIntegration(def_r34));
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", ctx_r1.GetIconBrandColor(def_r34.Name));
+    i0.ɵɵstyleProp("background-color", ctx_r0.GetIconBrandColor(def_r34.Name));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetIntegrationIcon(def_r34.Name, def_r34.Get("Icon")));
+    i0.ɵɵclassMap(ctx_r0.GetIntegrationIcon(def_r34.Name, def_r34.Get("Icon")));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(def_r34.Name);
     i0.ɵɵadvance();
     i0.ɵɵconditional(def_r34.Description ? 5 : -1);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 193);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_For_2_Template, 6, 8, "div", 197, _forTrack2);
+function ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 196);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_For_2_Template, 6, 8, "div", 200, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.FilteredIntegrations);
+    i0.ɵɵrepeater(ctx_r0.FilteredIntegrations);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 177)(1, "h3", 188);
+    i0.ɵɵelementStart(0, "div", 180)(1, "h3", 191);
     i0.ɵɵtext(2, "What system do you want to connect?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 189);
-    i0.ɵɵelement(4, "i", 190);
-    i0.ɵɵelementStart(5, "input", 191);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_3_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.ɵɵelementStart(3, "div", 192);
+    i0.ɵɵelement(4, "i", 193);
+    i0.ɵɵelementStart(5, "input", 194);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_10_Conditional_11_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.SearchQuery, $event) || (ctx_r0.SearchQuery = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_3_Conditional_11_Conditional_6_Template, 6, 0, "div", 192)(7, ConnectionsComponent_Conditional_3_Conditional_11_Conditional_7_Template, 4, 0, "div", 192)(8, ConnectionsComponent_Conditional_3_Conditional_11_Conditional_8_Template, 3, 0, "div", 193);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_10_Conditional_11_Conditional_6_Template, 6, 0, "div", 195)(7, ConnectionsComponent_Conditional_10_Conditional_11_Conditional_7_Template, 4, 0, "div", 195)(8, ConnectionsComponent_Conditional_10_Conditional_11_Conditional_8_Template, 3, 0, "div", 196);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SearchQuery);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.SearchQuery);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.FilteredIntegrations.length === 0 && ctx_r1.AvailableIntegrations.length === 0 ? 6 : ctx_r1.FilteredIntegrations.length === 0 ? 7 : 8);
+    i0.ɵɵconditional(ctx_r0.FilteredIntegrations.length === 0 && ctx_r0.AvailableIntegrations.length === 0 ? 6 : ctx_r0.FilteredIntegrations.length === 0 ? 7 : 8);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_10_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 107);
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_10_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 110);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1138,73 +1140,73 @@ function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_10_For_4_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(company_r37.Name);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 217);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_3_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", 106);
+    i0.ɵɵelementStart(0, "select", 220);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_10_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.SelectedCompanyID, $event) || (ctx_r0.SelectedCompanyID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 109);
     i0.ɵɵtext(2, "Select a company...");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_10_For_4_Template, 2, 2, "option", 107, _forTrack2);
+    i0.ɵɵrepeaterCreate(3, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_10_For_4_Template, 2, 2, "option", 110, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedCompanyID);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.SelectedCompanyID);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngValue", null);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.Companies);
+    i0.ɵɵrepeater(ctx_r0.Companies);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 207);
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 210);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("value", ctx_r1.Companies[0].Name);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("value", ctx_r0.Companies[0].Name);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 208);
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 211);
     i0.ɵɵtext(1, "No companies available. Create one in the admin area.");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 213)(1, "div", 218);
-    i0.ɵɵelement(2, "i", 219);
+    i0.ɵɵelementStart(0, "div", 216)(1, "div", 221);
+    i0.ɵɵelement(2, "i", 222);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 220);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 118);
+    i0.ɵɵelementStart(5, "button", 223);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_22_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r38); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ClearCredential()); });
+    i0.ɵɵelement(6, "i", 121);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.SelectedCredential.Name);
+    i0.ɵɵtextInterpolate(ctx_r0.SelectedCredential.Name);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_23_Template(rf, ctx) { if (rf & 1) {
     const _r39 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 214)(1, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 219);
+    i0.ɵɵelementStart(0, "div", 217)(1, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r39); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ShowExistingCredentials()); });
+    i0.ɵɵelement(2, "i", 222);
     i0.ɵɵtext(3, " Choose Existing Credential ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 12);
+    i0.ɵɵelementStart(4, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_23_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenCredentialDialog()); });
+    i0.ɵɵelement(5, "i", 15);
     i0.ɵɵtext(6, " Create New Credential ");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 215);
-    i0.ɵɵelement(1, "mj-loading", 221);
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 218);
+    i0.ɵɵelement(1, "mj-loading", 224);
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r40 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 223);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 219);
+    i0.ɵɵelementStart(0, "div", 226);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_25_For_2_Template_div_click_0_listener() { const cred_r41 = i0.ɵɵrestoreView(_r40).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.SelectExistingCredential(cred_r41)); });
+    i0.ɵɵelement(1, "i", 222);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -1213,228 +1215,228 @@ function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_25_For_2_
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(cred_r41.Name);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 216);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_25_For_2_Template, 4, 1, "div", 222, _forTrack2);
+function ConnectionsComponent_Conditional_10_Conditional_12_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 219);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_25_For_2_Template, 4, 1, "div", 225, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ExistingCredentials);
+    i0.ɵɵrepeater(ctx_r0.ExistingCredentials);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 177)(1, "h3", 188);
+    i0.ɵɵelementStart(0, "div", 180)(1, "h3", 191);
     i0.ɵɵtext(2, "Set up your connection");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 202)(4, "label", 203);
+    i0.ɵɵelementStart(3, "div", 205)(4, "label", 206);
     i0.ɵɵtext(5, "Connection Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "input", 204);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_3_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.ɵɵelementStart(6, "input", 207);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_10_Conditional_12_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.ConnectionName, $event) || (ctx_r0.ConnectionName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 202)(8, "label", 205);
+    i0.ɵɵelementStart(7, "div", 205)(8, "label", 208);
     i0.ɵɵtext(9, "Company");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_10_Template, 5, 2, "select", 206)(11, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_11_Template, 1, 1, "input", 207)(12, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_12_Template, 2, 0, "div", 208);
+    i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_10_Template, 5, 2, "select", 209)(11, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_11_Template, 1, 1, "input", 210)(12, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_12_Template, 2, 0, "div", 211);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 202)(14, "label", 209);
+    i0.ɵɵelementStart(13, "div", 205)(14, "label", 212);
     i0.ɵɵtext(15, "Description ");
-    i0.ɵɵelementStart(16, "span", 210);
+    i0.ɵɵelementStart(16, "span", 213);
     i0.ɵɵtext(17, "(optional)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "textarea", 211);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_3_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.ɵɵelementStart(18, "textarea", 214);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_10_Conditional_12_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.ConnectionDescription, $event) || (ctx_r0.ConnectionDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 202)(20, "label", 212);
+    i0.ɵɵelementStart(19, "div", 205)(20, "label", 215);
     i0.ɵɵtext(21, "Credential");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_22_Template, 7, 1, "div", 213)(23, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_23_Template, 7, 0, "div", 214);
-    i0.ɵɵconditionalCreate(24, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_24_Template, 2, 0, "div", 215);
-    i0.ɵɵconditionalCreate(25, ConnectionsComponent_Conditional_3_Conditional_12_Conditional_25_Template, 3, 0, "div", 216);
+    i0.ɵɵconditionalCreate(22, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_22_Template, 7, 1, "div", 216)(23, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_23_Template, 7, 0, "div", 217);
+    i0.ɵɵconditionalCreate(24, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_24_Template, 2, 0, "div", 218);
+    i0.ɵɵconditionalCreate(25, ConnectionsComponent_Conditional_10_Conditional_12_Conditional_25_Template, 3, 0, "div", 219);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ConnectionName);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ConnectionName);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.NeedsCompanyPicker ? 10 : ctx_r1.Companies.length === 1 ? 11 : 12);
+    i0.ɵɵconditional(ctx_r0.NeedsCompanyPicker ? 10 : ctx_r0.Companies.length === 1 ? 11 : 12);
     i0.ɵɵadvance(8);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ConnectionDescription);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.ConnectionDescription);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.SelectedCredential ? 22 : 23);
+    i0.ɵɵconditional(ctx_r0.SelectedCredential ? 22 : 23);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.IsLoadingCredentials ? 24 : -1);
+    i0.ɵɵconditional(ctx_r0.IsLoadingCredentials ? 24 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.IsLoadingCredentials && ctx_r1.ExistingCredentials.length > 0 && !ctx_r1.SelectedCredential ? 25 : -1);
+    i0.ɵɵconditional(!ctx_r0.IsLoadingCredentials && ctx_r0.ExistingCredentials.length > 0 && !ctx_r0.SelectedCredential ? 25 : -1);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 224)(1, "button", 227);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 228);
+    i0.ɵɵelementStart(0, "div", 227)(1, "button", 230);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r42); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.TestNewConnection()); });
+    i0.ɵɵelement(2, "i", 231);
     i0.ɵɵtext(3, " Test Connection ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 229);
+    i0.ɵɵelementStart(4, "p", 232);
     i0.ɵɵtext(5, "We'll verify we can reach your system and authenticate.");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 225)(1, "div", 230);
-    i0.ɵɵelement(2, "i", 231);
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 228)(1, "div", 233);
+    i0.ɵɵelement(2, "i", 234);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "p");
     i0.ɵɵtext(4, "Testing connection...");
     i0.ɵɵelementEnd()();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 47);
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 50);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 48);
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 235);
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 238);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Server version: ", ctx_r1.TestResult.ServerVersion, " ");
+    i0.ɵɵtextInterpolate1(" Server version: ", ctx_r0.TestResult.ServerVersion, " ");
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r43 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 237);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_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", 238);
+    i0.ɵɵelementStart(0, "button", 240);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.TestNewConnection()); });
+    i0.ɵɵelement(1, "i", 241);
     i0.ɵɵtext(2, " Retry ");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 232)(1, "div", 233);
-    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_2_Template, 1, 0, "i", 47)(3, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_3_Template, 1, 0, "i", 48);
+function ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 235)(1, "div", 236);
+    i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_2_Template, 1, 0, "i", 50)(3, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_3_Template, 1, 0, "i", 51);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 234);
+    i0.ɵɵelementStart(4, "div", 237);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_6_Template, 2, 1, "div", 235);
-    i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Conditional_7_Template, 3, 0, "button", 236);
+    i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_6_Template, 2, 1, "div", 238);
+    i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Conditional_7_Template, 3, 0, "button", 239);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("test-result-success", ctx_r1.TestResult.Success)("test-result-failure", !ctx_r1.TestResult.Success);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("test-result-success", ctx_r0.TestResult.Success)("test-result-failure", !ctx_r0.TestResult.Success);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.TestResult.Success ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.TestResult.Success ? 2 : 3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.TestResult.Message);
+    i0.ɵɵtextInterpolate(ctx_r0.TestResult.Message);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.TestResult.Success && ctx_r1.TestResult.ServerVersion ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.TestResult.Success && ctx_r0.TestResult.ServerVersion ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!ctx_r1.TestResult.Success ? 7 : -1);
+    i0.ɵɵconditional(!ctx_r0.TestResult.Success ? 7 : -1);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 178)(1, "h3", 188);
+function ConnectionsComponent_Conditional_10_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "h3", 191);
     i0.ɵɵtext(2, "Let's verify everything works");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_3_Template, 6, 0, "div", 224);
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_4_Template, 5, 0, "div", 225);
-    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_3_Conditional_13_Conditional_5_Template, 8, 8, "div", 226);
+    i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_3_Template, 6, 0, "div", 227);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_4_Template, 5, 0, "div", 228);
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_10_Conditional_13_Conditional_5_Template, 8, 8, "div", 229);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(!ctx_r1.TestResult && !ctx_r1.IsTesting ? 3 : -1);
+    i0.ɵɵconditional(!ctx_r0.TestResult && !ctx_r0.IsTesting ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsTesting ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.IsTesting ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.TestResult ? 5 : -1);
+    i0.ɵɵconditional(ctx_r0.TestResult ? 5 : -1);
 } }
-function ConnectionsComponent_Conditional_3_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r44 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r44); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.PreviousStep()); });
+    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r44); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.PreviousStep()); });
     i0.ɵɵtext(1, " Back ");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_3_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_10_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Saving... ");
 } }
-function ConnectionsComponent_Conditional_3_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.NextButtonLabel, " ");
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.NextButtonLabel, " ");
 } }
-function ConnectionsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 172)(2, "button", 173);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseWizard()); });
-    i0.ɵɵelement(3, "i", 67);
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 175)(2, "button", 176);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseWizard()); });
+    i0.ɵɵelement(3, "i", 70);
     i0.ɵɵtext(4, " Back to Integrations ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "h2", 174);
+    i0.ɵɵelementStart(5, "h2", 177);
     i0.ɵɵtext(6, "New Integration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 175);
-    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_3_For_9_Template, 7, 7, null, null, _forTrack3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 176);
-    i0.ɵɵconditionalCreate(11, ConnectionsComponent_Conditional_3_Conditional_11_Template, 9, 2, "div", 177);
-    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_3_Conditional_12_Template, 26, 6, "div", 177);
-    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_3_Conditional_13_Template, 6, 3, "div", 178);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 179);
-    i0.ɵɵelement(15, "div", 180);
-    i0.ɵɵelementStart(16, "div", 181);
-    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_3_Conditional_17_Template, 2, 0, "button", 182);
-    i0.ɵɵelementStart(18, "button", 54);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_3_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FinishWizard()); });
-    i0.ɵɵconditionalCreate(19, ConnectionsComponent_Conditional_3_Conditional_19_Template, 2, 0)(20, ConnectionsComponent_Conditional_3_Conditional_20_Template, 1, 1);
+    i0.ɵɵelementStart(7, "div", 178);
+    i0.ɵɵrepeaterCreate(8, ConnectionsComponent_Conditional_10_For_9_Template, 7, 7, null, null, _forTrack3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 179);
+    i0.ɵɵconditionalCreate(11, ConnectionsComponent_Conditional_10_Conditional_11_Template, 9, 2, "div", 180);
+    i0.ɵɵconditionalCreate(12, ConnectionsComponent_Conditional_10_Conditional_12_Template, 26, 6, "div", 180);
+    i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_10_Conditional_13_Template, 6, 3, "div", 181);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 182);
+    i0.ɵɵelement(15, "div", 183);
+    i0.ɵɵelementStart(16, "div", 184);
+    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_10_Conditional_17_Template, 2, 0, "button", 185);
+    i0.ɵɵelementStart(18, "button", 57);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_10_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r30); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.FinishWizard()); });
+    i0.ɵɵconditionalCreate(19, ConnectionsComponent_Conditional_10_Conditional_19_Template, 2, 0)(20, ConnectionsComponent_Conditional_10_Conditional_20_Template, 1, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(8);
-    i0.ɵɵrepeater(ctx_r1.WizardSteps);
+    i0.ɵɵrepeater(ctx_r0.WizardSteps);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.WizardStep === 1 ? 11 : -1);
+    i0.ɵɵconditional(ctx_r0.WizardStep === 1 ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.WizardStep === 2 ? 12 : -1);
+    i0.ɵɵconditional(ctx_r0.WizardStep === 2 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.WizardStep === 3 ? 13 : -1);
+    i0.ɵɵconditional(ctx_r0.WizardStep === 3 ? 13 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.WizardStep > 1 ? 17 : -1);
+    i0.ɵɵconditional(ctx_r0.WizardStep > 1 ? 17 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r1.IsNextDisabled || ctx_r1.IsSaving);
+    i0.ɵɵproperty("disabled", ctx_r0.IsNextDisabled || ctx_r0.IsSaving);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSaving ? 19 : 20);
+    i0.ɵɵconditional(ctx_r0.IsSaving ? 19 : 20);
 } }
-function ConnectionsComponent_Conditional_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 243);
-    i0.ɵɵelement(1, "mj-loading", 244);
+function ConnectionsComponent_Conditional_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 246);
+    i0.ɵɵelement(1, "mj-loading", 247);
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r47 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 252)(1, "div", 255);
-    i0.ɵɵelement(2, "i", 219);
+    i0.ɵɵelementStart(0, "div", 255)(1, "div", 258);
+    i0.ɵɵelement(2, "i", 222);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "button", 256);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_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", 118);
+    i0.ɵɵelementStart(5, "button", 259);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_17_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r47); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ClearEditCredential()); });
+    i0.ɵɵelement(6, "i", 121);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.EditCredential.Name);
+    i0.ɵɵtextInterpolate(ctx_r0.EditCredential.Name);
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 261);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_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", 219);
+    i0.ɵɵelementStart(0, "div", 264);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Conditional_4_For_2_Template_div_click_0_listener() { const cred_r50 = i0.ɵɵrestoreView(_r49).$implicit; const ctx_r0 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r0.SelectEditCredential(cred_r50)); });
+    i0.ɵɵelement(1, "i", 222);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -1443,145 +1445,145 @@ function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Conditi
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(cred_r50.Name);
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 259);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Conditional_4_For_2_Template, 4, 1, "div", 260, _forTrack2);
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 262);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Conditional_4_For_2_Template, 4, 1, "div", 263, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
+    const ctx_r0 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.EditCredentials);
+    i0.ɵɵrepeater(ctx_r0.EditCredentials);
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r48 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 257)(1, "button", 258);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_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", 12);
+    i0.ɵɵelementStart(0, "div", 260)(1, "button", 261);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r48); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenEditCredentialDialog()); });
+    i0.ɵɵelement(2, "i", 15);
     i0.ɵɵtext(3, " New Credential ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Conditional_4_Template, 3, 0, "div", 259);
+    i0.ɵɵconditionalCreate(4, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Conditional_4_Template, 3, 0, "div", 262);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditCredentials.length > 0 ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.EditCredentials.length > 0 ? 4 : -1);
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Saving... ");
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Conditional_9_Conditional_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Save Changes ");
 } }
-function ConnectionsComponent_Conditional_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r46 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 245)(1, "div", 246)(2, "label", 247);
+    i0.ɵɵelementStart(0, "div", 248)(1, "div", 249)(2, "label", 250);
     i0.ɵɵtext(3, "Connection Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 248);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_6_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.ɵɵelementStart(4, "input", 251);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_13_Conditional_9_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditName, $event) || (ctx_r0.EditName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 246)(6, "label", 247);
+    i0.ɵɵelementStart(5, "div", 249)(6, "label", 250);
     i0.ɵɵtext(7, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 249)(9, "label", 250)(10, "input", 135);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_6_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.ɵɵelementStart(8, "div", 252)(9, "label", 253)(10, "input", 138);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_13_Conditional_9_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EditIsActive, $event) || (ctx_r0.EditIsActive = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "span", 162);
+    i0.ɵɵelement(11, "span", 165);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 251);
+    i0.ɵɵelementStart(12, "span", 254);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(14, "div", 246)(15, "label", 247);
+    i0.ɵɵelementStart(14, "div", 249)(15, "label", 250);
     i0.ɵɵtext(16, "Credential");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_6_Conditional_9_Conditional_17_Template, 7, 1, "div", 252)(18, ConnectionsComponent_Conditional_6_Conditional_9_Conditional_18_Template, 5, 1);
+    i0.ɵɵconditionalCreate(17, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_17_Template, 7, 1, "div", 255)(18, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_18_Template, 5, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 246)(20, "label", 247);
+    i0.ɵɵelementStart(19, "div", 249)(20, "label", 250);
     i0.ɵɵtext(21, "Integration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "div", 253);
+    i0.ɵɵelementStart(22, "div", 256);
     i0.ɵɵtext(23);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(24, "div", 246)(25, "label", 247);
+    i0.ɵɵelementStart(24, "div", 249)(25, "label", 250);
     i0.ɵɵtext(26, "Company");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 253);
+    i0.ɵɵelementStart(27, "div", 256);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "div", 254)(30, "button", 54);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_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_6_Conditional_9_Conditional_31_Template, 2, 0)(32, ConnectionsComponent_Conditional_6_Conditional_9_Conditional_32_Template, 1, 0);
+    i0.ɵɵelementStart(29, "div", 257)(30, "button", 57);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Conditional_9_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r46); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.SaveEditChanges()); });
+    i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_31_Template, 2, 0)(32, ConnectionsComponent_Conditional_13_Conditional_9_Conditional_32_Template, 1, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "button", 42);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_Conditional_9_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r46); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
+    i0.ɵɵelementStart(33, "button", 45);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Conditional_9_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r46); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CloseEditPanel()); });
     i0.ɵɵtext(34, " Cancel ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditName);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditName);
     i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.EditIsActive);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EditIsActive);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.EditIsActive);
+    i0.ɵɵclassProp("active", ctx_r0.EditIsActive);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.EditIsActive ? "Active" : "Inactive", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.EditIsActive ? "Active" : "Inactive", " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.EditCredential ? 17 : 18);
+    i0.ɵɵconditional(ctx_r0.EditCredential ? 17 : 18);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.EditingSummary.Integration.Integration, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.EditingSummary.Integration.Integration, " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.EditingSummary.Integration.Company, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.EditingSummary.Integration.Company, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.IsEditSaving || !ctx_r1.EditName.trim());
+    i0.ɵɵproperty("disabled", ctx_r0.IsEditSaving || !ctx_r0.EditName.trim());
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsEditSaving ? 31 : 32);
+    i0.ɵɵconditional(ctx_r0.IsEditSaving ? 31 : 32);
 } }
-function ConnectionsComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r45 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 239)(1, "div", 240)(2, "div", 241);
+    i0.ɵɵelementStart(0, "div", 242)(1, "div", 243)(2, "div", 244);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "span");
     i0.ɵɵtext(5, "Configure Integration");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "button", 242);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_6_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r45); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseEditPanel()); });
-    i0.ɵɵelement(7, "i", 118);
+    i0.ɵɵelementStart(6, "button", 245);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_13_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r45); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseEditPanel()); });
+    i0.ɵɵelement(7, "i", 121);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_6_Conditional_8_Template, 2, 0, "div", 243)(9, ConnectionsComponent_Conditional_6_Conditional_9_Template, 35, 10);
+    i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_13_Conditional_8_Template, 2, 0, "div", 246)(9, ConnectionsComponent_Conditional_13_Conditional_9_Template, 35, 10);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background-color", ctx_r1.GetIconBrandColor(ctx_r1.EditingSummary.Integration.Integration));
+    i0.ɵɵstyleProp("background-color", ctx_r0.GetIconBrandColor(ctx_r0.EditingSummary.Integration.Integration));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetIntegrationIcon(ctx_r1.EditingSummary.Integration.Integration, ctx_r1.EditingSummary.Icon));
+    i0.ɵɵclassMap(ctx_r0.GetIntegrationIcon(ctx_r0.EditingSummary.Integration.Integration, ctx_r0.EditingSummary.Icon));
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.IsEditLoading ? 8 : 9);
+    i0.ɵɵconditional(ctx_r0.IsEditLoading ? 8 : 9);
 } }
-function ConnectionsComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
     const _r51 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-credential-dialog", 262);
-    i0.ɵɵlistener("close", function ConnectionsComponent_Conditional_7_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.ɵɵelementStart(0, "mj-credential-dialog", 265);
+    i0.ɵɵlistener("close", function ConnectionsComponent_Conditional_14_Template_mj_credential_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r51); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.EditPanelOpen ? ctx_r0.OnEditCredentialDialogClose($event) : ctx_r0.OnCredentialDialogClose($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", true)("PreselectedTypeId", ctx_r1.PreselectedCredentialTypeId);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("PreselectedTypeId", ctx_r0.PreselectedCredentialTypeId);
 } }
-function ConnectionsComponent_Conditional_8_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_15_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.AddMapSourceObjectName, " ");
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.AddMapSourceObjectName, " ");
 } }
-function ConnectionsComponent_Conditional_8_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 274);
+function ConnectionsComponent_Conditional_15_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 277);
     i0.ɵɵtext(1, "Select a source object in the Add Map form first");
     i0.ɵɵelementEnd();
 } }
-function ConnectionsComponent_Conditional_8_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 285);
-    i0.ɵɵelement(1, "i", 125);
+function ConnectionsComponent_Conditional_15_Conditional_29_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 288);
+    i0.ɵɵelement(1, "i", 128);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1589,45 +1591,45 @@ function ConnectionsComponent_Conditional_8_Conditional_29_For_2_Template(rf, ct
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", warn_r53);
 } }
-function ConnectionsComponent_Conditional_8_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 279);
-    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_8_Conditional_29_For_2_Template, 3, 1, "div", 285, i0.ɵɵrepeaterTrackByIdentity);
+function ConnectionsComponent_Conditional_15_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 282);
+    i0.ɵɵrepeaterCreate(1, ConnectionsComponent_Conditional_15_Conditional_29_For_2_Template, 3, 1, "div", 288, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.DDLPreviewWarnings);
+    i0.ɵɵrepeater(ctx_r0.DDLPreviewWarnings);
 } }
-function ConnectionsComponent_Conditional_8_Conditional_30_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 146);
+function ConnectionsComponent_Conditional_15_Conditional_30_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 149);
     i0.ɵɵtext(1, " Copied ");
 } }
-function ConnectionsComponent_Conditional_8_Conditional_30_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 289);
+function ConnectionsComponent_Conditional_15_Conditional_30_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 292);
     i0.ɵɵtext(1, " Copy ");
 } }
-function ConnectionsComponent_Conditional_8_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_15_Conditional_30_Template(rf, ctx) { if (rf & 1) {
     const _r54 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 280)(1, "div", 286)(2, "span");
+    i0.ɵɵelementStart(0, "div", 283)(1, "div", 289)(2, "span");
     i0.ɵɵtext(3, "SQL Preview");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 287);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_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_8_Conditional_30_Conditional_5_Template, 2, 0)(6, ConnectionsComponent_Conditional_8_Conditional_30_Conditional_6_Template, 2, 0);
+    i0.ɵɵelementStart(4, "button", 290);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_15_Conditional_30_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r54); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.CopyDDLToClipboard()); });
+    i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_15_Conditional_30_Conditional_5_Template, 2, 0)(6, ConnectionsComponent_Conditional_15_Conditional_30_Conditional_6_Template, 2, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "pre", 288);
+    i0.ɵɵelementStart(7, "pre", 291);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.DDLCopied ? 5 : 6);
+    i0.ɵɵconditional(ctx_r0.DDLCopied ? 5 : 6);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.DDLPreview);
+    i0.ɵɵtextInterpolate(ctx_r0.DDLPreview);
 } }
-function ConnectionsComponent_Conditional_8_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 281)(1, "h4");
-    i0.ɵɵelement(2, "i", 290);
+function ConnectionsComponent_Conditional_15_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 284)(1, "h4");
+    i0.ɵɵelement(2, "i", 293);
     i0.ɵɵtext(3, " Next Steps");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "ol")(5, "li");
@@ -1643,80 +1645,80 @@ function ConnectionsComponent_Conditional_8_Conditional_31_Template(rf, ctx) { i
     i0.ɵɵtext(12, "Refresh the page \u2014 the new entity will appear in the entity picker");
     i0.ɵɵelementEnd()()();
 } }
-function ConnectionsComponent_Conditional_8_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 41);
+function ConnectionsComponent_Conditional_15_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 44);
     i0.ɵɵtext(1, " Generating... ");
 } }
-function ConnectionsComponent_Conditional_8_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 291);
+function ConnectionsComponent_Conditional_15_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 294);
     i0.ɵɵtext(1, " Generate SQL ");
 } }
-function ConnectionsComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function ConnectionsComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r52 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 263);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
+    i0.ɵɵelementStart(0, "div", 266);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseNewEntityDialog()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 264)(2, "div", 265)(3, "h3");
+    i0.ɵɵelementStart(1, "div", 267)(2, "div", 268)(3, "h3");
     i0.ɵɵtext(4, "Create New Entity Table");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 266);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
-    i0.ɵɵelement(6, "i", 118);
+    i0.ɵɵelementStart(5, "button", 269);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_15_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseNewEntityDialog()); });
+    i0.ɵɵelement(6, "i", 121);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 267)(8, "p", 268);
+    i0.ɵɵelementStart(7, "div", 270)(8, "p", 271);
     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", 269)(11, "div", 270)(12, "div", 271)(13, "label", 272);
+    i0.ɵɵelementStart(10, "div", 272)(11, "div", 273)(12, "div", 274)(13, "label", 275);
     i0.ɵɵtext(14, "Source Object");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 273);
-    i0.ɵɵconditionalCreate(16, ConnectionsComponent_Conditional_8_Conditional_16_Template, 1, 1)(17, ConnectionsComponent_Conditional_8_Conditional_17_Template, 2, 0, "span", 274);
+    i0.ɵɵelementStart(15, "div", 276);
+    i0.ɵɵconditionalCreate(16, ConnectionsComponent_Conditional_15_Conditional_16_Template, 1, 1)(17, ConnectionsComponent_Conditional_15_Conditional_17_Template, 2, 0, "span", 277);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 270)(19, "div", 271)(20, "label", 272);
+    i0.ɵɵelementStart(18, "div", 273)(19, "div", 274)(20, "label", 275);
     i0.ɵɵtext(21, "Schema");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "input", 275);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_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.ɵɵelementStart(22, "input", 278);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_15_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.NewEntitySchema, $event) || (ctx_r0.NewEntitySchema = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "span", 276);
+    i0.ɵɵelementStart(23, "span", 279);
     i0.ɵɵtext(24, ".");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 277)(26, "label", 272);
+    i0.ɵɵelementStart(25, "div", 280)(26, "label", 275);
     i0.ɵɵtext(27, "Table Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "input", 278);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_8_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.ɵɵelementStart(28, "input", 281);
+    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionsComponent_Conditional_15_Template_input_ngModelChange_28_listener($event) { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.NewEntityTable, $event) || (ctx_r0.NewEntityTable = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_8_Conditional_29_Template, 3, 0, "div", 279);
-    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_8_Conditional_30_Template, 9, 2, "div", 280);
-    i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_8_Conditional_31_Template, 13, 0, "div", 281);
+    i0.ɵɵconditionalCreate(29, ConnectionsComponent_Conditional_15_Conditional_29_Template, 3, 0, "div", 282);
+    i0.ɵɵconditionalCreate(30, ConnectionsComponent_Conditional_15_Conditional_30_Template, 9, 2, "div", 283);
+    i0.ɵɵconditionalCreate(31, ConnectionsComponent_Conditional_15_Conditional_31_Template, 13, 0, "div", 284);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "div", 282)(33, "button", 283);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.PreviewDDL()); });
-    i0.ɵɵconditionalCreate(34, ConnectionsComponent_Conditional_8_Conditional_34_Template, 2, 0)(35, ConnectionsComponent_Conditional_8_Conditional_35_Template, 2, 0);
+    i0.ɵɵelementStart(32, "div", 285)(33, "button", 286);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_15_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.PreviewDDL()); });
+    i0.ɵɵconditionalCreate(34, ConnectionsComponent_Conditional_15_Conditional_34_Template, 2, 0)(35, ConnectionsComponent_Conditional_15_Conditional_35_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "button", 284);
-    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_8_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r52); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseNewEntityDialog()); });
+    i0.ɵɵelementStart(36, "button", 287);
+    i0.ɵɵlistener("click", function ConnectionsComponent_Conditional_15_Template_button_click_36_listener() { i0.ɵɵrestoreView(_r52); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseNewEntityDialog()); });
     i0.ɵɵtext(37, " Done ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(16);
-    i0.ɵɵconditional(ctx_r1.AddMapSourceObjectName ? 16 : 17);
+    i0.ɵɵconditional(ctx_r0.AddMapSourceObjectName ? 16 : 17);
     i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewEntitySchema);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.NewEntitySchema);
     i0.ɵɵadvance(6);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewEntityTable);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.NewEntityTable);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.DDLPreviewWarnings.length > 0 ? 29 : -1);
+    i0.ɵɵconditional(ctx_r0.DDLPreviewWarnings.length > 0 ? 29 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.DDLPreview ? 30 : -1);
+    i0.ɵɵconditional(ctx_r0.DDLPreview ? 30 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.DDLPreview ? 31 : -1);
+    i0.ɵɵconditional(ctx_r0.DDLPreview ? 31 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", !ctx_r1.CanGenerateSQL || ctx_r1.IsGeneratingDDL);
+    i0.ɵɵproperty("disabled", !ctx_r0.CanGenerateSQL || ctx_r0.IsGeneratingDDL);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsGeneratingDDL ? 34 : 35);
+    i0.ɵɵconditional(ctx_r0.IsGeneratingDDL ? 34 : 35);
 } }
 /** Brand color mapping for known integration names */
 const BRAND_COLOR_MAP = [
@@ -3086,39 +3088,56 @@ 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: 9, vars: 14, consts: [["entityTreeDropdown", ""], [1, "connections-container"], [1, "detail-view"], [1, "wizard-inline"], [1, "edit-panel-backdrop", 3, "click"], [1, "edit-panel"], [3, "Visible", "PreselectedTypeId"], [1, "connections-header"], [1, "header-left"], [1, "header-title"], [1, "header-count"], ["mjButton", "", "variant", "primary", 1, "add-connection-btn", 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) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵconditionalCreate(1, ConnectionsComponent_Conditional_1_Template, 12, 5);
-            i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_2_Template, 3, 1, "div", 2);
-            i0.ɵɵconditionalCreate(3, ConnectionsComponent_Conditional_3_Template, 21, 6, "div", 3);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 16, vars: 19, consts: [["entityTreeDropdown", ""], ["Title", "Integrations", "Icon", "fa-solid fa-plug", "Subtitle", "Connected systems and data sources"], ["meta", ""], ["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"], [3, "Count", "Label"], ["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) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 1);
+            i0.ɵɵconditionalCreate(2, ConnectionsComponent_Conditional_2_Template, 2, 2, "div", 2);
+            i0.ɵɵelementStart(3, "div", 3)(4, "mj-refresh-button", 4);
+            i0.ɵɵlistener("Clicked", function ConnectionsComponent_Template_mj_refresh_button_Clicked_4_listener() { return ctx.LoadData(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, ConnectionsComponent_Conditional_5_Template, 3, 0, "button", 5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "mj-page-body", 6)(7, "div", 7);
+            i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_8_Template, 3, 3);
+            i0.ɵɵconditionalCreate(9, ConnectionsComponent_Conditional_9_Template, 3, 1, "div", 8);
+            i0.ɵɵconditionalCreate(10, ConnectionsComponent_Conditional_10_Template, 21, 6, "div", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 4);
-            i0.ɵɵlistener("click", function ConnectionsComponent_Template_div_click_4_listener() { return ctx.CloseEditPanel(); });
+            i0.ɵɵelementStart(11, "div", 10);
+            i0.ɵɵlistener("click", function ConnectionsComponent_Template_div_click_11_listener() { return ctx.CloseEditPanel(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 5);
-            i0.ɵɵconditionalCreate(6, ConnectionsComponent_Conditional_6_Template, 10, 5);
+            i0.ɵɵelementStart(12, "div", 11);
+            i0.ɵɵconditionalCreate(13, ConnectionsComponent_Conditional_13_Template, 10, 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(7, ConnectionsComponent_Conditional_7_Template, 1, 2, "mj-credential-dialog", 6);
-            i0.ɵɵconditionalCreate(8, ConnectionsComponent_Conditional_8_Template, 38, 8);
+            i0.ɵɵconditionalCreate(14, ConnectionsComponent_Conditional_14_Template, 1, 2, "mj-credential-dialog", 12);
+            i0.ɵɵconditionalCreate(15, ConnectionsComponent_Conditional_15_Template, 38, 8);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.WizardOpen && !ctx.SelectedSummary && ctx.Connections.length > 0 ? 2 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Loading", ctx.IsLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.WizardOpen && !ctx.SelectedSummary ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Flex", true)("Padding", false);
+            i0.ɵɵadvance();
             i0.ɵɵclassProp("detail-active", !!ctx.SelectedSummary)("editor-active", !!ctx.EditorEntityMap);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.WizardOpen && !ctx.SelectedSummary ? 1 : -1);
+            i0.ɵɵconditional(!ctx.WizardOpen && !ctx.SelectedSummary ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.WizardOpen && ctx.SelectedSummary ? 2 : -1);
+            i0.ɵɵconditional(!ctx.WizardOpen && ctx.SelectedSummary ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.WizardOpen ? 3 : -1);
+            i0.ɵɵconditional(ctx.WizardOpen ? 10 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("open", ctx.EditPanelOpen);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("open", ctx.EditPanelOpen);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.EditingSummary ? 6 : -1);
+            i0.ɵɵconditional(ctx.EditingSummary ? 13 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowCredentialDialog ? 7 : -1);
+            i0.ɵɵconditional(ctx.ShowCredentialDialog ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowCreateEntity ? 8 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i3.LoadingComponent, i4.CredentialDialogComponent, i5.TreeDropdownComponent, i6.ScheduledJobSummaryComponent, i6.ScheduledJobSlidePanelComponent, i7.VisualFieldEditorComponent], styles: ["\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.connections-container[_ngcontent-%COMP%] {\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\n\n\n.connections-container.detail-active[_ngcontent-%COMP%], \n.connections-container.editor-active[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.connections-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n}\n\n.header-title[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.header-count[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n}\n\n.add-connection-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n\n\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 300px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 8px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin: 0 0 24px;\n}\n\n\n\n\n\n\n.card-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 20px;\n}\n\n\n\n\n\n\n.connection-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  transform: translateY(-2px);\n}\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 16px 0;\n}\n\n.icon-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 22px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.status-badge-error[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.status-badge-inactive[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n}\n\n.status-badge-syncing[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  flex: 1;\n}\n\n.card-name[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.card-company[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 10px;\n}\n\n.card-meta[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 6px;\n}\n\n.meta-separator[_ngcontent-%COMP%] {\n  margin: 0 6px;\n}\n\n.meta-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.card-sync-info[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 8px;\n}\n\n.card-sync-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 4px;\n  color: var(--mj-text-disabled);\n}\n\n\n\n.card-test-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.card-test-result.test-failure[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.card-test-result[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.card-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.sync-menu-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n}\n\n.sync-caret[_ngcontent-%COMP%] {\n  font-size: 10px;\n  margin-left: 4px;\n  opacity: 0.8;\n}\n\n.sync-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  left: auto;\n  right: 0;\n}\n\n.sync-dropdown-group[_ngcontent-%COMP%] {\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.sync-dropdown-group[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.sync-dropdown-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.sync-dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n\n\n.card-delete-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.card-menu-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.menu-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.menu-item-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n\n\n\n\n\n\n.new-connection-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.new-card-icon[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover   .new-card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.new-card-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.new-connection-card[_ngcontent-%COMP%]:hover   .new-card-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n\n\n\n.wizard-inline[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\n\n.wizard-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 20px;\n}\n\n.wizard-back-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.wizard-title[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 32px;\n  gap: 0;\n}\n\n.step-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n}\n\n.step-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.step-completed[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-status-success);\n}\n\n.step-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n  white-space: nowrap;\n}\n\n.step-active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.step-completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.step-line[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n}\n\n\n\n\n\n\n.wizard-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.step-content[_ngcontent-%COMP%] {\n  min-height: 300px;\n}\n\n.step-content-centered[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.step-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   .step-title[_ngcontent-%COMP%] {\n  margin-bottom: 32px;\n}\n\n\n\n.search-bar[_ngcontent-%COMP%] {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n\n\n.no-integrations[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 36px;\n  margin-bottom: 12px;\n}\n\n.no-integrations[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.integration-picker-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.integration-picker-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-page);\n}\n\n.integration-picker-card.picker-selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-status-info-bg);\n}\n\n.picker-icon-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.picker-description[_ngcontent-%COMP%] {\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\n\n\n\n.form-group[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n\n.form-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.form-input[_ngcontent-%COMP%]:disabled {\n  background: var(--mj-bg-page);\n  color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  min-height: 72px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n\n\n.credential-selected[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.credential-clear[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  color: var(--mj-status-error);\n}\n\n.credential-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.credential-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n.credential-loading[_ngcontent-%COMP%] {\n  padding: 16px 0;\n}\n\n.credential-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.credential-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n}\n\n.credential-list-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n}\n\n\n\n\n\n\n.test-prompt[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.test-hint[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin: 0;\n}\n\n.test-running[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.test-running[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  margin: 0;\n}\n\n\n\n.test-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n}\n\n.test-result-failure[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n}\n\n.test-result-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  animation: _ngcontent-%COMP%_scaleIn 0.3s ease-out;\n}\n\n.test-result-success[_ngcontent-%COMP%]   .test-result-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.test-result-failure[_ngcontent-%COMP%]   .test-result-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n@keyframes _ngcontent-%COMP%_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[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-align: center;\n}\n\n.test-result-detail[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.test-retry-btn[_ngcontent-%COMP%] {\n  margin-top: 4px;\n}\n\n\n\n.toggle-switch[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]::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[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n}\n\n.toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%]::before {\n  transform: translateX(20px);\n}\n\n\n\n\n\n\n.wizard-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n  .connections-container[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .integration-picker-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .step-indicator[_ngcontent-%COMP%] {\n    padding: 16px;\n    overflow-x: auto;\n  }\n\n  .step-line[_ngcontent-%COMP%] {\n    width: 24px;\n  }\n\n  .credential-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .integration-picker-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .card-footer[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n}\n\n\n\n\n\n\n.delete-confirm-overlay[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 150ms ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.delete-confirm-content[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 28px;\n  color: var(--mj-status-error);\n}\n\n.delete-confirm-text[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  max-width: 220px;\n}\n\n.delete-confirm-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n\n\n\n\n\n.edit-panel-backdrop[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.edit-panel[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  transform: translateX(0);\n}\n\n.edit-panel-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.edit-panel-loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 20px;\n}\n\n.edit-panel-body[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.edit-form-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.edit-readonly-field[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.edit-toggle-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n}\n\n.edit-toggle-label.active[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.edit-credential-selected[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.edit-credential-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.edit-credential-clear[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.edit-credential-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.edit-credential-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.edit-credential-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.edit-panel-footer[_ngcontent-%COMP%] {\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\n\n\n\n.card-clickable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n\n\n\n\n\n.detail-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.detail-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.detail-header-text[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.detail-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n\n\n.schedule-section[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.schedule-section-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.schedule-empty[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.schedule-empty-text[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-disabled);\n}\n\n.schedule-create-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n\n\n.detail-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.detail-toolbar-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-map-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.detail-search[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.detail-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n\n\n.add-map-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.add-map-btn.active[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.apply-all-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.add-map-btn-lg[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 10px 20px;\n  font-size: 14px;\n}\n\n\n\n.add-map-panel[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 200ms ease;\n}\n\n.add-map-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-end;\n  gap: 12px;\n}\n\n.add-map-field[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.add-map-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.add-map-direction-col[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:last-child {\n  border-right: none;\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n}\n\n.add-map-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-shrink: 0;\n}\n\n.add-map-save-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.add-map-save-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.add-map-cancel-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.add-map-loading[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n.add-map-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-right: 4px;\n}\n\n.add-map-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n  font-style: italic;\n}\n\n\n\n.add-map-entity-field[_ngcontent-%COMP%] {\n  flex: 2;\n  min-width: 280px;\n}\n\n\n\n.entity-picker-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.entity-picker-row[_ngcontent-%COMP%]   mj-tree-dropdown[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.new-entity-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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\n\n\n\n.sync-result-banner[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 200ms ease;\n}\n\n.sync-result-banner.sync-success[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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\n\n\n\n.auto-map-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.auto-map-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n\n.auto-map-errors[_ngcontent-%COMP%] {\n  margin-top: 6px;\n  font-size: 12px;\n}\n\n.auto-map-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 0;\n}\n\n\n\n\n\n\n.new-entity-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.new-entity-dialog[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n.new-entity-dialog-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-body[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.new-entity-dialog-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.new-entity-dialog-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n}\n\n.new-entity-dialog-field-wide[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.new-entity-dialog-label[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.new-entity-dialog-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-style: italic;\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n}\n\n.new-entity-dialog-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.new-entity-preview-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.new-entity-dialog-done-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n\n\n.new-entity-next-steps[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.new-entity-next-steps[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\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\n\n.ddl-copy-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n\n\n.ddl-warnings[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ddl-warning[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 4px;\n}\n\n.ddl-preview-block[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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 _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.detail-empty[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 36px;\n  margin-bottom: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 6px;\n}\n\n.detail-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 13px;\n  margin: 0;\n  max-width: 400px;\n}\n\n\n\n.detail-table-head[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.detail-map-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n  cursor: pointer;\n}\n\n.detail-map-row.sync-disabled[_ngcontent-%COMP%] {\n  opacity: 0.5;\n}\n\n\n\n.dt-col-toggle[_ngcontent-%COMP%] {\n  width: 60px;\n  flex-shrink: 0;\n}\n\n.dt-col-source[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  width: 80px;\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.dt-col-dest[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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\n\n.direction-badge[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n\n\nbutton.direction-toggle[_ngcontent-%COMP%] {\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\nbutton.direction-toggle[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n.direction-badge.push[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.direction-badge.bidirectional[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning-subtle);\n  color: var(--mj-status-warning);\n}\n\n\n\n.create-tables-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.create-tables-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.create-tables-name-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  margin-left: 8px;\n}\n.create-tables-filters[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 0;\n  flex-wrap: wrap;\n}\n.create-tables-search[_ngcontent-%COMP%] {\n  flex: 1 1 240px;\n  min-width: 200px;\n}\n.create-tables-toggle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.create-tables-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n.add-map-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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\n\n.detail-config-badge[_ngcontent-%COMP%] {\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\n\n.detail-back-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n\n\n.detail-edit-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n\n\n.map-edit-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: color 0.15s;\n}\n\n.detail-map-row[_ngcontent-%COMP%]:hover   .map-edit-hint[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.ve-header-title-inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.ve-source-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.ve-direction-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.ve-dest-label[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.ve-stat-inline[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.ve-stat-inline[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.detail-table-empty[_ngcontent-%COMP%] {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 13px;\n}\n\n\n\n\n\n\n.discovered-objects-section[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.discovered-count[_ngcontent-%COMP%] {\n  font-weight: 400;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.discovered-objects-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.discovered-action-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.discovered-action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.discovered-loading[_ngcontent-%COMP%], \n.discovered-empty[_ngcontent-%COMP%] {\n  padding: 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.discovered-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.discovered-objects-list[_ngcontent-%COMP%] {\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.discovered-object-row[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.discovered-object-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.discovered-object-row.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.discovered-object-row[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  flex: 1;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.discovered-object-api-name[_ngcontent-%COMP%] {\n  flex: 1;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-family: monospace;\n}\n\n.discovered-object-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.discovered-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  background: var(--mj-status-success-bg);\n}\n\n.discovered-badge.writable[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}"] });
+            i0.ɵɵconditional(ctx.ShowCreateEntity ? 15 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MJButtonDirective, i2.MJPageLayoutComponent, i2.MJPageHeaderComponent, i2.MJPageBodyComponent, i2.MJStatBadgeComponent, i2.MJRefreshButtonComponent, i3.LoadingComponent, i4.CredentialDialogComponent, i5.TreeDropdownComponent, i6.ScheduledJobSummaryComponent, i6.ScheduledJobSlidePanelComponent, i7.VisualFieldEditorComponent], styles: ["\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  overflow: hidden;\n}\n\n\n\n\n.connections-container[_ngcontent-%COMP%] {\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\n\n\n.connections-container.detail-active[_ngcontent-%COMP%], \n.connections-container.editor-active[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n\n\n\n\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 300px;\n}\n\n.empty-state[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 8px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin: 0 0 24px;\n}\n\n\n\n\n\n\n.card-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n  gap: 20px;\n}\n\n\n\n\n\n\n.connection-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  transform: translateY(-2px);\n}\n\n\n\n.card-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 16px 0;\n}\n\n.icon-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 22px;\n}\n\n\n\n.status-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.status-badge-error[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.status-badge-inactive[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n}\n\n.status-badge-syncing[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n\n\n.card-body[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  flex: 1;\n}\n\n.card-name[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin-bottom: 2px;\n}\n\n.card-company[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin-bottom: 10px;\n}\n\n.card-meta[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 6px;\n}\n\n.meta-separator[_ngcontent-%COMP%] {\n  margin: 0 6px;\n}\n\n.meta-label[_ngcontent-%COMP%] {\n  font-weight: 500;\n}\n\n.card-sync-info[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-bottom: 8px;\n}\n\n.card-sync-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 4px;\n  color: var(--mj-text-disabled);\n}\n\n\n\n.card-test-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.card-test-result.test-failure[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.card-test-result[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.card-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.sync-menu-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n}\n\n.sync-caret[_ngcontent-%COMP%] {\n  font-size: 10px;\n  margin-left: 4px;\n  opacity: 0.8;\n}\n\n.sync-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  left: auto;\n  right: 0;\n}\n\n.sync-dropdown-group[_ngcontent-%COMP%] {\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.sync-dropdown-group[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.sync-dropdown-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.sync-dropdown-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n\n\n.card-delete-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.card-menu-dropdown[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.menu-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  width: 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n}\n\n.menu-item-danger[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.menu-item-danger[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n}\n\n\n\n\n\n\n.new-connection-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.new-card-icon[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover   .new-card-icon[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n}\n\n.new-card-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n\n.new-connection-card[_ngcontent-%COMP%]:hover   .new-card-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n\n\n\n.wizard-inline[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n\n\n.wizard-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 0 0 20px;\n}\n\n.wizard-back-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.wizard-title[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n\n\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 32px;\n  gap: 0;\n}\n\n.step-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  position: relative;\n}\n\n.step-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.step-completed[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-status-success);\n}\n\n.step-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n  white-space: nowrap;\n}\n\n.step-active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n}\n\n.step-completed[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.step-line[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n}\n\n\n\n\n\n\n.wizard-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 0 24px 24px;\n}\n\n.step-content[_ngcontent-%COMP%] {\n  min-height: 300px;\n}\n\n.step-content-centered[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.step-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   .step-title[_ngcontent-%COMP%] {\n  margin-bottom: 32px;\n}\n\n\n\n.search-bar[_ngcontent-%COMP%] {\n  position: relative;\n  margin-bottom: 20px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n\n\n.no-integrations[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 36px;\n  margin-bottom: 12px;\n}\n\n.no-integrations[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n.integration-picker-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n}\n\n.integration-picker-card[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-page);\n}\n\n.integration-picker-card.picker-selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-status-info-bg);\n}\n\n.picker-icon-circle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n}\n\n.picker-description[_ngcontent-%COMP%] {\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\n\n\n\n.form-group[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n\n.form-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-weight: 400;\n  color: var(--mj-text-disabled);\n}\n\n.form-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n.form-input[_ngcontent-%COMP%]:disabled {\n  background: var(--mj-bg-page);\n  color: var(--mj-text-muted);\n}\n\n.form-textarea[_ngcontent-%COMP%] {\n  resize: vertical;\n  min-height: 72px;\n}\n\n.form-hint[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n\n\n.credential-selected[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.credential-clear[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  color: var(--mj-status-error);\n}\n\n.credential-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.credential-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n.credential-loading[_ngcontent-%COMP%] {\n  padding: 16px 0;\n}\n\n.credential-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.credential-list-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n}\n\n.credential-list-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n}\n\n\n\n\n\n\n.test-prompt[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n}\n\n.test-hint[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n  margin: 0;\n}\n\n.test-running[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  width: 64px;\n  height: 64px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.test-running[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  margin: 0;\n}\n\n\n\n.test-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n}\n\n.test-result-failure[_ngcontent-%COMP%] {\n  background: var(--mj-status-error-bg);\n}\n\n.test-result-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  animation: _ngcontent-%COMP%_scaleIn 0.3s ease-out;\n}\n\n.test-result-success[_ngcontent-%COMP%]   .test-result-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.test-result-failure[_ngcontent-%COMP%]   .test-result-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n@keyframes _ngcontent-%COMP%_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[_ngcontent-%COMP%] {\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-align: center;\n}\n\n.test-result-detail[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.test-retry-btn[_ngcontent-%COMP%] {\n  margin-top: 4px;\n}\n\n\n\n.toggle-switch[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n  width: 44px;\n  height: 24px;\n  flex-shrink: 0;\n}\n\n.toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]::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[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n}\n\n.toggle-switch[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:checked    + .toggle-slider[_ngcontent-%COMP%]::before {\n  transform: translateX(20px);\n}\n\n\n\n\n\n\n.wizard-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.footer-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n\n\n\n\n\n@media (max-width: 768px) {\n  .connections-container[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .card-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .integration-picker-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .step-indicator[_ngcontent-%COMP%] {\n    padding: 16px;\n    overflow-x: auto;\n  }\n\n  .step-line[_ngcontent-%COMP%] {\n    width: 24px;\n  }\n\n  .credential-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n}\n\n@media (max-width: 480px) {\n  .integration-picker-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .card-footer[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n}\n\n\n\n\n\n\n.delete-confirm-overlay[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 150ms ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.delete-confirm-content[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-size: 28px;\n  color: var(--mj-status-error);\n}\n\n.delete-confirm-text[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  max-width: 220px;\n}\n\n.delete-confirm-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  margin-top: 4px;\n}\n\n\n\n\n\n\n.edit-panel-backdrop[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.edit-panel[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  transform: translateX(0);\n}\n\n.edit-panel-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-secondary);\n}\n\n.edit-panel-loading[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 20px;\n}\n\n.edit-panel-body[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.edit-form-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.edit-readonly-field[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.edit-toggle-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--mj-text-disabled);\n}\n\n.edit-toggle-label.active[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.edit-credential-selected[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.edit-credential-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.edit-credential-clear[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-status-error-bg);\n  color: var(--mj-status-error);\n}\n\n.edit-credential-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.edit-credential-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.edit-credential-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.edit-panel-footer[_ngcontent-%COMP%] {\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\n\n\n\n.card-clickable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n\n\n\n\n\n.detail-view[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.detail-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.detail-header-text[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.detail-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n\n\n.schedule-section[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  margin-bottom: 12px;\n}\n\n.schedule-section-title[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.schedule-empty[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 0;\n}\n\n.schedule-empty-text[_ngcontent-%COMP%] {\n  font-size: 0.85rem;\n  color: var(--mj-text-disabled);\n}\n\n.schedule-create-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n}\n\n\n\n.detail-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.detail-toolbar-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.detail-map-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  font-weight: 500;\n}\n\n.detail-search[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 12px;\n}\n\n.detail-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-disabled);\n}\n\n\n\n.add-map-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.add-map-btn.active[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n  border-color: var(--mj-brand-primary-hover);\n}\n\n.apply-all-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n}\n\n.add-map-btn-lg[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 10px 20px;\n  font-size: 14px;\n}\n\n\n\n.add-map-panel[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 200ms ease;\n}\n\n.add-map-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-end;\n  gap: 12px;\n}\n\n.add-map-field[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.add-map-label[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n}\n\n.add-map-direction-col[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:last-child {\n  border-right: none;\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-map-direction-btns[_ngcontent-%COMP%]   button.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-bg-surface);\n}\n\n.add-map-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-shrink: 0;\n}\n\n.add-map-save-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary-hover);\n}\n\n.add-map-save-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n\n.add-map-cancel-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.add-map-loading[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n}\n\n.add-map-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  margin-right: 4px;\n}\n\n.add-map-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  padding: 8px 0;\n  font-style: italic;\n}\n\n\n\n.add-map-entity-field[_ngcontent-%COMP%] {\n  flex: 2;\n  min-width: 280px;\n}\n\n\n\n.entity-picker-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.entity-picker-row[_ngcontent-%COMP%]   mj-tree-dropdown[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.new-entity-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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\n\n\n\n.sync-result-banner[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 200ms ease;\n}\n\n.sync-result-banner.sync-success[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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\n\n\n\n.auto-map-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.auto-map-result[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n\n.auto-map-errors[_ngcontent-%COMP%] {\n  margin-top: 6px;\n  font-size: 12px;\n}\n\n.auto-map-error[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 2px 0;\n}\n\n\n\n\n\n\n.new-entity-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  z-index: 1000;\n  animation: _ngcontent-%COMP%_fadeIn 0.15s ease;\n}\n\n.new-entity-dialog[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_fadeIn 0.2s ease;\n}\n\n.new-entity-dialog-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-primary);\n}\n\n.new-entity-dialog-body[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.new-entity-dialog-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.new-entity-dialog-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 120px;\n}\n\n.new-entity-dialog-field-wide[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.new-entity-dialog-label[_ngcontent-%COMP%] {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.new-entity-dialog-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  font-style: italic;\n  color: var(--mj-text-disabled);\n  font-weight: 400;\n}\n\n.new-entity-dialog-footer[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-brand-primary-hover);\n}\n\n.new-entity-preview-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.new-entity-dialog-done-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n\n\n.new-entity-next-steps[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.new-entity-next-steps[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\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\n\n.ddl-copy-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-color: var(--mj-text-disabled);\n}\n\n\n\n.ddl-warnings[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ddl-warning[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 4px;\n}\n\n.ddl-preview-block[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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 _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n\n\n.detail-empty[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 36px;\n  margin-bottom: 12px;\n  color: var(--mj-text-disabled);\n}\n\n.detail-empty[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n  margin: 0 0 6px;\n}\n\n.detail-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 13px;\n  margin: 0;\n  max-width: 400px;\n}\n\n\n\n.detail-table-head[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.detail-map-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-page);\n  cursor: pointer;\n}\n\n.detail-map-row.sync-disabled[_ngcontent-%COMP%] {\n  opacity: 0.5;\n}\n\n\n\n.dt-col-toggle[_ngcontent-%COMP%] {\n  width: 60px;\n  flex-shrink: 0;\n}\n\n.dt-col-source[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  width: 80px;\n  flex-shrink: 0;\n  text-align: center;\n}\n\n.dt-col-dest[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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\n\n.direction-badge[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  padding: 2px 8px;\n  border-radius: 4px;\n  white-space: nowrap;\n}\n\n\n\nbutton.direction-toggle[_ngcontent-%COMP%] {\n  border: 1px solid transparent;\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\nbutton.direction-toggle[_ngcontent-%COMP%]: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[_ngcontent-%COMP%] {\n  background: var(--mj-status-info-bg);\n  color: var(--mj-brand-primary);\n}\n\n.direction-badge.push[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success);\n}\n\n.direction-badge.bidirectional[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning-subtle);\n  color: var(--mj-status-warning);\n}\n\n\n\n.create-tables-list[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.create-tables-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n.create-tables-name-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 11px;\n  margin-left: 8px;\n}\n.create-tables-filters[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 0;\n  flex-wrap: wrap;\n}\n.create-tables-search[_ngcontent-%COMP%] {\n  flex: 1 1 240px;\n  min-width: 200px;\n}\n.create-tables-toggle[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  margin: 0;\n}\n.create-tables-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg);\n  color: var(--mj-status-success-text);\n}\n.add-map-input[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]: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\n\n.detail-config-badge[_ngcontent-%COMP%] {\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\n\n.detail-back-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n\n\n.detail-edit-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n  border-color: var(--mj-border-strong);\n}\n\n\n\n.map-edit-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 11px;\n  transition: color 0.15s;\n}\n\n.detail-map-row[_ngcontent-%COMP%]:hover   .map-edit-hint[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.ve-header-title-inline[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.ve-source-label[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.ve-direction-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n}\n\n.ve-dest-label[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n}\n\n.ve-stat-inline[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.ve-stat-inline[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n\n.detail-table-empty[_ngcontent-%COMP%] {\n  padding: 24px;\n  text-align: center;\n  color: var(--mj-text-disabled);\n  font-size: 13px;\n}\n\n\n\n\n\n\n.discovered-objects-section[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.discovered-count[_ngcontent-%COMP%] {\n  font-weight: 400;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n}\n\n.discovered-objects-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n.discovered-action-btn[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.discovered-action-btn[_ngcontent-%COMP%]:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.discovered-loading[_ngcontent-%COMP%], \n.discovered-empty[_ngcontent-%COMP%] {\n  padding: 16px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.discovered-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 6px;\n}\n\n.discovered-objects-list[_ngcontent-%COMP%] {\n  max-height: 280px;\n  overflow-y: auto;\n}\n\n.discovered-object-row[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.discovered-object-row[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.discovered-object-row.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n\n.discovered-object-row[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  flex: 1;\n  color: var(--mj-text-primary);\n  font-weight: 500;\n}\n\n.discovered-object-api-name[_ngcontent-%COMP%] {\n  flex: 1;\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-family: monospace;\n}\n\n.discovered-object-badges[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\n.discovered-badge[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  background: var(--mj-status-success-bg);\n}\n\n.discovered-badge.writable[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}"] });
 };
 ConnectionsComponent = ConnectionsComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'IntegrationConnections')
@@ -3126,7 +3145,7 @@ ConnectionsComponent = ConnectionsComponent_1 = __decorate([
 export { ConnectionsComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectionsComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-integration-connections', template: "<!-- 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    <!-- Header -->\n    <div class=\"connections-header\">\n      <div class=\"header-left\">\n        <h2 class=\"header-title\">Integrations</h2>\n        <span class=\"header-count\">{{ Connections.length }} integration{{ Connections.length !== 1 ? 's' : '' }}</span>\n      </div>\n      <button mjButton variant=\"primary\" (click)=\"OpenWizard()\" class=\"add-connection-btn\">\n        <i class=\"fa-solid fa-plus\"></i>\n        Add Integration\n      </button>\n    </div>\n\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", 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.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.connections-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 24px;\n}\n\n.header-left {\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n}\n\n.header-title {\n  font-size: 24px;\n  font-weight: 700;\n  margin: 0;\n  color: var(--mj-text-primary);\n}\n\n.header-count {\n  font-size: 14px;\n  color: var(--mj-text-disabled);\n}\n\n.add-connection-btn i {\n  margin-right: 6px;\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    @if (!WizardOpen && !SelectedSummary && Connections.length > 0) {\n      <div meta>\n        <mj-stat-badge\n          [Count]=\"Connections.length\"\n          [Label]=\"Connections.length === 1 ? 'integration' : 'integrations'\">\n        </mj-stat-badge>\n      </div>\n    }\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"] }]
     }], null, { entityTreeDropdown: [{
             type: ViewChild,
             args: ['entityTreeDropdown']