n8n-editor-ui 1.118.1 → 1.119.0

package/dist/assets/{index-C4u3WVDF.js → index-Dqdzxupj.js}

@@ -1,112 +1,113 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/useImportCurlCommand-BW8wZKLy.js","assets/icon-C8yfF1LY.js","assets/vue.runtime.esm-bundler-DDuXT-9r.js","assets/chunk-6z4oVpB-.js","assets/truncate-Dc79aML5.js","assets/_MapCache-BGBKpT5S.js","assets/constants-B1JYxPAR.js","assets/empty-BuGRxzl4.js","assets/merge-Db6rb1_m.js","assets/useTelemetry-BxbCYDca.js","assets/dateformat-D7TIhVd4.js","assets/useDebounce-BRhQZVIC.js","assets/useToast-CKD06lpn.js","assets/useExternalHooks-ChElZw8W.js","assets/path-browserify-DsmB_HMK.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/useImportCurlCommand-obipPNWg.js","assets/icon-DhADuA9N.js","assets/vue.runtime.esm-bundler-DDuXT-9r.js","assets/chunk-6z4oVpB-.js","assets/truncate-DGRsht-H.js","assets/_MapCache-Byd-DTfo.js","assets/constants-DvlTm3U4.js","assets/empty-BuGRxzl4.js","assets/merge-CKEa8BM2.js","assets/useTelemetry-EOV0Llso.js","assets/dateformat-D7TIhVd4.js","assets/useDebounce-BgcdaJ78.js","assets/useToast-BlMNYwds.js","assets/useExternalHooks-SxBXYVNW.js","assets/path-browserify-DsmB_HMK.js"])))=>i.map(i=>d[i]);
 import { o as __toESM, t as __commonJSMin } from "./chunk-6z4oVpB-.js";
-import { $ as onUpdated, Bt as toRaw, C as computed, D as createElementBlock, E as createCommentVNode, En as init_dist, G as nextTick, Gt as unref, I as guardReactiveProps, It as ref, J as onBeforeUnmount, L as h, M as createVNode, N as defineAsyncComponent, P as defineComponent, Pt as reactive, Q as onUnmounted, Sn as toDisplayString, T as createBlock, Tn as global, U as mergeModels, Ut as toValue, W as mergeProps, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, bt as withCtx, c as useCssModule, ct as resolveDynamicComponent, et as openBlock, ft as useModel, h as withModifiers, i as createApp, it as renderList, j as createTextVNode, jt as isRef, k as createSlots, l as useCssVars, m as withKeys, mt as useTemplateRef, n as Transition, ot as resolveComponent, p as vShow, pt as useSlots, q as onBeforeMount, r as TransitionGroup, st as resolveDirective, v as KeepAlive, vn as normalizeProps, vt as watchEffect, w as createBaseVNode, xt as withDirectives, yn as normalizeStyle, zt as shallowRef } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { C as useCssVar, E as useElementSize, H as createEventHook, R as useStorage, U as createInjectionState, X as refDebounced, _t as I18nT, gt as useI18n, ht as setLanguage, m as require_isArray, mt as i18nInstance, pt as i18n$1, ut as addCredentialTranslation, x as useAsyncState } from "./_MapCache-BGBKpT5S.js";
-import { A as N8nMenuItem_default, At as ElOption, B as N8nFormInput_default, Bn as use, Ct as N8nIconButton_default, Dt as ElSwitch, E as N8nNotice_default, Fn as N8nText_default, Ft as ElDropdownMenu, G as N8nOption_default, I as InlineAskAssistantButton_default, In as N8nButton_default, J as N8nCheckbox_default, Ln as N8nSpinner_default, Mt as ElSelect, Nn as N8nHeading_default, Nt as ElDropdown, P as N8nInfoTip_default, Pn as N8nCallout_default, Pt as ElDropdownItem, R as N8nFormInputs_default, Rn as N8nIcon_default, Rt as ElTag, St as createFormEventBus, Tt as N8nActionBox_default, W as N8nSelect_default, X as N8nCard_default, Y as N8nInputLabel_default, a as N8nInlineTextEdit_default, at as AskAssistantText_default, bt as N8nInput_default, ct as AskAssistantChat_default$1, fn as pick_default, ft as N8nLink_default, g as N8nTabs_default, ht as N8nTooltip_default, it as N8nBadge_default, j as N8nMarkdown_default, jt as ElOptionGroup, mn as isEqual_default, mt as isWorkflowUpdatedMessage, n as N8nCommandBar_default, ot as AskAssistantAvatar_default, rt as useDeviceSupport, s as N8nDataTableServer_default, st as AskAssistantIcon_default, t as N8nPlugin, u as N8nUsersList_default, w as N8nPopover_default, wt as AskAssistantButton_default, x as N8nRadioButtons_default, y as N8nResizeWrapper_default, zt as ElCheckbox } from "./src-Cl0xZtCE.js";
+import { $ as onUpdated, Bt as toRaw, C as computed, D as createElementBlock, E as createCommentVNode, En as init_dist, G as nextTick, Gt as unref, I as guardReactiveProps, It as ref, J as onBeforeUnmount, L as h, M as createVNode, N as defineAsyncComponent, P as defineComponent, Pt as reactive, Q as onUnmounted, Sn as toDisplayString, T as createBlock, Tn as global, U as mergeModels, Ut as toValue, W as mergeProps, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, bt as withCtx, c as useCssModule, ct as resolveDynamicComponent, et as openBlock, ft as useModel, h as withModifiers, i as createApp, it as renderList, j as createTextVNode, jt as isRef, k as createSlots, l as useCssVars, m as withKeys, mt as useTemplateRef, n as Transition, ot as resolveComponent, p as vShow, q as onBeforeMount, r as TransitionGroup, st as resolveDirective, v as KeepAlive, vn as normalizeProps, vt as watchEffect, w as createBaseVNode, xt as withDirectives, yn as normalizeStyle, zt as shallowRef } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
+import { C as useCssVar, E as useElementSize, H as createEventHook, R as useStorage, U as createInjectionState, X as refDebounced, _t as I18nT, gt as useI18n, ht as setLanguage, m as require_isArray, mt as i18nInstance, pt as i18n$1, ut as addCredentialTranslation, x as useAsyncState } from "./_MapCache-Byd-DTfo.js";
+import { A as N8nMenuItem_default, B as N8nFormInput_default, Bt as ElTag, Ct as N8nInput_default, Dt as N8nActionBox_default, E as N8nNotice_default, Et as AskAssistantButton_default, Fn as N8nCallout_default, Ft as ElDropdown, G as N8nOption_default, I as InlineAskAssistantButton_default, In as N8nText_default, It as ElDropdownItem, J as N8nCheckbox_default, Ln as N8nButton_default, Lt as ElDropdownMenu, Mt as ElOption, Nt as ElOptionGroup, P as N8nInfoTip_default, Pn as N8nHeading_default, Pt as ElSelect, R as N8nFormInputs_default, Rn as N8nSpinner_default, Tt as N8nIconButton_default, Vn as use, Vt as ElCheckbox, W as N8nSelect_default, X as N8nCard_default, Y as N8nInputLabel_default, _t as isWorkflowUpdatedMessage, a as N8nInlineTextEdit_default, at as AskAssistantText_default, ct as AskAssistantChat_default$1, g as N8nTabs_default, ht as isTaskAbortedMessage, it as N8nBadge_default, j as N8nMarkdown_default, kt as ElSwitch, mt as N8nLink_default, n as N8nCommandBar_default, ot as AskAssistantAvatar_default, rt as useDeviceSupport, s as N8nDataTableServer_default, st as AskAssistantIcon_default, t as N8nPlugin, u as N8nUsersList_default, vt as N8nTooltip_default, w as N8nPopover_default, wt as createFormEventBus, x as N8nRadioButtons_default, y as N8nResizeWrapper_default, zn as N8nIcon_default } from "./src-D6S9Khji.js";
 import "./en-BYTsM8fR.js";
 import { t as __vitePreload } from "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { b as useRouter, c as require__arrayMap, r as require_get, t as truncate, x as createEventBus, y as useRoute } from "./truncate-Dc79aML5.js";
-import { n as ElTableColumn, t as ElTable } from "./table-B9oFv7WW.js";
-import "./icon-C8yfF1LY.js";
-import { t as ElDatePicker } from "./date-picker-YLC0sjSf.js";
-import "./overlay-DeoWJ8oB.js";
-import { O as JsEditor_default, a as ParameterOptions_default, b as require_unset, i as ParameterInputFull_default, k as HtmlEditor_default, o as ParameterInputWrapper_default, t as ParameterInputList_default, x as require_set } from "./ParameterInputList-CtoyrDjR.js";
+import { b as useRouter, c as require__arrayMap, r as require_get, t as truncate, x as createEventBus, y as useRoute } from "./truncate-DGRsht-H.js";
+import { n as ElTableColumn, t as ElTable } from "./table-s-zqHExs.js";
+import "./icon-DhADuA9N.js";
+import { t as ElDatePicker } from "./date-picker-CVSd-BRt.js";
+import "./overlay-B8MMvNgs.js";
+import { O as JsEditor_default, a as ParameterOptions_default, b as require_unset, i as ParameterInputFull_default, k as HtmlEditor_default, o as ParameterInputWrapper_default, t as ParameterInputList_default, x as require_set } from "./ParameterInputList-BzN5Xx73.js";
 import { C as require_range, S as require_syntax, T as require___vite_browser_external, _ as require_has_symbols, a as require_callBound, b as require_gopd, c as require_has_property_descriptors, d as require_hasown, o as require_call_bind, u as require_get_intrinsic, w as require_es_object_atoms, x as require_type, y as require_es_define_property } from "./empty-BuGRxzl4.js";
-import { n as ElMessageBox, t as useMessage } from "./useMessage-CVZHrsoz.js";
-import { t as ElRadio } from "./radio-j4rSUoao.js";
-import { n as ElRow, t as ElCol } from "./col-b1w4xo57.js";
-import "./dialog-B1U4ND70.js";
-import { t as ModalDrawer_default } from "./ModalDrawer-K2QDXW8H.js";
-import { $a as OTHER_MARKETING_AUTOMATION_GOAL_KEY, $r as getNodeAuthOptions, Aa as EDUCATION_TYPE, Ai as nodeViewEventBus, An as useProjectsStore, Ao as CREDENTIAL_SELECT_MODAL_KEY, Ar as BulkCommand, Ba as MARKETING_AUTOMATION_CUSTOMER_COMMUNICATION, Bi as subscribe, Br as ResourceType, Ca as DEVOPS_AUTOMATION_OTHER, Co as ROLE_SALES_AND_MARKETING, Da as DEVOPS_TICKETING_SYSTEMS_INTEGRATIONS_GOAL, Do as SYSTEMS_INTEGRATOR_COMPANY_TYPE, Dr as useHistoryStore, Ea as DEVOPS_REPORTING_GOAL, Eo as SECURITY_INDUSTRY, Fa as IT_INDUSTRY, G as isChatNode, Ga as MARKETING_AUTOMATION_REPORTING, Gi as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, Ha as MARKETING_AUTOMATION_GOAL_KEY, Hi as COMMUNITY_NODES_INSTALLATION_DOCS_URL, Hr as splitName, Ht as useCredentialsStore, Ia as LEGAL_INDUSTRY, Ja as MSP_INDUSTRY, Ji as PROJECT_MOVE_RESOURCE_MODAL, Jn as useLoadingService, Jr as getAppNameFromCredType, Js as useRootStore, Ka as MARKETING_INDUSTRY, Ki as COMMUNITY_PACKAGE_MANAGE_ACTIONS, Kr as getActivatableTriggerNodes, La as MANUFACTURING_INDUSTRY, Li as useUIStore, Lt as require__baseEach, M as _sfc_main$d, Ma as GOVERNMENT_INDUSTRY, Mn as ProjectTypes, Mo as COMMUNITY_PLUS_DOCS_URL, Na as HEALTHCARE_INDUSTRY, No as COMMUNITY_PLUS_ENROLLMENT_MODAL, Oa as DIGITAL_AGENCY_COMPANY_TYPE, Oo as TELECOMS_INDUSTRY, Pa as INVITE_USER_MODAL_KEY, Po as DEBUG_PAYWALL_MODAL_KEY, Pt as capitalCase, Qa as OTHER_INDUSTRY_OPTION, Qr as getNodeAuthFields, Ra as MARKETING_AUTOMATION_ACTIONS, Ri as getAll, Ro as useStorage$1, Sa as DEVOPS_AUTOMATION_GOAL_OTHER_KEY, Sn as injectWorkflowState, So as ROLE_OTHER_KEY, Ta as DEVOPS_MONITORING_AND_ALERTING_GOAL, To as SAAS_COMPANY_TYPE, Ua as MARKETING_AUTOMATION_LEAD_GENERATION_GOAL, Ui as COMMUNITY_NODES_RISKS_DOCS_URL, V as useVueFlow, Va as MARKETING_AUTOMATION_DATA_SYNCHING, Vi as API_KEY_CREATE_OR_EDIT_MODAL_KEY, Vr as getTruncatedProjectName, Wa as MARKETING_AUTOMATION_OTHER, Wi as COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY, Xa as OTHER_COMPANY_INDUSTRY_EXTENDED_KEY, Xi as SOURCE_CONTROL_PUSH_MODAL_KEY, Xo as getThirdPartyLicenses, Xr as getAuthTypeForNodeCredential, Ya as OTHER_AUTOMATION_GOAL, Yi as SOURCE_CONTROL_PULL_MODAL_KEY, Yn as hasPermission, Ys as getAndParseConfigFromMetaTag, Za as OTHER_COMPANY_TYPE, Zi as DELETE_FOLDER_MODAL_KEY, _a as DELETE_USER_MODAL_KEY, _c as storeToRefs, _n as useTagsStore, _o as ROLE_DEVOPS, a as useNDVStore, aa as AUTOMATION_BENEFICIARY_MY_TEAM, ac as ResponseError, ai as isAuthRelatedParameter, ao as REPORTED_SOURCE_FRIEND, ba as DEVOPS_AUTOMATION_DATA_SYNCING_GOAL, bc as validate_default, bn as useEnvironmentsStore, bo as ROLE_KEY, ca as COMPANY_INDUSTRY_EXTENDED_KEY, co as REPORTED_SOURCE_LINKEDIN, da as COMPANY_SIZE_20_99, dc as axios_default, di as updateNodeAuthType, do as REPORTED_SOURCE_PODCAST, ei as getNodeCredentialForSelectedAuthType, eo as PERSONALIZATION_MODAL_KEY, fa as COMPANY_SIZE_20_OR_LESS, fc as assert, fo as REPORTED_SOURCE_TWITTER, ga as COMPANY_TYPE_KEY, gn as useAnnotationTagsStore, go as ROLE_DATA_SCIENCE, ha as COMPANY_SIZE_PERSONAL_USE, hc as createPinia, hn as useWorkflowsEEStore, ho as ROLE_CUSTOMER_SUPPORT, i as usePostHog, ia as AUTOMATION_BENEFICIARY_KEY, io as REPORTED_SOURCE_EVENT, ir as useUsersStore, ja as FINANCE_INSURANCE_INDUSTRY, jn as useSourceControlStore, jo as VARIABLE_MODAL_KEY, jr as Command, ka as ECOMMERCE_COMPANY_TYPE, kn as useDocumentTitle, ko as CREDENTIAL_EDIT_MODAL_KEY, la as COMPANY_SIZE_1000_OR_MORE, li as isValueExpression, lo as REPORTED_SOURCE_OTHER, ma as COMPANY_SIZE_KEY, mc as PiniaVuePlugin, mn as useWorkflowHelpers, mo as ROLE_BUSINESS_OWNER, n as TelemetryPlugin, ni as getTriggerNodeServiceName, no as PHYSICAL_RETAIL_OR_SERVICES, nr as useRBACStore, o as useWorkflowsStore, oa as AUTOMATION_BENEFICIARY_OTHER_TEAMS, oo as REPORTED_SOURCE_GOOGLE, pa as COMPANY_SIZE_500_999, po as REPORTED_SOURCE_YOUTUBE, qa as MEDIA_INDUSTRY, qi as NPM_KEYWORD_SEARCH_URL, r as telemetry, ra as MOVE_FOLDER_MODAL_KEY, ro as REAL_ESTATE_OR_CONSTRUCTION, rt as useNodeTypesStore, sa as AUTOMATION_BENEFICIARY_SELF, sn as isTestableExpression, so as REPORTED_SOURCE_KEY, sr as isCredentialModalState, t as useTelemetry, to as PERSONAL_COMPANY_TYPE, ua as COMPANY_SIZE_100_499, uc as AxiosError, uo as REPORTED_SOURCE_OTHER_KEY, va as DEVOPS_AUTOMATION_CI_CD_GOAL, vo as ROLE_ENGINEERING, wa as DEVOPS_INCIDENT_RESPONSE_GOAL, wn as workflowStateEventBus, wo as ROLE_SECURITY, x as getNodeViewTab, xa as DEVOPS_AUTOMATION_GOAL_KEY, xc as ElLoading, xn as useNodeHelpers, xo as ROLE_OTHER, ya as DEVOPS_AUTOMATION_CLOUD_INFRASTRUCTURE_ORCHESTRATION_GOAL, yc as v4_default, yo as ROLE_IT, yr as isValidCredentialResponse, za as MARKETING_AUTOMATION_AD_CAMPAIGN, zo as useSettingsStore, zr as MAX_NAME_LENGTH } from "./useTelemetry-BxbCYDca.js";
-import { i as getBannerRowHeight, n as useStyles, t as useToast } from "./useToast-CKD06lpn.js";
+import { n as ElMessageBox, t as useMessage } from "./useMessage-Ceo97RRX.js";
+import { t as ElRadio } from "./radio-5XOrKEP7.js";
+import { n as ElRow, t as ElCol } from "./col-DK_GtMhM.js";
+import "./dialog-BMoy5MDa.js";
+import { t as ModalDrawer_default } from "./ModalDrawer-B2sNzJVm.js";
+import { $a as REAL_ESTATE_OR_CONSTRUCTION, $i as MOVE_FOLDER_MODAL_KEY, Aa as INVITE_USER_MODAL_KEY, Ao as DEBUG_PAYWALL_MODAL_KEY, Ba as MARKETING_AUTOMATION_OTHER, Bi as COMMUNITY_PACKAGE_CONFIRM_MODAL_KEY, Ca as DEVOPS_TICKETING_SYSTEMS_INTEGRATIONS_GOAL, Cc as ElLoading, Co as SYSTEMS_INTEGRATOR_COMPANY_TYPE, Cr as useHistoryStore, Da as FINANCE_INSURANCE_INDUSTRY, Dn as useSourceControlStore, Do as VARIABLE_MODAL_KEY, Dr as Command, Ea as EDUCATION_TYPE, Ei as nodeViewEventBus, En as useProjectsStore, Eo as CREDENTIAL_SELECT_MODAL_KEY, Er as BulkCommand, Fa as MARKETING_AUTOMATION_AD_CAMPAIGN, Fr as MAX_NAME_LENGTH, G as isChatNode, Ga as OTHER_AUTOMATION_GOAL, Gi as SOURCE_CONTROL_PULL_MODAL_KEY, Gn as hasPermission, Ha as MARKETING_INDUSTRY, Hi as COMMUNITY_PACKAGE_MANAGE_ACTIONS, Hr as getActivatableTriggerNodes, Ht as useCredentialsStore, Ia as MARKETING_AUTOMATION_CUSTOMER_COMMUNICATION, Ii as subscribe, Ir as ResourceType, Ja as OTHER_INDUSTRY_OPTION, Jr as getNodeAuthFields, Ka as OTHER_COMPANY_INDUSTRY_EXTENDED_KEY, Ki as SOURCE_CONTROL_PUSH_MODAL_KEY, Kr as getAuthTypeForNodeCredential, La as MARKETING_AUTOMATION_DATA_SYNCHING, Li as API_KEY_CREATE_OR_EDIT_MODAL_KEY, Lo as useStorage$1, Lr as getTruncatedProjectName, Lt as require__baseEach, M as _sfc_main$d, Ma as LEGAL_INDUSTRY, Mo as MAX_TAG_NAME_LENGTH, Na as MANUFACTURING_INDUSTRY, Ni as useUIStore, No as TAGS_MANAGER_MODAL_KEY, Oa as GOVERNMENT_INDUSTRY, On as ProjectTypes, Oo as COMMUNITY_PLUS_DOCS_URL, Pa as MARKETING_AUTOMATION_ACTIONS, Pi as getAll, Pt as capitalCase, Qa as PHYSICAL_RETAIL_OR_SERVICES, Qn as useRBACStore, Qr as getTriggerNodeServiceName, Ra as MARKETING_AUTOMATION_GOAL_KEY, Ri as COMMUNITY_NODES_INSTALLATION_DOCS_URL, Ro as useSettingsStore, Rr as splitName, Sa as DEVOPS_REPORTING_GOAL, Sc as validate_default, Sn as injectWorkflowState, So as SECURITY_INDUSTRY, Ta as ECOMMERCE_COMPANY_TYPE, Tn as useDocumentTitle, To as CREDENTIAL_EDIT_MODAL_KEY, Ua as MEDIA_INDUSTRY, Ui as NPM_KEYWORD_SEARCH_URL, Us as sendUserEvent, V as useVueFlow, Va as MARKETING_AUTOMATION_REPORTING, Vi as COMMUNITY_PACKAGE_INSTALL_MODAL_KEY, Wa as MSP_INDUSTRY, Wi as PROJECT_MOVE_RESOURCE_MODAL, Wn as useLoadingService, Wr as getAppNameFromCredType, Xa as PERSONALIZATION_MODAL_KEY, Xo as getThirdPartyLicenses, Xr as getNodeCredentialForSelectedAuthType, Xs as getAndParseConfigFromMetaTag, Ya as OTHER_MARKETING_AUTOMATION_GOAL_KEY, Yr as getNodeAuthOptions, Ys as useRootStore, Za as PERSONAL_COMPANY_TYPE, _a as DEVOPS_AUTOMATION_GOAL_KEY, _c as createPinia, _n as useTagsStore, _o as ROLE_OTHER, a as useNDVStore, aa as COMPANY_SIZE_1000_OR_MORE, ai as isValueExpression, ao as REPORTED_SOURCE_OTHER, ba as DEVOPS_INCIDENT_RESPONSE_GOAL, bn as useEnvironmentsStore, bo as ROLE_SECURITY, ca as COMPANY_SIZE_20_OR_LESS, co as REPORTED_SOURCE_TWITTER, da as COMPANY_SIZE_PERSONAL_USE, do as ROLE_CUSTOMER_SUPPORT, ea as AUTOMATION_BENEFICIARY_KEY, eo as REPORTED_SOURCE_EVENT, er as useUsersStore, fa as COMPANY_TYPE_KEY, fc as AxiosError, fo as ROLE_DATA_SCIENCE, ga as DEVOPS_AUTOMATION_DATA_SYNCING_GOAL, gc as PiniaVuePlugin, gn as useAnnotationTagsStore, go as ROLE_KEY, ha as DEVOPS_AUTOMATION_CLOUD_INFRASTRUCTURE_ORCHESTRATION_GOAL, hn as useWorkflowsEEStore, ho as ROLE_IT, hr as isValidCredentialResponse, i as usePostHog, ia as COMPANY_INDUSTRY_EXTENDED_KEY, io as REPORTED_SOURCE_LINKEDIN, ja as IT_INDUSTRY, jo as ANNOTATION_TAGS_MANAGER_MODAL_KEY, ka as HEALTHCARE_INDUSTRY, ko as COMMUNITY_PLUS_ENROLLMENT_MODAL, la as COMPANY_SIZE_500_999, lo as REPORTED_SOURCE_YOUTUBE, ma as DEVOPS_AUTOMATION_CI_CD_GOAL, mc as assert, mn as useWorkflowHelpers, mo as ROLE_ENGINEERING, n as TelemetryPlugin, na as AUTOMATION_BENEFICIARY_OTHER_TEAMS, no as REPORTED_SOURCE_GOOGLE, o as useWorkflowsStore, oa as COMPANY_SIZE_100_499, oc as ResponseError, oo as REPORTED_SOURCE_OTHER_KEY, pa as DELETE_USER_MODAL_KEY, pc as axios_default, po as ROLE_DEVOPS, qa as OTHER_COMPANY_TYPE, qi as DELETE_FOLDER_MODAL_KEY, r as telemetry, ra as AUTOMATION_BENEFICIARY_SELF, ro as REPORTED_SOURCE_KEY, rr as isCredentialModalState, rt as useNodeTypesStore, sa as COMPANY_SIZE_20_99, si as updateNodeAuthType, sn as isTestableExpression, so as REPORTED_SOURCE_PODCAST, t as useTelemetry, ta as AUTOMATION_BENEFICIARY_MY_TEAM, ti as isAuthRelatedParameter, to as REPORTED_SOURCE_FRIEND, ua as COMPANY_SIZE_KEY, uo as ROLE_BUSINESS_OWNER, va as DEVOPS_AUTOMATION_GOAL_OTHER_KEY, vo as ROLE_OTHER_KEY, wa as DIGITAL_AGENCY_COMPANY_TYPE, wn as workflowStateEventBus, wo as TELECOMS_INDUSTRY, x as getNodeViewTab, xa as DEVOPS_MONITORING_AND_ALERTING_GOAL, xc as v4_default, xn as useNodeHelpers, xo as SAAS_COMPANY_TYPE, ya as DEVOPS_AUTOMATION_OTHER, yc as storeToRefs, yo as ROLE_SALES_AND_MARKETING, za as MARKETING_AUTOMATION_LEAD_GENERATION_GOAL, zi as COMMUNITY_NODES_RISKS_DOCS_URL } from "./useTelemetry-EOV0Llso.js";
+import { i as getBannerRowHeight, n as useStyles, t as useToast } from "./useToast-BlMNYwds.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { $r as defaultMessageEventBusDestinationSyslogOptions, Ao as NPS_SURVEY_MODAL_KEY, Ar as require__baseIteratee, Bo as WORKFLOW_EXTRACTION_NAME_MODAL_KEY, Co as LOG_STREAM_MODAL_KEY, D as APP_MODALS_ELEMENT_ID, Do as MODAL_CONFIRM, Ei as mergeNodeProperties, Fi as deepCopy, Fo as VERSIONS_MODAL_KEY, Fs as EnterpriseEditionFeature, H as HIRING_BANNER, Ho as WORKFLOW_SETTINGS_MODAL_KEY, Ii as isCommunityPackageName, Io as WHATS_NEW_MODAL_KEY, Ir as traverseNodeParameters, Js as MFA_AUTHENTICATION_CODE_WINDOW_EXPIRED, Ki as DateTime, Lo as WORKFLOW_ACTIVATION_CONFLICTING_WEBHOOK_MODAL_KEY, M as VALID_WORKFLOW_IMPORT_URL_REGEX, Mo as PROMPT_MFA_CODE_MODAL_KEY, No as SETUP_CREDENTIALS_MODAL_KEY, O as CODEMIRROR_TOOLTIP_CONTAINER_ELEMENT_ID, On as WEBHOOK_NODE_TYPE$1, Oo as NEW_ASSISTANT_SESSION_MODAL, Po as TAGS_MANAGER_MODAL_KEY, Q as CHAT_TRIGGER_NODE_TYPE$1, Qr as defaultMessageEventBusDestinationSentryOptions, Ro as WORKFLOW_ACTIVE_MODAL_KEY, S as RELEASE_NOTES_URL, So as IMPORT_WORKFLOW_URL_MODAL_KEY, Uo as WORKFLOW_SHARE_MODAL_KEY, Vo as WORKFLOW_HISTORY_VERSION_RESTORE, Wo as LOCAL_STORAGE_ACTIVATION_FLAG, Xr as MessageEventBusDestinationTypeNames, Yr as isExpression, Zr as defaultMessageEventBusDestinationOptions, _a as WEBHOOK_NODE_TYPE, _o as EXPERIMENT_TEMPLATE_RECO_V2_KEY, a as MAX_WORKFLOW_NAME_LENGTH, ac as require_callBound$1, ar as ROLE, ba as require_keys, bo as FROM_AI_PARAMETERS_MODAL_KEY, cc as require_is_regex, co as VIEWS, dc as require_is_callable, do as CHANGE_PASSWORD_MODAL_KEY, ei as defaultMessageEventBusDestinationWebhookOptions, fc as require_define_properties, fi as getNodeParameters, fo as CHAT_EMBED_MODAL_KEY, fr as SOURCE_CONTROL_FILE_LOCATION, go as DUPLICATE_MODAL_KEY, h as DOCS_DOMAIN, ho as CONTACT_PROMPT_MODAL_KEY, hr as getResourcePermissions, j as VALID_EMAIL_REGEX, jo as PRE_BUILT_AGENTS_MODAL_KEY, ks as NDV_UI_OVERHAUL_EXPERIMENT, l as BUILTIN_CREDENTIALS_DOCS_URL, lc as require_shams, lo as ABOUT_MODAL_KEY, mo as CONFIRM_PASSWORD_MODAL_KEY, mr as SOURCE_CONTROL_FILE_TYPE, ms as MAX_TAG_NAME_LENGTH, na as CHAT_TRIGGER_NODE_TYPE, oc as require_call_bind$1, pr as SOURCE_CONTROL_FILE_STATUS, q as AI_MCP_TOOL_NODE_TYPE, qi as NodeConnectionTypes, qs as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, s as PLACEHOLDER_EMPTY_WORKFLOW_ID, sa as FORM_TRIGGER_NODE_TYPE, sc as require_safe_regex_test$1, so as MAIN_HEADER_TABS, ti as messageEventBusDestinationTypeNames, uc as require_call_bound, uo as ANNOTATION_TAGS_MANAGER_MODAL_KEY, vo as EXPERIMENT_TEMPLATE_RECO_V3_KEY, w as TEMPLATES_URLS, wo as MFA_SETUP_MODAL_KEY, xn as STICKY_NODE_TYPE, xo as IMPORT_CURL_MODAL_KEY, yo as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, zo as WORKFLOW_DIFF_MODAL_KEY } from "./constants-B1JYxPAR.js";
-import { p as require__copyArray, v as require__baseAssignValue } from "./merge-Db6rb1_m.js";
-import { i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, t as useAssistantStore } from "./assistant.store-D6Fihh2i.js";
+import { $i as DateTime, $s as MFA_AUTHENTICATION_CODE_WINDOW_EXPIRED, Ao as MFA_SETUP_MODAL_KEY, Bo as VERSIONS_MODAL_KEY, Bs as EnterpriseEditionFeature, Co as EXPERIMENT_TEMPLATE_RECO_V2_KEY, D as APP_MODALS_ELEMENT_ID, Da as require_keys, Do as IMPORT_CURL_MODAL_KEY, Eo as FROM_AI_PARAMETERS_MODAL_KEY, Er as compareWorkflowsNodes, Go as WORKFLOW_EXTRACTION_NAME_MODAL_KEY, H as HIRING_BANNER, Hi as deepCopy, Ho as WORKFLOW_ACTIVATION_CONFLICTING_WEBHOOK_MODAL_KEY, Io as NPS_SURVEY_MODAL_KEY, Jo as WORKFLOW_SHARE_MODAL_KEY, Ko as WORKFLOW_HISTORY_VERSION_RESTORE, Lo as PRE_BUILT_AGENTS_MODAL_KEY, M as VALID_WORKFLOW_IMPORT_URL_REGEX, Ni as mergeNodeProperties, No as MODAL_CONFIRM, Ns as NDV_UI_OVERHAUL_EXPERIMENT, O as CODEMIRROR_TOOLTIP_CONTAINER_ELEMENT_ID, On as WEBHOOK_NODE_TYPE$1, Oo as IMPORT_WORKFLOW_URL_MODAL_KEY, Po as NEW_ASSISTANT_SESSION_MODAL, Q as CHAT_TRIGGER_NODE_TYPE$1, Qs as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, Ro as PROMPT_MFA_CODE_MODAL_KEY, Rr as require__baseIteratee, S as RELEASE_NOTES_URL, So as EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY, To as EXTERNAL_SECRETS_PROVIDER_MODAL_KEY, Tr as NodeDiffStatus, Ui as isCommunityPackageName, Uo as WORKFLOW_ACTIVE_MODAL_KEY, Ur as traverseNodeParameters, Vo as WHATS_NEW_MODAL_KEY, Wo as WORKFLOW_DIFF_MODAL_KEY, Yo as LOCAL_STORAGE_ACTIVATION_FLAG, _c as require_define_properties, _o as CHAT_EMBED_MODAL_KEY, _r as getResourcePermissions, a as MAX_WORKFLOW_NAME_LENGTH, ai as defaultMessageEventBusDestinationSentryOptions, ar as ROLE, bo as CONTACT_PROMPT_MODAL_KEY, ci as messageEventBusDestinationTypeNames, dc as require_call_bind$1, ea as NodeConnectionTypes, fc as require_safe_regex_test$1, gc as require_is_callable, go as CHANGE_PASSWORD_MODAL_KEY, gr as SOURCE_CONTROL_FILE_TYPE, h as DOCS_DOMAIN, hc as require_call_bound, ho as ABOUT_MODAL_KEY, hr as SOURCE_CONTROL_FILE_STATUS, ii as defaultMessageEventBusDestinationOptions, j as VALID_EMAIL_REGEX, ko as LOG_STREAM_MODAL_KEY, l as BUILTIN_CREDENTIALS_DOCS_URL, la as CHAT_TRIGGER_NODE_TYPE, ma as FORM_TRIGGER_NODE_TYPE, mc as require_shams, mo as VIEWS, mr as SOURCE_CONTROL_FILE_LOCATION, ni as isExpression, oi as defaultMessageEventBusDestinationSyslogOptions, pc as require_is_regex, po as MAIN_HEADER_TABS, q as AI_MCP_TOOL_NODE_TYPE, qo as WORKFLOW_SETTINGS_MODAL_KEY, ri as MessageEventBusDestinationTypeNames, s as PLACEHOLDER_EMPTY_WORKFLOW_ID, si as defaultMessageEventBusDestinationWebhookOptions, uc as require_callBound$1, w as TEMPLATES_URLS, wa as WEBHOOK_NODE_TYPE, wo as EXPERIMENT_TEMPLATE_RECO_V3_KEY, xn as STICKY_NODE_TYPE, xo as DUPLICATE_MODAL_KEY, yi as getNodeParameters, yo as CONFIRM_PASSWORD_MODAL_KEY, zo as SETUP_CREDENTIALS_MODAL_KEY } from "./constants-DvlTm3U4.js";
+import { p as require__copyArray, v as require__baseAssignValue } from "./merge-CKEa8BM2.js";
+import { i as useBuilderStore, o as BUILDER_ENABLED_VIEWS, t as useAssistantStore } from "./assistant.store-DvuxtpS4.js";
 import { t as require_dateformat } from "./dateformat-D7TIhVd4.js";
-import { t as useDebounce } from "./useDebounce-BRhQZVIC.js";
-import { t as useExternalHooks } from "./useExternalHooks-ChElZw8W.js";
-import { t as useChatPanelStore } from "./chatPanel.store-Dt9ypdvG.js";
-import { i as SlideTransition_default, t as ItemsRenderer_default } from "./ItemsRenderer-CTbNG2s3.js";
-import { t as useNpsSurveyStore } from "./npsSurvey.store-DTTUiGq9.js";
-import { t as useCloudPlanStore } from "./cloudPlan.store-x1IpiElw.js";
-import "./templates.store-pF0jvUy0.js";
-import "./focusPanel.store-Pqc2v-Ms.js";
-import { t as useWorkflowSaving } from "./useWorkflowSaving-DOwP3C1n.js";
+import { t as useDebounce } from "./useDebounce-BgcdaJ78.js";
+import { t as useExternalHooks } from "./useExternalHooks-SxBXYVNW.js";
+import { t as useChatPanelStore } from "./chatPanel.store-fM-8PK9i.js";
+import { i as SlideTransition_default, t as ItemsRenderer_default } from "./ItemsRenderer-CDnrNwFM.js";
+import { t as useNpsSurveyStore } from "./npsSurvey.store-BTpA4Bdf.js";
+import { t as useCloudPlanStore } from "./cloudPlan.store-DrraBpZJ.js";
+import { a as useTemplatesDataQualityStore } from "./templates.store-COjIpQaS.js";
+import "./focusPanel.store-BJpwjMIG.js";
+import { t as useWorkflowSaving } from "./useWorkflowSaving-CWyt929n.js";
 import "./retry-sDkwzrPY.js";
-import { t as useExecutionsStore } from "./executions.store-DmR1JjSC.js";
-import { n as useAgentRequestStore, t as useRunWorkflow } from "./useRunWorkflow-D5rKvgfC.js";
-import "./usePinnedData-_-i0LUdd.js";
-import { _ as useCalloutHelpers, u as shouldIgnoreCanvasShortcut } from "./nodeCreator.store-DDUlc1Wi.js";
-import "./nodeIcon-CyGsA5TL.js";
-import { t as useClipboard } from "./useClipboard-BPg-srt1.js";
-import { a as useLogsStore } from "./useCanvasOperations-BxV5Dc21.js";
-import { t as useFoldersStore } from "./folders.store-x8KuYpUo.js";
-import { t as NodeIcon_default } from "./NodeIcon-Bbl9Jpsi.js";
-import "./KeyboardShortcutTooltip-CXKgjDIT.js";
-import { a as CanvasNode_default, i as useCanvasMapping, l as useWorkflowExtraction, n as CanvasEdge_default, r as CanvasBackground_default, t as Canvas_default, u as CanvasRunWorkflowButton_default } from "./Canvas-Td0SIV0U.js";
-import { t as useVersionsStore } from "./versions.store-DyddKRXT.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
-import { t as useDataTableStore } from "./dataTable.store-Bgg7dsRy.js";
-import { t as Modal_default } from "./Modal-B8k7lYVM.js";
-import { i as useDebugInfo } from "./useBugReporting-C4eU8DLn.js";
-import { t as CopyInput_default } from "./CopyInput-DQBVF_BG.js";
-import { t as useApiKeysStore } from "./apiKeys.store-CHTKph22.js";
-import { n as mfaEventBus, r as promptMfaCodeBus, t as confirmPasswordEventBus } from "./auth.eventBus-CUpasXbj.js";
-import "./isEmpty-CRyMT0C3.js";
-import "./NDVEmptyState-CFiiknri.js";
-import { $ as generateTraceId, A as spanTimeInputToSeconds, At as isThenable, B as SEMANTIC_ATTRIBUTE_SENTRY_OP, Bt as getGlobalSingleton, C as convertSpanLinksForEnvelope, Ct as isEvent, D as getStatusMessage, Dt as isPrimitive, E as getSpanDescendants, Et as isPlainObject, F as SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME, Ft as stackParserFromStackParserOptions, G as getCurrentScope, Gt as DEBUG_BUILD$3, H as SEMANTIC_ATTRIBUTE_SENTRY_SAMPLE_RATE, Ht as getSentryCarrier, I as SEMANTIC_ATTRIBUTE_PROFILE_ID, It as CONSOLE_LEVELS, J as withScope, K as getIsolationScope, L as SEMANTIC_ATTRIBUTE_SENTRY_CUSTOM_SPAN_NAME, Lt as consoleSandbox, M as spanToTransactionTraceContext, Mt as createStackParser, N as getCapturedScopesOnSpan, Nt as getFramesFromEvent, O as showSpanDropWarning, Ot as isRequest, P as setCapturedScopesOnSpan, Pt as getFunctionName, Q as generateSpanId, R as SEMANTIC_ATTRIBUTE_SENTRY_MEASUREMENT_UNIT, Rt as debug, S as addChildSpanToSpan, St as isErrorEvent, T as getRootSpan, Tt as isParameterizedString, U as SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, Ut as SDK_VERSION, V as SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, Vt as getMainCarrier, W as getClient, Wt as GLOBAL_OBJ, X as _getSpanForScope, Y as getAsyncContextStrategy, Z as _setSpanForScope, _ as makeDsn, _t as getLocationHref, a as setTag, at as addExceptionTypeValue, b as TRACE_FLAG_NONE, bt as isDOMException, c as SyncPromise, ct as uuid4, d as normalize, dt as fill, et as merge, f as normalizeToSize, ft as getOriginalFunction, g as dsnToString, gt as getComponentName, h as getDynamicSamplingContextFromSpan, ht as stringMatchesSomePattern, i as captureSession, it as addExceptionMechanism, j as spanToJSON, jt as UNKNOWN_FUNCTION, k as spanIsSampled, kt as isString, l as rejectedSyncPromise, lt as addNonEnumerableProperty, m as getDynamicSamplingContextFromScope, mt as safeJoin, n as captureException, nt as dateTimestampInSeconds, o as startSession, ot as checkOrSetAlreadyCaught, p as freezeDscOnSpan, pt as markFunctionWrapped, q as getTraceContextFromScope, r as captureMessage, rt as timestampInSeconds, s as prepareEvent, st as getEventDescription, t as captureEvent, tt as updateSession, u as resolvedSyncPromise, ut as extractExceptionKeysForMessage, v as DEFAULT_ENVIRONMENT, vt as htmlTreeAsString, w as getActiveSpan, wt as isInstanceOf, x as TRACE_FLAG_SAMPLED, xt as isError, y as hasSpansEnabled, yt as isDOMError, z as SEMANTIC_ATTRIBUTE_SENTRY_MEASUREMENT_VALUE, zt as originalConsoleMethods } from "./exports-RJH1xso1.js";
-import { t as useExternalSecretsStore } from "./externalSecrets.ee.store-px6HohWF.js";
-import "./uniqBy-C2OAfwKy.js";
-import { n as useCommunityNodesStore, t as require_semver } from "./semver-C8_oAvi8.js";
-import { a as useInstallNode } from "./CommunityNodeUpdateInfo-Bk-rYnfU.js";
-import "./ProjectIcon-Doey-RQc.js";
-import { t as ProjectCardBadge_default } from "./ProjectCardBadge-SSY0HK9w.js";
-import { t as useUsageStore } from "./usage.store-DXgdlM1s.js";
-import { t as CredentialIcon_default } from "./CredentialIcon-BmzfYSyO.js";
-import "./Draggable-BSa80qci.js";
-import { c as script$1, s as script } from "./VirtualSchema-CC3sIZuJ.js";
-import "./TextWithHighlights-B8mQwCVK.js";
-import { t as useTelemetryContext } from "./useTelemetryContext-55FklHQh.js";
-import "./schemaPreview.store-BdP1Rtj4.js";
-import "./nodeTransforms-CJd0FLm1.js";
-import "./FileSaver.min-CR_3Le5x.js";
-import "./vue-B27A1Apg.js";
-import "./vue-json-pretty-DiH9ZFoW.js";
-import "./RunDataHtml-DOQ0pkg3.js";
-import "./dateFormatter-jkly8a5N.js";
-import "./useExecutionHelpers-5AFgT_t7.js";
-import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-B_ZSY4rl.js";
-import { r as FreeAiCreditsCallout_default } from "./NodeSettings-BKd6Pbpi.js";
-import { t as TimeAgo_default } from "./TimeAgo-FvYQex-v.js";
-import { t as require_orderBy } from "./orderBy-CanHuORU.js";
-import { t as ProjectSharing_default } from "./ProjectSharing-CRwSdefc.js";
-import { t as useRolesStore } from "./roles.store-D2mgfxDv.js";
-import { t as SaveButton_default } from "./SaveButton-C2Gkwcd6.js";
-import { t as sortByProperty } from "./sortByProperty-CUhVU03p.js";
-import "./TagsDropdown-B9w42ULo.js";
-import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-C4m2b8q6.js";
-import { n as ExternalSecretsProviderImage_ee_default, r as useExternalSecretsProvider, t as ExternalSecretsProviderConnectionSwitch_ee_default } from "./ExternalSecretsProviderConnectionSwitch.ee-ps4K4bOK.js";
-import "./sso.store-BSJgAn6v.js";
-import { n as registerModuleRoutes, t as router_default } from "./router-Ebv1qMhT.js";
-import "./insights.store-LOsCbJQU.js";
-import "./insights.constants-DK2g3nnD.js";
-import "./insights.utils-7zZgNSKk.js";
-import { t as useMcp } from "./useMcp-ClSG_eXg.js";
-import "./constants-DlQs6Cav.js";
-import "./useRecentResources-D_WnXWIZ.js";
-import "./useActions-CYE2yaOW.js";
-import { t as useLogStreamingStore } from "./logStreaming.store-DUt3HvR4.js";
-import "./templateTransforms-ClSZtrME.js";
-import { n as AppsRequiringCredsNotice_default, r as useCredentialSetupState, t as SetupTemplateFormStep_default } from "./SetupTemplateFormStep-vegHZ86T.js";
-import { t as sourceControlEventBus } from "./sourceControl.eventBus-B10rpVhp.js";
-import "./useKeybindings-fJZrJyDB.js";
-import { n as usePersonalizedTemplatesV2Store, t as usePersonalizedTemplatesV3Store } from "./personalizedTemplatesV3.store-CJ9Bfy5u.js";
-import { t as useCommandBar } from "./useCommandBar-CLraT-A2.js";
-import "./useWorkflowActivate-B2RbrKj9.js";
-import { a as LineController, c as PointElement, d as plugin_title, f as plugin_tooltip, i as Chart, n as BarElement, o as LineElement, r as CategoryScale, s as LinearScale, u as plugin_legend } from "./chart-inxSB4fp.js";
+import { t as useExecutionsStore } from "./executions.store-IU9p1s46.js";
+import { n as useAgentRequestStore, t as useRunWorkflow } from "./useRunWorkflow-hT6C_xWD.js";
+import "./usePinnedData-Csij2qN3.js";
+import { _ as useCalloutHelpers, u as shouldIgnoreCanvasShortcut } from "./nodeCreator.store-Cxxl141g.js";
+import "./nodeIcon-ry_JIpAT.js";
+import { t as useClipboard } from "./useClipboard-fRnZpGbX.js";
+import { a as useLogsStore } from "./useCanvasOperations-DTN9RbNQ.js";
+import { t as useFoldersStore } from "./folders.store-Db975T-w.js";
+import { t as NodeIcon_default } from "./NodeIcon-C-rkj6sB.js";
+import "./KeyboardShortcutTooltip-y1pBqAge.js";
+import { a as CanvasNode_default, i as CanvasBackground_default, l as useWorkflowExtraction, n as Canvas_default, r as CanvasEdge_default, t as useCanvasMapping, u as CanvasRunWorkflowButton_default } from "./useCanvasMapping-D6tov6XL.js";
+import { t as useVersionsStore } from "./versions.store-Dx98n6R_.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-C_ctyI4O.js";
+import { n as BaseBanner_default, t as useBannersStore } from "./banners.store-BQPwuqhn.js";
+import { t as useDataTableStore } from "./dataTable.store-u9fGWest.js";
+import { t as Modal_default } from "./Modal-DwutFKNY.js";
+import { i as useDebugInfo } from "./useBugReporting-oDEHgPM1.js";
+import { t as CopyInput_default } from "./CopyInput-DX-FL085.js";
+import { t as useApiKeysStore } from "./apiKeys.store-CPsBJKkq.js";
+import { n as mfaEventBus, r as promptMfaCodeBus, t as confirmPasswordEventBus } from "./auth.eventBus-YsWbuB84.js";
+import "./isEmpty-BLwDER56.js";
+import "./NDVEmptyState-DdpBamQ9.js";
+import { $ as generateTraceId, A as spanTimeInputToSeconds, At as isThenable, B as SEMANTIC_ATTRIBUTE_SENTRY_OP, Bt as getGlobalSingleton, C as convertSpanLinksForEnvelope, Ct as isEvent, D as getStatusMessage, Dt as isPrimitive, E as getSpanDescendants, Et as isPlainObject, F as SEMANTIC_ATTRIBUTE_EXCLUSIVE_TIME, Ft as stackParserFromStackParserOptions, G as getCurrentScope, Gt as DEBUG_BUILD$3, H as SEMANTIC_ATTRIBUTE_SENTRY_SAMPLE_RATE, Ht as getSentryCarrier, I as SEMANTIC_ATTRIBUTE_PROFILE_ID, It as CONSOLE_LEVELS, J as withScope, K as getIsolationScope, L as SEMANTIC_ATTRIBUTE_SENTRY_CUSTOM_SPAN_NAME, Lt as consoleSandbox, M as spanToTransactionTraceContext, Mt as createStackParser, N as getCapturedScopesOnSpan, Nt as getFramesFromEvent, O as showSpanDropWarning, Ot as isRequest, P as setCapturedScopesOnSpan, Pt as getFunctionName, Q as generateSpanId, R as SEMANTIC_ATTRIBUTE_SENTRY_MEASUREMENT_UNIT, Rt as debug, S as addChildSpanToSpan, St as isErrorEvent, T as getRootSpan, Tt as isParameterizedString, U as SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, Ut as SDK_VERSION, V as SEMANTIC_ATTRIBUTE_SENTRY_ORIGIN, Vt as getMainCarrier, W as getClient, Wt as GLOBAL_OBJ, X as _getSpanForScope, Y as getAsyncContextStrategy, Z as _setSpanForScope, _ as makeDsn, _t as getLocationHref, a as setTag, at as addExceptionTypeValue, b as TRACE_FLAG_NONE, bt as isDOMException, c as SyncPromise, ct as uuid4, d as normalize, dt as fill, et as merge, f as normalizeToSize, ft as getOriginalFunction, g as dsnToString, gt as getComponentName, h as getDynamicSamplingContextFromSpan, ht as stringMatchesSomePattern, i as captureSession, it as addExceptionMechanism, j as spanToJSON, jt as UNKNOWN_FUNCTION, k as spanIsSampled, kt as isString, l as rejectedSyncPromise, lt as addNonEnumerableProperty, m as getDynamicSamplingContextFromScope, mt as safeJoin, n as captureException, nt as dateTimestampInSeconds, o as startSession, ot as checkOrSetAlreadyCaught, p as freezeDscOnSpan, pt as markFunctionWrapped, q as getTraceContextFromScope, r as captureMessage, rt as timestampInSeconds, s as prepareEvent, st as getEventDescription, t as captureEvent, tt as updateSession, u as resolvedSyncPromise, ut as extractExceptionKeysForMessage, v as DEFAULT_ENVIRONMENT, vt as htmlTreeAsString, w as getActiveSpan, wt as isInstanceOf, x as TRACE_FLAG_SAMPLED, xt as isError, y as hasSpansEnabled, yt as isDOMError, z as SEMANTIC_ATTRIBUTE_SENTRY_MEASUREMENT_VALUE, zt as originalConsoleMethods } from "./exports-D2D_Xd3F.js";
+import { t as useExternalSecretsStore } from "./externalSecrets.ee.store-1z63wMHN.js";
+import "./uniqBy-BUNHbbw3.js";
+import { n as useCommunityNodesStore, t as require_semver } from "./semver-lN9oCZPq.js";
+import { a as useInstallNode } from "./CommunityNodeUpdateInfo-rHUGLO4H.js";
+import "./ProjectIcon-DqKjDNbR.js";
+import { t as ProjectCardBadge_default } from "./ProjectCardBadge-p4AY0ubu.js";
+import { t as useUsageStore } from "./usage.store-EBmhHKPv.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-DS3l06t2.js";
+import "./Draggable-DFf4aD-Y.js";
+import { c as script$1, s as script } from "./VirtualSchema-BwIrkOUg.js";
+import "./TextWithHighlights-CxxIad3D.js";
+import { t as useTelemetryContext } from "./useTelemetryContext-CSMUQPEW.js";
+import "./schemaPreview.store-BVhugjbw.js";
+import "./nodeTransforms-PeZUYiCs.js";
+import "./FileSaver.min-DaytN8ae.js";
+import "./vue-LyXhKoPx.js";
+import "./vue-json-pretty-BltKoWq2.js";
+import "./RunDataHtml-DdtrEw19.js";
+import "./dateFormatter-BD73Za8B.js";
+import "./useExecutionHelpers-DrFWi6u7.js";
+import { t as EnterpriseEdition_ee_default } from "./EnterpriseEdition.ee-BoNEV-MB.js";
+import { r as FreeAiCreditsCallout_default } from "./NodeSettings-Dr-l_1nO.js";
+import { t as TimeAgo_default } from "./TimeAgo-Gv5h1Utx.js";
+import { t as require_orderBy } from "./orderBy-CMVxNao4.js";
+import { t as ProjectSharing_default } from "./ProjectSharing-BVPUxo_M.js";
+import { t as useRolesStore } from "./roles.store-Bk6Eo7y8.js";
+import { t as SaveButton_default } from "./SaveButton-D1iDaopV.js";
+import { t as sortByProperty } from "./sortByProperty-0UtqPmvJ.js";
+import "./TagsDropdown-D6CYk5R8.js";
+import { t as WorkflowTagsDropdown_default } from "./WorkflowTagsDropdown-CdEFZM1A.js";
+import { n as ExternalSecretsProviderImage_ee_default, r as useExternalSecretsProvider, t as ExternalSecretsProviderConnectionSwitch_ee_default } from "./ExternalSecretsProviderConnectionSwitch.ee-DCTg0mdX.js";
+import "./sso.store-qzj82Xj4.js";
+import { n as registerModuleRoutes, t as router_default } from "./router-CSYdJor8.js";
+import "./insights.store-DC_enAA-.js";
+import "./insights.constants-NogjFJ3a.js";
+import "./insights.utils-ClJRVRAK.js";
+import { t as useMcp } from "./useMcp-_gyuyL1x.js";
+import "./constants-CPQyU8WO.js";
+import "./useRecentResources-BRKdroHL.js";
+import "./useActions-BATfRxpg.js";
+import { t as useLogStreamingStore } from "./logStreaming.store-CPvxjcQB.js";
+import "./templateTransforms-Cgy40V1P.js";
+import { n as AppsRequiringCredsNotice_default, r as useCredentialSetupState, t as SetupTemplateFormStep_default } from "./SetupTemplateFormStep-BsgzR5CN.js";
+import { t as sourceControlEventBus } from "./sourceControl.eventBus-BkPwCZw_.js";
+import "./useKeybindings-Ds1QlWW4.js";
+import { n as usePersonalizedTemplatesV2Store, t as usePersonalizedTemplatesV3Store } from "./personalizedTemplatesV3.store-C0D2WZuq.js";
+import { t as useCommandBar } from "./useCommandBar-BqWmMYs4.js";
+import "./useWorkflowActivate-OfPMIBJ5.js";
+import { a as LineController, c as PointElement, d as plugin_title, f as plugin_tooltip, i as Chart, n as BarElement, o as LineElement, r as CategoryScale, s as LinearScale, u as plugin_legend } from "./chart-BI8B7UPV.js";
 (function polyfill$1() {
 	const relList = document.createElement("link").relList;
 	if (relList && relList.supports && relList.supports("modulepreload")) return;
@@ -1841,7 +1842,7 @@ var ExecuteMessage_vue_vue_type_style_index_1_lang_module_default = {
 	issuesList: "_issuesList_nh612_147",
 	runButton: "_runButton_nh612_153"
 };
-var ExecuteMessage_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ExecuteMessage_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ExecuteMessage_vue_vue_type_style_index_1_lang_module_default }], ["__scopeId", "data-v-3b59dbb6"]]);
+var ExecuteMessage_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ExecuteMessage_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ExecuteMessage_vue_vue_type_style_index_1_lang_module_default }], ["__scopeId", "data-v-a659b118"]]);
 const WORKFLOW_SUGGESTIONS = [
 	{
 		id: "invoice-pipeline",
@@ -1971,8 +1972,10 @@ var AskAssistantBuild_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const currentRoute = computed(() => route.name);
 		const showExecuteMessage = computed(() => {
 			const builderUpdatedWorkflowMessageIndex = builderStore.chatMessages.findLastIndex((msg) => msg.type === "workflow-updated" || msg.type === "tool" && msg.toolName === "update_node_parameters");
-			const hasErrorAfterUpdate = builderStore.chatMessages.slice(builderUpdatedWorkflowMessageIndex + 1).some((msg) => msg.type === "error");
-			return !builderStore.streaming && workflowsStore.workflow.nodes.length > 0 && builderUpdatedWorkflowMessageIndex > -1 && !hasErrorAfterUpdate;
+			const messagesAfterUpdate = builderStore.chatMessages.slice(builderUpdatedWorkflowMessageIndex + 1);
+			const hasErrorAfterUpdate = messagesAfterUpdate.some((msg) => msg.type === "error");
+			const hasTaskAbortedAfterUpdate = messagesAfterUpdate.some((msg) => isTaskAbortedMessage(msg));
+			return !builderStore.streaming && workflowsStore.workflow.nodes.length > 0 && builderUpdatedWorkflowMessageIndex > -1 && !hasErrorAfterUpdate && !hasTaskAbortedAfterUpdate;
 		});
 		const creditsQuota = computed(() => builderStore.creditsQuota);
 		const creditsRemaining = computed(() => builderStore.creditsRemaining);
@@ -2087,7 +2090,7 @@ var AskAssistantBuild_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			if (!isStreaming) trackWorkflowModifications();
 			if (builderStore.initialGeneration && !isStreaming && workflowsStore.workflow.nodes.length > 0) {
 				const lastMessage = builderStore.chatMessages[builderStore.chatMessages.length - 1];
-				const successful = lastMessage && lastMessage.type !== "error" && !(lastMessage.type === "text" && lastMessage.content === i18n$2.baseText("aiAssistant.builder.streamAbortedMessage"));
+				const successful = lastMessage && lastMessage.type !== "error" && !isTaskAbortedMessage(lastMessage);
 				builderStore.initialGeneration = false;
 				if (successful) await workflowSaver.saveCurrentWorkflow();
 			}
@@ -2231,7 +2234,7 @@ var AskAssistantChat_default = /* @__PURE__ */ __plugin_vue_export_helper_defaul
 			])], 32);
 		};
 	}
-}), [["__scopeId", "data-v-c5bdf047"]]);
+}), [["__scopeId", "data-v-ace8d134"]]);
 var HubSwitcher_default = /* @__PURE__ */ defineComponent({
 	__name: "HubSwitcher",
 	props: { isBuildMode: { type: Boolean } },
@@ -2374,9 +2377,9 @@ var AssistantsHub_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	}
 });
 var AssistantsHub_vue_vue_type_style_index_0_lang_module_default = {
-	resizeWrapper: "_resizeWrapper_nn7zp_123",
-	wrapper: "_wrapper_nn7zp_127",
-	assistantContent: "_assistantContent_nn7zp_133"
+	resizeWrapper: "_resizeWrapper_1ffdf_123",
+	wrapper: "_wrapper_1ffdf_127",
+	assistantContent: "_assistantContent_1ffdf_133"
 };
 var AssistantsHub_default = /* @__PURE__ */ __plugin_vue_export_helper_default(AssistantsHub_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": AssistantsHub_vue_vue_type_style_index_0_lang_module_default }]]);
 var AskAssistantFloatingButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -2429,74 +2432,12 @@ var AskAssistantFloatingButton_vue_vue_type_script_setup_true_lang_default = /*
 	}
 });
 var AskAssistantFloatingButton_vue_vue_type_style_index_0_lang_module_default = {
-	container: "_container_xc7r2_123",
-	tooltip: "_tooltip_xc7r2_130",
-	assistant: "_assistant_xc7r2_136",
-	text: "_text_xc7r2_146"
+	container: "_container_1tr4s_123",
+	tooltip: "_tooltip_1tr4s_130",
+	assistant: "_assistant_1tr4s_136",
+	text: "_text_1tr4s_146"
 };
 var AskAssistantFloatingButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(AskAssistantFloatingButton_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": AskAssistantFloatingButton_vue_vue_type_style_index_0_lang_module_default }]]);
-var BaseBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "BaseBanner",
-	props: {
-		name: {},
-		theme: { default: "info" },
-		customIcon: { default: void 0 },
-		dismissible: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["close"],
-	setup(__props, { emit: __emit }) {
-		const i18n$2 = useI18n();
-		const uiStore = useUIStore();
-		const slots = useSlots();
-		const props = __props;
-		const emit = __emit;
-		const hasTrailingContent = computed(() => {
-			return !!slots.trailingContent;
-		});
-		async function onCloseClick() {
-			await uiStore.dismissBanner(props.name);
-			emit("close");
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(N8nCallout_default), {
-				class: normalizeClass(_ctx.$style.callout),
-				theme: props.theme,
-				icon: props.customIcon,
-				"icon-size": "medium",
-				"round-corners": false,
-				"data-test-id": `banners-${props.name}`,
-				"only-bottom-border": true
-			}, {
-				trailingContent: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.trailingContent) }, [renderSlot(_ctx.$slots, "trailingContent"), _ctx.dismissible ? (openBlock(), createBlock(unref(N8nIcon_default), {
-					key: 0,
-					size: "small",
-					icon: "x",
-					title: unref(i18n$2).baseText("generic.dismiss"),
-					class: "clickable",
-					"data-test-id": `banner-${props.name}-close`,
-					onClick: onCloseClick
-				}, null, 8, ["title", "data-test-id"])) : createCommentVNode("", true)], 2)]),
-				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.mainContent, !hasTrailingContent.value ? _ctx.$style.keepSpace : ""]) }, [renderSlot(_ctx.$slots, "mainContent")], 2)]),
-				_: 3
-			}, 8, [
-				"class",
-				"theme",
-				"icon",
-				"data-test-id"
-			]);
-		};
-	}
-});
-var BaseBanner_vue_vue_type_style_index_0_lang_module_default = {
-	callout: "_callout_otapo_123",
-	mainContent: "_mainContent_otapo_127",
-	keepSpace: "_keepSpace_otapo_132",
-	trailingContent: "_trailingContent_otapo_136"
-};
-var BaseBanner_default = /* @__PURE__ */ __plugin_vue_export_helper_default(BaseBanner_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": BaseBanner_vue_vue_type_style_index_0_lang_module_default }]]);
 var NonProductionLicenseBanner_default = /* @__PURE__ */ defineComponent({
 	__name: "NonProductionLicenseBanner",
 	setup(__props) {
@@ -2545,6 +2486,8 @@ var TrialBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	setup(__props) {
 		const cloudPlanStore = useCloudPlanStore();
 		const pageRedirectionHelper = usePageRedirectionHelper();
+		const shouldShowTrialBanner = computed(() => cloudPlanStore.shouldShowDynamicTrialBanner);
+		const trialBannerText = computed(() => cloudPlanStore.dynamicTrialBannerText);
 		const trialDaysLeft = computed(() => -1 * cloudPlanStore.trialDaysLeft);
 		const messageText = computed(() => {
 			return i18n$1.baseText("banners.trial.message", {
@@ -2582,6 +2525,7 @@ var TrialBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			return usedExecutions > executionsQuota ? executionsQuota : usedExecutions;
 		});
 		function onUpdatePlanClick() {
+			if (shouldShowTrialBanner.value) cloudPlanStore.dismissDynamicTrialBanner();
 			pageRedirectionHelper.goToUpgrade("canvas-nav", "upgrade-canvas-nav", "redirect");
 		}
 		return (_ctx, _cache) => {
@@ -2614,7 +2558,16 @@ var TrialBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 						}, 8, ["color"])
 					], 2)], 2)
 				], 2)]),
-				trailingContent: withCtx(() => [createVNode(unref(N8nButton_default), {
+				trailingContent: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.trailingContentWrapper) }, [shouldShowTrialBanner.value ? (openBlock(), createBlock(unref(N8nBadge_default), {
+					key: 0,
+					class: normalizeClass(_ctx.$style.dynamicBanner),
+					size: "small",
+					"show-border": false,
+					bold: true
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(trialBannerText.value), 1)]),
+					_: 1
+				}, 8, ["class"])) : createCommentVNode("", true), createVNode(unref(N8nButton_default), {
 					type: "success",
 					icon: "gem",
 					size: "small",
@@ -2622,31 +2575,33 @@ var TrialBanner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n$1).baseText("generic.upgradeNow")), 1)]),
 					_: 1
-				})]),
+				})], 2)]),
 				_: 1
 			});
 		};
 	}
 });
 var TrialBanner_vue_vue_type_style_index_0_lang_module_default = {
-	content: "_content_a9eav_123",
-	pipe: "_pipe_a9eav_129",
-	progressBarDiv: "_progressBarDiv_a9eav_135",
-	progressBar: "_progressBar_a9eav_135",
-	progressBarSuccess: "_progressBarSuccess_a9eav_164",
-	progressBarDanger: "_progressBarDanger_a9eav_174",
-	usageText: "_usageText_a9eav_183",
-	usageCounter: "_usageCounter_a9eav_190",
-	danger: "_danger_a9eav_198",
-	executionsCountSection: "_executionsCountSection_a9eav_202"
+	content: "_content_14odr_123",
+	pipe: "_pipe_14odr_129",
+	progressBarDiv: "_progressBarDiv_14odr_135",
+	progressBar: "_progressBar_14odr_135",
+	progressBarSuccess: "_progressBarSuccess_14odr_164",
+	progressBarDanger: "_progressBarDanger_14odr_174",
+	usageText: "_usageText_14odr_183",
+	usageCounter: "_usageCounter_14odr_190",
+	danger: "_danger_14odr_198",
+	executionsCountSection: "_executionsCountSection_14odr_202",
+	trailingContentWrapper: "_trailingContentWrapper_14odr_206",
+	dynamicBanner: "_dynamicBanner_14odr_212"
 };
 var TrialBanner_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TrialBanner_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TrialBanner_vue_vue_type_style_index_0_lang_module_default }]]);
 var V1Banner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "V1Banner",
 	setup(__props) {
-		const uiStore = useUIStore();
+		const bannersStore = useBannersStore();
 		async function dismissPermanently() {
-			await uiStore.dismissBanner("V1", "permanent");
+			await bannersStore.dismissBanner("V1", "permanent");
 		}
 		const hasOwnerPermission = computed(() => hasPermission(["instanceOwner"]));
 		return (_ctx, _cache) => {
@@ -2794,27 +2749,43 @@ const N8N_BANNERS = {
 var BannerStack_default = /* @__PURE__ */ defineComponent({
 	__name: "BannerStack",
 	setup(__props) {
-		const uiStore = useUIStore();
+		const bannersStore = useBannersStore();
 		async function updateCurrentBannerHeight() {
 			const bannerHeight = await getBannerRowHeight();
-			uiStore.updateBannersHeight(bannerHeight);
+			bannersStore.updateBannersHeight(bannerHeight);
 		}
+		const getBannerForName = (bannerName) => {
+			return N8N_BANNERS[bannerName] || bannersStore.dynamicBannersMap[bannerName];
+		};
 		const currentlyShownBanner = computed(() => {
 			updateCurrentBannerHeight();
-			if (uiStore.bannerStack.length === 0) return null;
-			let banner$1 = N8N_BANNERS[uiStore.bannerStack[0]];
-			uiStore.bannerStack.forEach((bannerName, index) => {
+			if (bannersStore.bannerStack.length === 0) return null;
+			let currentBanner = getBannerForName(bannersStore.bannerStack[0]);
+			let currentBannerName = bannersStore.bannerStack[0];
+			bannersStore.bannerStack.forEach((bannerName, index) => {
 				if (index === 0) return;
-				const bannerToCompare = N8N_BANNERS[bannerName];
-				if (bannerToCompare.priority > banner$1.priority) banner$1 = bannerToCompare;
+				const bannerToCompare = getBannerForName(bannerName);
+				if (bannerToCompare.priority > currentBanner.priority) {
+					currentBanner = bannerToCompare;
+					currentBannerName = bannerName;
+				}
 			});
-			return banner$1.component;
+			return {
+				component: currentBanner.component,
+				props: {
+					name: currentBannerName,
+					content: currentBanner.content,
+					theme: currentBanner.theme,
+					isDismissible: currentBanner.isDismissible,
+					dismissPermanently: currentBanner.dismissPermanently
+				}
+			};
 		});
 		onMounted(async () => {
 			await updateCurrentBannerHeight();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$37, [(openBlock(), createBlock(resolveDynamicComponent(currentlyShownBanner.value)))]);
+			return openBlock(), createElementBlock("div", _hoisted_1$37, [currentlyShownBanner.value ? (openBlock(), createBlock(resolveDynamicComponent(currentlyShownBanner.value.component), normalizeProps(mergeProps({ key: 0 }, currentlyShownBanner.value.props)), null, 16)) : createCommentVNode("", true)]);
 		};
 	}
 });
@@ -3184,13 +3155,13 @@ var ApiKeyScopes_default = /* @__PURE__ */ __plugin_vue_export_helper_default({
 							"class",
 							"indeterminate"
 						])]),
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(groupedScopes.value, (actions$1, resource) => {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(groupedScopes.value, (actions$2, resource) => {
 							return openBlock(), createBlock(unref(ElOptionGroup), {
 								key: resource,
 								disabled: !__props.enabled,
 								label: unref(capitalCase)(resource).toUpperCase()
 							}, {
-								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(actions$1, (action) => {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(actions$2, (action) => {
 									return openBlock(), createBlock(unref(ElOption), {
 										key: `${resource}:${action}`,
 										label: `${resource}:${action}`,
@@ -3254,7 +3225,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 		const expirationDaysFromNow = ref(EXPIRATION_OPTIONS["30_DAYS"]);
 		const modalBus = createEventBus();
 		const newApiKey = ref(null);
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const rawApiKey = ref("");
 		const customExpirationDate = ref("");
 		const showExpirationDateSelector = ref(false);
@@ -3304,7 +3275,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 		};
 		async function onEdit() {
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				await updateApiKey(props.activeId, {
 					label: label$1.value,
 					scopes: selectedScopes.value
@@ -3317,7 +3288,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("settings.api.edit.error"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		}
 		function closeModal() {
@@ -3334,7 +3305,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 				scopes: selectedScopes.value
 			};
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				newApiKey.value = await createApiKey(payload);
 				rawApiKey.value = newApiKey.value.rawApiKey;
 				showMessage({
@@ -3344,7 +3315,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("settings.api.create.error"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		};
 		const modalTitle = computed(() => {
@@ -3482,7 +3453,7 @@ var ApiKeyCreateOrEditModal_vue_vue_type_script_setup_true_lang_default = /* @__
 				footer: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.footer) }, [
 					_ctx.mode === "new" && !newApiKey.value ? (openBlock(), createBlock(unref(N8nButton_default), {
 						key: 0,
-						loading: loading$2.value,
+						loading: loading$3.value,
 						disabled: !allFormFieldsAreSet.value,
 						label: unref(i18n$2).baseText("settings.api.view.modal.save.button"),
 						onClick: onSave
@@ -3603,7 +3574,7 @@ var ChangePasswordModal_default = /* @__PURE__ */ defineComponent({
 		const formBus = createFormEventBus();
 		const modalBus = createEventBus();
 		const password = ref("");
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const i18n$2 = useI18n();
 		const { showMessage, showError } = useToast();
 		const usersStore = useUsersStore();
@@ -3618,7 +3589,7 @@ var ChangePasswordModal_default = /* @__PURE__ */ defineComponent({
 		const onSubmit = async (data) => {
 			const values$2 = data;
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				await usersStore.updateCurrentUserPassword({
 					currentPassword: values$2.currentPassword,
 					newPassword: values$2.password,
@@ -3633,7 +3604,7 @@ var ChangePasswordModal_default = /* @__PURE__ */ defineComponent({
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("auth.changePassword.error"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		};
 		const onSubmitClick = () => {
@@ -3716,7 +3687,7 @@ var ChangePasswordModal_default = /* @__PURE__ */ defineComponent({
 					onSubmit
 				}, null, 8, ["inputs", "event-bus"])) : createCommentVNode("", true)]),
 				footer: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					label: unref(i18n$2).baseText("auth.changePassword"),
 					float: "right",
 					"data-test-id": "change-password-button",
@@ -3736,12 +3707,12 @@ var ConfirmPasswordModal_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 	setup(__props) {
 		const config$1 = ref(null);
 		const formBus = createFormEventBus();
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const i18n$2 = useI18n();
 		const onSubmit = (data) => {
 			const currentPassword = data.currentPassword;
 			if (!currentPassword) return;
-			loading$2.value = true;
+			loading$3.value = true;
 			confirmPasswordEventBus.emit("close", { currentPassword });
 		};
 		const onSubmitClick = () => {
@@ -3783,7 +3754,7 @@ var ConfirmPasswordModal_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 					onSubmit
 				}, null, 8, ["inputs", "event-bus"])) : createCommentVNode("", true)]),
 				footer: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					label: unref(i18n$2).baseText("generic.confirm"),
 					float: "right",
 					"data-test-id": "confirm-password-button",
@@ -4071,7 +4042,7 @@ function logSpanStart(span) {
 	const sampled = spanIsSampled(span);
 	const rootSpan = getRootSpan(span);
 	const isRootSpan = rootSpan === span;
-	const header$10 = `[Tracing] Starting ${sampled ? "sampled" : "unsampled"} ${isRootSpan ? "root " : ""}span`;
+	const header$11 = `[Tracing] Starting ${sampled ? "sampled" : "unsampled"} ${isRootSpan ? "root " : ""}span`;
 	const infoParts = [
 		`op: ${op}`,
 		`name: ${description$8}`,
@@ -4084,7 +4055,7 @@ function logSpanStart(span) {
 		if (op$1) infoParts.push(`root op: ${op$1}`);
 		if (description$9) infoParts.push(`root description: ${description$9}`);
 	}
-	debug.log(`${header$10}
+	debug.log(`${header$11}
   ${infoParts.join("\n  ")}`);
 }
 function logSpanEnd(span) {
@@ -5100,10 +5071,10 @@ function makePromiseBuffer(limit) {
 	};
 }
 var DEFAULT_RETRY_AFTER = 60 * 1e3;
-function parseRetryAfterHeader(header$10, now = Date.now()) {
-	const headerDelay = parseInt(`${header$10}`, 10);
+function parseRetryAfterHeader(header$11, now = Date.now()) {
+	const headerDelay = parseInt(`${header$11}`, 10);
 	if (!isNaN(headerDelay)) return headerDelay * 1e3;
-	const headerDate = Date.parse(`${header$10}`);
+	const headerDate = Date.parse(`${header$11}`);
 	if (!isNaN(headerDate)) return headerDate - now;
 	return DEFAULT_RETRY_AFTER;
 }
@@ -6289,9 +6260,9 @@ function instrumentXHR() {
 		} });
 		else xhrOpenThisArg.addEventListener("readystatechange", onreadystatechangeHandler);
 		xhrOpenThisArg.setRequestHeader = new Proxy(xhrOpenThisArg.setRequestHeader, { apply(originalSetRequestHeader, setRequestHeaderThisArg, setRequestHeaderArgArray) {
-			const [header$10, value] = setRequestHeaderArgArray;
+			const [header$11, value] = setRequestHeaderArgArray;
 			const xhrInfo = setRequestHeaderThisArg[SENTRY_XHR_DATA_KEY];
-			if (xhrInfo && isString(header$10) && isString(value)) xhrInfo.request_headers[header$10.toLowerCase()] = value;
+			if (xhrInfo && isString(header$11) && isString(value)) xhrInfo.request_headers[header$11.toLowerCase()] = value;
 			return originalSetRequestHeader.apply(setRequestHeaderThisArg, setRequestHeaderArgArray);
 		} });
 		return originalOpen.apply(xhrOpenThisArg, xhrOpenArgArray);
@@ -7336,7 +7307,7 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 	setup(__props) {
 		const telemetry$1 = useTelemetry();
 		const i18n$2 = useI18n();
-		const { installNode, loading: loading$2 } = useInstallNode();
+		const { installNode, loading: loading$3 } = useInstallNode();
 		const uiStore = useUIStore();
 		const modalBus = createEventBus();
 		const modalData = computed(() => uiStore.modalsById[COMMUNITY_PACKAGE_INSTALL_MODAL_KEY]?.data);
@@ -7369,7 +7340,7 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 			checkboxWarning.value = false;
 		};
 		const onModalClose = () => {
-			return !loading$2.value;
+			return !loading$3.value;
 		};
 		const onInputBlur = () => {
 			packageName.value = packageName.value.replaceAll("npm i ", "").replaceAll("npm install ", "");
@@ -7388,7 +7359,7 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 				"event-bus": unref(modalBus),
 				center: true,
 				"before-close": onModalClose,
-				"show-close": !unref(loading$2)
+				"show-close": !unref(loading$3)
 			}, {
 				content: withCtx(() => [!modalData.value?.hideSuggestion ? (openBlock(), createElementBlock("div", {
 					key: 0,
@@ -7426,7 +7397,7 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 							maxlength: 214,
 							placeholder: unref(i18n$2).baseText("settings.communityNodes.installModal.packageName.placeholder"),
 							required: true,
-							disabled: unref(loading$2) || modalData.value?.disableInput,
+							disabled: unref(loading$3) || modalData.value?.disableInput,
 							onBlur: onInputBlur
 						}, null, 8, [
 							"modelValue",
@@ -7452,7 +7423,7 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 							checkboxWarning.value ? _ctx.$style.error : "",
 							"mt-l"
 						]),
-						disabled: unref(loading$2),
+						disabled: unref(loading$3),
 						"data-test-id": "user-agreement-checkbox"
 					}, {
 						default: withCtx(() => [
@@ -7477,9 +7448,9 @@ var CommunityPackageInstallModal_vue_vue_type_script_setup_true_lang_default = /
 					])
 				], 2)]),
 				footer: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: unref(loading$2),
-					disabled: !userAgreed.value || packageName.value === "" || unref(loading$2),
-					label: unref(loading$2) ? unref(i18n$2).baseText("settings.communityNodes.installModal.installButton.label.loading") : unref(i18n$2).baseText("settings.communityNodes.installModal.installButton.label"),
+					loading: unref(loading$3),
+					disabled: !userAgreed.value || packageName.value === "" || unref(loading$3),
+					label: unref(loading$3) ? unref(i18n$2).baseText("settings.communityNodes.installModal.installButton.label.loading") : unref(i18n$2).baseText("settings.communityNodes.installModal.installButton.label"),
 					size: "large",
 					float: "right",
 					"data-test-id": "install-community-package-button",
@@ -7606,7 +7577,7 @@ var NodesInWorkflowTable_default = /* @__PURE__ */ __plugin_vue_export_helper_de
 			])) : createCommentVNode("", true)]);
 		};
 	}
-}), [["__scopeId", "data-v-36eb6310"]]);
+}), [["__scopeId", "data-v-c38bafc6"]]);
 var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "CommunityPackageManageConfirmModal",
 	props: {
@@ -7624,7 +7595,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 		const toast = useToast();
 		const i18n$2 = useI18n();
 		const telemetry$1 = useTelemetry();
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const workflowsWithPackageNodes = ref([]);
 		const isUsingVerifiedAndUnverifiedPackages = settingsStore.isCommunityNodesFeatureEnabled && settingsStore.isUnverifiedPackagesEnabled;
 		const isUsingVerifiedPackagesOnly = settingsStore.isCommunityNodesFeatureEnabled && !settingsStore.isUnverifiedPackagesEnabled;
@@ -7656,7 +7627,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 			};
 		});
 		const onModalClose = () => {
-			return !loading$2.value;
+			return !loading$3.value;
 		};
 		const onConfirmButtonClick = async () => {
 			if (props.mode === COMMUNITY_PACKAGE_MANAGE_ACTIONS.UNINSTALL) await onUninstall();
@@ -7671,7 +7642,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 					package_author: communityStorePackage.value.authorName,
 					package_author_email: communityStorePackage.value.authorEmail
 				});
-				loading$2.value = true;
+				loading$3.value = true;
 				await communityNodesStore.uninstallPackage(props.activePackageName);
 				await useNodeTypesStore().getNodeTypes();
 				toast.showMessage({
@@ -7681,7 +7652,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 			} catch (error$2) {
 				toast.showError(error$2, i18n$2.baseText("settings.communityNodes.messages.uninstall.error"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 				modalBus.emit("close");
 			}
 		};
@@ -7695,7 +7666,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 					package_author: communityStorePackage.value.authorName,
 					package_author_email: communityStorePackage.value.authorEmail
 				});
-				loading$2.value = true;
+				loading$3.value = true;
 				if (settingsStore.isUnverifiedPackagesEnabled) await communityNodesStore.updatePackage(props.activePackageName);
 				else if (settingsStore.isCommunityNodesFeatureEnabled) await communityNodesStore.updatePackage(props.activePackageName, updateVersion.value, nodeTypeStorePackage.value?.checksum);
 				else throw new Error("Community nodes feature is not correctly enabled.");
@@ -7711,7 +7682,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 			} catch (error$2) {
 				toast.showError(error$2, i18n$2.baseText("settings.communityNodes.messages.update.error.title"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 				modalBus.emit("close");
 			}
 		};
@@ -7745,7 +7716,7 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 				title: getModalContent.value.title,
 				"event-bus": unref(modalBus),
 				center: true,
-				"show-close": !loading$2.value,
+				"show-close": !loading$3.value,
 				"before-close": onModalClose
 			}, {
 				content: withCtx(() => [
@@ -7781,9 +7752,9 @@ var CommunityPackageManageConfirmModal_vue_vue_type_script_setup_true_lang_defau
 					"data-test-id": "close-button",
 					onClick
 				}, null, 8, ["label"]), createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
-					disabled: loading$2.value,
-					label: loading$2.value ? getModalContent.value.buttonLoadingLabel : getModalContent.value.buttonLabel,
+					loading: loading$3.value,
+					disabled: loading$3.value,
+					label: loading$3.value ? getModalContent.value.buttonLoadingLabel : getModalContent.value.buttonLabel,
 					size: "large",
 					float: "right",
 					onClick: onConfirmButtonClick
@@ -8471,10 +8442,10 @@ var GoogleAuthButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const type = useUIStore().appliedTheme === "dark" ? ".dark.png" : ".png";
 		const i18n$2 = useI18n();
 		const googleAuthButtons = {
-			"--google-auth-btn-normal": `url(${baseUrl}static/google-auth/normal${type}`,
-			"--google-auth-btn-focus": `url(${baseUrl}static/google-auth/focus${type}`,
-			"--google-auth-btn-pressed": `url(${baseUrl}static/google-auth/pressed${type}`,
-			"--google-auth-btn-disabled": `url(${baseUrl}static/google-auth/disabled${type}`
+			"--google-auth-btn--color--background--normal": `url(${baseUrl}static/google-auth/normal${type}`,
+			"--google-auth-btn--color--background--focus": `url(${baseUrl}static/google-auth/focus${type}`,
+			"--google-auth-btn--color--background--pressed": `url(${baseUrl}static/google-auth/pressed${type}`,
+			"--google-auth-btn--color--background--disabled": `url(${baseUrl}static/google-auth/disabled${type}`
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", {
@@ -8485,7 +8456,7 @@ var GoogleAuthButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 	}
 });
-var GoogleAuthButton_vue_vue_type_style_index_0_lang_module_default = { googleAuthBtn: "_googleAuthBtn_1tor9_123" };
+var GoogleAuthButton_vue_vue_type_style_index_0_lang_module_default = { googleAuthBtn: "_googleAuthBtn_1ja0c_123" };
 var GoogleAuthButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(GoogleAuthButton_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": GoogleAuthButton_vue_vue_type_style_index_0_lang_module_default }]]);
 var OauthButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "OauthButton",
@@ -9038,6 +9009,7 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const i18n$2 = useI18n();
 		const telemetry$1 = useTelemetry();
 		const router = useRouter();
+		const rootStore = useRootStore();
 		const activeTab = ref("connection");
 		const authError = ref("");
 		const credentialId = ref("");
@@ -9051,7 +9023,7 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const isTesting = ref(false);
 		const hasUnsavedChanges = ref(false);
 		const isSaved = ref(false);
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const showValidationWarning = ref(false);
 		const testedSuccessfully = ref(false);
 		const isRetesting = ref(false);
@@ -9207,7 +9179,7 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				if (credentialId.value) if (!requiredPropertiesFilled.value && credentialPermissions.value.update) showValidationWarning.value = true;
 				else await retestCredential();
 			}, 0);
-			loading$2.value = false;
+			loading$3.value = false;
 		});
 		async function beforeClose() {
 			let keepEditing = false;
@@ -9414,11 +9386,34 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				else if (isCredentialTestable.value) trackProperties.is_valid = !!testedSuccessfully.value;
 				if (ndvStore.activeNode) trackProperties.node_type = ndvStore.activeNode.type;
 				if (authError.value && authError.value !== "") trackProperties.authError = authError.value;
-				if (!isOAuthType.value) telemetry$1.track("User saved credentials", trackProperties);
+				if (!isOAuthType.value) {
+					telemetry$1.track("User saved credentials", trackProperties);
+					handleDynamicNotification(!!trackProperties.is_valid);
+				}
 				await externalHooks.run("credentialEdit.saveCredential", trackProperties);
 			}
 			return credential;
 		}
+		async function handleDynamicNotification(isValid) {
+			if (!isValid || !settingsStore.isCloudDeployment) return;
+			try {
+				const response = await sendUserEvent(rootStore.restApiContext, {
+					eventType: "credential-saved",
+					metadata: { credential_type: credentialTypeName.value }
+				});
+				if (response.title && response.message) setTimeout(async () => {
+					try {
+						await message$1.confirm(response.message, response.title, {
+							confirmButtonText: i18n$2.baseText("generic.keepBuilding"),
+							cancelButtonText: "",
+							showCancelButton: false,
+							closeOnClickModal: true,
+							closeOnPressEscape: true
+						});
+					} catch (error$2) {}
+				}, 15e3);
+			} catch (error$2) {}
+		}
 		const createToastMessagingForNewCredentials = (project) => {
 			let toastTitle = i18n$2.baseText("credentials.create.personal.toast.title");
 			let toastText = "";
@@ -9549,6 +9544,7 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				};
 				if (ndvStore.activeNode) trackProperties.node_type = ndvStore.activeNode.type;
 				telemetry$1.track("User saved credentials", trackProperties);
+				handleDynamicNotification(successfullyConnected);
 				if (successfullyConnected) {
 					oauthChannel.removeEventListener("message", receiveMessage);
 					credentialData.value = {
@@ -9593,7 +9589,7 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				name: _ctx.modalName,
 				"custom-class": _ctx.$style.credentialModal,
 				"event-bus": modalBus.value,
-				loading: loading$2.value,
+				loading: loading$3.value,
 				"before-close": beforeClose,
 				width: "70%",
 				height: "80%"
@@ -9742,15 +9738,15 @@ var CredentialEdit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	}
 });
 var CredentialEdit_vue_vue_type_style_index_0_lang_module_default = {
-	credentialModal: "_credentialModal_1j8ec_123",
-	mainContent: "_mainContent_1j8ec_137",
-	credName: "_credName_1j8ec_143",
-	sidebar: "_sidebar_1j8ec_150",
-	header: "_header_1j8ec_160",
-	container: "_container_1j8ec_164",
-	credInfo: "_credInfo_1j8ec_169",
-	credActions: "_credActions_1j8ec_177",
-	credIcon: "_credIcon_1j8ec_188"
+	credentialModal: "_credentialModal_qzlbd_123",
+	mainContent: "_mainContent_qzlbd_137",
+	credName: "_credName_qzlbd_143",
+	sidebar: "_sidebar_qzlbd_150",
+	header: "_header_qzlbd_160",
+	container: "_container_qzlbd_164",
+	credInfo: "_credInfo_qzlbd_169",
+	credActions: "_credActions_qzlbd_177",
+	credIcon: "_credIcon_qzlbd_188"
 };
 var CredentialEdit_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CredentialEdit_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CredentialEdit_vue_vue_type_style_index_0_lang_module_default }]]);
 var CredentialsSelectModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -9761,7 +9757,7 @@ var CredentialsSelectModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 		const i18n$2 = useI18n();
 		const modalBus = ref(createEventBus());
 		const selected = ref("");
-		const loading$2 = ref(true);
+		const loading$3 = ref(true);
 		const selectRef = ref();
 		const credentialsStore = useCredentialsStore();
 		const uiStore = useUIStore();
@@ -9770,7 +9766,7 @@ var CredentialsSelectModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 			try {
 				await credentialsStore.fetchCredentialTypes(false);
 			} catch (e) {}
-			loading$2.value = false;
+			loading$3.value = false;
 			setTimeout(() => {
 				if (selectRef.value) selectRef.value.focus();
 			}, 0);
@@ -9796,7 +9792,7 @@ var CredentialsSelectModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 				"event-bus": modalBus.value,
 				width: "50%",
 				center: true,
-				loading: loading$2.value,
+				loading: loading$3.value,
 				"max-width": "460px",
 				"min-height": "250px"
 			}, {
@@ -9916,9 +9912,9 @@ var MoveToFolderDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 				emit("location:selected", location);
 			}
 		});
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const fetchAvailableLocations = async (query) => {
-			loading$2.value = true;
+			loading$3.value = true;
 			const folders = await foldersStore.fetchFoldersAvailableForMove(props.selectedProjectId, props.currentFolderId, { name: query ?? void 0 });
 			if (!props.parentFolderId) availableLocations.value = folders;
 			else availableLocations.value = folders.filter((folder) => folder.id !== props.parentFolderId);
@@ -9935,7 +9931,7 @@ var MoveToFolderDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 				subFolderCount: 0,
 				path: []
 			});
-			loading$2.value = false;
+			loading$3.value = false;
 		};
 		watch(() => [
 			props.selectedProjectId,
@@ -9964,7 +9960,7 @@ var MoveToFolderDropdown_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 				filterable: true,
 				remote: true,
 				"remote-method": fetchAvailableLocations,
-				loading: loading$2.value,
+				loading: loading$3.value,
 				placeholder: unref(i18n$2).baseText("folders.move.modal.folder.placeholder"),
 				"no-data-text": unref(i18n$2).baseText("folders.move.modal.folder.noData.label"),
 				"option-label": "name",
@@ -10063,7 +10059,7 @@ var DeleteFolderModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const route = useRoute();
 		const foldersStore = useFoldersStore();
 		const projectsStore = useProjectsStore();
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const operation = ref("");
 		const deleteConfirmText = ref("");
 		const selectedFolder = ref(null);
@@ -10105,7 +10101,7 @@ var DeleteFolderModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		async function onSubmit() {
 			if (!enabled.value) return;
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				const newParentId = selectedFolder.value?.resource === "project" ? "0" : selectedFolder.value?.id ?? void 0;
 				await foldersStore.deleteFolder(route.params.projectId, props.activeId, newParentId);
 				let message$1 = "";
@@ -10124,7 +10120,7 @@ var DeleteFolderModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("folders.delete.error.message"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		}
 		const onFolderSelected = (payload) => {
@@ -10216,7 +10212,7 @@ var DeleteFolderModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)
 				], 2))])]),
 				footer: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					disabled: !enabled.value,
 					label: unref(i18n$2).baseText("generic.delete"),
 					float: "right",
@@ -10619,7 +10615,7 @@ var DeleteUserModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 	setup(__props) {
 		const props = __props;
 		const modalBus = createEventBus();
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const operation = ref("");
 		const deleteConfirmText = ref("");
 		const selectedProject = ref(null);
@@ -10650,7 +10646,7 @@ var DeleteUserModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		async function onSubmit() {
 			if (!enabled.value) return;
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				const params = { id: props.data.userId };
 				if (operation.value === "transfer" && selectedProject.value) params.transferId = selectedProject.value.id;
 				await usersStore.deleteUser(params);
@@ -10669,7 +10665,7 @@ var DeleteUserModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("settings.users.userDeletedError"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		}
 		return (_ctx, _cache) => {
@@ -10745,7 +10741,7 @@ var DeleteUserModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}, 8, ["label"])], 2)) : createCommentVNode("", true)
 				], 2))])]),
 				footer: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					disabled: !enabled.value,
 					label: unref(i18n$2).baseText("settings.users.delete"),
 					float: "right",
@@ -11419,7 +11415,7 @@ var ImportCurlModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		}
 		async function onImport() {
 			const { useImportCurlCommand } = await __vitePreload(async () => {
-				const { useImportCurlCommand: useImportCurlCommand$1 } = await import("./useImportCurlCommand-BW8wZKLy.js");
+				const { useImportCurlCommand: useImportCurlCommand$1 } = await import("./useImportCurlCommand-obipPNWg.js");
 				return { useImportCurlCommand: useImportCurlCommand$1 };
 			}, __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]));
 			const { importCurlCommand } = useImportCurlCommand({
@@ -11577,7 +11573,7 @@ var InviteUsersModal_default = /* @__PURE__ */ defineComponent({
 		const emails = ref("");
 		const role = ref(ROLE.Member);
 		const showInviteUrls = ref(null);
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		onMounted(() => {
 			config$1.value = [{
 				name: "emails",
@@ -11647,7 +11643,7 @@ var InviteUsersModal_default = /* @__PURE__ */ defineComponent({
 		}
 		async function onSubmit() {
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				const emailList = emails.value.split(",").map((email) => ({
 					email: getEmail(email),
 					role: role.value
@@ -11683,7 +11679,7 @@ var InviteUsersModal_default = /* @__PURE__ */ defineComponent({
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("settings.users.usersInvitedError"));
 			}
-			loading$2.value = false;
+			loading$3.value = false;
 		}
 		function showCopyInviteLinkToast(successfulUrlInvites) {
 			showMessage({
@@ -11761,7 +11757,7 @@ var InviteUsersModal_default = /* @__PURE__ */ defineComponent({
 			}, [!showInviteUrls.value ? {
 				name: "footer",
 				fn: withCtx(() => [createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					disabled: !enabledButton.value,
 					label: buttonLabel.value,
 					float: "right",
@@ -15336,11 +15332,11 @@ var EventSelection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	}
 });
 var EventSelection_vue_vue_type_style_index_0_lang_module_default = {
-	eventListCard: "_eventListCard_1g8cw_123",
-	eventList: "_eventList_1g8cw_123",
-	eventListItem: "_eventListItem_1g8cw_135",
-	eventListItemDisabled: "_eventListItemDisabled_1g8cw_143",
-	listItem: "_listItem_1g8cw_150"
+	eventListCard: "_eventListCard_17kwo_123",
+	eventList: "_eventList_17kwo_123",
+	eventListItem: "_eventListItem_17kwo_135",
+	eventListItemDisabled: "_eventListItemDisabled_17kwo_143",
+	listItem: "_listItem_17kwo_150"
 };
 var EventSelection_default = /* @__PURE__ */ __plugin_vue_export_helper_default(EventSelection_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": EventSelection_vue_vue_type_style_index_0_lang_module_default }]]);
 const webhookModalDescription = [
@@ -15766,7 +15762,7 @@ var EventDestinationSettingsModal_vue_vue_type_script_setup_true_lang_default =
 		const hasOnceBeenSaved = ref(!isNew);
 		const isSaving = ref(false);
 		const isDeleting = ref(false);
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const typeSelectValue = ref("");
 		const typeSelectPlaceholder = ref("Destination Type");
 		const nodeParameters = ref(deepCopy(defaultMessageEventBusDestinationOptions));
@@ -15951,7 +15947,7 @@ var EventDestinationSettingsModal_vue_vue_type_script_setup_true_lang_default =
 				"before-close": onModalClose,
 				scrollable: true,
 				center: true,
-				loading: loading$2.value,
+				loading: loading$3.value,
 				"min-width": isTypeAbstract.value ? "460px" : "70%",
 				"max-width": isTypeAbstract.value ? "460px" : "70%",
 				"min-height": isTypeAbstract.value ? "160px" : "650px",
@@ -16359,7 +16355,7 @@ var pushStatusPriority = {
 const getPushPriorityByStatus = (status) => pushStatusPriority[status] ?? 0;
 var createVariablesToast = (router) => {
 	const route = {
-		name: VIEWS.VARIABLES,
+		name: VIEWS.PROJECTS_VARIABLES,
 		query: { incomplete: "true" }
 	};
 	const { href } = router.resolve(route);
@@ -16833,6 +16829,9 @@ var SourceControlPushModal_vue_vue_type_script_setup_true_lang_default = /* @__P
 					return;
 				}
 				status.value = freshStatus;
+				freshStatus.forEach((file) => {
+					if (file.type === "credential") selectedCredentials.add(file.id);
+				});
 			} catch (error$2) {
 				toast.showError(error$2, i18n$2.baseText("error"));
 				close();
@@ -17569,7 +17568,7 @@ var TagsTableHeader_default = /* @__PURE__ */ __plugin_vue_export_helper_default
 			});
 		};
 	}
-}), [["__scopeId", "data-v-210ea652"]]);
+}), [["__scopeId", "data-v-02364ed2"]]);
 var _hoisted_1$14 = { key: 1 };
 var INPUT_TRANSITION_TIMEOUT = 350;
 var DELETE_TRANSITION_TIMEOUT = 100;
@@ -17797,7 +17796,7 @@ var TagsTable_vue_vue_type_style_index_0_lang_module_default = {
 	main,
 	hidden
 };
-var TagsTable_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TagsTable_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TagsTable_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-697d105c"]]);
+var TagsTable_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TagsTable_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TagsTable_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-17987132"]]);
 var TagsView_default = /* @__PURE__ */ defineComponent({
 	name: "TagsView",
 	__name: "TagsView",
@@ -17977,7 +17976,7 @@ var NoTagsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	}
 });
 var NoTagsView_vue_vue_type_style_index_0_lang_module_default = { container: "_container_1hbqb_123" };
-var NoTagsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(NoTagsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": NoTagsView_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-cc10eaa1"]]);
+var NoTagsView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(NoTagsView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": NoTagsView_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-f3a701a0"]]);
 var TagsManager_default = /* @__PURE__ */ defineComponent({
 	__name: "TagsManager",
 	props: {
@@ -18378,19 +18377,19 @@ var VersionCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	}
 });
 const card = "_card_p0mal_123";
-const header$5 = "_header_p0mal_135";
+const header$6 = "_header_p0mal_135";
 const name = "_name_p0mal_150";
 const divider = "_divider_p0mal_157";
 const description$3 = "_description_p0mal_163";
-const nodes$2 = "_nodes_p0mal_177";
+const nodes$3 = "_nodes_p0mal_177";
 var VersionCard_vue_vue_type_style_index_0_lang_module_default = {
 	card,
-	header: header$5,
+	header: header$6,
 	name,
 	divider,
 	description: description$3,
 	"release-date": "_release-date_p0mal_170",
-	nodes: nodes$2
+	nodes: nodes$3
 };
 var VersionCard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(VersionCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": VersionCard_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1$11 = { key: 0 };
@@ -19806,7 +19805,7 @@ var WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default = /* @__PU
 		const route = useRoute();
 		const workflowSaving = useWorkflowSaving({ router });
 		const workflow = ref(data.id === "__EMPTY__" ? workflowsStore.workflow : workflowsStore.workflowsById[data.id]);
-		const loading$2 = ref(true);
+		const loading$3 = ref(true);
 		const isDirty = ref(false);
 		const modalBus = createEventBus();
 		const sharedWithProjects = ref([...workflow.value.sharedWithProjects ?? []]);
@@ -19853,8 +19852,8 @@ var WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default = /* @__PU
 			});
 		};
 		const onSave = async () => {
-			if (loading$2.value) return;
-			loading$2.value = true;
+			if (loading$3.value) return;
+			loading$3.value = true;
 			const saveWorkflowPromise = async () => {
 				if (workflow.value.id === "__EMPTY__") {
 					const parentFolderId = route.query.folderId;
@@ -19875,7 +19874,7 @@ var WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				toast.showError(error$2, i18n$2.baseText("workflows.shareModal.onSave.error.title"));
 			} finally {
 				modalBus.emit("close");
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		};
 		const onCloseModal = async () => {
@@ -19897,7 +19896,7 @@ var WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				if (workflow.value.id !== "__EMPTY__") await workflowsStore.fetchWorkflow(workflow.value.id);
 				if (isHomeTeamProject.value && workflow.value.homeProject) teamProject.value = await projectsStore.fetchProject(workflow.value.homeProject.id);
 			}
-			loading$2.value = false;
+			loading$3.value = false;
 		};
 		onMounted(async () => {
 			await initialize();
@@ -20013,7 +20012,7 @@ var WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default = /* @__PU
 						_: 1
 					})) : withDirectives((openBlock(), createBlock(unref(N8nButton_default), {
 						key: 1,
-						loading: loading$2.value,
+						loading: loading$3.value,
 						disabled: !isDirty.value,
 						"data-test-id": "workflow-sharing-modal-save-button",
 						onClick: onSave
@@ -20041,162 +20040,11 @@ var WorkflowShareModal_ee_vue_vue_type_style_index_0_lang_module_default = {
 	roleSelectRemoveOption: "_roleSelectRemoveOption_1fvpr_155"
 };
 var WorkflowShareModal_ee_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowShareModal_ee_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowShareModal_ee_vue_vue_type_style_index_0_lang_module_default }]]);
-let NodeDiffStatus = /* @__PURE__ */ function(NodeDiffStatus$1) {
-	NodeDiffStatus$1["Eq"] = "equal";
-	NodeDiffStatus$1["Modified"] = "modified";
-	NodeDiffStatus$1["Added"] = "added";
-	NodeDiffStatus$1["Deleted"] = "deleted";
-	return NodeDiffStatus$1;
-}({});
-function compareNodes(base, target) {
-	const propsToCompare = [
-		"name",
-		"type",
-		"typeVersion",
-		"webhookId",
-		"credentials",
-		"parameters"
-	];
-	return isEqual_default(pick_default(base, propsToCompare), pick_default(target, propsToCompare));
-}
-function compareWorkflowsNodes(base, target, nodesEqual = compareNodes) {
-	const baseNodes = base.reduce((acc, node) => {
-		acc.set(node.id, node);
-		return acc;
-	}, /* @__PURE__ */ new Map());
-	const targetNodes = target.reduce((acc, node) => {
-		acc.set(node.id, node);
-		return acc;
-	}, /* @__PURE__ */ new Map());
-	const diff = /* @__PURE__ */ new Map();
-	for (const [id, node] of baseNodes.entries()) if (!targetNodes.has(id)) diff.set(id, {
-		status: NodeDiffStatus.Deleted,
-		node
-	});
-	else if (!nodesEqual(baseNodes.get(id), targetNodes.get(id))) diff.set(id, {
-		status: NodeDiffStatus.Modified,
-		node
-	});
-	else diff.set(id, {
-		status: NodeDiffStatus.Eq,
-		node
-	});
-	for (const [id, node] of targetNodes.entries()) if (!baseNodes.has(id)) diff.set(id, {
-		status: NodeDiffStatus.Added,
-		node
-	});
-	return diff;
-}
-function mapConnections(connections) {
-	return connections.reduce((acc, connection) => {
-		acc.set.add(connection.id);
-		acc.map.set(connection.id, connection);
-		return acc;
-	}, {
-		set: /* @__PURE__ */ new Set(),
-		map: /* @__PURE__ */ new Map()
-	});
-}
-function createWorkflowRefs(workflow, createWorkflowObject) {
-	const workflowRef = computed(() => toValue(workflow));
-	const workflowNodes = ref([]);
-	const workflowConnections = ref({});
-	const workflowObjectRef = shallowRef(createWorkflowObject([], {}));
-	watchEffect(() => {
-		const workflowValue = workflowRef.value;
-		if (workflowValue) {
-			workflowObjectRef.value = createWorkflowObject(workflowValue.nodes, workflowValue.connections);
-			workflowNodes.value = workflowValue.nodes;
-			workflowConnections.value = workflowValue.connections;
-		}
-	});
-	return {
-		workflowRef,
-		workflowNodes,
-		workflowConnections,
-		workflowObjectRef
-	};
-}
-function createWorkflowDiff(workflowRef, workflowNodes, workflowConnections, workflowObjectRef) {
-	return computed(() => {
-		if (!workflowRef.value) return {
-			workflow: void 0,
-			nodes: [],
-			connections: []
-		};
-		const { nodes: nodes$3, connections } = useCanvasMapping({
-			nodes: workflowNodes,
-			connections: workflowConnections,
-			workflowObject: workflowObjectRef
-		});
-		return {
-			workflow: workflowRef,
-			nodes: nodes$3.value.map((node) => {
-				node.draggable = false;
-				node.selectable = false;
-				node.focusable = false;
-				return node;
-			}),
-			connections: connections.value.map((connection) => {
-				connection.selectable = false;
-				connection.focusable = false;
-				connection.label = "";
-				return connection;
-			})
-		};
-	});
-}
-const useWorkflowDiff = (sourceWorkflow, targetWorkflow) => {
-	const workflowsStore = useWorkflowsStore();
-	const nodeTypesStore = useNodeTypesStore();
-	const sourceRefs = createWorkflowRefs(sourceWorkflow, workflowsStore.createWorkflowObject);
-	const targetRefs = createWorkflowRefs(targetWorkflow, workflowsStore.createWorkflowObject);
-	const source = createWorkflowDiff(sourceRefs.workflowRef, sourceRefs.workflowNodes, sourceRefs.workflowConnections, sourceRefs.workflowObjectRef);
-	const target = createWorkflowDiff(targetRefs.workflowRef, targetRefs.workflowNodes, targetRefs.workflowConnections, targetRefs.workflowObjectRef);
-	const nodesDiff = computed(() => {
-		const sourceNodes = source.value?.workflow?.value?.nodes ?? [];
-		const targetNodes = target.value?.workflow?.value?.nodes ?? [];
-		if (sourceNodes.length === 0 && targetNodes.length === 0) return /* @__PURE__ */ new Map();
-		return compareWorkflowsNodes(sourceNodes, targetNodes);
-	});
-	function formatConnectionDiff(id, status, collection, accumulator) {
-		const connection = collection.get(id);
-		if (!connection) return;
-		const sourceNode = nodesDiff.value.get(connection.source)?.node;
-		const targetNode = nodesDiff.value.get(connection.target)?.node;
-		accumulator.set(id, {
-			status,
-			connection: {
-				id,
-				source: sourceNode,
-				target: targetNode,
-				sourceType: sourceNode ? nodeTypesStore.getNodeType(sourceNode.type, sourceNode.typeVersion) : null,
-				targetType: targetNode ? nodeTypesStore.getNodeType(targetNode.type, targetNode.typeVersion) : null
-			}
-		});
-	}
-	return {
-		source,
-		target,
-		nodesDiff,
-		connectionsDiff: computed(() => {
-			const sourceConnections = mapConnections(source.value?.connections ?? []);
-			const targetConnections = mapConnections(target.value?.connections ?? []);
-			if (sourceConnections.set.size === 0 && targetConnections.set.size === 0) return /* @__PURE__ */ new Map();
-			const added$1 = targetConnections.set.difference(sourceConnections.set);
-			const removed = sourceConnections.set.difference(targetConnections.set);
-			const acc = /* @__PURE__ */ new Map();
-			for (const id of added$1.values()) formatConnectionDiff(id, NodeDiffStatus.Added, targetConnections.map, acc);
-			for (const id of removed.values()) formatConnectionDiff(id, NodeDiffStatus.Deleted, sourceConnections.map, acc);
-			return acc;
-		})
-	};
-};
 var DiffBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DiffBadge",
 	props: { type: {} },
 	setup(__props) {
-		useCssVars((_ctx) => ({ "7d406fae": backgroundColor.value }));
+		useCssVars((_ctx) => ({ "2f23a409": backgroundColor.value }));
 		const props = __props;
 		const label$1 = computed(() => {
 			switch (props.type) {
@@ -24706,7 +24554,7 @@ var NodeDiff_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		};
 	}
 });
-var NodeDiff_vue_vue_type_style_index_0_lang_module_default = { codeDiff: "_codeDiff_it86q_124" };
+var NodeDiff_vue_vue_type_style_index_0_lang_module_default = { codeDiff: "_codeDiff_itzsi_124" };
 var NodeDiff_default = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeDiff_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": NodeDiff_vue_vue_type_style_index_0_lang_module_default }]]);
 var [useProvideViewportSync, useInject] = createInjectionState(() => {
 	const onViewportChange = createEventHook();
@@ -24824,6 +24672,111 @@ var SyncedWorkflowCanvas_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+function mapConnections(connections) {
+	return connections.reduce((acc, connection) => {
+		acc.set.add(connection.id);
+		acc.map.set(connection.id, connection);
+		return acc;
+	}, {
+		set: /* @__PURE__ */ new Set(),
+		map: /* @__PURE__ */ new Map()
+	});
+}
+function createWorkflowRefs(workflow, createWorkflowObject) {
+	const workflowRef = computed(() => toValue(workflow));
+	const workflowNodes = ref([]);
+	const workflowConnections = ref({});
+	const workflowObjectRef = shallowRef(createWorkflowObject([], {}));
+	watchEffect(() => {
+		const workflowValue = workflowRef.value;
+		if (workflowValue) {
+			workflowObjectRef.value = createWorkflowObject(workflowValue.nodes, workflowValue.connections);
+			workflowNodes.value = workflowValue.nodes;
+			workflowConnections.value = workflowValue.connections;
+		}
+	});
+	return {
+		workflowRef,
+		workflowNodes,
+		workflowConnections,
+		workflowObjectRef
+	};
+}
+function createWorkflowDiff(workflowRef, workflowNodes, workflowConnections, workflowObjectRef) {
+	return computed(() => {
+		if (!workflowRef.value) return {
+			workflow: void 0,
+			nodes: [],
+			connections: []
+		};
+		const { nodes: nodes$4, connections } = useCanvasMapping({
+			nodes: workflowNodes,
+			connections: workflowConnections,
+			workflowObject: workflowObjectRef
+		});
+		return {
+			workflow: workflowRef,
+			nodes: nodes$4.value.map((node) => {
+				node.draggable = false;
+				node.selectable = false;
+				node.focusable = false;
+				return node;
+			}),
+			connections: connections.value.map((connection) => {
+				connection.selectable = false;
+				connection.focusable = false;
+				connection.label = "";
+				return connection;
+			})
+		};
+	});
+}
+const useWorkflowDiff = (sourceWorkflow, targetWorkflow) => {
+	const workflowsStore = useWorkflowsStore();
+	const nodeTypesStore = useNodeTypesStore();
+	const sourceRefs = createWorkflowRefs(sourceWorkflow, workflowsStore.createWorkflowObject);
+	const targetRefs = createWorkflowRefs(targetWorkflow, workflowsStore.createWorkflowObject);
+	const source = createWorkflowDiff(sourceRefs.workflowRef, sourceRefs.workflowNodes, sourceRefs.workflowConnections, sourceRefs.workflowObjectRef);
+	const target = createWorkflowDiff(targetRefs.workflowRef, targetRefs.workflowNodes, targetRefs.workflowConnections, targetRefs.workflowObjectRef);
+	const nodesDiff = computed(() => {
+		const sourceNodes = source.value?.workflow?.value?.nodes ?? [];
+		const targetNodes = target.value?.workflow?.value?.nodes ?? [];
+		if (sourceNodes.length === 0 && targetNodes.length === 0) return /* @__PURE__ */ new Map();
+		return compareWorkflowsNodes(sourceNodes, targetNodes);
+	});
+	function formatConnectionDiff(id, status, collection, accumulator) {
+		const connection = collection.get(id);
+		if (!connection) return;
+		const sourceNode = nodesDiff.value.get(connection.source)?.node;
+		const targetNode = nodesDiff.value.get(connection.target)?.node;
+		accumulator.set(id, {
+			status,
+			connection: {
+				id,
+				source: sourceNode,
+				target: targetNode,
+				sourceType: sourceNode ? nodeTypesStore.getNodeType(sourceNode.type, sourceNode.typeVersion) : null,
+				targetType: targetNode ? nodeTypesStore.getNodeType(targetNode.type, targetNode.typeVersion) : null
+			}
+		});
+	}
+	return {
+		source,
+		target,
+		nodesDiff,
+		connectionsDiff: computed(() => {
+			const sourceConnections = mapConnections(source.value?.connections ?? []);
+			const targetConnections = mapConnections(target.value?.connections ?? []);
+			if (sourceConnections.set.size === 0 && targetConnections.set.size === 0) return /* @__PURE__ */ new Map();
+			const added$1 = targetConnections.set.difference(sourceConnections.set);
+			const removed = sourceConnections.set.difference(targetConnections.set);
+			const acc = /* @__PURE__ */ new Map();
+			for (const id of added$1.values()) formatConnectionDiff(id, NodeDiffStatus.Added, targetConnections.map, acc);
+			for (const id of removed.values()) formatConnectionDiff(id, NodeDiffStatus.Deleted, sourceConnections.map, acc);
+			return acc;
+		})
+	};
+};
 function removeWorkflowExecutionData(workflow) {
 	if (!workflow) return workflow;
 	const { pinData,...cleanWorkflow } = workflow;
@@ -24885,7 +24838,7 @@ var HighlightedEdge_default = /* @__PURE__ */ defineComponent({
 						key: segment[0],
 						style: {
 							strokeWidth: 15,
-							stroke: "var(--edge-highlight-color)"
+							stroke: "var(--edge--color--highlight)"
 						},
 						path: segment[0],
 						"interaction-width": 0
@@ -24908,7 +24861,7 @@ var WorkflowDiffAside_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	props: { node: {} },
 	emits: ["close"],
 	setup(__props, { emit: __emit }) {
-		useCssVars((_ctx) => ({ "389f8962": panelWidth.value }));
+		useCssVars((_ctx) => ({ "3eb5ea38": panelWidth.value }));
 		const props = __props;
 		const nodeTypesStore = useNodeTypesStore();
 		const nodeType = computed(() => nodeTypesStore.getNodeType(props.node.type, props.node.typeVersion));
@@ -25505,33 +25458,33 @@ var WorkflowDiffModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 	}
 });
-const workflowDiffModal = "_workflowDiffModal_1h4fi_124";
-const sourceBadge = "_sourceBadge_1h4fi_138";
-const tabs = "_tabs_1h4fi_154";
-const popper = "_popper_1h4fi_165";
-const changes = "_changes_1h4fi_172";
-const clickableChange = "_clickableChange_1h4fi_181";
-const changesNested = "_changesNested_1h4fi_185";
-const clickableChangeActive = "_clickableChangeActive_1h4fi_206";
-const nodeName = "_nodeName_1h4fi_210";
-const separator = "_separator_1h4fi_218";
-const deleted = "_deleted_1h4fi_227";
-const added = "_added_1h4fi_228";
-const modified = "_modified_1h4fi_229";
-const equal = "_equal_1h4fi_295";
-const circleBadge = "_circleBadge_1h4fi_344";
-const dropdownContent = "_dropdownContent_1h4fi_358";
-const noNumberDiff = "_noNumberDiff_1h4fi_370";
-const workflowDiffContent = "_workflowDiffContent_1h4fi_379";
-const workflowDiff = "_workflowDiff_1h4fi_124";
-const workflowDiffPanel = "_workflowDiffPanel_1h4fi_391";
-const emptyWorkflow = "_emptyWorkflow_1h4fi_397";
-const header$3 = "_header_1h4fi_405";
-const navigationButton = "_navigationButton_1h4fi_410";
-const backButton = "_backButton_1h4fi_414";
-const headerLeft = "_headerLeft_1h4fi_418";
-const headerRight = "_headerRight_1h4fi_419";
-const emptyState = "_emptyState_1h4fi_424";
+const workflowDiffModal = "_workflowDiffModal_1tkg3_124";
+const sourceBadge = "_sourceBadge_1tkg3_138";
+const tabs = "_tabs_1tkg3_154";
+const popper = "_popper_1tkg3_165";
+const changes = "_changes_1tkg3_172";
+const clickableChange = "_clickableChange_1tkg3_181";
+const changesNested = "_changesNested_1tkg3_185";
+const clickableChangeActive = "_clickableChangeActive_1tkg3_206";
+const nodeName = "_nodeName_1tkg3_210";
+const separator = "_separator_1tkg3_218";
+const deleted = "_deleted_1tkg3_227";
+const added = "_added_1tkg3_228";
+const modified = "_modified_1tkg3_229";
+const equal = "_equal_1tkg3_295";
+const circleBadge = "_circleBadge_1tkg3_344";
+const dropdownContent = "_dropdownContent_1tkg3_358";
+const noNumberDiff = "_noNumberDiff_1tkg3_370";
+const workflowDiffContent = "_workflowDiffContent_1tkg3_379";
+const workflowDiff = "_workflowDiff_1tkg3_124";
+const workflowDiffPanel = "_workflowDiffPanel_1tkg3_391";
+const emptyWorkflow = "_emptyWorkflow_1tkg3_397";
+const header$4 = "_header_1tkg3_405";
+const navigationButton = "_navigationButton_1tkg3_410";
+const backButton = "_backButton_1tkg3_414";
+const headerLeft = "_headerLeft_1tkg3_418";
+const headerRight = "_headerRight_1tkg3_419";
+const emptyState = "_emptyState_1tkg3_424";
 var WorkflowDiffModal_vue_vue_type_style_index_0_lang_module_default = {
 	workflowDiffModal,
 	sourceBadge,
@@ -25547,9 +25500,9 @@ var WorkflowDiffModal_vue_vue_type_style_index_0_lang_module_default = {
 	added,
 	modified,
 	equal,
-	"edge-deleted": "_edge-deleted_1h4fi_330",
-	"edge-added": "_edge-added_1h4fi_335",
-	"edge-equal": "_edge-equal_1h4fi_340",
+	"edge-deleted": "_edge-deleted_1tkg3_330",
+	"edge-added": "_edge-added_1tkg3_335",
+	"edge-equal": "_edge-equal_1tkg3_340",
 	circleBadge,
 	dropdownContent,
 	noNumberDiff,
@@ -25557,7 +25510,7 @@ var WorkflowDiffModal_vue_vue_type_style_index_0_lang_module_default = {
 	workflowDiff,
 	workflowDiffPanel,
 	emptyWorkflow,
-	header: header$3,
+	header: header$4,
 	navigationButton,
 	backButton,
 	headerLeft,
@@ -25687,7 +25640,7 @@ var DynamicModalLoader_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var TemplateCard_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+var TemplateCard_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ defineComponent({
 	__name: "TemplateCard",
 	props: {
 		template: {},
@@ -25748,7 +25701,7 @@ var TemplateCard_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */
 		};
 	}
 });
-var TemplateCard_vue_vue_type_style_index_0_lang_module_default$1 = {
+var TemplateCard_vue_vue_type_style_index_0_lang_module_default$2 = {
 	nodes: "_nodes_176ta_123",
 	nodeIcon: "_nodeIcon_176ta_128",
 	suggestion: "_suggestion_176ta_139",
@@ -25756,7 +25709,7 @@ var TemplateCard_vue_vue_type_style_index_0_lang_module_default$1 = {
 	user: "_user_176ta_152",
 	avatar: "_avatar_176ta_158"
 };
-var TemplateCard_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateCard_vue_vue_type_script_setup_true_lang_default$1, [["__cssModules", { "$style": TemplateCard_vue_vue_type_style_index_0_lang_module_default$1 }]]);
+var TemplateCard_default$2 = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateCard_vue_vue_type_script_setup_true_lang_default$2, [["__cssModules", { "$style": TemplateCard_vue_vue_type_style_index_0_lang_module_default$2 }]]);
 var _hoisted_1$4 = ["src"];
 var YoutubeCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "YoutubeCard",
@@ -25806,7 +25759,7 @@ var YoutubeCard_vue_vue_type_style_index_0_lang_module_default = {
 	video: "_video_10cyk_129"
 };
 var YoutubeCard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(YoutubeCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": YoutubeCard_vue_vue_type_style_index_0_lang_module_default }]]);
-var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
+var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$2 = /* @__PURE__ */ defineComponent({
 	__name: "NodeRecommendationModal",
 	props: {
 		modalName: {},
@@ -25825,7 +25778,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 		const starterTemplates = ref([]);
 		const popularTemplates = ref([]);
 		const isLoadingTemplates = ref(false);
-		const nodes$3 = computed(() => userSelectedNodes.map((nodeName$2) => {
+		const nodes$4 = computed(() => userSelectedNodes.map((nodeName$2) => {
 			return {
 				value: nodeName$2,
 				label: nodeTypesStore.getNodeType(nodeName$2)?.displayName ?? ""
@@ -25853,7 +25806,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 		}
 		watchEffect(async () => {
 			if (!selectedNode.value) return;
-			const nodeDisplayName = nodes$3.value.find((n) => n.value === selectedNode.value)?.label;
+			const nodeDisplayName = nodes$4.value.find((n) => n.value === selectedNode.value)?.label;
 			if (nodeDisplayName) trackModalTabView(nodeDisplayName);
 			isLoadingTemplates.value = true;
 			try {
@@ -25880,7 +25833,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nRadioButtons_default), {
 					modelValue: selectedNode.value,
 					"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => selectedNode.value = $event), onSelectedNodeChange],
-					options: nodes$3.value,
+					options: nodes$4.value,
 					size: "medium"
 				}, {
 					option: withCtx((option) => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.tab) }, [createVNode(NodeIcon_default, {
@@ -25913,7 +25866,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templateRecoV2.loadingTemplates")), 1)]),
 						_: 1
 					})], 2)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(starterTemplates.value, (template) => {
-						return openBlock(), createBlock(TemplateCard_default$1, {
+						return openBlock(), createBlock(TemplateCard_default$2, {
 							key: template.id,
 							template,
 							"current-node-name": selectedNode.value
@@ -25940,7 +25893,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templateRecoV2.loadingTemplates")), 1)]),
 						_: 1
 					})], 2)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(popularTemplates.value, (template) => {
-						return openBlock(), createBlock(TemplateCard_default$1, {
+						return openBlock(), createBlock(TemplateCard_default$2, {
 							key: template.id,
 							template,
 							"current-node-name": selectedNode.value
@@ -25973,7 +25926,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @
 		};
 	}
 });
-var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$1 = {
+var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$2 = {
 	header: "_header_1v7vh_123",
 	tab: "_tab_1v7vh_128",
 	suggestions: "_suggestions_1v7vh_132",
@@ -25981,8 +25934,8 @@ var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$1 = {
 	videos: "_videos_1v7vh_147",
 	loading: "_loading_1v7vh_154"
 };
-var NodeRecommendationModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1, [["__cssModules", { "$style": NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$1 }]]);
-var TemplateCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NodeRecommendationModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$2, [["__cssModules", { "$style": NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$2 }]]);
+var TemplateCard_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
 	__name: "TemplateCard",
 	props: { template: {} },
 	setup(__props) {
@@ -26054,7 +26007,7 @@ var TemplateCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		};
 	}
 });
-var TemplateCard_vue_vue_type_style_index_0_lang_module_default = {
+var TemplateCard_vue_vue_type_style_index_0_lang_module_default$1 = {
 	nodes: "_nodes_y9wwt_123",
 	nodeIcon: "_nodeIcon_y9wwt_128",
 	remainingNodes: "_remainingNodes_y9wwt_137",
@@ -26062,9 +26015,9 @@ var TemplateCard_vue_vue_type_style_index_0_lang_module_default = {
 	suggestion: "_suggestion_y9wwt_152",
 	content: "_content_y9wwt_167"
 };
-var TemplateCard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TemplateCard_vue_vue_type_style_index_0_lang_module_default }]]);
+var TemplateCard_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateCard_vue_vue_type_script_setup_true_lang_default$1, [["__cssModules", { "$style": TemplateCard_vue_vue_type_style_index_0_lang_module_default$1 }]]);
 var _hoisted_1$3 = { key: 1 };
-var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1 = /* @__PURE__ */ defineComponent({
 	__name: "NodeRecommendationModal",
 	setup(__props) {
 		const uiStore = useUIStore();
@@ -26115,7 +26068,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default = /* @__
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("experiments.personalizedTemplatesV3.loadingTemplates")), 1)]),
 					_: 1
 				})], 2)) : (openBlock(), createElementBlock("div", _hoisted_1$3, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.templates) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(templates$1.value, (template) => {
-					return openBlock(), createBlock(TemplateCard_default, {
+					return openBlock(), createBlock(TemplateCard_default$1, {
 						key: template.id,
 						template
 					}, null, 8, ["template"]);
@@ -26148,7 +26101,7 @@ var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default = /* @__
 		};
 	}
 });
-var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default = {
+var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$1 = {
 	modal: "_modal_2tsoq_123",
 	header: "_header_2tsoq_127",
 	templates: "_templates_2tsoq_132",
@@ -26158,7 +26111,143 @@ var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default = {
 	footerText: "_footerText_2tsoq_165",
 	footerIcon: "_footerIcon_2tsoq_170"
 };
-var NodeRecommendationModal_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default }]]);
+var NodeRecommendationModal_default$1 = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default$1, [["__cssModules", { "$style": NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default$1 }]]);
+var TemplateCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TemplateCard",
+	props: { template: {} },
+	setup(__props) {
+		const props = __props;
+		const nodeTypesStore = useNodeTypesStore();
+		const { getTemplateRoute, trackTemplateTileClick } = useTemplatesDataQualityStore();
+		const router = useRouter();
+		const uiStore = useUIStore();
+		const locale = useI18n();
+		const templateNodes = computed(() => {
+			if (!props.template?.nodes) return [];
+			const uniqueNodeTypes = new Set(props.template.nodes.map((node) => node.name));
+			return Array.from(uniqueNodeTypes).slice(0, 2).map((nodeType) => nodeTypesStore.getNodeType(nodeType)).filter(Boolean);
+		});
+		const handleUseTemplate = async () => {
+			trackTemplateTileClick(props.template.id);
+			await router.push(getTemplateRoute(props.template.id));
+			uiStore.closeModal(EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nCard_default), {
+				class: normalizeClass(_ctx.$style.suggestion),
+				onClick: handleUseTemplate
+			}, {
+				default: withCtx(() => [createBaseVNode("div", null, [templateNodes.value.length > 0 ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass([_ctx.$style.nodes, "mb-s"])
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(templateNodes.value, (nodeType) => {
+					return openBlock(), createElementBlock("div", {
+						key: nodeType.name,
+						class: normalizeClass(_ctx.$style.nodeIcon)
+					}, [createVNode(NodeIcon_default, {
+						size: 18,
+						"stroke-width": 1.5,
+						"node-type": nodeType
+					}, null, 8, ["node-type"])], 2);
+				}), 128))], 2)) : createCommentVNode("", true), createVNode(unref(N8nText_default), {
+					size: "medium",
+					bold: true
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(_ctx.template.name), 1)]),
+					_: 1
+				})]), createBaseVNode("div", { class: normalizeClass([_ctx.$style.actions, "mt-m"]) }, [createVNode(unref(N8nButton_default), {
+					label: unref(locale).baseText("workflows.templateRecoV2.useTemplate"),
+					type: "secondary",
+					size: "mini",
+					onClick: withModifiers(handleUseTemplate, ["stop"])
+				}, null, 8, ["label"])], 2)]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+var TemplateCard_vue_vue_type_style_index_0_lang_module_default = {
+	nodes: "_nodes_1mch4_123",
+	nodeIcon: "_nodeIcon_1mch4_128",
+	suggestion: "_suggestion_1mch4_139",
+	actions: "_actions_1mch4_147"
+};
+var TemplateCard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(TemplateCard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": TemplateCard_vue_vue_type_style_index_0_lang_module_default }]]);
+var NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "NodeRecommendationModal",
+	setup(__props) {
+		const uiStore = useUIStore();
+		const locale = useI18n();
+		const templatesStore = useTemplatesDataQualityStore();
+		const closeModal = () => {
+			uiStore.closeModal(EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY);
+		};
+		const templates$1 = ref([]);
+		const isLoadingTemplates = ref(false);
+		const nodeTypesStore = useNodeTypesStore();
+		const trackTemplatesShown = (templateIds) => {
+			templateIds.forEach((id, index) => {
+				templatesStore.trackTemplateShown(id, index + 1);
+			});
+		};
+		onMounted(async () => {
+			isLoadingTemplates.value = true;
+			try {
+				await nodeTypesStore.loadNodeTypesIfNotLoaded();
+				const ids = templatesStore.getRandomTemplateIds();
+				const promises = ids.map(async (id) => await templatesStore.getTemplateData(id));
+				templates$1.value = (await Promise.allSettled(promises)).filter((r) => r.status === "fulfilled" && r.value !== null).map((r) => r.value);
+				trackTemplatesShown(ids);
+			} finally {
+				isLoadingTemplates.value = false;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Modal_default, {
+				name: unref(EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY),
+				"min-width": "min(800px, 90vw)",
+				"max-height": "90vh",
+				onClose: closeModal,
+				onCanceled: closeModal
+			}, {
+				header: withCtx(() => [createBaseVNode("div", { class: normalizeClass(_ctx.$style.header) }, [createVNode(unref(N8nText_default), {
+					tag: "h2",
+					size: "large",
+					bold: true
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("experiments.templatesDataQuality.modalTitle")), 1)]),
+					_: 1
+				})], 2)]),
+				content: withCtx(() => [isLoadingTemplates.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.loading)
+				}, [createVNode(unref(N8nSpinner_default), { size: "small" }), createVNode(unref(N8nText_default), { size: "small" }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templatesDataQuality.loadingTemplates")), 1)]),
+					_: 1
+				})], 2)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(_ctx.$style.suggestions)
+				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(templates$1.value, (template) => {
+					return openBlock(), createBlock(TemplateCard_default, {
+						key: template.id,
+						template
+					}, null, 8, ["template"]);
+				}), 128))], 2)), createBaseVNode("div", { class: normalizeClass(_ctx.$style.seeMore) }, [createVNode(unref(N8nLink_default), { href: unref(TEMPLATES_URLS).BASE_WEBSITE_URL }, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(locale).baseText("workflows.templatesDataQuality.seeMoreTemplates")), 1)]),
+					_: 1
+				}, 8, ["href"])], 2)]),
+				_: 1
+			}, 8, ["name"]);
+		};
+	}
+});
+var NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default = {
+	header: "_header_64lx3_123",
+	suggestions: "_suggestions_64lx3_128",
+	loading: "_loading_64lx3_135",
+	seeMore: "_seeMore_64lx3_144"
+};
+var NodeRecommendationModal_default$2 = /* @__PURE__ */ __plugin_vue_export_helper_default(NodeRecommendationModal_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": NodeRecommendationModal_vue_vue_type_style_index_0_lang_module_default }]]);
 var _hoisted_1$2 = { key: 2 };
 var VALUE_MAX_LENGTH = 1e3;
 var VariableModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -26175,7 +26264,7 @@ var VariableModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const environmentsStore = useEnvironmentsStore();
 		const projectsStore = useProjectsStore();
 		const modalBus = createEventBus();
-		const loading$2 = ref(false);
+		const loading$3 = ref(false);
 		const validateOnBlur = ref(false);
 		const keyValidationRules = [
 			{ name: "REQUIRED" },
@@ -26258,7 +26347,7 @@ var VariableModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			validateOnBlur.value = true;
 			if (!isValid.value) return;
 			try {
-				loading$2.value = true;
+				loading$3.value = true;
 				const variablePayload = {
 					key: form$3.key,
 					value: form$3.value
@@ -26273,7 +26362,7 @@ var VariableModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			} catch (error$2) {
 				showError(error$2, i18n$2.baseText("variables.errors.save"));
 			} finally {
-				loading$2.value = false;
+				loading$3.value = false;
 			}
 		}
 		return (_ctx, _cache) => {
@@ -26402,7 +26491,7 @@ var VariableModal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"data-test-id": "variable-modal-cancel-button",
 					onClick: closeModal
 				}, null, 8, ["label"]), createVNode(unref(N8nButton_default), {
-					loading: loading$2.value,
+					loading: loading$3.value,
 					disabled: !isValid.value,
 					label: unref(i18n$2).baseText("variables.modal.button.save"),
 					"data-test-id": "variable-modal-save-button",
@@ -26740,6 +26829,13 @@ var Modals_default = /* @__PURE__ */ defineComponent({
 					}, null, 8, ["modal-name", "data"])]),
 					_: 1
 				}, 8, ["name"]),
+				createVNode(ModalRoot_default, { name: unref(EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY) }, {
+					default: withCtx(({ modalName, data }) => [createVNode(NodeRecommendationModal_default$2, {
+						"modal-name": modalName,
+						data
+					}, null, 8, ["modal-name", "data"])]),
+					_: 1
+				}, 8, ["name"]),
 				createVNode(ModalRoot_default, { name: unref(PRE_BUILT_AGENTS_MODAL_KEY) }, {
 					default: withCtx(({ modalName, data }) => [createVNode(PreBuiltAgentsModal_default, {
 						"modal-name": modalName,
@@ -27032,7 +27128,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 		const { toastBottomOffset, askAiFloatingButtonBottomOffset } = useFloatingUiOffsets();
 		useHistoryHelper(route);
 		useWorkflowDiffRouting();
-		const loading$2 = ref(true);
+		const loading$3 = ref(true);
 		const defaultLocale = computed(() => rootStore.defaultLocale);
 		const isDemoMode = computed(() => route.name === VIEWS.DEMO);
 		const hasContentFooter = ref(false);
@@ -27043,7 +27139,7 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 		onMounted(async () => {
 			setAppZIndexes();
 			logHiringBanner();
-			loading$2.value = false;
+			loading$3.value = false;
 			window.addEventListener("resize", updateGridWidth);
 			await updateGridWidth();
 		});
@@ -27077,11 +27173,11 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			axios_default.defaults.headers.common["Accept-Language"] = newLocale;
 			use(newLocale);
 		}, { immediate: true });
-		useExposeCssVar("--toast-bottom-offset", toastBottomOffset);
-		useExposeCssVar("--ask-assistant-floating-button-bottom-offset", askAiFloatingButtonBottomOffset);
+		useExposeCssVar("--toast--offset", toastBottomOffset);
+		useExposeCssVar("--ask-assistant--floating-button--margin-bottom", askAiFloatingButtonBottomOffset);
 		return (_ctx, _cache) => {
 			const _component_RouterView = resolveComponent("RouterView");
-			return loading$2.value ? (openBlock(), createBlock(LoadingView_default, { key: 0 })) : (openBlock(), createElementBlock("div", {
+			return loading$3.value ? (openBlock(), createBlock(LoadingView_default, { key: 0 })) : (openBlock(), createElementBlock("div", {
 				key: 1,
 				id: "n8n-app",
 				class: normalizeClass({
@@ -27153,17 +27249,17 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 		};
 	}
 });
-const container = "_container_1tlmi_123";
-const banners = "_banners_1tlmi_139";
-const content = "_content_1tlmi_144";
-const contentFooter = "_contentFooter_1tlmi_152";
-const contentWrapper = "_contentWrapper_1tlmi_162";
-const header = "_header_1tlmi_176";
-const sidebar = "_sidebar_1tlmi_183";
-const modals = "_modals_1tlmi_188";
+const container = "_container_jj6dn_123";
+const banners = "_banners_jj6dn_139";
+const content = "_content_jj6dn_144";
+const contentFooter = "_contentFooter_jj6dn_152";
+const contentWrapper = "_contentWrapper_jj6dn_162";
+const header = "_header_jj6dn_176";
+const sidebar = "_sidebar_jj6dn_183";
+const modals = "_modals_jj6dn_188";
 var App_vue_vue_type_style_index_0_lang_module_default = {
 	container,
-	"app-grid": "_app-grid_1tlmi_130",
+	"app-grid": "_app-grid_jj6dn_130",
 	banners,
 	content,
 	contentFooter,