@memberjunction/ng-dashboards 5.8.0 → 5.9.0

package/dist/Integration/components/connection-studio/connection-studio.component.js

@@ -1,960 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, ChangeDetectorRef, inject } from '@angular/core';
-import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
-import { BaseResourceComponent } from '@memberjunction/ng-shared';
-import { Metadata, RunView } from '@memberjunction/core';
-import { IntegrationDataService } from '../../services/integration-data.service';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-import * as i2 from "@progress/kendo-angular-buttons";
-import * as i3 from "@progress/kendo-angular-dropdowns";
-import * as i4 from "@progress/kendo-angular-inputs";
-import * as i5 from "@memberjunction/ng-shared-generic";
-import * as i6 from "@memberjunction/ng-credentials";
-const _c0 = () => ({ ID: null, Name: "Select a company..." });
-const _forTrack0 = ($index, $item) => $item.Index;
-const _forTrack1 = ($index, $item) => $item.ID;
-function ConnectionStudioComponent_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 9);
-} }
-function ConnectionStudioComponent_For_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const step_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", step_r1.Index + 1, " ");
-} }
-function ConnectionStudioComponent_For_7_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 12);
-} if (rf & 2) {
-    const step_r1 = i0.ɵɵnextContext().$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("completed", ctx_r1.CurrentStep > step_r1.Index);
-} }
-function ConnectionStudioComponent_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵconditionalCreate(2, ConnectionStudioComponent_For_7_Conditional_2_Template, 1, 0, "i", 9)(3, ConnectionStudioComponent_For_7_Conditional_3_Template, 1, 1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 10);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(6, ConnectionStudioComponent_For_7_Conditional_6_Template, 1, 2, "div", 11);
-} if (rf & 2) {
-    const step_r1 = ctx.$implicit;
-    const ɵ$index_12_r3 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("active", ctx_r1.CurrentStep === step_r1.Index)("completed", ctx_r1.CurrentStep > step_r1.Index);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.CurrentStep > step_r1.Index ? 2 : 3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(step_r1.Label);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ɵ$index_12_r3 < ctx_r1.Steps.length - 1 ? 6 : -1);
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 14);
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_6_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const integration_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(integration_r6.Description);
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_8_Conditional_6_For_2_Template_div_click_0_listener() { const integration_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectIntegration(integration_r6)); });
-    i0.ɵɵelement(1, "i", 26);
-    i0.ɵɵelementStart(2, "span", 19);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ConnectionStudioComponent_Conditional_8_Conditional_6_For_2_Conditional_4_Template, 2, 1, "span", 20);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const integration_r6 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("selected", ctx_r1.IsSelectedIntegration(integration_r6.ID));
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.IntegrationIcon(integration_r6));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(integration_r6.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(integration_r6.Description ? 4 : -1);
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_6_Conditional_9_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_8_Conditional_6_Conditional_9_For_5_Template_div_click_0_listener() { const st_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectCustomSourceType(st_r8)); });
-    i0.ɵɵelement(1, "i");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const st_r8 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("selected", ctx_r1.IsSelectedCustomSourceType(st_r8.ID));
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(st_r8.IconClass ?? "fa-solid fa-plug");
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", st_r8.Name, " ");
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_6_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 27);
-    i0.ɵɵtext(2, "Select a connection type:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 28);
-    i0.ɵɵrepeaterCreate(4, ConnectionStudioComponent_Conditional_8_Conditional_6_Conditional_9_For_5_Template, 3, 5, "div", 29, _forTrack1);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r1.SourceTypes);
-} }
-function ConnectionStudioComponent_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵrepeaterCreate(1, ConnectionStudioComponent_Conditional_8_Conditional_6_For_2_Template, 5, 6, "div", 16, _forTrack1);
-    i0.ɵɵelementStart(3, "div", 17);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_8_Conditional_6_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectCustomMode()); });
-    i0.ɵɵelement(4, "i", 18);
-    i0.ɵɵelementStart(5, "span", 19);
-    i0.ɵɵtext(6, "Custom");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 20);
-    i0.ɵɵtext(8, "Manual configuration with any source type");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(9, ConnectionStudioComponent_Conditional_8_Conditional_6_Conditional_9_Template, 6, 0, "div", 21);
-    i0.ɵɵelementStart(10, "div", 22)(11, "button", 23);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_8_Conditional_6_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.NextStep()); });
-    i0.ɵɵtext(12, " Next ");
-    i0.ɵɵelement(13, "i", 24);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.Integrations);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("selected", ctx_r1.UseCustomMode);
-    i0.ɵɵadvance(6);
-    i0.ɵɵconditional(ctx_r1.UseCustomMode ? 9 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", !ctx_r1.IsStep1Valid);
-} }
-function ConnectionStudioComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5)(1, "h3");
-    i0.ɵɵtext(2, "Choose Integration");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 13);
-    i0.ɵɵtext(4, "Select the system you want to connect to, or set up a custom connection.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionStudioComponent_Conditional_8_Conditional_5_Template, 1, 0, "mj-loading", 14)(6, ConnectionStudioComponent_Conditional_8_Conditional_6_Template, 14, 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.IsLoadingIntegrations ? 5 : 6);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 50);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_8_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 51);
-    i0.ɵɵtext(1, " Create ");
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 31)(1, "div", 43);
-    i0.ɵɵelement(2, "i", 44);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 45)(4, "div", 46);
-    i0.ɵɵtext(5, "Set Up Your Organization");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 47);
-    i0.ɵɵtext(7, " Integrations are scoped to a company. Create one to get started. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 48)(9, "input", 49);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionStudioComponent_Conditional_9_Conditional_8_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.NewCompanyName, $event) || (ctx_r1.NewCompanyName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 23);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_8_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CreateCompany()); });
-    i0.ɵɵconditionalCreate(11, ConnectionStudioComponent_Conditional_9_Conditional_8_Conditional_11_Template, 1, 0, "i", 50)(12, ConnectionStudioComponent_Conditional_9_Conditional_8_Conditional_12_Template, 2, 0);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(9);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.NewCompanyName);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("themeColor", "primary")("disabled", !ctx_r1.NewCompanyName.trim() || ctx_r1.IsCreatingCompany);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsCreatingCompany ? 11 : 12);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "label");
-    i0.ɵɵtext(2, "Company");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 52);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionStudioComponent_Conditional_9_Conditional_10_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.SelectedCompanyID, $event) || (ctx_r1.SelectedCompanyID = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r1.Companies)("textField", "Name")("valueField", "ID")("valuePrimitive", true);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.SelectedCompanyID);
-    i0.ɵɵproperty("defaultItem", i0.ɵɵpureFunction0(6, _c0));
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_22_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.CredentialTypeName);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 38)(1, "div", 53);
-    i0.ɵɵelement(2, "i", 54);
-    i0.ɵɵelementStart(3, "div", 55)(4, "div", 56);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ConnectionStudioComponent_Conditional_9_Conditional_22_Conditional_6_Template, 2, 1, "div", 57);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 58)(8, "button", 59);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_22_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ClearCredential()); });
-    i0.ɵɵelement(9, "i", 60);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 61);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_22_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ClearCredential()); });
-    i0.ɵɵelement(11, "i", 62);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.SelectedCredential.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.CredentialTypeName ? 6 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("look", "flat");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("look", "flat");
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "button", 63);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ShowExistingCredentials()); });
-    i0.ɵɵelement(2, "i", 64);
-    i0.ɵɵtext(3, " Use Existing Credential ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 65);
-    i0.ɵɵtext(5, "or");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 63);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenCredentialDialog()); });
-    i0.ɵɵelement(7, "i", 51);
-    i0.ɵɵtext(8, " Create New Credential ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("look", "outline");
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("look", "outline");
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 68);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵelement(1, "i", 71);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3, "No matching credentials found.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 63);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_8_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenCredentialDialog()); });
-    i0.ɵɵelement(5, "i", 51);
-    i0.ɵɵtext(6, " Create One ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("look", "outline");
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 77);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const cred_r17 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(cred_r17.Description);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_For_2_Template_div_click_0_listener() { const cred_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectExistingCredential(cred_r17)); });
-    i0.ɵɵelement(1, "i", 74);
-    i0.ɵɵelementStart(2, "div", 75)(3, "div", 76);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_For_2_Conditional_5_Template, 2, 1, "div", 77);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "i", 78);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const cred_r17 = ctx.$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(cred_r17.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(cred_r17.Description ? 5 : -1);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 70);
-    i0.ɵɵrepeaterCreate(1, ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_For_2_Template, 7, 2, "div", 72, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ExistingCredentials);
-} }
-function ConnectionStudioComponent_Conditional_9_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "div", 66)(2, "button", 63);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Conditional_24_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.BackToCredentialChoice()); });
-    i0.ɵɵelement(3, "i", 42);
-    i0.ɵɵtext(4, " Back ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 67);
-    i0.ɵɵtext(6, "Select a Credential");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_7_Template, 1, 0, "mj-loading", 68)(8, ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_8_Template, 7, 1, "div", 69)(9, ConnectionStudioComponent_Conditional_9_Conditional_24_Conditional_9_Template, 3, 0, "div", 70);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("look", "flat");
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.IsLoadingCredentials ? 7 : ctx_r1.ExistingCredentials.length === 0 ? 8 : 9);
-} }
-function ConnectionStudioComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 5)(1, "h3");
-    i0.ɵɵtext(2, "Configure Connection");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 13);
-    i0.ɵɵtext(4, " Name your connection and attach credentials for ");
-    i0.ɵɵelementStart(5, "strong");
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(7, ". ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, ConnectionStudioComponent_Conditional_9_Conditional_8_Template, 13, 4, "div", 31);
-    i0.ɵɵelementStart(9, "div", 32);
-    i0.ɵɵconditionalCreate(10, ConnectionStudioComponent_Conditional_9_Conditional_10_Template, 4, 7, "div", 33);
-    i0.ɵɵelementStart(11, "div", 33)(12, "label");
-    i0.ɵɵtext(13, "Connection Name");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "input", 34);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionStudioComponent_Conditional_9_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ConnectionName, $event) || (ctx_r1.ConnectionName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 33)(16, "label");
-    i0.ɵɵtext(17, "Description");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "textarea", 35);
-    i0.ɵɵtwoWayListener("ngModelChange", function ConnectionStudioComponent_Conditional_9_Template_textarea_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.ConnectionDescription, $event) || (ctx_r1.ConnectionDescription = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(19, "div", 36)(20, "div", 37);
-    i0.ɵɵtext(21, "Credentials");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, ConnectionStudioComponent_Conditional_9_Conditional_22_Template, 12, 4, "div", 38)(23, ConnectionStudioComponent_Conditional_9_Conditional_23_Template, 9, 2, "div", 39)(24, ConnectionStudioComponent_Conditional_9_Conditional_24_Template, 10, 2, "div", 40);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 22)(26, "button", 41);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.PrevStep()); });
-    i0.ɵɵelement(27, "i", 42);
-    i0.ɵɵtext(28, " Back ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "button", 23);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_9_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.NextStep()); });
-    i0.ɵɵtext(30, " Next ");
-    i0.ɵɵelement(31, "i", 24);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate(ctx_r1.SelectedIntegrationName);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(!ctx_r1.HasCompanies ? 8 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.NeedsCompanyPicker ? 10 : -1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ConnectionName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ConnectionDescription);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.SelectedCredential ? 22 : ctx_r1.CredentialPickerMode === "choose" ? 23 : ctx_r1.CredentialPickerMode === "existing" ? 24 : -1);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", !ctx_r1.IsStep2Valid);
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 79)(1, "div", 80);
-    i0.ɵɵelement(2, "i", 81);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "h3");
-    i0.ɵɵtext(4, "Connection Saved");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 13)(6, "strong");
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(8, " has been created and is ready for use. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 82)(10, "button", 83);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_10_Conditional_1_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ResetWizard()); });
-    i0.ɵɵelement(11, "i", 51);
-    i0.ɵɵtext(12, " Create Another Connection ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.ConnectionName);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("themeColor", "primary");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86)(1, "span", 87);
-    i0.ɵɵtext(2, "Source Type:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 88);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.CustomSourceTypeName);
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 86)(1, "span", 87);
-    i0.ɵɵtext(2, "Company:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 88);
-    i0.ɵɵelement(4, "i", 44);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedCompanyName, " ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 74);
-    i0.ɵɵtext(1);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedCredential.Name, " ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 89);
-    i0.ɵɵtext(1, "None attached");
-    i0.ɵɵelementEnd();
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 90);
-    i0.ɵɵtext(1, "Click \"Test Connection\" to verify the configuration.");
-    i0.ɵɵelementEnd();
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-loading", 91);
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 92);
-    i0.ɵɵelement(1, "i", 81);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.TestMessage, " ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 93);
-    i0.ɵɵelement(1, "i", 98);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.TestMessage, " ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 94);
-    i0.ɵɵelement(1, "i", 98);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Save failed: ", ctx_r1.SaveError, " ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 50);
-    i0.ɵɵtext(1, " Saving... ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 99);
-    i0.ɵɵtext(1, " Save ");
-} }
-function ConnectionStudioComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "h3");
-    i0.ɵɵtext(1, "Test & Save");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "p", 13);
-    i0.ɵɵtext(3, "Review your configuration, test the connection, and save.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 84)(5, "div", 85)(6, "div", 86)(7, "span", 87);
-    i0.ɵɵtext(8, "Integration:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 88);
-    i0.ɵɵelement(10, "i");
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_12_Template, 5, 1, "div", 86);
-    i0.ɵɵconditionalCreate(13, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_13_Template, 6, 1, "div", 86);
-    i0.ɵɵelementStart(14, "div", 86)(15, "span", 87);
-    i0.ɵɵtext(16, "Connection Name:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 88);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 86)(20, "span", 87);
-    i0.ɵɵtext(21, "Credential:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "span", 88);
-    i0.ɵɵconditionalCreate(23, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_23_Template, 2, 1)(24, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_24_Template, 2, 0, "span", 89);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(25, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_25_Template, 2, 0, "p", 90);
-    i0.ɵɵconditionalCreate(26, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_26_Template, 1, 0, "mj-loading", 91);
-    i0.ɵɵconditionalCreate(27, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_27_Template, 3, 1, "div", 92);
-    i0.ɵɵconditionalCreate(28, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_28_Template, 3, 1, "div", 93);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(29, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_29_Template, 3, 1, "div", 94);
-    i0.ɵɵelementStart(30, "div", 22)(31, "button", 95);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_10_Conditional_2_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.PrevStep()); });
-    i0.ɵɵelement(32, "i", 42);
-    i0.ɵɵtext(33, " Back ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "button", 96);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_10_Conditional_2_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.TestConnection()); });
-    i0.ɵɵelement(35, "i", 97);
-    i0.ɵɵtext(36, " Test Connection ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "button", 23);
-    i0.ɵɵlistener("click", function ConnectionStudioComponent_Conditional_10_Conditional_2_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveIntegration()); });
-    i0.ɵɵconditionalCreate(38, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_38_Template, 2, 0)(39, ConnectionStudioComponent_Conditional_10_Conditional_2_Conditional_39_Template, 2, 0);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(10);
-    i0.ɵɵclassMap(ctx_r1.SelectedIntegrationIcon);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedIntegrationName, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.UseCustomMode && ctx_r1.CustomSourceTypeName ? 12 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SelectedCompanyName ? 13 : -1);
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.ConnectionName);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.SelectedCredential ? 23 : 24);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.TestStatus === "idle" ? 25 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.TestStatus === "testing" ? 26 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.TestStatus === "success" ? 27 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.TestStatus === "failed" ? 28 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SaveError ? 29 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("look", "outline")("disabled", ctx_r1.IsSaving);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("themeColor", "primary")("disabled", ctx_r1.IsSaving);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsSaving ? 38 : 39);
-} }
-function ConnectionStudioComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
-    i0.ɵɵconditionalCreate(1, ConnectionStudioComponent_Conditional_10_Conditional_1_Template, 13, 2, "div", 79)(2, ConnectionStudioComponent_Conditional_10_Conditional_2_Template, 40, 18);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SaveCompleted ? 1 : 2);
-} }
-function ConnectionStudioComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-credential-dialog", 100, 0);
-    i0.ɵɵlistener("close", function ConnectionStudioComponent_Conditional_11_Template_mj_credential_dialog_close_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCredentialDialogClose($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", ctx_r1.ShowCredentialDialog)("PreselectedTypeId", ctx_r1.PreselectedCredentialTypeId);
-} }
-/** Icon mapping for known integrations by name pattern */
-const INTEGRATION_ICONS = {
-    hubspot: 'fa-brands fa-hubspot',
-    salesforce: 'fa-brands fa-salesforce',
-    yourmembership: 'fa-solid fa-id-card-clip',
-    csv: 'fa-solid fa-file-csv',
-    excel: 'fa-solid fa-file-excel',
-    file: 'fa-solid fa-file-import',
-};
-function resolveIntegrationIcon(name) {
-    const lower = name.toLowerCase();
-    for (const [pattern, icon] of Object.entries(INTEGRATION_ICONS)) {
-        if (lower.includes(pattern))
-            return icon;
-    }
-    return 'fa-solid fa-plug';
-}
-let ConnectionStudioComponent = class ConnectionStudioComponent extends BaseResourceComponent {
-    Steps = [
-        { Index: 0, Label: 'Integration' },
-        { Index: 1, Label: 'Configure' },
-        { Index: 2, Label: 'Test & Save' }
-    ];
-    CurrentStep = 0;
-    // Step 1: Integration selection
-    Integrations = [];
-    SourceTypes = [];
-    IsLoadingIntegrations = false;
-    SelectedIntegrationID = null;
-    UseCustomMode = false;
-    CustomSourceTypeID = null;
-    // Company selection
-    Companies = [];
-    SelectedCompanyID = null;
-    NewCompanyName = '';
-    IsCreatingCompany = false;
-    // Step 2: Configuration
-    ConnectionName = '';
-    ConnectionDescription = '';
-    SelectedCredential = null;
-    CredentialTypeName = '';
-    ShowCredentialDialog = false;
-    PreselectedCredentialTypeId;
-    CredentialPickerMode = 'choose';
-    ExistingCredentials = [];
-    IsLoadingCredentials = false;
-    // Step 3: Test & Save
-    TestStatus = 'idle';
-    TestMessage = '';
-    IsSaving = false;
-    SaveCompleted = false;
-    SaveError = '';
-    dataService = inject(IntegrationDataService);
-    cdr = inject(ChangeDetectorRef);
-    async ngOnInit() {
-        await this.LoadIntegrations();
-    }
-    // --- Computed properties ---
-    get SelectedIntegration() {
-        if (!this.SelectedIntegrationID)
-            return null;
-        return this.Integrations.find(i => UUIDsEqual(i.ID, this.SelectedIntegrationID)) ?? null;
-    }
-    get SelectedIntegrationName() {
-        if (this.UseCustomMode)
-            return 'Custom Integration';
-        return this.SelectedIntegration?.Name ?? '';
-    }
-    get SelectedIntegrationIcon() {
-        if (this.UseCustomMode) {
-            const st = this.SourceTypes.find(s => UUIDsEqual(s.ID, this.CustomSourceTypeID));
-            return st?.IconClass ?? 'fa-solid fa-gear';
-        }
-        return this.SelectedIntegration ? resolveIntegrationIcon(this.SelectedIntegration.Name) : 'fa-solid fa-plug';
-    }
-    get CustomSourceTypeName() {
-        if (!this.CustomSourceTypeID)
-            return '';
-        return this.SourceTypes.find(s => UUIDsEqual(s.ID, this.CustomSourceTypeID))?.Name ?? '';
-    }
-    get IsStep1Valid() {
-        if (this.UseCustomMode)
-            return !!this.CustomSourceTypeID;
-        return !!this.SelectedIntegrationID;
-    }
-    get IsStep2Valid() {
-        return !!this.ConnectionName.trim() && !!this.SelectedCompanyID;
-    }
-    // --- Data loading ---
-    async LoadIntegrations() {
-        this.IsLoadingIntegrations = true;
-        this.cdr.detectChanges();
-        try {
-            const rv = new RunView();
-            const [integrations, sourceTypes, companyResult] = await Promise.all([
-                this.dataService.LoadIntegrationDefinitions(this.RunViewToUse),
-                this.dataService.LoadSourceTypes(this.RunViewToUse),
-                rv.RunView({
-                    EntityName: 'MJ: Companies',
-                    Fields: ['ID', 'Name'],
-                    OrderBy: 'Name',
-                    ResultType: 'simple'
-                })
-            ]);
-            this.Integrations = integrations;
-            this.SourceTypes = sourceTypes;
-            this.Companies = companyResult.Success ? companyResult.Results : [];
-            // Auto-select if only one company
-            if (this.Companies.length === 1) {
-                this.SelectedCompanyID = this.Companies[0].ID;
-            }
-        }
-        finally {
-            this.IsLoadingIntegrations = false;
-            this.cdr.detectChanges();
-        }
-    }
-    get HasCompanies() {
-        return this.Companies.length > 0;
-    }
-    get NeedsCompanyPicker() {
-        return this.Companies.length > 1;
-    }
-    get SelectedCompanyName() {
-        if (!this.SelectedCompanyID)
-            return '';
-        return this.Companies.find(c => UUIDsEqual(c.ID, this.SelectedCompanyID))?.Name ?? '';
-    }
-    async CreateCompany() {
-        const name = this.NewCompanyName.trim();
-        if (!name)
-            return;
-        this.IsCreatingCompany = true;
-        this.cdr.detectChanges();
-        const md = new Metadata();
-        const company = await md.GetEntityObject('MJ: Companies');
-        company.NewRecord();
-        company.Name = name;
-        company.Description = name;
-        const saved = await company.Save();
-        if (saved) {
-            this.Companies.push({ ID: company.ID, Name: company.Name });
-            this.SelectedCompanyID = company.ID;
-            this.NewCompanyName = '';
-        }
-        else {
-            const errorMessage = company.LatestResult?.CompleteMessage || company.LatestResult?.Message || 'Unknown error';
-            console.error('[ConnectionStudio] Failed to create company:', errorMessage);
-        }
-        this.IsCreatingCompany = false;
-        this.cdr.detectChanges();
-    }
-    // --- Step 1: Integration selection ---
-    SelectIntegration(integration) {
-        this.UseCustomMode = false;
-        this.SelectedIntegrationID = integration.ID;
-        this.CustomSourceTypeID = null;
-        this.ConnectionName = integration.Name;
-    }
-    SelectCustomMode() {
-        this.UseCustomMode = true;
-        this.SelectedIntegrationID = null;
-        this.ConnectionName = '';
-    }
-    SelectCustomSourceType(st) {
-        this.CustomSourceTypeID = st.ID;
-    }
-    IsSelectedIntegration(id) {
-        return !this.UseCustomMode && UUIDsEqual(this.SelectedIntegrationID, id);
-    }
-    IsSelectedCustomSourceType(id) {
-        return UUIDsEqual(this.CustomSourceTypeID, id);
-    }
-    IntegrationIcon(integration) {
-        return resolveIntegrationIcon(integration.Name);
-    }
-    // --- Step 2: Credential management ---
-    get IntegrationCredentialTypeID() {
-        return this.SelectedIntegration?.CredentialTypeID ?? null;
-    }
-    async ShowExistingCredentials() {
-        this.CredentialPickerMode = 'existing';
-        this.IsLoadingCredentials = true;
-        this.cdr.detectChanges();
-        const rv = new RunView();
-        const filter = this.IntegrationCredentialTypeID
-            ? `CredentialTypeID='${this.IntegrationCredentialTypeID}' AND IsActive=1`
-            : 'IsActive=1';
-        const result = await rv.RunView({
-            EntityName: 'MJ: Credentials',
-            ExtraFilter: filter,
-            OrderBy: 'Name',
-            ResultType: 'entity_object'
-        });
-        this.ExistingCredentials = result.Results;
-        this.IsLoadingCredentials = false;
-        this.cdr.detectChanges();
-    }
-    SelectExistingCredential(credential) {
-        this.SelectedCredential = credential;
-        this.CredentialTypeName = credential.Get('CredentialType') ?? '';
-        this.CredentialPickerMode = 'choose';
-    }
-    OpenCredentialDialog() {
-        this.PreselectedCredentialTypeId = this.IntegrationCredentialTypeID ?? undefined;
-        this.ShowCredentialDialog = true;
-        this.CredentialPickerMode = 'choose';
-        this.cdr.detectChanges();
-    }
-    OnCredentialDialogClose(result) {
-        this.ShowCredentialDialog = false;
-        if (result.success && result.credential) {
-            this.SelectedCredential = result.credential;
-            this.CredentialTypeName = '';
-        }
-        this.cdr.detectChanges();
-    }
-    ClearCredential() {
-        this.SelectedCredential = null;
-        this.CredentialTypeName = '';
-        this.CredentialPickerMode = 'choose';
-    }
-    BackToCredentialChoice() {
-        this.CredentialPickerMode = 'choose';
-    }
-    // --- Navigation ---
-    NextStep() {
-        if (this.CurrentStep < this.Steps.length - 1) {
-            this.CurrentStep++;
-        }
-    }
-    PrevStep() {
-        if (this.CurrentStep > 0) {
-            this.CurrentStep--;
-            this.TestStatus = 'idle';
-            this.TestMessage = '';
-        }
-    }
-    // --- Step 3: Test & Save ---
-    TestConnection() {
-        this.TestStatus = 'testing';
-        this.TestMessage = '';
-        this.cdr.detectChanges();
-        // TODO: Wire up to actual connector.TestConnection() via GraphQL
-        console.log('[ConnectionStudio] Testing connection:', {
-            integration: this.SelectedIntegrationName,
-            credentialId: this.SelectedCredential?.ID
-        });
-        setTimeout(() => {
-            this.TestStatus = 'success';
-            this.TestMessage = 'Connection verified successfully.';
-            this.cdr.detectChanges();
-        }, 1500);
-    }
-    async SaveIntegration() {
-        if (!this.SelectedCompanyID) {
-            console.error('[ConnectionStudio] No company selected');
-            return;
-        }
-        this.IsSaving = true;
-        this.SaveError = '';
-        this.cdr.detectChanges();
-        const md = new Metadata();
-        const companyIntegration = await md.GetEntityObject('MJ: Company Integrations');
-        companyIntegration.NewRecord();
-        companyIntegration.CompanyID = this.SelectedCompanyID;
-        if (this.SelectedIntegration) {
-            companyIntegration.IntegrationID = this.SelectedIntegration.ID;
-        }
-        companyIntegration.Name = this.ConnectionName;
-        companyIntegration.IsActive = true;
-        if (this.SelectedCredential) {
-            companyIntegration.CredentialID = this.SelectedCredential.ID;
-        }
-        const saved = await companyIntegration.Save();
-        this.IsSaving = false;
-        if (saved) {
-            this.SaveCompleted = true;
-        }
-        else {
-            this.SaveError = companyIntegration.LatestResult?.CompleteMessage || companyIntegration.LatestResult?.Message || 'Unknown error';
-            console.error('[ConnectionStudio] Failed to save:', this.SaveError);
-        }
-        this.cdr.detectChanges();
-    }
-    ResetWizard() {
-        this.CurrentStep = 0;
-        this.SelectedIntegrationID = null;
-        this.UseCustomMode = false;
-        this.CustomSourceTypeID = null;
-        this.ConnectionName = '';
-        this.ConnectionDescription = '';
-        this.SelectedCredential = null;
-        this.CredentialTypeName = '';
-        this.CredentialPickerMode = 'choose';
-        this.TestStatus = 'idle';
-        this.TestMessage = '';
-        this.IsSaving = false;
-        this.SaveCompleted = false;
-        this.SaveError = '';
-    }
-    // --- Resource interface ---
-    async GetResourceDisplayName(_data) {
-        return 'Connection Studio';
-    }
-    async GetResourceIconClass(_data) {
-        return 'fa-solid fa-wand-magic-sparkles';
-    }
-    static ɵfac = /*@__PURE__*/ (() => { let ɵConnectionStudioComponent_BaseFactory; return function ConnectionStudioComponent_Factory(__ngFactoryType__) { return (ɵConnectionStudioComponent_BaseFactory || (ɵConnectionStudioComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ConnectionStudioComponent)))(__ngFactoryType__ || ConnectionStudioComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectionStudioComponent, selectors: [["app-connection-studio"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 4, consts: [["credentialDialog", ""], [1, "connection-studio"], [1, "studio-header"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "step-indicator"], [1, "step-content"], [3, "Visible", "PreselectedTypeId"], [1, "step"], [1, "step-circle"], [1, "fa-solid", "fa-check"], [1, "step-label"], [1, "step-connector", 3, "completed"], [1, "step-connector"], [1, "step-description"], ["text", "Loading integrations...", "size", "medium"], [1, "integration-grid"], [1, "integration-card", 3, "selected"], [1, "integration-card", "custom-card", 3, "click"], [1, "card-icon", "fa-solid", "fa-gear"], [1, "card-name"], [1, "card-desc"], [1, "custom-source-section"], [1, "step-actions"], ["kendoButton", "", 3, "click", "themeColor", "disabled"], [1, "fa-solid", "fa-arrow-right"], [1, "integration-card", 3, "click"], [1, "card-icon"], [1, "custom-source-label"], [1, "source-type-chips"], [1, "source-chip", 3, "selected"], [1, "source-chip", 3, "click"], [1, "company-setup-card"], [1, "config-form"], [1, "form-field"], ["kendoTextBox", "", "placeholder", "e.g., Production HubSpot", 3, "ngModelChange", "ngModel"], ["kendoTextArea", "", "rows", "2", "placeholder", "Optional description...", 3, "ngModelChange", "ngModel"], [1, "credential-section"], [1, "section-label"], [1, "credential-selected"], [1, "credential-choice"], [1, "credential-list-section"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-arrow-left"], [1, "company-setup-icon"], [1, "fa-solid", "fa-building"], [1, "company-setup-content"], [1, "company-setup-title"], [1, "company-setup-desc"], [1, "company-setup-form"], ["kendoTextBox", "", "placeholder", "Company name", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-plus"], [3, "ngModelChange", "data", "textField", "valueField", "valuePrimitive", "ngModel", "defaultItem"], [1, "credential-info"], [1, "credential-icon", "fa-solid", "fa-shield-halved"], [1, "credential-details"], [1, "credential-name"], [1, "credential-type"], [1, "credential-actions"], ["kendoButton", "", "title", "Change credential", 3, "click", "look"], [1, "fa-solid", "fa-rotate"], ["kendoButton", "", "title", "Remove credential", 3, "click", "look"], [1, "fa-solid", "fa-times"], ["kendoButton", "", 3, "click", "look"], [1, "fa-solid", "fa-list"], [1, "credential-or"], [1, "credential-list-header"], [1, "credential-list-title"], ["text", "Loading credentials...", "size", "small"], [1, "credential-empty-list"], [1, "credential-list"], [1, "fa-solid", "fa-inbox"], [1, "credential-list-item"], [1, "credential-list-item", 3, "click"], [1, "fa-solid", "fa-shield-halved"], [1, "credential-list-item-info"], [1, "credential-list-item-name"], [1, "credential-list-item-desc"], [1, "fa-solid", "fa-chevron-right", "credential-list-item-arrow"], [1, "save-success"], [1, "success-icon"], [1, "fa-solid", "fa-circle-check"], [1, "step-actions", 2, "justify-content", "center"], ["kendoButton", "", 3, "click", "themeColor"], [1, "test-section"], [1, "test-summary"], [1, "summary-row"], [1, "label"], [1, "value"], [2, "color", "#888"], [1, "test-hint"], ["text", "Testing connection...", "size", "small"], [1, "test-result", "success"], [1, "test-result", "failed"], [1, "test-result", "failed", 2, "margin-bottom", "16px"], ["kendoButton", "", 3, "click", "disabled"], ["kendoButton", "", 3, "click", "look", "disabled"], [1, "fa-solid", "fa-vial"], [1, "fa-solid", "fa-circle-xmark"], [1, "fa-solid", "fa-floppy-disk"], [3, "close", "Visible", "PreselectedTypeId"]], template: function ConnectionStudioComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2");
-            i0.ɵɵelement(3, "i", 3);
-            i0.ɵɵtext(4, " Connection Studio");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(5, "div", 4);
-            i0.ɵɵrepeaterCreate(6, ConnectionStudioComponent_For_7_Template, 7, 7, null, null, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(8, ConnectionStudioComponent_Conditional_8_Template, 7, 1, "div", 5);
-            i0.ɵɵconditionalCreate(9, ConnectionStudioComponent_Conditional_9_Template, 32, 8, "div", 5);
-            i0.ɵɵconditionalCreate(10, ConnectionStudioComponent_Conditional_10_Template, 3, 1, "div", 5);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, ConnectionStudioComponent_Conditional_11_Template, 2, 2, "mj-credential-dialog", 6);
-        } if (rf & 2) {
-            i0.ɵɵadvance(6);
-            i0.ɵɵrepeater(ctx.Steps);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.CurrentStep === 0 ? 8 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.CurrentStep === 1 ? 9 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.CurrentStep === 2 ? 10 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowCredentialDialog ? 11 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.ButtonComponent, i3.DropDownListComponent, i4.TextBoxDirective, i4.TextAreaDirective, i5.LoadingComponent, i6.CredentialDialogComponent], styles: [".connection-studio[_ngcontent-%COMP%] {\n  padding: 24px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.studio-header[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.studio-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.studio-header[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 8px;\n}\n\n\n\n.step-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 32px;\n  gap: 0;\n}\n\n.step[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  min-width: 80px;\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: 14px;\n  font-weight: 600;\n  background: #e0e0e0;\n  color: #666;\n}\n\n.step.active[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] { background: #4a6cf7; color: #fff; }\n.step.completed[_ngcontent-%COMP%]   .step-circle[_ngcontent-%COMP%] { background: #1b7a3d; color: #fff; }\n\n.step-label[_ngcontent-%COMP%] { font-size: 12px; color: #888; }\n.step.active[_ngcontent-%COMP%]   .step-label[_ngcontent-%COMP%] { color: #4a6cf7; font-weight: 600; }\n\n.step-connector[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 2px;\n  background: #e0e0e0;\n  min-width: 40px;\n  margin: 0 4px;\n  margin-bottom: 22px;\n}\n\n.step-connector.completed[_ngcontent-%COMP%] { background: #1b7a3d; }\n\n\n\n.step-content[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 4px 0;\n  font-size: 18px;\n}\n\n.step-description[_ngcontent-%COMP%] {\n  color: #666;\n  margin: 0 0 20px 0;\n}\n\n\n\n.integration-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n.integration-card[_ngcontent-%COMP%] {\n  padding: 20px 16px;\n  border: 2px solid #eee;\n  border-radius: 10px;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.15s;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n\n.integration-card[_ngcontent-%COMP%]:hover { border-color: #4a6cf7; background: #fafbff; }\n.integration-card.selected[_ngcontent-%COMP%] { border-color: #4a6cf7; background: #f0f4ff; }\n\n.integration-card[_ngcontent-%COMP%]   i.card-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: #4a6cf7;\n}\n\n.integration-card[_ngcontent-%COMP%]   .card-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.integration-card[_ngcontent-%COMP%]   .card-desc[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n  line-height: 1.3;\n}\n\n.integration-card.custom-card[_ngcontent-%COMP%] {\n  border-style: dashed;\n}\n\n.integration-card.custom-card[_ngcontent-%COMP%]   i.card-icon[_ngcontent-%COMP%] { color: #888; }\n.integration-card.custom-card.selected[_ngcontent-%COMP%]   i.card-icon[_ngcontent-%COMP%] { color: #4a6cf7; }\n\n\n\n.custom-source-section[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 16px;\n  background: #f8f9fa;\n  border-radius: 8px;\n}\n\n.custom-source-section[_ngcontent-%COMP%]   .custom-source-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n  margin-bottom: 10px;\n}\n\n.source-type-chips[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.source-chip[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  border: 2px solid #ddd;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.15s;\n}\n\n.source-chip[_ngcontent-%COMP%]:hover { border-color: #4a6cf7; }\n.source-chip.selected[_ngcontent-%COMP%] { border-color: #4a6cf7; background: #f0f4ff; color: #4a6cf7; font-weight: 600; }\n.source-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 14px; }\n\n\n\n.company-setup-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px;\n  background: #fff8e1;\n  border: 1px solid #ffe082;\n  border-radius: 10px;\n  margin-bottom: 20px;\n}\n\n.company-setup-icon[_ngcontent-%COMP%] {\n  font-size: 28px;\n  color: #f9a825;\n  padding-top: 2px;\n}\n\n.company-setup-content[_ngcontent-%COMP%] {\n  flex: 1;\n}\n\n.company-setup-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n\n.company-setup-desc[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: #666;\n  margin-bottom: 12px;\n}\n\n.company-setup-form[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.company-setup-form[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  flex: 1;\n  max-width: 280px;\n}\n\n\n\n.config-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.form-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n}\n\n\n\n.credential-section[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 16px;\n}\n\n.credential-section[_ngcontent-%COMP%]   .section-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n  margin-bottom: 10px;\n}\n\n\n\n.credential-choice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.credential-or[_ngcontent-%COMP%] {\n  color: #888;\n  font-size: 13px;\n  font-style: italic;\n}\n\n\n\n.credential-list-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.credential-list-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.credential-list-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.credential-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.credential-list-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.credential-list-item[_ngcontent-%COMP%]:hover {\n  border-color: #4a6cf7;\n  background: #f0f4ff;\n}\n\n.credential-list-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  font-size: 16px;\n  color: #4a6cf7;\n}\n\n.credential-list-item-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.credential-list-item-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 13px;\n}\n\n.credential-list-item-desc[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: #888;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.credential-list-item-arrow[_ngcontent-%COMP%] {\n  color: #ccc;\n  font-size: 12px;\n}\n\n.credential-empty-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  color: #888;\n  font-size: 13px;\n}\n\n.credential-empty-list[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 24px;\n  color: #ccc;\n}\n\n.credential-selected[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.credential-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.credential-info[_ngcontent-%COMP%]   i.credential-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: #4a6cf7;\n}\n\n.credential-details[_ngcontent-%COMP%]   .credential-name[_ngcontent-%COMP%] {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.credential-details[_ngcontent-%COMP%]   .credential-type[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #888;\n}\n\n.credential-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n}\n\n\n\n.step-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  padding-top: 16px;\n  border-top: 1px solid #eee;\n}\n\n\n\n.test-section[_ngcontent-%COMP%] { margin-bottom: 24px; }\n\n.test-summary[_ngcontent-%COMP%] {\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 16px;\n  margin-bottom: 16px;\n}\n\n.summary-row[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n  font-size: 14px;\n}\n\n.summary-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n  font-weight: 600;\n  min-width: 120px;\n  color: #666;\n}\n\n.summary-row[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.test-hint[_ngcontent-%COMP%] {\n  color: #888;\n  font-style: italic;\n}\n\n.test-result[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-weight: 500;\n}\n\n.test-result[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { margin-right: 8px; }\n.test-result.success[_ngcontent-%COMP%] { background: #e6f9ed; color: #1b7a3d; }\n.test-result.failed[_ngcontent-%COMP%] { background: #fde8e8; color: #c62828; }\n\n\n\n.save-success[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px 20px;\n}\n\n.save-success[_ngcontent-%COMP%]   .success-icon[_ngcontent-%COMP%] {\n  font-size: 56px;\n  color: #1b7a3d;\n  margin-bottom: 16px;\n}\n\n.save-success[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 22px;\n  color: #1b7a3d;\n}"] });
-};
-ConnectionStudioComponent = __decorate([
-    RegisterClass(BaseResourceComponent, 'IntegrationConnectionStudio')
-], ConnectionStudioComponent);
-export { ConnectionStudioComponent };
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectionStudioComponent, [{
-        type: Component,
-        args: [{ standalone: false, selector: 'app-connection-studio', template: "<div class=\"connection-studio\">\n  <div class=\"studio-header\">\n    <h2><i class=\"fa-solid fa-wand-magic-sparkles\"></i> Connection Studio</h2>\n  </div>\n\n  <!-- Step Indicator -->\n  <div class=\"step-indicator\">\n    @for (step of Steps; track step.Index; let i = $index) {\n      <div class=\"step\" [class.active]=\"CurrentStep === step.Index\"\n           [class.completed]=\"CurrentStep > step.Index\">\n        <div class=\"step-circle\">\n          @if (CurrentStep > step.Index) {\n            <i class=\"fa-solid fa-check\"></i>\n          } @else {\n            {{ step.Index + 1 }}\n          }\n        </div>\n        <span class=\"step-label\">{{ step.Label }}</span>\n      </div>\n      @if (i < Steps.length - 1) {\n        <div class=\"step-connector\" [class.completed]=\"CurrentStep > step.Index\"></div>\n      }\n    }\n  </div>\n\n  <!-- Step 1: Choose Integration -->\n  @if (CurrentStep === 0) {\n    <div class=\"step-content\">\n      <h3>Choose Integration</h3>\n      <p class=\"step-description\">Select the system you want to connect to, or set up a custom connection.</p>\n\n      @if (IsLoadingIntegrations) {\n        <mj-loading text=\"Loading integrations...\" size=\"medium\"></mj-loading>\n      } @else {\n        <div class=\"integration-grid\">\n          @for (integration of Integrations; track integration.ID) {\n            <div class=\"integration-card\"\n                 [class.selected]=\"IsSelectedIntegration(integration.ID)\"\n                 (click)=\"SelectIntegration(integration)\">\n              <i class=\"card-icon\" [class]=\"IntegrationIcon(integration)\"></i>\n              <span class=\"card-name\">{{ integration.Name }}</span>\n              @if (integration.Description) {\n                <span class=\"card-desc\">{{ integration.Description }}</span>\n              }\n            </div>\n          }\n\n          <!-- Custom integration option -->\n          <div class=\"integration-card custom-card\"\n               [class.selected]=\"UseCustomMode\"\n               (click)=\"SelectCustomMode()\">\n            <i class=\"card-icon fa-solid fa-gear\"></i>\n            <span class=\"card-name\">Custom</span>\n            <span class=\"card-desc\">Manual configuration with any source type</span>\n          </div>\n        </div>\n\n        <!-- Custom mode: pick a source type -->\n        @if (UseCustomMode) {\n          <div class=\"custom-source-section\">\n            <div class=\"custom-source-label\">Select a connection type:</div>\n            <div class=\"source-type-chips\">\n              @for (st of SourceTypes; track st.ID) {\n                <div class=\"source-chip\"\n                     [class.selected]=\"IsSelectedCustomSourceType(st.ID)\"\n                     (click)=\"SelectCustomSourceType(st)\">\n                  <i [class]=\"st.IconClass ?? 'fa-solid fa-plug'\"></i>\n                  {{ st.Name }}\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <div class=\"step-actions\">\n          <button kendoButton [themeColor]=\"'primary'\" [disabled]=\"!IsStep1Valid\"\n                  (click)=\"NextStep()\">\n            Next <i class=\"fa-solid fa-arrow-right\"></i>\n          </button>\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Step 2: Configure -->\n  @if (CurrentStep === 1) {\n    <div class=\"step-content\">\n      <h3>Configure Connection</h3>\n      <p class=\"step-description\">\n        Name your connection and attach credentials for\n        <strong>{{ SelectedIntegrationName }}</strong>.\n      </p>\n\n      <!-- Company section -->\n      @if (!HasCompanies) {\n        <div class=\"company-setup-card\">\n          <div class=\"company-setup-icon\"><i class=\"fa-solid fa-building\"></i></div>\n          <div class=\"company-setup-content\">\n            <div class=\"company-setup-title\">Set Up Your Organization</div>\n            <div class=\"company-setup-desc\">\n              Integrations are scoped to a company. Create one to get started.\n            </div>\n            <div class=\"company-setup-form\">\n              <input kendoTextBox [(ngModel)]=\"NewCompanyName\"\n                     placeholder=\"Company name\" />\n              <button kendoButton [themeColor]=\"'primary'\"\n                      [disabled]=\"!NewCompanyName.trim() || IsCreatingCompany\"\n                      (click)=\"CreateCompany()\">\n                @if (IsCreatingCompany) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                } @else {\n                  <i class=\"fa-solid fa-plus\"></i> Create\n                }\n              </button>\n            </div>\n          </div>\n        </div>\n      }\n\n      <div class=\"config-form\">\n        @if (NeedsCompanyPicker) {\n          <div class=\"form-field\">\n            <label>Company</label>\n            <kendo-dropdownlist\n              [data]=\"Companies\"\n              [textField]=\"'Name'\"\n              [valueField]=\"'ID'\"\n              [valuePrimitive]=\"true\"\n              [(ngModel)]=\"SelectedCompanyID\"\n              [defaultItem]=\"{ ID: null, Name: 'Select a company...' }\">\n            </kendo-dropdownlist>\n          </div>\n        }\n\n        <div class=\"form-field\">\n          <label>Connection Name</label>\n          <input kendoTextBox [(ngModel)]=\"ConnectionName\"\n                 placeholder=\"e.g., Production HubSpot\" />\n        </div>\n        <div class=\"form-field\">\n          <label>Description</label>\n          <textarea kendoTextArea [(ngModel)]=\"ConnectionDescription\" rows=\"2\"\n                    placeholder=\"Optional description...\"></textarea>\n        </div>\n      </div>\n\n      <!-- Credential picker -->\n      <div class=\"credential-section\">\n        <div class=\"section-label\">Credentials</div>\n\n        @if (SelectedCredential) {\n          <!-- A credential is already selected -->\n          <div class=\"credential-selected\">\n            <div class=\"credential-info\">\n              <i class=\"credential-icon fa-solid fa-shield-halved\"></i>\n              <div class=\"credential-details\">\n                <div class=\"credential-name\">{{ SelectedCredential.Name }}</div>\n                @if (CredentialTypeName) {\n                  <div class=\"credential-type\">{{ CredentialTypeName }}</div>\n                }\n              </div>\n            </div>\n            <div class=\"credential-actions\">\n              <button kendoButton [look]=\"'flat'\" (click)=\"ClearCredential()\"\n                      title=\"Change credential\">\n                <i class=\"fa-solid fa-rotate\"></i>\n              </button>\n              <button kendoButton [look]=\"'flat'\" (click)=\"ClearCredential()\"\n                      title=\"Remove credential\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n          </div>\n        } @else if (CredentialPickerMode === 'choose') {\n          <!-- Choose between existing or new -->\n          <div class=\"credential-choice\">\n            <button kendoButton [look]=\"'outline'\" (click)=\"ShowExistingCredentials()\">\n              <i class=\"fa-solid fa-list\"></i> Use Existing Credential\n            </button>\n            <span class=\"credential-or\">or</span>\n            <button kendoButton [look]=\"'outline'\" (click)=\"OpenCredentialDialog()\">\n              <i class=\"fa-solid fa-plus\"></i> Create New Credential\n            </button>\n          </div>\n        } @else if (CredentialPickerMode === 'existing') {\n          <!-- Existing credential list -->\n          <div class=\"credential-list-section\">\n            <div class=\"credential-list-header\">\n              <button kendoButton [look]=\"'flat'\" (click)=\"BackToCredentialChoice()\">\n                <i class=\"fa-solid fa-arrow-left\"></i> Back\n              </button>\n              <span class=\"credential-list-title\">Select a Credential</span>\n            </div>\n\n            @if (IsLoadingCredentials) {\n              <mj-loading text=\"Loading credentials...\" size=\"small\"></mj-loading>\n            } @else if (ExistingCredentials.length === 0) {\n              <div class=\"credential-empty-list\">\n                <i class=\"fa-solid fa-inbox\"></i>\n                <span>No matching credentials found.</span>\n                <button kendoButton [look]=\"'outline'\" (click)=\"OpenCredentialDialog()\">\n                  <i class=\"fa-solid fa-plus\"></i> Create One\n                </button>\n              </div>\n            } @else {\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-shield-halved\"></i>\n                    <div class=\"credential-list-item-info\">\n                      <div class=\"credential-list-item-name\">{{ cred.Name }}</div>\n                      @if (cred.Description) {\n                        <div class=\"credential-list-item-desc\">{{ cred.Description }}</div>\n                      }\n                    </div>\n                    <i class=\"fa-solid fa-chevron-right credential-list-item-arrow\"></i>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n\n      <div class=\"step-actions\">\n        <button kendoButton (click)=\"PrevStep()\">\n          <i class=\"fa-solid fa-arrow-left\"></i> Back\n        </button>\n        <button kendoButton [themeColor]=\"'primary'\" [disabled]=\"!IsStep2Valid\"\n                (click)=\"NextStep()\">\n          Next <i class=\"fa-solid fa-arrow-right\"></i>\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Step 3: Test & Save -->\n  @if (CurrentStep === 2) {\n    <div class=\"step-content\">\n      @if (SaveCompleted) {\n        <!-- Success screen -->\n        <div class=\"save-success\">\n          <div class=\"success-icon\"><i class=\"fa-solid fa-circle-check\"></i></div>\n          <h3>Connection Saved</h3>\n          <p class=\"step-description\">\n            <strong>{{ ConnectionName }}</strong> has been created and is ready for use.\n          </p>\n          <div class=\"step-actions\" style=\"justify-content: center;\">\n            <button kendoButton [themeColor]=\"'primary'\" (click)=\"ResetWizard()\">\n              <i class=\"fa-solid fa-plus\"></i> Create Another Connection\n            </button>\n          </div>\n        </div>\n      } @else {\n        <h3>Test & Save</h3>\n        <p class=\"step-description\">Review your configuration, test the connection, and save.</p>\n\n        <div class=\"test-section\">\n          <div class=\"test-summary\">\n            <div class=\"summary-row\">\n              <span class=\"label\">Integration:</span>\n              <span class=\"value\">\n                <i [class]=\"SelectedIntegrationIcon\"></i>\n                {{ SelectedIntegrationName }}\n              </span>\n            </div>\n            @if (UseCustomMode && CustomSourceTypeName) {\n              <div class=\"summary-row\">\n                <span class=\"label\">Source Type:</span>\n                <span class=\"value\">{{ CustomSourceTypeName }}</span>\n              </div>\n            }\n            @if (SelectedCompanyName) {\n              <div class=\"summary-row\">\n                <span class=\"label\">Company:</span>\n                <span class=\"value\">\n                  <i class=\"fa-solid fa-building\"></i>\n                  {{ SelectedCompanyName }}\n                </span>\n              </div>\n            }\n            <div class=\"summary-row\">\n              <span class=\"label\">Connection Name:</span>\n              <span class=\"value\">{{ ConnectionName }}</span>\n            </div>\n            <div class=\"summary-row\">\n              <span class=\"label\">Credential:</span>\n              <span class=\"value\">\n                @if (SelectedCredential) {\n                  <i class=\"fa-solid fa-shield-halved\"></i>\n                  {{ SelectedCredential.Name }}\n                } @else {\n                  <span style=\"color: #888;\">None attached</span>\n                }\n              </span>\n            </div>\n          </div>\n\n          @if (TestStatus === 'idle') {\n            <p class=\"test-hint\">Click \"Test Connection\" to verify the configuration.</p>\n          }\n          @if (TestStatus === 'testing') {\n            <mj-loading text=\"Testing connection...\" size=\"small\"></mj-loading>\n          }\n          @if (TestStatus === 'success') {\n            <div class=\"test-result success\">\n              <i class=\"fa-solid fa-circle-check\"></i> {{ TestMessage }}\n            </div>\n          }\n          @if (TestStatus === 'failed') {\n            <div class=\"test-result failed\">\n              <i class=\"fa-solid fa-circle-xmark\"></i> {{ TestMessage }}\n            </div>\n          }\n        </div>\n\n        @if (SaveError) {\n          <div class=\"test-result failed\" style=\"margin-bottom: 16px;\">\n            <i class=\"fa-solid fa-circle-xmark\"></i> Save failed: {{ SaveError }}\n          </div>\n        }\n\n        <div class=\"step-actions\">\n          <button kendoButton (click)=\"PrevStep()\" [disabled]=\"IsSaving\">\n            <i class=\"fa-solid fa-arrow-left\"></i> Back\n          </button>\n          <button kendoButton [look]=\"'outline'\" (click)=\"TestConnection()\" [disabled]=\"IsSaving\">\n            <i class=\"fa-solid fa-vial\"></i> Test Connection\n          </button>\n          <button kendoButton [themeColor]=\"'primary'\" (click)=\"SaveIntegration()\" [disabled]=\"IsSaving\">\n            @if (IsSaving) {\n              <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving...\n            } @else {\n              <i class=\"fa-solid fa-floppy-disk\"></i> Save\n            }\n          </button>\n        </div>\n      }\n    </div>\n  }\n</div>\n\n<!-- Credential Dialog -->\n@if (ShowCredentialDialog) {\n  <mj-credential-dialog\n    #credentialDialog\n    [Visible]=\"ShowCredentialDialog\"\n    [PreselectedTypeId]=\"PreselectedCredentialTypeId\"\n    (close)=\"OnCredentialDialogClose($event)\">\n  </mj-credential-dialog>\n}\n", styles: [".connection-studio {\n  padding: 24px;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.studio-header {\n  margin-bottom: 24px;\n}\n\n.studio-header h2 {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n}\n\n.studio-header h2 i {\n  margin-right: 8px;\n}\n\n/* --- Step indicator --- */\n.step-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 32px;\n  gap: 0;\n}\n\n.step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  min-width: 80px;\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: 14px;\n  font-weight: 600;\n  background: #e0e0e0;\n  color: #666;\n}\n\n.step.active .step-circle { background: #4a6cf7; color: #fff; }\n.step.completed .step-circle { background: #1b7a3d; color: #fff; }\n\n.step-label { font-size: 12px; color: #888; }\n.step.active .step-label { color: #4a6cf7; font-weight: 600; }\n\n.step-connector {\n  flex: 1;\n  height: 2px;\n  background: #e0e0e0;\n  min-width: 40px;\n  margin: 0 4px;\n  margin-bottom: 22px;\n}\n\n.step-connector.completed { background: #1b7a3d; }\n\n/* --- Step content --- */\n.step-content h3 {\n  margin: 0 0 4px 0;\n  font-size: 18px;\n}\n\n.step-description {\n  color: #666;\n  margin: 0 0 20px 0;\n}\n\n/* --- Integration cards grid --- */\n.integration-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));\n  gap: 12px;\n  margin-bottom: 24px;\n}\n\n.integration-card {\n  padding: 20px 16px;\n  border: 2px solid #eee;\n  border-radius: 10px;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.15s;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n\n.integration-card:hover { border-color: #4a6cf7; background: #fafbff; }\n.integration-card.selected { border-color: #4a6cf7; background: #f0f4ff; }\n\n.integration-card i.card-icon {\n  font-size: 32px;\n  color: #4a6cf7;\n}\n\n.integration-card .card-name {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.integration-card .card-desc {\n  font-size: 11px;\n  color: #888;\n  line-height: 1.3;\n}\n\n.integration-card.custom-card {\n  border-style: dashed;\n}\n\n.integration-card.custom-card i.card-icon { color: #888; }\n.integration-card.custom-card.selected i.card-icon { color: #4a6cf7; }\n\n/* --- Custom source type sub-selection --- */\n.custom-source-section {\n  margin-top: 16px;\n  padding: 16px;\n  background: #f8f9fa;\n  border-radius: 8px;\n}\n\n.custom-source-section .custom-source-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n  margin-bottom: 10px;\n}\n\n.source-type-chips {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.source-chip {\n  padding: 8px 14px;\n  border: 2px solid #ddd;\n  border-radius: 20px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.15s;\n}\n\n.source-chip:hover { border-color: #4a6cf7; }\n.source-chip.selected { border-color: #4a6cf7; background: #f0f4ff; color: #4a6cf7; font-weight: 600; }\n.source-chip i { font-size: 14px; }\n\n/* --- Company setup card --- */\n.company-setup-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  padding: 20px;\n  background: #fff8e1;\n  border: 1px solid #ffe082;\n  border-radius: 10px;\n  margin-bottom: 20px;\n}\n\n.company-setup-icon {\n  font-size: 28px;\n  color: #f9a825;\n  padding-top: 2px;\n}\n\n.company-setup-content {\n  flex: 1;\n}\n\n.company-setup-title {\n  font-weight: 600;\n  font-size: 15px;\n  margin-bottom: 4px;\n}\n\n.company-setup-desc {\n  font-size: 13px;\n  color: #666;\n  margin-bottom: 12px;\n}\n\n.company-setup-form {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.company-setup-form input {\n  flex: 1;\n  max-width: 280px;\n}\n\n/* --- Configuration form --- */\n.config-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.form-field label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n}\n\n/* --- Credential section --- */\n.credential-section {\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 16px;\n}\n\n.credential-section .section-label {\n  font-size: 13px;\n  font-weight: 600;\n  color: #444;\n  margin-bottom: 10px;\n}\n\n/* --- Credential choice buttons --- */\n.credential-choice {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.credential-or {\n  color: #888;\n  font-size: 13px;\n  font-style: italic;\n}\n\n/* --- Credential list (existing picker) --- */\n.credential-list-section {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.credential-list-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.credential-list-title {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.credential-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  max-height: 240px;\n  overflow-y: auto;\n}\n\n.credential-list-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 12px;\n  border: 1px solid #e0e0e0;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.15s;\n}\n\n.credential-list-item:hover {\n  border-color: #4a6cf7;\n  background: #f0f4ff;\n}\n\n.credential-list-item > i {\n  font-size: 16px;\n  color: #4a6cf7;\n}\n\n.credential-list-item-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.credential-list-item-name {\n  font-weight: 600;\n  font-size: 13px;\n}\n\n.credential-list-item-desc {\n  font-size: 11px;\n  color: #888;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.credential-list-item-arrow {\n  color: #ccc;\n  font-size: 12px;\n}\n\n.credential-empty-list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  color: #888;\n  font-size: 13px;\n}\n\n.credential-empty-list i {\n  font-size: 24px;\n  color: #ccc;\n}\n\n.credential-selected {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.credential-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.credential-info i.credential-icon {\n  font-size: 20px;\n  color: #4a6cf7;\n}\n\n.credential-details .credential-name {\n  font-weight: 600;\n  font-size: 14px;\n}\n\n.credential-details .credential-type {\n  font-size: 12px;\n  color: #888;\n}\n\n.credential-actions {\n  display: flex;\n  gap: 6px;\n}\n\n/* --- Step actions --- */\n.step-actions {\n  display: flex;\n  gap: 8px;\n  padding-top: 16px;\n  border-top: 1px solid #eee;\n}\n\n/* --- Test & Save section --- */\n.test-section { margin-bottom: 24px; }\n\n.test-summary {\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 16px;\n  margin-bottom: 16px;\n}\n\n.summary-row {\n  display: flex;\n  gap: 8px;\n  padding: 4px 0;\n  font-size: 14px;\n}\n\n.summary-row .label {\n  font-weight: 600;\n  min-width: 120px;\n  color: #666;\n}\n\n.summary-row .value {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.test-hint {\n  color: #888;\n  font-style: italic;\n}\n\n.test-result {\n  padding: 12px 16px;\n  border-radius: 8px;\n  font-weight: 500;\n}\n\n.test-result i { margin-right: 8px; }\n.test-result.success { background: #e6f9ed; color: #1b7a3d; }\n.test-result.failed { background: #fde8e8; color: #c62828; }\n\n/* --- Save success screen --- */\n.save-success {\n  text-align: center;\n  padding: 40px 20px;\n}\n\n.save-success .success-icon {\n  font-size: 56px;\n  color: #1b7a3d;\n  margin-bottom: 16px;\n}\n\n.save-success h3 {\n  margin: 0 0 8px 0;\n  font-size: 22px;\n  color: #1b7a3d;\n}\n"] }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectionStudioComponent, { className: "ConnectionStudioComponent", filePath: "src/Integration/components/connection-studio/connection-studio.component.ts", lineNumber: 45 }); })();
-export function LoadConnectionStudio() {
-    // Tree-shaking prevention
-}
-//# sourceMappingURL=connection-studio.component.js.map