n8n-editor-ui 1.97.1 → 1.98.1

package/dist/assets/{NodeView-C4qNUqxt.js → NodeView-i5dNh-Et.js}

@@ -1,44 +1,25 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-B6jElzI2.js","assets/index-HDYArLT1.js","assets/index-B4xpaMaK.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-BLMLHNQw.js","assets/import-curl-D7BhanPS.js","assets/RunData-u5uBr_cv.js","assets/FileSaver.min-Bv-Q_h7m.js","assets/useExecutionHelpers-Dulw8xCc.js","assets/RunData-XsmLcFYS.css","assets/RunDataAi-DZzXTVdi.js","assets/RunDataParsedAiContent-C1lte0Et.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/RunDataAi-D9VLFXIf.css","assets/useWorkflowActivate-CUShgia-.js","assets/NodeDetailsView-6JHPI3t-.css","assets/SetupWorkflowCredentialsButton-DFtZhM9C.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, _ as _export_sfc$1, i as createElementBlock, k as createBaseVNode, bX as PanelPosition, bY as useVueFlow, bL as toRef, w as withCtx, x as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, b7 as resolveDynamicComponent, m as unref, bZ as _sfc_main$H, q as computed, c as useI18n, bQ as KeyboardShortcutTooltip, n as normalizeClass, by as NodeConnectionTypes, b_ as getBezierPath, b$ as getSmoothStepPath, c0 as Position, b1 as inject, c1 as CanvasKey, Y as useCssModule, c2 as parseCanvasConnectionHandleString, r as ref, o as onMounted, D as renderList, c3 as _sfc_main$d$1, B as normalizeStyle, H as useUIStore, bz as useNodeTypesStore, Q as useWorkflowsStore, a0 as useSourceControlStore, a7 as getResourcePermissions, c4 as isNodeWithWorkflowSelector, c5 as getSubworkflowId, c6 as isPresent, X as watch, c7 as getMousePosition, ay as STICKY_NODE_TYPE, bl as usePinnedData, c8 as NOT_DUPLICATABLE_NODE_TYPES, c9 as isExecutable, ca as Teleport, bR as useStyles, bS as N8nActionDropdown, cb as getDefaultExportFromCjs, cc as NODE_SIZE, cd as CanvasNodeRenderType, ce as GRID_SIZE, bU as useThrottleFn, cf as getRectOfNodes, bc as onUnmounted, cg as useActiveElement, ch as useDeviceSupport, ci as useEventListener, cj as onKeyDown, ck as onKeyUp, cl as useSlots, cm as useAttrs, cn as getBoundsofRects, a$ as watchEffect, t as toDisplayString, co as getConnectedEdges, b5 as normalizeProps, b8 as mergeProps, bi as provide, aq as h, aV as createSlots, cp as isValidNodeConnectionType, cq as _sfc_main$3$1, cr as CanvasConnectionMode, cs as CanvasNodeKey, ct as mergeModels, cu as useModel, y as onBeforeUnmount, bA as useNodeHelpers, cv as TitledList, aR as N8nTooltip, l as createTextVNode, cw as CanvasNodeDirtiness, bH as _sfc_main$I, b3 as withModifiers, cx as useGetPointerPosition, cy as clamp, cz as NodeId, cA as useNodeCreatorStore, ah as nodeViewEventBus, cB as NODE_CREATOR_OPEN_SOURCES, cC as useBuilderStore, be as withKeys, cD as CanvasNodeHandleKey, aA as withDirectives, aB as vShow, cE as Transition$1, cF as _sfc_main$f$1, b as useRouter, aY as useLogsStore, bB as useRunWorkflow, cG as useCanvasOperations, cH as CHAT_TRIGGER_NODE_TYPE, bh as N8nButton, cI as insertSpacersBetweenEndpoints, cJ as createCanvasConnectionHandleString, C as createEventBus, cK as isEqual, p as useSettingsStore, z as nextTick, cL as _sfc_main$1$4, cM as MarkerType, cN as Suspense, b6 as guardReactiveProps, cO as updateViewportToContainNodes, cP as useNodeDirtiness, cQ as CUSTOM_API_CALL_KEY, cR as mapLegacyEndpointsToCanvasConnectionPort, bv as getNodeInputs, bx as getNodeOutputs, cS as getTriggerNodeServiceName, cT as sanitizeHtml, cU as WAIT_NODE_TYPE, cV as SEND_AND_WAIT_OPERATION, cW as FORM_NODE_TYPE, cX as WAIT_INDEFINITELY, cY as checkOverlap, cZ as SIMULATE_NODE_TYPE, c_ as SIMULATE_TRIGGER_NODE_TYPE, c$ as mapLegacyConnectionsToCanvasConnections, d0 as getNodeIconSource, d1 as refThrottled, d2 as reactive, R as useRoute, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, d3 as useCredentialsStore, d4 as useEnvironmentsStore, d5 as useExternalSecretsStore, Z as useRootStore, at as useExecutionsStore, $ as useCanvasStore, a3 as useNpsSurveyStore, d6 as useHistoryStore, a1 as useProjectsStore, u as useUsersStore, E as useTagsStore, P as usePushConnectionStore, as as useNDVStore, aN as useTemplatesStore, a2 as useFoldersStore, d7 as useAgentRequestStore, d8 as useWorkflowExtraction, bg as useClipboard, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, d9 as NEW_WORKFLOW_ID, V as VIEWS, da as START_NODE_TYPE, db as getNodeViewTab, s as MAIN_HEADER_TABS, dc as VALID_WORKFLOW_IMPORT_URL_REGEX, ai as useMessage, aj as MODAL_CONFIRM, dd as jsonParse, de as MANUAL_CHAT_TRIGGER_NODE_TYPE, df as EVALUATION_TRIGGER_NODE_TYPE, dg as getBounds, dh as onBeforeRouteLeave, az as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, aP as useExternalHooks, di as onActivated, dj as onDeactivated, dk as defineAsyncComponent, dl as N8nCallout, ao as __vitePreload, aa as EnterpriseEditionFeature, dm as EVALUATION_NODE_TYPE, ag as useTelemetry, dn as tryToParseNumber, aF as sourceControlEventBus, dp as getNodesWithNormalizedPosition, dq as historyBus, dr as needsAgentInput, ds as FROM_AI_PARAMETERS_MODAL_KEY, dt as DRAG_EVENT_DATA_KEY } from "./index-HDYArLT1.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-zn0GER90.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-BrUGp6HK.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DkY263Ue.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-H7-jyGZy.js";
-import { u as useClearExecutionButtonVisible, c as canvasEventBus } from "./canvas-BzAUJmlt.js";
-import { u as useWorkflowSaving } from "./useWorkflowSaving-oozcXWTy.js";
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
-  __name: "CanvasChatButton",
-  props: {
-    type: {},
-    label: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(_component_N8nButton, {
-        label: _ctx.label,
-        size: "large",
-        icon: "comment",
-        type: _ctx.type,
-        "data-test-id": "workflow-chat-button"
-      }, null, 8, ["label", "type"]);
-    };
-  }
-});
-const _sfc_main$F = {};
-const _hoisted_1$d = {
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-CNH2xciY.js","assets/index--ag0tEQM.js","assets/index-B-xWz5mo.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-DQ4I8u72.js","assets/RunData-D6YmSB6p.js","assets/FileSaver.min-BUciI8xL.js","assets/useExecutionHelpers-97Ddzif0.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-DPcEKWtn.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/useWorkflowActivate-E5Lz7Bjd.js","assets/import-curl-B1dF12h6.js","assets/global-link-actions-B10zAHg8.js","assets/useExecutionDebugging-CoJa-NM6.js","assets/useBeforeUnload-CZLqOCP0.js","assets/easyAiWorkflowUtils-CWag2afn.js","assets/canvas-viI6yjxT.js","assets/NodeDetailsView-DWA1ZgwG.css","assets/SetupWorkflowCredentialsButton-DgTQe_yd.js"])))=>i.map(i=>d[i]);
+import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, ca as PanelPosition, cb as useVueFlow, bH as toRef, e as createBlock, w as withCtx, x as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, bO as resolveDynamicComponent, m as unref, cc as _sfc_main$N, q as computed, h as resolveComponent, c as useI18n, bY as KeyboardShortcutTooltip, n as normalizeClass, bb as NodeConnectionTypes, cd as getBezierPath, ce as getSmoothStepPath, cf as Position, bK as inject, cg as CanvasKey, X as useCssModule, ch as parseCanvasConnectionHandleString, r as ref, o as onMounted, C as renderList, ci as _sfc_main$d$1, A as normalizeStyle, G as useUIStore, bt as useNodeTypesStore, P as useWorkflowsStore, $ as useSourceControlStore, a7 as getResourcePermissions, cj as isNodeWithWorkflowSelector, ck as getSubworkflowId, cl as isPresent, W as watch, cm as getMousePosition, aC as STICKY_NODE_TYPE, bl as usePinnedData, cn as NOT_DUPLICATABLE_NODE_TYPES, co as isExecutable, cp as Teleport, b_ as useStyles, b$ as N8nActionDropdown, bw as getDefaultExportFromCjs, cq as NODE_SIZE, cr as CanvasNodeRenderType, cs as GRID_SIZE, c1 as useThrottleFn, ct as getRectOfNodes, bR as onUnmounted, cu as useActiveElement, cv as useDeviceSupport, cw as useEventListener$1, cx as onKeyDown, cy as onKeyUp, cz as useSlots, cA as useAttrs, cB as getBoundsofRects, cC as watchEffect, t as toDisplayString, cD as getConnectedEdges, bM as normalizeProps, bI as mergeProps, bq as provide, au as h, aZ as createSlots, cE as isValidNodeConnectionType, cF as _sfc_main$3$1, cG as CanvasConnectionMode, cH as CanvasNodeKey, cI as mergeModels, cJ as useModel, v as onBeforeUnmount, bn as useNodeHelpers, cK as TitledList, aV as N8nTooltip, l as createTextVNode, cL as CanvasNodeDirtiness, p as useSettingsStore, bs as useCanvasOperations, cM as refDebounced, ac as useTemplateRef, cN as useElementSize, bC as _sfc_main$O, ad as InlineRename, aw as useNDVStore, cO as isCommunityPackageName, cP as NPM_PACKAGE_DOCS_BASE_URL, cQ as BUILTIN_NODES_DOCS_URL, cR as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aT as useExternalHooks, ai as useTelemetry, bU as useClipboard, a5 as useWorkflowHelpers, a as useToast, cS as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, cT as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, cU as MCP_TRIGGER_NODE_TYPE, cV as FORM_TRIGGER_NODE_TYPE, bk as CHAT_TRIGGER_NODE_TYPE, aU as onClickOutside, cW as toRef$1, cX as tryOnScopeDispose, cY as toValue, cZ as isIOS, c_ as noop$2, c$ as isObject, d0 as isClient, E as useDebounce, d1 as getNodeInputs, d2 as SWITCH_NODE_TYPE, d3 as isEqual, d4 as captureException, ay as usePostHog, d5 as useCredentialsStore, u as useUsersStore, a0 as useProjectsStore, d6 as OPEN_AI_API_CREDENTIAL_TYPE, d7 as AI_CREDITS_EXPERIMENT, d8 as useHistoryStore, ab as ProjectTypes, d9 as getConnectionTypes, c9 as ndvEventBus, da as _sfc_main$P, db as CUSTOM_NODES_DOCS_URL, aE as withDirectives, aF as vShow, dc as _sfc_main$Q, dd as NodeCredentials, bB as withModifiers, de as get$3, df as getNodeParameters, dg as deepCopy, dh as set$3, di as unset, dj as getUpdatedToolDescription, dk as RenameNodeCommand, dl as isINodePropertyCollectionList, dm as isINodePropertiesList, dn as isINodePropertyOptionsList, dp as displayParameter, B as createEventBus, dq as useGetPointerPosition, dr as clamp, ds as NodeId, dt as useNodeCreatorStore, aj as nodeViewEventBus, du as NODE_CREATOR_OPEN_SOURCES, dv as useBuilderStore, bT as withKeys, dw as CanvasNodeHandleKey, dx as Transition$1, dy as _sfc_main$f$1, b as useRouter, bm as useLogsStore, bo as useRunWorkflow, bF as N8nButton, dz as insertSpacersBetweenEndpoints, dA as createCanvasConnectionHandleString, y as nextTick, dB as _sfc_main$1$4, dC as MarkerType, dD as Suspense, bN as guardReactiveProps, dE as updateViewportToContainNodes, dF as useNodeDirtiness, dG as CUSTOM_API_CALL_KEY, dH as mapLegacyEndpointsToCanvasConnectionPort, dI as getNodeOutputs, dJ as getTriggerNodeServiceName, dK as sanitizeHtml, dL as WAIT_NODE_TYPE, dM as SEND_AND_WAIT_OPERATION, dN as FORM_NODE_TYPE, dO as WAIT_INDEFINITELY, dP as checkOverlap, dQ as SIMULATE_NODE_TYPE, dR as SIMULATE_TRIGGER_NODE_TYPE, dS as mapLegacyConnectionsToCanvasConnections, dT as getNodeIconSource, dU as refThrottled, ba as isChatNode, dV as truncateBeforeLast, br as N8nText, dW as reactive, Q as useRoute, a3 as useDocumentTitle, a4 as useWorkflowSaving, dX as useEnvironmentsStore, dY as useExternalSecretsStore, Y as useRootStore, ax as useExecutionsStore, Z as useCanvasStore, a2 as useNpsSurveyStore, D as useTagsStore, O as usePushConnectionStore, aR as useTemplatesStore, a1 as useFoldersStore, dZ as useAgentRequestStore, d_ as useWorkflowExtraction, R as PLACEHOLDER_EMPTY_WORKFLOW_ID, d$ as NEW_WORKFLOW_ID, V as VIEWS, bu as START_NODE_TYPE, e0 as getNodeViewTab, s as MAIN_HEADER_TABS, e1 as VALID_WORKFLOW_IMPORT_URL_REGEX, ak as useMessage, al as MODAL_CONFIRM, e2 as jsonParse, bj as MANUAL_CHAT_TRIGGER_NODE_TYPE, e3 as EVALUATION_TRIGGER_NODE_TYPE, e4 as getBounds, e5 as onBeforeRouteLeave, aD as onBeforeMount, am as WORKFLOW_SETTINGS_MODAL_KEY, e6 as onActivated, e7 as onDeactivated, e8 as defineAsyncComponent, e9 as N8nCallout, as as __vitePreload, aa as EnterpriseEditionFeature, ea as EVALUATION_NODE_TYPE, eb as tryToParseNumber, aK as sourceControlEventBus, ec as getNodesWithNormalizedPosition, ed as historyBus, ee as needsAgentInput, ef as FROM_AI_PARAMETERS_MODAL_KEY, eg as DRAG_EVENT_DATA_KEY } from "./index--ag0tEQM.js";
+import { i as importCurlEventBus } from "./import-curl-B1dF12h6.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-B10zAHg8.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-CoJa-NM6.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-CZLqOCP0.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-CWag2afn.js";
+import { c as canvasEventBus } from "./canvas-viI6yjxT.js";
+const _sfc_main$M = {};
+const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$d, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M1.6.13c-.18-.17-.47-.18-.62 0L.56.57.14.98c-.2.15-.18.44 0 .62l3.63 3.6c.1.1.1.27 0 .37-.2.2-.53.52-.93.94-.56.57-.12 1.62.22 2.11.05.07.12.1.2.1.05-.01.1-.04.15-.08l5.23-5.22c.1-.1.1-.26-.02-.34-.5-.34-1.55-.78-2.12-.22-.42.4-.75.73-.94.93-.1.1-.27.1-.37 0L1.6.13ZM9.5 3.9c.07-.09.2-.1.3-.04l6.07 3.44c.15.08.18.29.05.4l-1.21 1.22a.26.26 0 0 1-.26.07l-2.18-.64a.26.26 0 0 0-.32.33l.76 2.02c.04.1.01.2-.06.27L7.7 15.92a.26.26 0 0 1-.41-.05L3.83 9.8a.26.26 0 0 1 .04-.3l5.62-5.6Z"
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$1]]);
 const _sfc_main$1$3 = {
   name: "ControlButton",
   compatConfig: { MODE: 3 }
@@ -62,11 +43,11 @@ const _hoisted_1$4$1 = {
   viewBox: "0 0 32 32"
 };
 const _hoisted_2$4$1 = /* @__PURE__ */ createBaseVNode("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }, null, -1);
-const _hoisted_3$4 = [
+const _hoisted_3$4$1 = [
   _hoisted_2$4$1
 ];
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4$1, _hoisted_3$4);
+  return openBlock(), createElementBlock("svg", _hoisted_1$4$1, _hoisted_3$4$1);
 }
 const PlusIcon = { render: render$4 };
 const _hoisted_1$3$1 = {
@@ -105,23 +86,23 @@ function render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1$2, _hoisted_3$1$1);
 }
 const Lock = { render: render$1 };
-const _hoisted_1$c = {
+const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 25 32"
 };
-const _hoisted_2$8 = /* @__PURE__ */ createBaseVNode("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047z" }, null, -1);
-const _hoisted_3$5 = [
-  _hoisted_2$8
+const _hoisted_2$b = /* @__PURE__ */ createBaseVNode("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047z" }, null, -1);
+const _hoisted_3$7 = [
+  _hoisted_2$b
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$c, _hoisted_3$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$7);
 }
 const Unlock = { render };
 const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -164,7 +145,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$H), {
+      return openBlock(), createBlock(unref(_sfc_main$N), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -237,7 +218,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -267,7 +248,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIconButton = resolveComponent("N8nIconButton");
       const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(unref(_sfc_main$E), {
+      return openBlock(), createBlock(unref(_sfc_main$L), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -362,24 +343,24 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$r = {
+const style0$v = {
   iconButton
 };
-const cssModules$r = {
-  "$style": style0$r
+const cssModules$v = {
+  "$style": style0$v
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$r]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__cssModules", cssModules$v]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
 const HANDLE_SIZE = 20;
 const isRightOfSourceHandle = (sourceX, targetX) => sourceX - HANDLE_SIZE > targetX;
 function getEdgeRenderData(props, {
-  connectionType = NodeConnectionTypes.Main
+  connectionType: connectionType2 = NodeConnectionTypes.Main
 } = {}) {
   const { targetX, targetY, sourceX, sourceY, sourcePosition, targetPosition } = props;
   const isConnectorStraight = sourceY === targetY;
-  if (!isRightOfSourceHandle(sourceX, targetX) || connectionType !== NodeConnectionTypes.Main) {
+  if (!isRightOfSourceHandle(sourceX, targetX) || connectionType2 !== NodeConnectionTypes.Main) {
     const segment = getBezierPath(props);
     return {
       segments: [segment],
@@ -425,7 +406,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -446,7 +427,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const props = __props;
     const $style = useCssModule();
     const { connectingHandle } = useCanvas();
-    const connectionType = computed(
+    const connectionType2 = computed(
       () => parseCanvasConnectionHandleString(connectingHandle.value?.handleId).type
     );
     const classes = computed(() => {
@@ -456,19 +437,19 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       };
     });
     const edgeColor = computed(() => {
-      if (connectionType.value !== NodeConnectionTypes.Main) {
+      if (connectionType2.value !== NodeConnectionTypes.Main) {
         return "var(--node-type-supplemental-color)";
       } else {
         return "var(--color-foreground-xdark)";
       }
     });
     const edgeStyle = computed(() => ({
-      ...connectionType.value === NodeConnectionTypes.Main ? {} : { strokeDasharray: "8,8" },
+      ...connectionType2.value === NodeConnectionTypes.Main ? {} : { strokeDasharray: "8,8" },
       strokeWidth: 2,
       stroke: edgeColor.value
     }));
     const renderData = computed(
-      () => getEdgeRenderData(props, { connectionType: connectionType.value })
+      () => getEdgeRenderData(props, { connectionType: connectionType2.value })
     );
     const segments = computed(() => renderData.value.segments);
     const isVisible = ref(false);
@@ -492,14 +473,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$q = {
+const style0$u = {
   edge: edge$1,
   visible
 };
-const cssModules$q = {
-  "$style": style0$q
+const cssModules$u = {
+  "$style": style0$u
 };
-const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$q]]);
+const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__cssModules", cssModules$u]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -730,7 +711,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -798,14 +779,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$p = {
+const style0$t = {
   contextMenu,
   activator
 };
-const cssModules$p = {
-  "$style": style0$p
+const cssModules$t = {
+  "$style": style0$t
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$p]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__cssModules", cssModules$t]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -4823,7 +4804,7 @@ const useKeybindings = (keymap, options) => {
       handler(event);
     }
   }
-  useEventListener(document, "keydown", onKeyDown2);
+  useEventListener$1(document, "keydown", onKeyDown2);
 };
 function useShortKeyPress(key, fn, {
   dedupe = true,
@@ -7389,14 +7370,14 @@ const _sfc_main$1$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["width", "height", "viewBox", "aria-labelledby"];
-const _hoisted_2$7 = ["id"];
-const _hoisted_3$3 = ["d", "fill", "stroke", "stroke-width"];
+const _hoisted_1$f = ["width", "height", "viewBox", "aria-labelledby"];
+const _hoisted_2$a = ["id"];
+const _hoisted_3$6 = ["d", "fill", "stroke", "stroke-width"];
 const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -7559,7 +7540,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$H), {
+      return openBlock(), createBlock(unref(_sfc_main$N), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -7577,7 +7558,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             _ctx.ariaLabel ? (openBlock(), createElementBlock("title", {
               key: 0,
               id: `vue-flow__minimap-${unref(id2)}`
-            }, toDisplayString(_ctx.ariaLabel), 9, _hoisted_2$7)) : createCommentVNode("", true),
+            }, toDisplayString(_ctx.ariaLabel), 9, _hoisted_2$a)) : createCommentVNode("", true),
             (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getNodesInitialized), (node2) => {
               return openBlock(), createBlock(_sfc_main$1$2, {
                 id: node2.id,
@@ -7609,17 +7590,17 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               stroke: _ctx.maskStrokeColor,
               "stroke-width": _ctx.maskStrokeWidth,
               "fill-rule": "evenodd"
-            }, null, 8, _hoisted_3$3)
-          ], 8, _hoisted_1$b))
+            }, null, 8, _hoisted_3$6)
+          ], 8, _hoisted_1$f))
         ]),
         _: 1
       }, 8, ["position", "class"]);
     };
   }
 });
-const _hoisted_1$a = ["id", "x", "y", "width", "height", "patternTransform"];
-const _hoisted_2$6 = ["d", "stroke-width"];
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_2$9 = ["d", "stroke-width"];
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -7644,12 +7625,12 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         createBaseVNode("path", {
           d: `M0 ${scaledGap.value / 2} H${scaledGap.value}`,
           "stroke-width": scaledGap.value / 2
-        }, null, 8, _hoisted_2$6)
-      ], 8, _hoisted_1$a);
+        }, null, 8, _hoisted_2$9)
+      ], 8, _hoisted_1$e);
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__scopeId", "data-v-161512f5"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-161512f5"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -7673,19 +7654,19 @@ const DefaultBgColors = {
   [BackgroundVariant.Dots]: "#81818a",
   [BackgroundVariant.Lines]: "#eee"
 };
-const _hoisted_1$9 = ["id", "x", "y", "width", "height", "patternTransform"];
-const _hoisted_2$5 = {
+const _hoisted_1$d = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_2$8 = {
   key: 2,
   height: "100",
   width: "100"
 };
-const _hoisted_3$2 = ["fill"];
-const _hoisted_4$1 = ["x", "y", "fill"];
+const _hoisted_3$5 = ["fill"];
+const _hoisted_4$4 = ["x", "y", "fill"];
 const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -7748,15 +7729,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 color: patternColor.value,
                 radius: background.value.size / 2
               }, null, 8, ["color", "radius"])) : createCommentVNode("", true),
-              _ctx.bgColor ? (openBlock(), createElementBlock("svg", _hoisted_2$5, [
+              _ctx.bgColor ? (openBlock(), createElementBlock("svg", _hoisted_2$8, [
                 createBaseVNode("rect", {
                   width: "100%",
                   height: "100%",
                   fill: _ctx.bgColor
-                }, null, 8, _hoisted_3$2)
+                }, null, 8, _hoisted_3$5)
               ])) : createCommentVNode("", true)
             ])
-          ], 8, _hoisted_1$9)
+          ], 8, _hoisted_1$d)
         ]),
         createBaseVNode("rect", {
           x: _ctx.x,
@@ -7764,13 +7745,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           width: "100%",
           height: "100%",
           fill: `url(#${patternId.value})`
-        }, null, 8, _hoisted_4$1),
+        }, null, 8, _hoisted_4$4),
         renderSlot(_ctx.$slots, "default", { id: patternId.value })
       ], 4);
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -7778,7 +7759,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$y), {
+      return openBlock(), createBlock(unref(_sfc_main$F), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -7800,8 +7781,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["id"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["id"];
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -7828,13 +7809,13 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               stroke: "context-stroke",
               fill: "context-stroke"
             }, null, -1)
-          ]), 8, _hoisted_1$8)
+          ]), 8, _hoisted_1$c)
         ])
       ]);
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -7885,17 +7866,17 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
-const style0$o = {
+const style0$s = {
   canvasEdgeToolbar
 };
-const cssModules$o = {
-  "$style": style0$o
+const cssModules$s = {
+  "$style": style0$s
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$o]]);
-const _hoisted_1$7 = ["data-source-node-name", "data-target-node-name"];
-const _hoisted_2$4 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
+const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
+const _hoisted_1$b = ["data-source-node-name", "data-target-node-name"];
+const _hoisted_2$7 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
 const delayedHoveredTimeout = 600;
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -7938,7 +7919,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const props = __props;
     const data = toRef(props, "data");
     const $style = useCssModule();
-    const connectionType = computed(
+    const connectionType2 = computed(
       () => isValidNodeConnectionType(props.data.source.type) ? props.data.source.type : NodeConnectionTypes.Main
     );
     const delayedHovered = ref(props.hovered);
@@ -8000,7 +7981,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     }));
     const renderData = computed(
       () => getEdgeRenderData(props, {
-        connectionType: connectionType.value
+        connectionType: connectionType2.value
       })
     );
     const segments = computed(() => renderData.value.segments);
@@ -8041,7 +8022,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               "interaction-width": 40
             }, null, 8, ["id", "class", "style", "path", "marker-end"]);
           }), 128))
-        ], 8, _hoisted_1$7),
+        ], 8, _hoisted_1$b),
         createVNode(unref(_sfc_main$3$1), null, {
           default: withCtx(() => [
             createBaseVNode("div", {
@@ -8056,7 +8037,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             }, [
               renderToolbar.value ? (openBlock(), createBlock(CanvasEdgeToolbar, {
                 key: 0,
-                type: connectionType.value,
+                type: connectionType2.value,
                 onAdd: onAdd2,
                 onDelete
               }, null, 8, ["type"])) : (openBlock(), createElementBlock("div", {
@@ -8064,7 +8045,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(edgeLabelStyle.value),
                 class: normalizeClass(unref($style).edgeLabel)
               }, toDisplayString(_ctx.label), 7))
-            ], 46, _hoisted_2$4)
+            ], 46, _hoisted_2$7)
           ]),
           _: 1
         })
@@ -8075,15 +8056,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$n = {
+const style0$r = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$n = {
-  "$style": style0$n
+const cssModules$r = {
+  "$style": style0$r
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__cssModules", cssModules$n]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -8115,16 +8096,17 @@ function useCanvasNode() {
   const name = computed(() => data.value.name);
   const inputs2 = computed(() => data.value.inputs);
   const outputs = computed(() => data.value.outputs);
-  const connections = computed(() => data.value.connections);
+  const connections2 = computed(() => data.value.connections);
   const isDisabled = computed(() => data.value.disabled);
   const isReadOnly = computed(() => node2?.readOnly.value);
   const isSelected = computed(() => node2?.selected.value);
   const pinnedDataCount = computed(() => data.value.pinnedData.count);
   const hasPinnedData = computed(() => data.value.pinnedData.count > 0);
   const issues2 = computed(() => data.value.issues.items ?? []);
-  const hasIssues = computed(() => data.value.issues.visible);
+  const hasIssues2 = computed(() => data.value.issues.visible);
   const executionStatus = computed(() => data.value.execution.status);
   const executionWaiting = computed(() => data.value.execution.waiting);
+  const executionWaitingForNext = computed(() => data.value.execution.waitingForNext);
   const executionRunning = computed(() => data.value.execution.running);
   const runDataOutputMap = computed(() => data.value.runData.outputMap);
   const runDataIterations = computed(() => data.value.runData.iterations);
@@ -8139,7 +8121,7 @@ function useCanvasNode() {
     subtitle: subtitle2,
     inputs: inputs2,
     outputs,
-    connections,
+    connections: connections2,
     isDisabled,
     isReadOnly,
     isSelected,
@@ -8149,17 +8131,18 @@ function useCanvasNode() {
     runDataOutputMap,
     hasRunData,
     issues: issues2,
-    hasIssues,
+    hasIssues: hasIssues2,
     executionStatus,
     executionWaiting,
+    executionWaitingForNext,
     executionRunning,
     render: render2,
     eventBus
   };
 }
-const _hoisted_1$6 = ["title"];
-const _hoisted_2$3 = ["onClick"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = ["title"];
+const _hoisted_2$6 = ["onClick"];
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -8223,7 +8206,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             title: unref(i18n).baseText("node.changeColor")
           }, [
             createVNode(_component_FontAwesomeIcon, { icon: "palette" })
-          ], 10, _hoisted_1$6)
+          ], 10, _hoisted_1$a)
         ]),
         default: withCtx(() => [
           createBaseVNode("div", {
@@ -8239,7 +8222,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   renderOptions.value.color === color2 ? _ctx.$style.selected : ""
                 ]),
                 onClick: ($event) => changeColor(color2)
-              }, null, 10, _hoisted_2$3);
+              }, null, 10, _hoisted_2$6);
             }), 128))
           ], 2)
         ]),
@@ -8253,7 +8236,7 @@ const content = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$m = {
+const style0$q = {
   popover,
   content,
   color,
@@ -8267,11 +8250,11 @@ const style0$m = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$m = {
-  "$style": style0$m
+const cssModules$q = {
+  "$style": style0$q
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m]]);
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -8406,16 +8389,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$l = {
+const style0$p = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$l = {
-  "$style": style0$l
+const cssModules$p = {
+  "$style": style0$p
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__cssModules", cssModules$l]]);
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -8437,20 +8420,20 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
 const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
 const success$2 = "_success_nl2g7_132";
 const warning$2 = "_warning_nl2g7_136";
-const style0$k = {
+const style0$o = {
   disabledStrikeThrough,
   success: success$2,
   warning: warning$2
 };
-const cssModules$k = {
-  "$style": style0$k
+const cssModules$o = {
+  "$style": style0$o
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$k]]);
-const _hoisted_1$5 = { key: 1 };
-const _hoisted_2$2 = ["textContent"];
-const _hoisted_3$1 = { key: 2 };
-const _hoisted_4 = { key: 5 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__cssModules", cssModules$o]]);
+const _hoisted_1$9 = { key: 1 };
+const _hoisted_2$5 = ["textContent"];
+const _hoisted_3$4 = { key: 2 };
+const _hoisted_4$3 = { key: 5 };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -8458,9 +8441,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const {
       hasPinnedData,
       issues: issues2,
-      hasIssues,
+      hasIssues: hasIssues2,
       executionStatus,
       executionWaiting,
+      executionWaitingForNext,
       executionRunning,
       hasRunData,
       runDataIterations,
@@ -8473,7 +8457,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      return unref(hasIssues) && !hideNodeIssues.value ? (openBlock(), createElementBlock("div", {
+      return unref(hasIssues2) && !hideNodeIssues.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass([_ctx.$style.status, _ctx.$style.issues]),
         "data-test-id": "node-issues"
@@ -8493,7 +8477,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
         createBaseVNode("div", {
           class: normalizeClass([_ctx.$style.status, _ctx.$style.waiting])
         }, [
@@ -8501,7 +8485,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             content: withCtx(() => [
               createBaseVNode("div", {
                 textContent: toDisplayString(unref(executionWaiting))
-              }, null, 8, _hoisted_2$2)
+              }, null, 8, _hoisted_2$5)
             ]),
             default: withCtx(() => [
               createVNode(_component_FontAwesomeIcon, { icon: "clock" })
@@ -8517,7 +8501,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             spin: ""
           })
         ], 2)
-      ])) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$1)) : unref(executionRunning) || unref(executionStatus) === "running" ? (openBlock(), createElementBlock("div", {
+      ])) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$4)) : unref(executionRunning) || unref(executionWaitingForNext) || unref(executionStatus) === "running" ? (openBlock(), createElementBlock("div", {
         key: 3,
         "data-test-id": "canvas-node-status-running",
         class: normalizeClass([_ctx.$style.status, _ctx.$style.running])
@@ -8532,7 +8516,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         class: normalizeClass([_ctx.$style.status, _ctx.$style.pinnedData])
       }, [
         createVNode(_component_FontAwesomeIcon, { icon: "thumbtack" })
-      ], 2)) : dirtiness.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+      ], 2)) : dirtiness.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
         createVNode(unref(N8nTooltip), {
           "show-after": 500,
           placement: "bottom"
@@ -8578,7 +8562,7 @@ const running$1 = "_running_93vv6_142";
 const issues = "_issues_93vv6_165";
 const count = "_count_93vv6_170";
 const warning$1 = "_warning_93vv6_174";
-const style0$j = {
+const style0$n = {
   status,
   runData,
   waiting: waiting$1,
@@ -8589,11 +8573,11 @@ const style0$j = {
   count,
   warning: warning$1
 };
-const cssModules$j = {
-  "$style": style0$j
+const cssModules$n = {
+  "$style": style0$n
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__cssModules", cssModules$j]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$n]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -8632,18 +8616,18 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$i = {
+const style0$m = {
   tooltipTrigger,
   popper
 };
-const cssModules$i = {
-  "$style": style0$i
+const cssModules$m = {
+  "$style": style0$m
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__cssModules", cssModules$i]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$m]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
-  connections
+  connections: connections2
 }) {
   const mainInputs = computed(
     () => unref(inputs2).filter((input) => input.type === NodeConnectionTypes.Main)
@@ -8655,7 +8639,7 @@ function useNodeConnections({
     () => nonMainInputs.value.filter((input) => input.required)
   );
   const mainInputConnections = computed(
-    () => unref(connections)[CanvasConnectionMode.Input][NodeConnectionTypes.Main] ?? []
+    () => unref(connections2)[CanvasConnectionMode.Input][NodeConnectionTypes.Main] ?? []
   );
   const mainOutputs = computed(
     () => unref(outputs).filter((output) => output.type === NodeConnectionTypes.Main)
@@ -8664,7 +8648,7 @@ function useNodeConnections({
     () => unref(outputs).filter((output) => output.type !== NodeConnectionTypes.Main)
   );
   const mainOutputConnections = computed(
-    () => unref(connections)[CanvasConnectionMode.Output][NodeConnectionTypes.Main] ?? []
+    () => unref(connections2)[CanvasConnectionMode.Output][NodeConnectionTypes.Main] ?? []
   );
   function isValidConnection(connection) {
     const { type: sourceType, mode: sourceMode } = parseCanvasConnectionHandleString(
@@ -8688,217 +8672,2339 @@ function useNodeConnections({
     isValidConnection
   };
 }
-const _hoisted_1$4 = ["data-test-id"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
-  __name: "CanvasNodeDefault",
-  emits: ["open:contextmenu", "activate"],
+function useNodeSettingsInCanvas() {
+  const settingsStore = useSettingsStore();
+  if (Number.isNaN(settingsStore.experimental__minZoomNodeSettingsInCanvas) || settingsStore.experimental__minZoomNodeSettingsInCanvas <= 0) {
+    return computed(() => void 0);
+  }
+  const { editableWorkflow } = useCanvasOperations();
+  const viewFlow = useVueFlow({ id: editableWorkflow.value.id });
+  const zoom2 = computed(() => viewFlow.viewport.value.zoom);
+  const debouncedZoom = refDebounced(zoom2, 100);
+  return computed(
+    () => debouncedZoom.value > settingsStore.experimental__minZoomNodeSettingsInCanvas ? debouncedZoom.value : void 0
+  );
+}
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "NodeTitle",
+  props: {
+    modelValue: { default: "" },
+    nodeType: { default: void 0 },
+    readOnly: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
-    const $style = useCssModule();
-    const i18n = useI18n();
     const emit = __emit;
-    const { initialized, viewport } = useCanvas();
-    const {
-      id: id2,
-      label: label2,
-      subtitle: subtitle2,
-      inputs: inputs2,
-      outputs,
-      connections,
-      isDisabled,
-      isSelected,
-      hasPinnedData,
-      executionStatus,
-      executionWaiting,
-      executionRunning,
-      hasRunData,
-      hasIssues,
-      render: render2
-    } = useCanvasNode();
-    const {
-      mainOutputs,
-      mainOutputConnections,
-      mainInputs,
-      mainInputConnections,
-      nonMainInputs
-    } = useNodeConnections({
-      inputs: inputs2,
-      outputs,
-      connections
-    });
-    const renderOptions = computed(() => render2.value.options);
-    const classes = computed(() => {
-      return {
-        [$style.node]: true,
-        [$style.selected]: isSelected.value,
-        [$style.disabled]: isDisabled.value,
-        [$style.success]: hasRunData.value,
-        [$style.error]: hasIssues.value,
-        [$style.pinned]: hasPinnedData.value,
-        [$style.waiting]: executionWaiting.value ?? executionStatus.value === "waiting",
-        [$style.running]: executionRunning.value,
-        [$style.configurable]: renderOptions.value.configurable,
-        [$style.configuration]: renderOptions.value.configuration,
-        [$style.trigger]: renderOptions.value.trigger,
-        [$style.warning]: renderOptions.value.dirtiness !== void 0
-      };
-    });
-    const styles = computed(() => {
-      const stylesObject = {};
-      if (renderOptions.value.configurable) {
-        let spacerCount = 0;
-        stylesObject["--configurable-node--input-count"] = nonMainInputs.value.length + spacerCount;
-      }
-      stylesObject["--canvas-node--main-input-count"] = mainInputs.value.length;
-      stylesObject["--canvas-node--main-output-count"] = mainOutputs.value.length;
-      return stylesObject;
-    });
-    const dataTestId = computed(() => {
-      let type = "default";
-      if (renderOptions.value.configurable) {
-        type = "configurable";
-      } else if (renderOptions.value.configuration) {
-        type = "configuration";
-      } else if (renderOptions.value.trigger) {
-        type = "trigger";
-      }
-      return `canvas-${type}-node`;
-    });
-    const isStrikethroughVisible = computed(() => {
-      const isSingleMainInputNode = mainInputs.value.length === 1 && mainInputConnections.value.length <= 1;
-      const isSingleMainOutputNode = mainOutputs.value.length === 1 && mainOutputConnections.value.length <= 1;
-      return isDisabled.value && isSingleMainInputNode && isSingleMainOutputNode;
-    });
-    const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
-    const iconSource = computed(() => renderOptions.value.icon);
-    const showTooltip = ref(false);
-    watch(initialized, () => {
-      if (initialized.value) {
-        showTooltip.value = true;
+    function onRename(value) {
+      if (value.trim() !== "") {
+        emit("update:model-value", value.trim());
       }
-    });
-    watch(viewport, () => {
-      showTooltip.value = false;
-      setTimeout(() => {
-        showTooltip.value = true;
-      }, 0);
-    });
-    function openContextMenu(event) {
-      emit("open:contextmenu", event);
-    }
-    function onActivate(event) {
-      emit("activate", id2.value, event);
     }
+    const wrapperRef = useTemplateRef("wrapperRef");
+    const { width } = useElementSize(wrapperRef);
     return (_ctx, _cache) => {
-      const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$I;
-      const _component_CanvasNodeStatusIcons = __unplugin_components_2;
-      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_3;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(classes.value),
-        style: normalizeStyle(styles.value),
-        "data-test-id": dataTestId.value,
-        onContextmenu: openContextMenu,
-        onDblclick: withModifiers(onActivate, ["stop"])
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "node-title-container"
       }, [
-        renderOptions.value.tooltip ? (openBlock(), createBlock(_component_CanvasNodeTooltip, {
-          key: 0,
-          visible: showTooltip.value
-        }, null, 8, ["visible"])) : createCommentVNode("", true),
-        createVNode(_component_NodeIcon, {
-          "icon-source": iconSource.value,
-          size: iconSize.value,
-          shrink: false,
-          disabled: unref(isDisabled)
-        }, null, 8, ["icon-source", "size", "disabled"]),
-        !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
-          key: 1,
-          class: normalizeClass(unref($style).statusIcons)
-        }, null, 8, ["class"])) : createCommentVNode("", true),
-        isStrikethroughVisible.value ? (openBlock(), createBlock(_component_CanvasNodeDisabledStrikeThrough, { key: 2 })) : createCommentVNode("", true),
+        createBaseVNode("span", {
+          class: normalizeClass(_ctx.$style.iconWrapper)
+        }, [
+          createVNode(_sfc_main$O, {
+            "node-type": _ctx.nodeType,
+            size: 18
+          }, null, 8, ["node-type"])
+        ], 2),
         createBaseVNode("div", {
-          class: normalizeClass(unref($style).description)
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: normalizeClass(_ctx.$style.textWrapper)
         }, [
-          unref(label2) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref($style).label)
-          }, toDisplayString(unref(label2)), 3)) : createCommentVNode("", true),
-          unref(isDisabled) ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(unref($style).disabledLabel)
-          }, " (" + toDisplayString(unref(i18n).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
-          unref(subtitle2) ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: normalizeClass(unref($style).subtitle)
-          }, toDisplayString(unref(subtitle2)), 3)) : createCommentVNode("", true)
+          createVNode(unref(InlineRename), {
+            "max-width": unref(width),
+            "model-value": _ctx.modelValue,
+            "read-only": _ctx.readOnly,
+            "onUpdate:modelValue": onRename
+          }, null, 8, ["max-width", "model-value", "read-only"])
         ], 2)
-      ], 46, _hoisted_1$4);
+      ], 2);
     };
   }
 });
-const node = "_node_1d2zc_123";
-const trigger$1 = "_trigger_1d2zc_156";
-const configuration = "_configuration_1d2zc_159";
-const statusIcons = "_statusIcons_1d2zc_166";
-const configurable = "_configurable_1d2zc_169";
-const description = "_description_1d2zc_180";
-const label$5 = "_label_1d2zc_190";
-const subtitle = "_subtitle_1d2zc_193";
-const selected$1 = "_selected_1d2zc_203";
-const success$1 = "_success_1d2zc_206";
-const warning = "_warning_1d2zc_209";
-const error = "_error_1d2zc_212";
-const pinned = "_pinned_1d2zc_215";
-const disabled = "_disabled_1d2zc_218";
-const running = "_running_1d2zc_221";
-const waiting = "_waiting_1d2zc_225";
-const disabledLabel = "_disabledLabel_1d2zc_242";
-const style0$h = {
-  node,
-  trigger: trigger$1,
-  configuration,
-  statusIcons,
-  configurable,
-  description,
-  label: label$5,
-  subtitle,
-  selected: selected$1,
-  success: success$1,
-  warning,
-  error,
-  pinned,
-  disabled,
-  running,
-  waiting,
-  disabledLabel
-};
-const cssModules$h = {
-  "$style": style0$h
+const container$3 = "_container_178ym_123";
+const textWrapper = "_textWrapper_178ym_132";
+const iconWrapper = "_iconWrapper_178ym_137";
+const style0$l = {
+  container: container$3,
+  textWrapper,
+  iconWrapper
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$h]]);
-var xhtml = "http://www.w3.org/1999/xhtml";
-const namespaces = {
-  svg: "http://www.w3.org/2000/svg",
-  xhtml,
-  xlink: "http://www.w3.org/1999/xlink",
-  xml: "http://www.w3.org/XML/1998/namespace",
-  xmlns: "http://www.w3.org/2000/xmlns/"
+const cssModules$l = {
+  "$style": style0$l
 };
-function namespace(name) {
-  var prefix = name += "", i = prefix.indexOf(":");
-  if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns")
-    name = name.slice(i + 1);
-  return namespaces.hasOwnProperty(prefix) ? { space: namespaces[prefix], local: name } : name;
-}
-function creatorInherit(name) {
-  return function() {
-    var document2 = this.ownerDocument, uri = this.namespaceURI;
-    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
-  };
-}
-function creatorFixed(fullname) {
-  return function() {
-    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
-  };
+const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$l]]);
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
+  __name: "NodeSettingsTabs",
+  props: {
+    modelValue: { default: "params" },
+    nodeType: { default: void 0 },
+    pushRef: { default: "" }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const externalHooks = useExternalHooks();
+    const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
+    const i18n = useI18n();
+    const telemetry = useTelemetry();
+    const activeNode = computed(() => ndvStore.activeNode);
+    const isCommunityNode = computed(() => {
+      const nodeType = props.nodeType;
+      if (nodeType) {
+        return isCommunityPackageName(nodeType.name);
+      }
+      return false;
+    });
+    const packageName = computed(() => props.nodeType?.name.split(".")[0] ?? "");
+    const documentationUrl = computed(() => {
+      const nodeType = props.nodeType;
+      if (!nodeType) {
+        return "";
+      }
+      if (nodeType.documentationUrl && nodeType.documentationUrl.startsWith("http")) {
+        return nodeType.documentationUrl;
+      }
+      const utmParams = new URLSearchParams({
+        utm_source: "n8n_app",
+        utm_medium: "node_settings_modal-credential_link",
+        utm_campaign: nodeType.name
+      });
+      const primaryDocUrl = nodeType.codex?.resources?.primaryDocumentation?.[0]?.url;
+      if (primaryDocUrl) {
+        return `${primaryDocUrl}?${utmParams.toString()}`;
+      }
+      if (isCommunityNode.value) {
+        return `${NPM_PACKAGE_DOCS_BASE_URL}${packageName.value}`;
+      }
+      return `${BUILTIN_NODES_DOCS_URL}?${utmParams.toString()}`;
+    });
+    const options = computed(() => {
+      const options2 = [
+        {
+          label: i18n.baseText("nodeSettings.parameters"),
+          value: "params"
+        },
+        {
+          label: i18n.baseText("nodeSettings.settings"),
+          value: "settings"
+        }
+      ];
+      if (isCommunityNode.value) {
+        options2.push({
+          icon: "cube",
+          value: "communityNode",
+          align: "right",
+          tooltip: i18n.baseText("generic.communityNode.tooltip", {
+            interpolate: {
+              docUrl: COMMUNITY_NODES_INSTALLATION_DOCS_URL,
+              packageName: packageName.value
+            }
+          })
+        });
+      }
+      if (documentationUrl.value) {
+        options2.push({
+          label: i18n.baseText("nodeSettings.docs"),
+          value: "docs",
+          href: documentationUrl.value,
+          align: "right"
+        });
+      }
+      return options2;
+    });
+    function onTabSelect(tab) {
+      if (tab === "docs" && props.nodeType) {
+        void externalHooks.run("dataDisplay.onDocumentationUrlClick", {
+          nodeType: props.nodeType,
+          documentationUrl: documentationUrl.value
+        });
+        telemetry.track("User clicked ndv link", {
+          node_type: activeNode.value?.type,
+          workflow_id: workflowsStore.workflowId,
+          push_ref: props.pushRef,
+          pane: NodeConnectionTypes.Main,
+          type: "docs"
+        });
+      }
+      if (tab === "settings" && props.nodeType) {
+        telemetry.track("User viewed node settings", {
+          node_type: props.nodeType.name,
+          workflow_id: workflowsStore.workflowId
+        });
+      }
+      if (tab === "settings" || tab === "params") {
+        emit("update:model-value", tab);
+      }
+    }
+    function onTooltipClick(tab, event) {
+      if (tab === "communityNode" && event.target.localName === "a") {
+        telemetry.track("user clicked cnr docs link", { source: "node details view" });
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_N8nTabs = resolveComponent("N8nTabs");
+      return openBlock(), createBlock(_component_N8nTabs, {
+        options: options.value,
+        "model-value": _ctx.modelValue,
+        "onUpdate:modelValue": onTabSelect,
+        onTooltipClick
+      }, null, 8, ["options", "model-value"]);
+    };
+  }
+});
+const _hoisted_1$8 = {
+  key: 0,
+  class: "webhooks"
+};
+const _hoisted_2$4 = ["title"];
+const _hoisted_3$3 = {
+  key: 0,
+  class: "node-webhooks"
+};
+const _hoisted_4$2 = {
+  key: 0,
+  class: "url-selection"
+};
+const _hoisted_5$2 = {
+  key: 0,
+  class: "webhook-wrapper"
+};
+const _hoisted_6$2 = { class: "http-field" };
+const _hoisted_7$1 = { class: "http-method" };
+const _hoisted_8$1 = { class: "url-field" };
+const _hoisted_9$1 = ["onClick"];
+const _hoisted_10$1 = {
+  key: 1,
+  class: "webhook-wrapper"
+};
+const _hoisted_11$1 = { class: "url-field-full-width" };
+const _hoisted_12 = ["onClick"];
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
+  __name: "NodeWebhooks",
+  props: {
+    node: {},
+    nodeTypeDescription: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const clipboard = useClipboard();
+    const workflowHelpers = useWorkflowHelpers();
+    const toast = useToast();
+    const i18n = useI18n();
+    const telemetry = useTelemetry();
+    const isMinimized = ref(
+      props.nodeTypeDescription && !OPEN_URL_PANEL_TRIGGER_NODE_TYPES.includes(props.nodeTypeDescription.name)
+    );
+    const showUrlFor = ref("test");
+    const isProductionOnly = computed(() => {
+      return props.nodeTypeDescription && PRODUCTION_ONLY_TRIGGER_NODE_TYPES.includes(props.nodeTypeDescription.name);
+    });
+    const urlOptions = computed(() => [
+      ...isProductionOnly.value ? [] : [{ label: baseText.value.testUrl, value: "test" }],
+      {
+        label: baseText.value.productionUrl,
+        value: "production"
+      }
+    ]);
+    const visibleWebhookUrls = computed(() => {
+      return webhooksNode.value.filter((webhook) => {
+        if (typeof webhook.ndvHideUrl === "string") {
+          return !workflowHelpers.getWebhookExpressionValue(webhook, "ndvHideUrl");
+        }
+        return !webhook.ndvHideUrl;
+      });
+    });
+    const webhooksNode = computed(() => {
+      if (props.nodeTypeDescription?.webhooks === void 0) {
+        return [];
+      }
+      return props.nodeTypeDescription.webhooks.filter(
+        (webhookData) => webhookData.restartWebhook !== true
+      );
+    });
+    const baseText = computed(() => {
+      const nodeType = props.nodeTypeDescription?.name;
+      switch (nodeType) {
+        case CHAT_TRIGGER_NODE_TYPE:
+          return {
+            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.chatTrigger"),
+            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
+            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.chatTrigger"),
+            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.chatTrigger"),
+            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.chatTrigger"),
+            copyMessage: i18n.baseText("nodeWebhooks.showMessage.message.chatTrigger")
+          };
+        case FORM_TRIGGER_NODE_TYPE:
+          return {
+            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.formTrigger"),
+            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
+            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.formTrigger"),
+            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.formTrigger"),
+            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.formTrigger"),
+            copyMessage: i18n.baseText("nodeWebhooks.showMessage.message.formTrigger")
+          };
+        case MCP_TRIGGER_NODE_TYPE:
+          return {
+            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.mcpTrigger"),
+            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.mcpTrigger"),
+            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.mcpTrigger"),
+            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.mcpTrigger"),
+            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.mcpTrigger"),
+            copyMessage: void 0
+          };
+        default:
+          return {
+            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls"),
+            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls"),
+            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls"),
+            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls"),
+            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title"),
+            copyMessage: void 0
+          };
+      }
+    });
+    function copyWebhookUrl(webhookData) {
+      const webhookUrl = getWebhookUrlDisplay(webhookData);
+      void clipboard.copy(webhookUrl);
+      toast.showMessage({
+        title: baseText.value.copyTitle,
+        message: baseText.value.copyMessage,
+        type: "success"
+      });
+      telemetry.track("User copied webhook URL", {
+        pane: "parameters",
+        type: `${showUrlFor.value} url`
+      });
+    }
+    function getWebhookUrlDisplay(webhookData) {
+      if (props.node) {
+        return workflowHelpers.getWebhookUrl(
+          webhookData,
+          props.node,
+          isProductionOnly.value ? "production" : showUrlFor.value
+        );
+      }
+      return "";
+    }
+    function isWebhookMethodVisible(webhook) {
+      try {
+        const method = workflowHelpers.getWebhookExpressionValue(webhook, "httpMethod", false);
+        if (Array.isArray(method) && method.length !== 1) {
+          return false;
+        }
+      } catch (error2) {
+      }
+      if (typeof webhook.ndvHideMethod === "string") {
+        return !workflowHelpers.getWebhookExpressionValue(webhook, "ndvHideMethod");
+      }
+      return !webhook.ndvHideMethod;
+    }
+    function getWebhookHttpMethod(webhook) {
+      const method = workflowHelpers.getWebhookExpressionValue(webhook, "httpMethod", false);
+      if (Array.isArray(method)) {
+        return method[0];
+      }
+      return method;
+    }
+    watch(
+      () => props.node,
+      () => {
+        isMinimized.value = props.nodeTypeDescription && !OPEN_URL_PANEL_TRIGGER_NODE_TYPES.includes(props.nodeTypeDescription.name);
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
+      const _component_el_col = resolveComponent("el-col");
+      const _component_el_row = resolveComponent("el-row");
+      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
+      return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+        createBaseVNode("div", {
+          class: normalizeClass(["clickable headline", { expanded: !isMinimized.value }]),
+          title: isMinimized.value ? baseText.value.clickToDisplay : baseText.value.clickToHide,
+          onClick: _cache[0] || (_cache[0] = ($event) => isMinimized.value = !isMinimized.value)
+        }, [
+          createVNode(_component_font_awesome_icon, {
+            icon: "angle-right",
+            class: "minimize-button minimize-icon"
+          }),
+          createTextVNode(" " + toDisplayString(baseText.value.toggleTitle), 1)
+        ], 10, _hoisted_2$4),
+        createVNode(_component_el_collapse_transition, null, {
+          default: withCtx(() => [
+            !isMinimized.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              !isProductionOnly.value ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                createVNode(_component_el_row, null, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_col, { span: 24 }, {
+                      default: withCtx(() => [
+                        createVNode(_component_n8n_radio_buttons, {
+                          modelValue: showUrlFor.value,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showUrlFor.value = $event),
+                          options: urlOptions.value
+                        }, null, 8, ["modelValue", "options"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(visibleWebhookUrls.value, (webhook, index) => {
+                return openBlock(), createBlock(_component_n8n_tooltip, {
+                  key: index,
+                  class: "item",
+                  content: baseText.value.clickToCopy,
+                  placement: "left"
+                }, {
+                  default: withCtx(() => [
+                    isWebhookMethodVisible(webhook) ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+                      createBaseVNode("div", _hoisted_6$2, [
+                        createBaseVNode("div", _hoisted_7$1, [
+                          createTextVNode(toDisplayString(getWebhookHttpMethod(webhook)), 1),
+                          _cache[2] || (_cache[2] = createBaseVNode("br", null, null, -1))
+                        ])
+                      ]),
+                      createBaseVNode("div", _hoisted_8$1, [
+                        createBaseVNode("div", {
+                          class: "webhook-url left-ellipsis clickable",
+                          onClick: ($event) => copyWebhookUrl(webhook)
+                        }, [
+                          createTextVNode(toDisplayString(getWebhookUrlDisplay(webhook)), 1),
+                          _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1))
+                        ], 8, _hoisted_9$1)
+                      ])
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                      createBaseVNode("div", _hoisted_11$1, [
+                        createBaseVNode("div", {
+                          class: "webhook-url left-ellipsis clickable",
+                          onClick: ($event) => copyWebhookUrl(webhook)
+                        }, [
+                          createTextVNode(toDisplayString(getWebhookUrlDisplay(webhook)), 1),
+                          _cache[4] || (_cache[4] = createBaseVNode("br", null, null, -1))
+                        ], 8, _hoisted_12)
+                      ])
+                    ]))
+                  ]),
+                  _: 2
+                }, 1032, ["content"]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-84b9da4b"]]);
+const OnClickOutside = /* @__PURE__ */ defineComponent({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(props, { slots, emit }) {
+    const target2 = ref();
+    onClickOutside(target2, (e) => {
+      emit("trigger", e);
+    }, props.options);
+    return () => {
+      if (slots.default)
+        return h(props.as || "div", { ref: target2 }, slots.default());
+    };
+  }
+});
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useEventListener(...args) {
+  let target2;
+  let events;
+  let listeners;
+  let options;
+  if (typeof args[0] === "string" || Array.isArray(args[0])) {
+    [events, listeners, options] = args;
+    target2 = defaultWindow;
+  } else {
+    [target2, events, listeners, options] = args;
+  }
+  if (!target2)
+    return noop$2;
+  if (!Array.isArray(events))
+    events = [events];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(
+    () => [unrefElement(target2), toValue(options)],
+    ([el, options2]) => {
+      cleanup();
+      if (!el)
+        return;
+      const optionsClone = isObject(options2) ? { ...options2 } : options2;
+      cleanups.push(
+        ...events.flatMap((event) => {
+          return listeners.map((listener) => register(el, event, listener, optionsClone));
+        })
+      );
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+function resolveElement(el) {
+  if (typeof Window !== "undefined" && el instanceof Window)
+    return el.document.documentElement;
+  if (typeof Document !== "undefined" && el instanceof Document)
+    return el.documentElement;
+  return el;
+}
+function checkOverflowScroll(ele) {
+  const style = window.getComputedStyle(ele);
+  if (style.overflowX === "scroll" || style.overflowY === "scroll" || style.overflowX === "auto" && ele.clientWidth < ele.scrollWidth || style.overflowY === "auto" && ele.clientHeight < ele.scrollHeight) {
+    return true;
+  } else {
+    const parent = ele.parentNode;
+    if (!parent || parent.tagName === "BODY")
+      return false;
+    return checkOverflowScroll(parent);
+  }
+}
+function preventDefault(rawEvent) {
+  const e = rawEvent || window.event;
+  const _target = e.target;
+  if (checkOverflowScroll(_target))
+    return false;
+  if (e.touches.length > 1)
+    return true;
+  if (e.preventDefault)
+    e.preventDefault();
+  return false;
+}
+const elInitialOverflow = /* @__PURE__ */ new WeakMap();
+function useScrollLock(element, initialState = false) {
+  const isLocked = ref(initialState);
+  let stopTouchMoveListener = null;
+  let initialOverflow = "";
+  watch(toRef$1(element), (el) => {
+    const target2 = resolveElement(toValue(el));
+    if (target2) {
+      const ele = target2;
+      if (!elInitialOverflow.get(ele))
+        elInitialOverflow.set(ele, ele.style.overflow);
+      if (ele.style.overflow !== "hidden")
+        initialOverflow = ele.style.overflow;
+      if (ele.style.overflow === "hidden")
+        return isLocked.value = true;
+      if (isLocked.value)
+        return ele.style.overflow = "hidden";
+    }
+  }, {
+    immediate: true
+  });
+  const lock = () => {
+    const el = resolveElement(toValue(element));
+    if (!el || isLocked.value)
+      return;
+    if (isIOS) {
+      stopTouchMoveListener = useEventListener(
+        el,
+        "touchmove",
+        (e) => {
+          preventDefault(e);
+        },
+        { passive: false }
+      );
+    }
+    el.style.overflow = "hidden";
+    isLocked.value = true;
+  };
+  const unlock = () => {
+    const el = resolveElement(toValue(element));
+    if (!el || !isLocked.value)
+      return;
+    isIOS && (stopTouchMoveListener == null ? void 0 : stopTouchMoveListener());
+    el.style.overflow = initialOverflow;
+    elInitialOverflow.delete(el);
+    isLocked.value = false;
+  };
+  tryOnScopeDispose(unlock);
+  return computed({
+    get() {
+      return isLocked.value;
+    },
+    set(v) {
+      if (v)
+        lock();
+      else unlock();
+    }
+  });
+}
+function onScrollLock() {
+  let isMounted = false;
+  const state2 = ref(false);
+  return (el, binding) => {
+    state2.value = binding.value;
+    if (isMounted)
+      return;
+    isMounted = true;
+    const isLocked = useScrollLock(el, binding.value);
+    watch(state2, (v) => isLocked.value = v);
+  };
+}
+onScrollLock();
+const _hoisted_1$7 = ["data-test-id"];
+const _hoisted_2$3 = ["textContent"];
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5$1 = ["data-node-name"];
+const _hoisted_6$1 = ["onClick"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
+  __name: "NDVSubConnections",
+  props: {
+    rootNode: {}
+  },
+  emits: ["switchSelectedNode", "openConnectionNodeCreator"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const workflowsStore = useWorkflowsStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const nodeHelpers = useNodeHelpers();
+    const i18n = useI18n();
+    const { debounce } = useDebounce();
+    const emit = __emit;
+    const possibleConnections = ref([]);
+    const expandedGroups = ref([]);
+    const shouldShowNodeInputIssues = ref(false);
+    const nodeType = computed(
+      () => nodeTypesStore.getNodeType(props.rootNode.type, props.rootNode.typeVersion)
+    );
+    const nodeData = computed(() => workflowsStore.getNodeByName(props.rootNode.name));
+    const ndvStore = useNDVStore();
+    const workflow = computed(() => workflowsStore.getCurrentWorkflow());
+    const nodeInputIssues = computed(() => {
+      const issues2 = nodeHelpers.getNodeIssues(nodeType.value, props.rootNode, workflow.value, [
+        "typeUnknown",
+        "parameters",
+        "credentials",
+        "execution"
+      ]);
+      return issues2?.input ?? {};
+    });
+    const connectedNodes2 = computed(() => {
+      return possibleConnections.value.reduce(
+        (acc, connection) => {
+          const nodes = getINodesFromNames(
+            workflow.value.getParentNodes(props.rootNode.name, connection.type)
+          );
+          return { ...acc, [connection.type]: nodes };
+        },
+        {}
+      );
+    });
+    function getConnectionConfig(connectionType2) {
+      return possibleConnections.value.find((c) => c.type === connectionType2);
+    }
+    function isMultiConnection(connectionType2) {
+      const connectionConfig = getConnectionConfig(connectionType2);
+      return connectionConfig?.maxConnections !== 1;
+    }
+    function shouldShowConnectionTooltip(connectionType2) {
+      return isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2);
+    }
+    function expandConnectionGroup(connectionType2, isExpanded) {
+      if (!isMultiConnection(connectionType2)) {
+        return;
+      }
+      if (isExpanded) {
+        expandedGroups.value = [...expandedGroups.value, connectionType2];
+      } else {
+        expandedGroups.value = expandedGroups.value.filter((g) => g !== connectionType2);
+      }
+    }
+    function getINodesFromNames(names) {
+      return names.map((name) => {
+        const node2 = workflowsStore.getNodeByName(name);
+        if (node2) {
+          const matchedNodeType = nodeTypesStore.getNodeType(node2.type);
+          if (matchedNodeType) {
+            const issues2 = nodeHelpers.getNodeIssues(matchedNodeType, node2, workflow.value);
+            const stringifiedIssues = issues2 ? nodeHelpers.nodeIssuesToString(issues2, node2) : "";
+            return { node: node2, nodeType: matchedNodeType, issues: stringifiedIssues };
+          }
+        }
+        return null;
+      }).filter((n) => n !== null);
+    }
+    function hasInputIssues(connectionType2) {
+      return shouldShowNodeInputIssues.value && (nodeInputIssues.value[connectionType2] ?? []).length > 0;
+    }
+    function isNodeInputConfiguration(connectionConfig) {
+      if (typeof connectionConfig === "string") return false;
+      return "type" in connectionConfig;
+    }
+    function getPossibleSubInputConnections() {
+      if (!nodeType.value || !props.rootNode) return [];
+      const inputs2 = getNodeInputs(workflow.value, props.rootNode, nodeType.value);
+      const nonMainInputs = inputs2.filter((input) => {
+        if (!isNodeInputConfiguration(input)) return false;
+        return input.type !== "main";
+      });
+      return nonMainInputs;
+    }
+    function onNodeClick(nodeName, connectionType2) {
+      if (isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2)) {
+        expandConnectionGroup(connectionType2, true);
+        return;
+      }
+      emit("switchSelectedNode", nodeName);
+    }
+    function onPlusClick(connectionType2) {
+      const connectionNodes = connectedNodes2.value[connectionType2];
+      if (isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2) && connectionNodes.length >= 1) {
+        expandConnectionGroup(connectionType2, true);
+        return;
+      }
+      emit("openConnectionNodeCreator", props.rootNode.name, connectionType2);
+    }
+    function showNodeInputsIssues() {
+      shouldShowNodeInputIssues.value = false;
+      setTimeout(() => {
+        shouldShowNodeInputIssues.value = true;
+      }, 0);
+    }
+    watch(
+      [nodeData, ndvStore.activeNode],
+      debounce(
+        () => setTimeout(() => {
+          expandedGroups.value = [];
+          possibleConnections.value = getPossibleSubInputConnections();
+        }, 0),
+        { debounceTime: 1e3 }
+      ),
+      { immediate: true }
+    );
+    __expose({
+      showNodeInputsIssues
+    });
+    return (_ctx, _cache) => {
+      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
+      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      return possibleConnections.value.length ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.connections),
+          style: normalizeStyle(`--possible-connections: ${possibleConnections.value.length}`)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(possibleConnections.value, (connection) => {
+            return openBlock(), createElementBlock("div", {
+              key: connection.type,
+              "data-test-id": `subnode-connection-group-${connection.type}`
+            }, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.connectionType)
+              }, [
+                createBaseVNode("span", {
+                  class: normalizeClass({
+                    [_ctx.$style.connectionLabel]: true,
+                    [_ctx.$style.hasIssues]: hasInputIssues(connection.type)
+                  }),
+                  textContent: toDisplayString(`${connection.displayName}${connection.required ? " *" : ""}`)
+                }, null, 10, _hoisted_2$3),
+                createVNode(unref(OnClickOutside), {
+                  onTrigger: ($event) => expandConnectionGroup(connection.type, false)
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("div", {
+                      ref_for: true,
+                      ref: "connectedNodesWrapper",
+                      class: normalizeClass({
+                        [_ctx.$style.connectedNodesWrapper]: true,
+                        [_ctx.$style.connectedNodesWrapperExpanded]: expandedGroups.value.includes(connection.type)
+                      }),
+                      style: normalizeStyle(`--nodes-length: ${connectedNodes2.value[connection.type].length}`),
+                      onClick: ($event) => expandConnectionGroup(connection.type, true)
+                    }, [
+                      (connectedNodes2.value[connection.type].length >= 1 ? connection.maxConnections !== 1 : true) ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass({
+                          [_ctx.$style.plusButton]: true,
+                          [_ctx.$style.hasIssues]: hasInputIssues(connection.type)
+                        }),
+                        onClick: ($event) => onPlusClick(connection.type)
+                      }, [
+                        createVNode(_component_n8n_tooltip, {
+                          placement: "top",
+                          teleported: true,
+                          offset: 10,
+                          "show-after": 300,
+                          disabled: shouldShowConnectionTooltip(connection.type) && connectedNodes2.value[connection.type].length >= 1
+                        }, {
+                          content: withCtx(() => [
+                            createTextVNode(" Add " + toDisplayString(connection.displayName) + " ", 1),
+                            hasInputIssues(connection.type) ? (openBlock(), createBlock(TitledList, {
+                              key: 0,
+                              title: `${unref(i18n).baseText("node.issues")}:`,
+                              items: nodeInputIssues.value[connection.type]
+                            }, null, 8, ["title", "items"])) : createCommentVNode("", true)
+                          ]),
+                          default: withCtx(() => [
+                            createVNode(_component_n8n_icon_button, {
+                              size: "medium",
+                              icon: "plus",
+                              type: "tertiary",
+                              "data-test-id": `add-subnode-${connection.type}`
+                            }, null, 8, ["data-test-id"])
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled"])
+                      ], 10, _hoisted_4$1)) : createCommentVNode("", true),
+                      connectedNodes2.value[connection.type].length > 0 ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        class: normalizeClass({
+                          [_ctx.$style.connectedNodes]: true,
+                          [_ctx.$style.connectedNodesMultiple]: connectedNodes2.value[connection.type].length > 1
+                        })
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(connectedNodes2.value[connection.type], (node2, index) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: node2.node.name,
+                            class: normalizeClass({ [_ctx.$style.nodeWrapper]: true, [_ctx.$style.hasIssues]: node2.issues }),
+                            "data-test-id": "floating-subnode",
+                            "data-node-name": node2.node.name,
+                            style: normalizeStyle(`--node-index: ${index}`)
+                          }, [
+                            (openBlock(), createBlock(_component_n8n_tooltip, {
+                              key: node2.node.name,
+                              placement: "top",
+                              teleported: true,
+                              offset: 10,
+                              "show-after": 300,
+                              disabled: shouldShowConnectionTooltip(connection.type)
+                            }, {
+                              content: withCtx(() => [
+                                createTextVNode(toDisplayString(node2.node.name) + " ", 1),
+                                node2.issues ? (openBlock(), createBlock(TitledList, {
+                                  key: 0,
+                                  title: `${unref(i18n).baseText("node.issues")}:`,
+                                  items: node2.issues
+                                }, null, 8, ["title", "items"])) : createCommentVNode("", true)
+                              ]),
+                              default: withCtx(() => [
+                                createBaseVNode("div", {
+                                  class: normalizeClass(_ctx.$style.connectedNode),
+                                  onClick: ($event) => onNodeClick(node2.node.name, connection.type)
+                                }, [
+                                  createVNode(_sfc_main$O, {
+                                    "node-type": node2.nodeType,
+                                    "node-name": node2.node.name,
+                                    "tooltip-position": "top",
+                                    size: 20,
+                                    circle: ""
+                                  }, null, 8, ["node-type", "node-name"])
+                                ], 10, _hoisted_6$1)
+                              ]),
+                              _: 2
+                            }, 1032, ["disabled"]))
+                          ], 14, _hoisted_5$1);
+                        }), 128))
+                      ], 2)) : createCommentVNode("", true)
+                    ], 14, _hoisted_3$2)
+                  ]),
+                  _: 2
+                }, 1032, ["onTrigger"])
+              ], 2)
+            ], 8, _hoisted_1$7);
+          }), 128))
+        ], 6)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const container$2 = "_container_ac466_140";
+const connections = "_connections_ac466_148";
+const connectionType = "_connectionType_ac466_160";
+const connectionLabel = "_connectionLabel_ac466_167";
+const hasIssues = "_hasIssues_ac466_173";
+const connectedNodesWrapper = "_connectedNodesWrapper_ac466_177";
+const plusButton = "_plusButton_ac466_185";
+const connectedNodesWrapperExpanded = "_connectedNodesWrapperExpanded_ac466_203";
+const connectedNodesMultiple = "_connectedNodesMultiple_ac466_209";
+const connectedNode = "_connectedNode_ac466_177";
+const connectedNodes = "_connectedNodes_ac466_177";
+const nodeWrapper = "_nodeWrapper_ac466_247";
+const style0$k = {
+  container: container$2,
+  connections,
+  connectionType,
+  connectionLabel,
+  hasIssues,
+  connectedNodesWrapper,
+  plusButton,
+  "horizontal-shake": "_horizontal-shake_ac466_1",
+  connectedNodesWrapperExpanded,
+  connectedNodesMultiple,
+  connectedNode,
+  connectedNodes,
+  nodeWrapper
+};
+const cssModules$k = {
+  "$style": style0$k
+};
+const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__cssModules", cssModules$k]]);
+function updateDynamicConnections(node2, workflowConnections, parameterData) {
+  const connections2 = { ...workflowConnections };
+  try {
+    if (parameterData.name.includes("conditions") || !connections2[node2.name]?.main) return null;
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.numberOutputs") {
+      const curentNumberOutputs = node2.parameters?.numberOutputs;
+      const newNumberOutputs = parameterData.value;
+      if (newNumberOutputs < curentNumberOutputs) {
+        connections2[node2.name].main = connections2[node2.name].main.slice(0, newNumberOutputs);
+        return connections2;
+      }
+    }
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.options.fallbackOutput") {
+      const curentFallbackOutput = node2.parameters?.options?.fallbackOutput;
+      if (curentFallbackOutput === "extra") {
+        if (!parameterData.value || parameterData.value !== "extra") {
+          connections2[node2.name].main = connections2[node2.name].main.slice(0, -1);
+          return connections2;
+        }
+      }
+    }
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name.includes("parameters.rules.values")) {
+      const { fallbackOutput } = node2.parameters?.options;
+      if (parameterData.value === void 0) {
+        let extractIndex = function(path) {
+          const match = path.match(/parameters\.rules\.values\[(\d+)\]$/);
+          return match ? parseInt(match[1], 10) : null;
+        };
+        const index = extractIndex(parameterData.name);
+        if (index !== null) {
+          connections2[node2.name].main.splice(index, 1);
+          return connections2;
+        }
+        if (parameterData.name === "parameters.rules.values") {
+          if (fallbackOutput === "extra") {
+            connections2[node2.name].main = [
+              connections2[node2.name].main[connections2[node2.name].main.length - 1]
+            ];
+          } else {
+            connections2[node2.name].main = [];
+          }
+          return connections2;
+        }
+      } else if (parameterData.name === "parameters.rules.values") {
+        const curentRulesvalues = node2.parameters?.rules?.values;
+        let lastConnection = void 0;
+        if (fallbackOutput === "extra" && connections2[node2.name].main.length === curentRulesvalues.length + 1) {
+          lastConnection = connections2[node2.name].main.pop();
+        }
+        const currentRulesLength = node2.parameters?.rules?.values?.length;
+        const newRulesLength = parameterData.value?.length;
+        if (newRulesLength - currentRulesLength === 1) {
+          connections2[node2.name].main = [...connections2[node2.name].main, []];
+          if (lastConnection) {
+            connections2[node2.name].main.push(lastConnection);
+          }
+          return connections2;
+        } else {
+          const newRulesvalues = parameterData.value;
+          const updatedConnectionsIndex = [];
+          for (const newRule of newRulesvalues) {
+            const index = curentRulesvalues.findIndex((rule) => isEqual(rule, newRule));
+            if (index !== -1) {
+              updatedConnectionsIndex.push(index);
+            }
+          }
+          const reorderedConnections = [];
+          for (const index of updatedConnectionsIndex) {
+            reorderedConnections.push(connections2[node2.name].main[index] ?? []);
+          }
+          if (lastConnection) {
+            reorderedConnections.push(lastConnection);
+          }
+          connections2[node2.name].main = reorderedConnections;
+          return connections2;
+        }
+      }
+    }
+  } catch (error2) {
+    captureException(error2);
+  }
+  return null;
+}
+const _hoisted_1$6 = { class: "mt-xs" };
+const LANGCHAIN_NODES_PREFIX = "@n8n/n8n-nodes-langchain.";
+const N8N_NODES_PREFIX = "@n8n/n8n-nodes.";
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "FreeAiCreditsCallout",
+  setup(__props) {
+    const NODES_WITH_OPEN_AI_API_CREDENTIAL = [
+      `${LANGCHAIN_NODES_PREFIX}openAi`,
+      `${LANGCHAIN_NODES_PREFIX}embeddingsOpenAi`,
+      `${LANGCHAIN_NODES_PREFIX}lmChatOpenAi`,
+      `${N8N_NODES_PREFIX}openAi`
+    ];
+    const showSuccessCallout = ref(false);
+    const claimingCredits = ref(false);
+    const settingsStore = useSettingsStore();
+    const posthogStore = usePostHog();
+    const credentialsStore = useCredentialsStore();
+    const usersStore = useUsersStore();
+    const ndvStore = useNDVStore();
+    const projectsStore = useProjectsStore();
+    const telemetry = useTelemetry();
+    const i18n = useI18n();
+    const toast = useToast();
+    const userHasOpenAiCredentialAlready = computed(
+      () => !!credentialsStore.allCredentials.filter(
+        (credential) => credential.type === OPEN_AI_API_CREDENTIAL_TYPE
+      ).length
+    );
+    const userHasClaimedAiCreditsAlready = computed(
+      () => !!usersStore.currentUser?.settings?.userClaimedAiCredits
+    );
+    const activeNodeHasOpenAiApiCredential = computed(
+      () => ndvStore.activeNode?.type && NODES_WITH_OPEN_AI_API_CREDENTIAL.includes(ndvStore.activeNode.type)
+    );
+    const userCanClaimOpenAiCredits = computed(() => {
+      return settingsStore.isAiCreditsEnabled && activeNodeHasOpenAiApiCredential.value && posthogStore.getVariant(AI_CREDITS_EXPERIMENT.name) === AI_CREDITS_EXPERIMENT.variant && !userHasOpenAiCredentialAlready.value && !userHasClaimedAiCreditsAlready.value;
+    });
+    const onClaimCreditsClicked = async () => {
+      claimingCredits.value = true;
+      try {
+        await credentialsStore.claimFreeAiCredits(projectsStore.currentProject?.id);
+        if (usersStore?.currentUser?.settings) {
+          usersStore.currentUser.settings.userClaimedAiCredits = true;
+        }
+        telemetry.track("User claimed OpenAI credits");
+        showSuccessCallout.value = true;
+      } catch (e) {
+        toast.showError(
+          e,
+          i18n.baseText("freeAi.credits.showError.claim.title"),
+          i18n.baseText("freeAi.credits.showError.claim.message")
+        );
+      } finally {
+        claimingCredits.value = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_callout = resolveComponent("n8n-callout");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        userCanClaimOpenAiCredits.value && !showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
+          key: 0,
+          theme: "secondary",
+          icon: "exclamation-circle"
+        }, {
+          trailingContent: withCtx(() => [
+            createVNode(_component_n8n_button, {
+              type: "tertiary",
+              size: "small",
+              label: unref(i18n).baseText("freeAi.credits.callout.claim.button.label"),
+              loading: claimingCredits.value,
+              onClick: onClaimCreditsClicked
+            }, null, 8, ["label", "loading"])
+          ]),
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.claim.title", {
+              interpolate: { credits: unref(settingsStore).aiCreditsQuota }
+            })) + " ", 1)
+          ]),
+          _: 1
+        })) : showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
+          key: 1,
+          theme: "success",
+          icon: "check-circle"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_n8n_text, { size: "small" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.success.title.part1", {
+                  interpolate: { credits: unref(settingsStore).aiCreditsQuota }
+                })), 1)
+              ]),
+              _: 1
+            }),
+            _cache[0] || (_cache[0] = createTextVNode("  ")),
+            createVNode(_component_n8n_text, {
+              size: "small",
+              bold: "true"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.success.title.part2")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$5 = { class: "header-side-menu" };
+const _hoisted_2$2 = { key: 1 };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "node-is-not-valid"
+};
+const _hoisted_4 = { class: "missingNodeTitleContainer mt-s mb-xs" };
+const _hoisted_5 = { class: "mb-l" };
+const _hoisted_6 = ["href"];
+const _hoisted_7 = ["href", "textContent"];
+const _hoisted_8 = {
+  key: 1,
+  class: "node-parameters-wrapper",
+  "data-test-id": "node-parameters"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "no-parameters"
+};
+const _hoisted_10 = {
+  key: 2,
+  class: "parameter-item parameter-notice",
+  "data-test-id": "node-parameters-http-notice"
+};
+const _hoisted_11 = {
+  class: "node-version",
+  "data-test-id": "node-version"
+};
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "NodeSettings",
+  props: {
+    eventBus: {},
+    dragging: { type: Boolean },
+    pushRef: {},
+    nodeType: {},
+    readOnly: { type: Boolean, default: false },
+    foreignCredentials: { default: () => [] },
+    blockUI: { type: Boolean, default: false },
+    executable: { type: Boolean, default: true },
+    inputSize: { default: 0 },
+    activeNode: {}
+  },
+  emits: ["stopExecution", "redrawRequired", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "activate", "execute"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const nodeTypesStore = useNodeTypesStore();
+    const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
+    const credentialsStore = useCredentialsStore();
+    const historyStore = useHistoryStore();
+    const telemetry = useTelemetry();
+    const nodeHelpers = useNodeHelpers();
+    const externalHooks = useExternalHooks();
+    const i18n = useI18n();
+    const nodeValid = ref(true);
+    const openPanel = ref("params");
+    const nodeValues = ref({
+      color: "#ff0000",
+      alwaysOutputData: false,
+      executeOnce: false,
+      notesInFlow: false,
+      onError: "stopWorkflow",
+      retryOnFail: false,
+      maxTries: 3,
+      waitBetweenTries: 1e3,
+      notes: "",
+      parameters: {}
+    });
+    const nodeValuesInitialized = ref(false);
+    const hiddenIssuesInputs = ref([]);
+    const nodeSettings = ref([]);
+    const subConnections = ref(null);
+    const currentWorkflowInstance = computed(() => workflowsStore.getCurrentWorkflow());
+    const currentWorkflow = computed(
+      () => workflowsStore.getWorkflowById(currentWorkflowInstance.value.id)
+    );
+    const hasForeignCredential = computed(() => props.foreignCredentials.length > 0);
+    const isHomeProjectTeam = computed(
+      () => currentWorkflow.value?.homeProject?.type === ProjectTypes.Team
+    );
+    const isReadOnly = computed(
+      () => props.readOnly || hasForeignCredential.value && !isHomeProjectTeam.value
+    );
+    const node2 = computed(() => props.activeNode ?? ndvStore.activeNode);
+    const isTriggerNode = computed(() => !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type));
+    const isToolNode = computed(() => !!node2.value && nodeTypesStore.isToolNode(node2.value.type));
+    const isExecutable2 = computed(() => {
+      if (props.nodeType && node2.value) {
+        const workflowNode = currentWorkflowInstance.value.getNode(node2.value.name);
+        const inputs2 = getNodeInputs(
+          currentWorkflowInstance.value,
+          workflowNode,
+          props.nodeType
+        );
+        const inputNames = getConnectionTypes(inputs2);
+        if (!inputNames.includes(NodeConnectionTypes.Main) && !isToolNode.value && !isTriggerNode.value) {
+          return false;
+        }
+      }
+      return props.executable || props.foreignCredentials.length > 0;
+    });
+    const nodeTypeVersions = computed(() => {
+      if (!node2.value) return [];
+      return nodeTypesStore.getNodeVersions(node2.value.type);
+    });
+    const latestVersion = computed(() => Math.max(...nodeTypeVersions.value));
+    const isLatestNodeVersion = computed(
+      () => !node2.value?.typeVersion || latestVersion.value === node2.value.typeVersion
+    );
+    const executeButtonTooltip = computed(() => {
+      if (node2.value && isLatestNodeVersion.value && props.inputSize > 1 && !nodeHelpers.isSingleExecution(node2.value.type, node2.value.parameters)) {
+        return i18n.baseText("nodeSettings.executeButtonTooltip.times", {
+          interpolate: { inputSize: props.inputSize }
+        });
+      }
+      return "";
+    });
+    const nodeVersionTag = computed(() => {
+      if (!props.nodeType || props.nodeType.hidden) {
+        return i18n.baseText("nodeSettings.deprecated");
+      }
+      if (isLatestNodeVersion.value) {
+        return i18n.baseText("nodeSettings.latest");
+      }
+      return i18n.baseText("nodeSettings.latestVersion", {
+        interpolate: { version: latestVersion.value.toString() }
+      });
+    });
+    const parameters = computed(() => {
+      if (props.nodeType === null) {
+        return [];
+      }
+      return props.nodeType?.properties ?? [];
+    });
+    const parametersSetting = computed(() => parameters.value.filter((item) => item.isNodeSetting));
+    const parametersNoneSetting = computed(
+      () => (
+        // The connection hint notice is visually hidden via CSS in NodeDetails.vue when the node has output connections
+        parameters.value.filter((item) => !item.isNodeSetting)
+      )
+    );
+    const isDisplayingCredentials = computed(
+      () => credentialsStore.getCredentialTypesNodeDescriptions("", props.nodeType).filter((credentialTypeDescription) => displayCredentials(credentialTypeDescription)).length > 0
+    );
+    const showNoParametersNotice = computed(
+      () => !isDisplayingCredentials.value && parametersNoneSetting.value.filter((item) => item.type !== "notice").length === 0
+    );
+    const outputPanelEditMode = computed(() => ndvStore.outputPanelEditMode);
+    const isCommunityNode = computed(() => !!node2.value && isCommunityPackageName(node2.value.type));
+    const usedCredentials = computed(
+      () => Object.values(workflowsStore.usedCredentials).filter(
+        (credential) => Object.values(node2.value?.credentials || []).find(
+          (nodeCredential) => nodeCredential.id === credential.id
+        )
+      )
+    );
+    const credentialOwnerName = computed(() => {
+      const credential = usedCredentials.value ? Object.values(usedCredentials.value).find(
+        (credential2) => credential2.id === props.foreignCredentials[0]
+      ) : void 0;
+      return credentialsStore.getCredentialOwnerName(credential);
+    });
+    const setValue = (name, value) => {
+      const nameParts = name.split(".");
+      let lastNamePart = nameParts.pop();
+      let isArray = false;
+      if (lastNamePart !== void 0 && lastNamePart.includes("[")) {
+        const lastNameParts = lastNamePart.match(/(.*)\[(\d+)\]$/);
+        if (lastNameParts) {
+          nameParts.push(lastNameParts[1]);
+          lastNamePart = lastNameParts[2];
+          isArray = true;
+        }
+      }
+      if (nameParts.length === 0) {
+        if (value === null) {
+          if (lastNamePart) {
+            const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = nodeValues.value;
+            nodeValues.value = remainingNodeValues;
+          }
+        } else {
+          nodeValues.value = {
+            ...nodeValues.value,
+            [lastNamePart]: value
+          };
+        }
+      } else {
+        if (value === null) {
+          let tempValue = get$3(nodeValues.value, nameParts.join("."));
+          if (lastNamePart && !Array.isArray(tempValue)) {
+            const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = tempValue;
+            tempValue = remainingNodeValues;
+          }
+          if (isArray && Array.isArray(tempValue) && tempValue.length === 0) {
+            lastNamePart = nameParts.pop();
+            tempValue = get$3(nodeValues.value, nameParts.join("."));
+            if (lastNamePart) {
+              const { [lastNamePart]: removedArrayNodeValue, ...remainingArrayNodeValues } = tempValue;
+              tempValue = remainingArrayNodeValues;
+            }
+          }
+        } else {
+          if (typeof value === "object") {
+            set$3(
+              get$3(nodeValues.value, nameParts.join(".")),
+              lastNamePart,
+              deepCopy(value)
+            );
+          } else {
+            set$3(
+              get$3(nodeValues.value, nameParts.join(".")),
+              lastNamePart,
+              value
+            );
+          }
+        }
+      }
+      nodeValues.value = { ...nodeValues.value };
+    };
+    const removeMismatchedOptionValues = (nodeType, nodeParameterValues, updatedParameter) => {
+      nodeType.properties.forEach((prop) => {
+        const displayOptions = prop.displayOptions;
+        if (!nodeParameterValues?.hasOwnProperty(prop.name) || !displayOptions || !prop.options) {
+          return;
+        }
+        const showCondition = displayOptions.show?.[updatedParameter.name];
+        const hideCondition = displayOptions.hide?.[updatedParameter.name];
+        if (showCondition === void 0 && hideCondition === void 0) {
+          return;
+        }
+        let hasValidOptions = true;
+        if (isINodePropertyCollectionList(prop.options) || isINodePropertiesList(prop.options)) {
+          hasValidOptions = Object.keys(nodeParameterValues).every(
+            (key) => (prop.options ?? []).find((option2) => option2.name === key) !== void 0
+          );
+        } else if (isINodePropertyOptionsList(prop.options)) {
+          hasValidOptions = !!prop.options.find(
+            (option2) => option2.value === nodeParameterValues[prop.name]
+          );
+        }
+        if (!hasValidOptions && displayParameter(nodeParameterValues, prop, node2.value, nodeType)) {
+          unset(nodeParameterValues, prop.name);
+        }
+      });
+    };
+    const valueChanged = (parameterData) => {
+      let newValue;
+      if (parameterData.hasOwnProperty("value")) {
+        newValue = parameterData.value;
+      } else {
+        newValue = get$3(nodeValues.value, parameterData.name);
+      }
+      const nodeNameBefore = parameterData.node || node2.value?.name;
+      if (!nodeNameBefore) {
+        return;
+      }
+      const _node = workflowsStore.getNodeByName(nodeNameBefore);
+      if (_node === null) {
+        return;
+      }
+      if (parameterData.name === "onError") {
+        emit("redrawRequired");
+      }
+      if (parameterData.name === "name") {
+        const sendData = {
+          value: newValue,
+          oldValue: nodeNameBefore,
+          name: parameterData.name
+        };
+        emit("valueChanged", sendData);
+      } else if (parameterData.name === "parameters") {
+        const nodeType = nodeTypesStore.getNodeType(_node.type, _node.typeVersion);
+        if (!nodeType) {
+          return;
+        }
+        let nodeParameters = getNodeParameters(
+          nodeType.properties,
+          _node.parameters,
+          false,
+          false,
+          _node,
+          nodeType
+        );
+        const oldNodeParameters = Object.assign({}, nodeParameters);
+        nodeParameters = deepCopy(nodeParameters);
+        if (parameterData.value && typeof parameterData.value === "object") {
+          for (const parameterName of Object.keys(parameterData.value)) {
+            newValue = parameterData.value[parameterName];
+            const parameterPath = parameterName.split(".").slice(1).join(".");
+            const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
+            if (parameterData[parameterName] === void 0 && parameterPathArray !== null) {
+              const path = parameterPathArray[1];
+              const index = parameterPathArray[2];
+              const data = get$3(nodeParameters, path);
+              if (Array.isArray(data)) {
+                data.splice(parseInt(index, 10), 1);
+                set$3(nodeParameters, path, data);
+              }
+            } else {
+              if (newValue === void 0) {
+                unset(nodeParameters, parameterPath);
+              } else {
+                set$3(nodeParameters, parameterPath, newValue);
+              }
+            }
+            void externalHooks.run("nodeSettings.valueChanged", {
+              parameterPath,
+              newValue,
+              parameters: parameters.value,
+              oldNodeParameters
+            });
+          }
+        }
+        nodeParameters = getNodeParameters(
+          nodeType.properties,
+          nodeParameters,
+          true,
+          false,
+          _node,
+          nodeType
+        );
+        for (const key of Object.keys(nodeParameters)) {
+          if (nodeParameters && nodeParameters[key] !== null && nodeParameters[key] !== void 0) {
+            setValue(`parameters.${key}`, nodeParameters[key]);
+          }
+        }
+        if (nodeParameters) {
+          const updateInformation = {
+            name: _node.name,
+            value: nodeParameters
+          };
+          workflowsStore.setNodeParameters(updateInformation);
+          nodeHelpers.updateNodeParameterIssuesByName(_node.name);
+          nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
+        }
+      } else if (parameterData.name.startsWith("parameters.")) {
+        const nodeType = nodeTypesStore.getNodeType(_node.type, _node.typeVersion);
+        if (!nodeType) {
+          return;
+        }
+        let nodeParameters = getNodeParameters(
+          nodeType.properties,
+          _node.parameters,
+          false,
+          false,
+          _node,
+          nodeType
+        );
+        const oldNodeParameters = Object.assign({}, nodeParameters);
+        nodeParameters = deepCopy(nodeParameters);
+        const parameterPath = parameterData.name.split(".").slice(1).join(".");
+        const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
+        if (parameterData.value === void 0 && parameterPathArray !== null) {
+          const path = parameterPathArray[1];
+          const index = parameterPathArray[2];
+          const data = get$3(nodeParameters, path);
+          if (Array.isArray(data)) {
+            data.splice(parseInt(index, 10), 1);
+            set$3(nodeParameters, path, data);
+          }
+        } else {
+          if (newValue === void 0) {
+            unset(nodeParameters, parameterPath);
+          } else {
+            set$3(nodeParameters, parameterPath, newValue);
+          }
+          removeMismatchedOptionValues(nodeType, nodeParameters, {
+            name: parameterPath
+          });
+        }
+        nodeParameters = getNodeParameters(
+          nodeType.properties,
+          nodeParameters,
+          true,
+          false,
+          _node,
+          nodeType
+        );
+        if (isToolNode.value) {
+          const updatedDescription = getUpdatedToolDescription(
+            props.nodeType,
+            nodeParameters,
+            node2.value?.parameters
+          );
+          if (updatedDescription && nodeParameters) {
+            nodeParameters.toolDescription = updatedDescription;
+          }
+        }
+        for (const key of Object.keys(nodeParameters)) {
+          if (nodeParameters && nodeParameters[key] !== null && nodeParameters[key] !== void 0) {
+            setValue(`parameters.${key}`, nodeParameters[key]);
+          }
+        }
+        const updateInformation = {
+          name: _node.name,
+          value: nodeParameters
+        };
+        const connections2 = workflowsStore.allConnections;
+        const updatedConnections = updateDynamicConnections(_node, connections2, parameterData);
+        if (updatedConnections) {
+          workflowsStore.setConnections(updatedConnections, true);
+        }
+        workflowsStore.setNodeParameters(updateInformation);
+        void externalHooks.run("nodeSettings.valueChanged", {
+          parameterPath,
+          newValue,
+          parameters: parameters.value,
+          oldNodeParameters
+        });
+        nodeHelpers.updateNodeParameterIssuesByName(_node.name);
+        nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
+        telemetry.trackNodeParametersValuesChange(nodeType.name, parameterData);
+      } else {
+        nodeValues.value = {
+          ...nodeValues.value,
+          [parameterData.name]: newValue
+        };
+        const updateInformation = {
+          name: _node.name,
+          key: parameterData.name,
+          value: newValue
+        };
+        workflowsStore.setNodeValue(updateInformation);
+      }
+    };
+    const setHttpNodeParameters = (parameters2) => {
+      try {
+        valueChanged({
+          node: node2.value?.name,
+          name: "parameters",
+          value: parameters2
+        });
+      } catch {
+      }
+    };
+    const onSwitchSelectedNode = (node22) => {
+      emit("switchSelectedNode", node22);
+    };
+    const onOpenConnectionNodeCreator = (nodeName, connectionType2) => {
+      emit("openConnectionNodeCreator", nodeName, connectionType2);
+    };
+    const populateHiddenIssuesSet = () => {
+      if (!node2.value || !workflowsStore.isNodePristine(node2.value.name)) return;
+      hiddenIssuesInputs.value.push("credentials");
+      parametersNoneSetting.value.forEach((parameter) => {
+        hiddenIssuesInputs.value.push(parameter.name);
+      });
+      workflowsStore.setNodePristine(node2.value.name, false);
+    };
+    const populateSettings = () => {
+      if (isExecutable2.value && !isTriggerNode.value) {
+        nodeSettings.value.push(
+          ...[
+            {
+              displayName: i18n.baseText("nodeSettings.alwaysOutputData.displayName"),
+              name: "alwaysOutputData",
+              type: "boolean",
+              default: false,
+              noDataExpression: true,
+              description: i18n.baseText("nodeSettings.alwaysOutputData.description")
+            },
+            {
+              displayName: i18n.baseText("nodeSettings.executeOnce.displayName"),
+              name: "executeOnce",
+              type: "boolean",
+              default: false,
+              noDataExpression: true,
+              description: i18n.baseText("nodeSettings.executeOnce.description")
+            },
+            {
+              displayName: i18n.baseText("nodeSettings.retryOnFail.displayName"),
+              name: "retryOnFail",
+              type: "boolean",
+              default: false,
+              noDataExpression: true,
+              description: i18n.baseText("nodeSettings.retryOnFail.description")
+            },
+            {
+              displayName: i18n.baseText("nodeSettings.maxTries.displayName"),
+              name: "maxTries",
+              type: "number",
+              typeOptions: {
+                minValue: 2,
+                maxValue: 5
+              },
+              default: 3,
+              displayOptions: {
+                show: {
+                  retryOnFail: [true]
+                }
+              },
+              noDataExpression: true,
+              description: i18n.baseText("nodeSettings.maxTries.description")
+            },
+            {
+              displayName: i18n.baseText("nodeSettings.waitBetweenTries.displayName"),
+              name: "waitBetweenTries",
+              type: "number",
+              typeOptions: {
+                minValue: 0,
+                maxValue: 5e3
+              },
+              default: 1e3,
+              displayOptions: {
+                show: {
+                  retryOnFail: [true]
+                }
+              },
+              noDataExpression: true,
+              description: i18n.baseText("nodeSettings.waitBetweenTries.description")
+            },
+            {
+              displayName: i18n.baseText("nodeSettings.onError.displayName"),
+              name: "onError",
+              type: "options",
+              options: [
+                {
+                  name: i18n.baseText("nodeSettings.onError.options.stopWorkflow.displayName"),
+                  value: "stopWorkflow",
+                  description: i18n.baseText("nodeSettings.onError.options.stopWorkflow.description")
+                },
+                {
+                  name: i18n.baseText("nodeSettings.onError.options.continueRegularOutput.displayName"),
+                  value: "continueRegularOutput",
+                  description: i18n.baseText(
+                    "nodeSettings.onError.options.continueRegularOutput.description"
+                  )
+                },
+                {
+                  name: i18n.baseText("nodeSettings.onError.options.continueErrorOutput.displayName"),
+                  value: "continueErrorOutput",
+                  description: i18n.baseText(
+                    "nodeSettings.onError.options.continueErrorOutput.description"
+                  )
+                }
+              ],
+              default: "stopWorkflow",
+              description: i18n.baseText("nodeSettings.onError.description"),
+              noDataExpression: true
+            }
+          ]
+        );
+      }
+      nodeSettings.value.push(
+        ...[
+          {
+            displayName: i18n.baseText("nodeSettings.notes.displayName"),
+            name: "notes",
+            type: "string",
+            typeOptions: {
+              rows: 5
+            },
+            default: "",
+            noDataExpression: true,
+            description: i18n.baseText("nodeSettings.notes.description")
+          },
+          {
+            displayName: i18n.baseText("nodeSettings.notesInFlow.displayName"),
+            name: "notesInFlow",
+            type: "boolean",
+            default: false,
+            noDataExpression: true,
+            description: i18n.baseText("nodeSettings.notesInFlow.description")
+          }
+        ]
+      );
+    };
+    const onParameterBlur = (parameterName) => {
+      hiddenIssuesInputs.value = hiddenIssuesInputs.value.filter((name) => name !== parameterName);
+    };
+    const onWorkflowActivate = () => {
+      hiddenIssuesInputs.value = [];
+      emit("activate");
+    };
+    const onNodeExecute = () => {
+      hiddenIssuesInputs.value = [];
+      subConnections.value?.showNodeInputsIssues();
+      emit("execute");
+    };
+    const credentialSelected = (updateInformation) => {
+      workflowsStore.updateNodeProperties(updateInformation);
+      const node22 = workflowsStore.getNodeByName(updateInformation.name);
+      if (node22) {
+        nodeHelpers.updateNodeCredentialIssues(node22);
+      }
+      void externalHooks.run("nodeSettings.credentialSelected", { updateInformation });
+    };
+    const nameChanged = (name) => {
+      if (node2.value) {
+        historyStore.pushCommandToUndo(new RenameNodeCommand(node2.value.name, name, Date.now()));
+      }
+      valueChanged({
+        value: name,
+        name: "name"
+      });
+    };
+    const setNodeValues = () => {
+      if (!node2.value) {
+        nodeValuesInitialized.value = true;
+        return;
+      }
+      if (props.nodeType !== null) {
+        nodeValid.value = true;
+        const foundNodeSettings = [];
+        if (node2.value.color) {
+          foundNodeSettings.push("color");
+          nodeValues.value = {
+            ...nodeValues.value,
+            color: node2.value.color
+          };
+        }
+        if (node2.value.notes) {
+          foundNodeSettings.push("notes");
+          nodeValues.value = {
+            ...nodeValues.value,
+            notes: node2.value.notes
+          };
+        }
+        if (node2.value.alwaysOutputData) {
+          foundNodeSettings.push("alwaysOutputData");
+          nodeValues.value = {
+            ...nodeValues.value,
+            alwaysOutputData: node2.value.alwaysOutputData
+          };
+        }
+        if (node2.value.executeOnce) {
+          foundNodeSettings.push("executeOnce");
+          nodeValues.value = {
+            ...nodeValues.value,
+            executeOnce: node2.value.executeOnce
+          };
+        }
+        if (node2.value.continueOnFail) {
+          foundNodeSettings.push("onError");
+          nodeValues.value = {
+            ...nodeValues.value,
+            onError: "continueRegularOutput"
+          };
+        }
+        if (node2.value.onError) {
+          foundNodeSettings.push("onError");
+          nodeValues.value = {
+            ...nodeValues.value,
+            onError: node2.value.onError
+          };
+        }
+        if (node2.value.notesInFlow) {
+          foundNodeSettings.push("notesInFlow");
+          nodeValues.value = {
+            ...nodeValues.value,
+            notesInFlow: node2.value.notesInFlow
+          };
+        }
+        if (node2.value.retryOnFail) {
+          foundNodeSettings.push("retryOnFail");
+          nodeValues.value = {
+            ...nodeValues.value,
+            retryOnFail: node2.value.retryOnFail
+          };
+        }
+        if (node2.value.maxTries) {
+          foundNodeSettings.push("maxTries");
+          nodeValues.value = {
+            ...nodeValues.value,
+            maxTries: node2.value.maxTries
+          };
+        }
+        if (node2.value.waitBetweenTries) {
+          foundNodeSettings.push("waitBetweenTries");
+          nodeValues.value = {
+            ...nodeValues.value,
+            waitBetweenTries: node2.value.waitBetweenTries
+          };
+        }
+        for (const nodeSetting of nodeSettings.value) {
+          if (!foundNodeSettings.includes(nodeSetting.name)) {
+            nodeValues.value = {
+              ...nodeValues.value,
+              [nodeSetting.name]: nodeSetting.default
+            };
+          }
+        }
+        nodeValues.value = {
+          ...nodeValues.value,
+          parameters: deepCopy(node2.value.parameters)
+        };
+      } else {
+        nodeValid.value = false;
+      }
+      nodeValuesInitialized.value = true;
+    };
+    const onMissingNodeTextClick = (event) => {
+      if (event.target.localName === "a") {
+        telemetry.track("user clicked cnr browse button", {
+          source: "cnr missing node modal"
+        });
+      }
+    };
+    const onMissingNodeLearnMoreLinkClick = () => {
+      telemetry.track("user clicked cnr docs link", {
+        source: "missing node modal source",
+        package_name: node2.value?.type.split(".")[0],
+        node_type: node2.value?.type
+      });
+    };
+    const onStopExecution = () => {
+      emit("stopExecution");
+    };
+    const openSettings = () => {
+      openPanel.value = "settings";
+    };
+    const onTabSelect = (tab) => {
+      openPanel.value = tab;
+    };
+    watch(node2, () => {
+      setNodeValues();
+    });
+    onMounted(() => {
+      populateHiddenIssuesSet();
+      populateSettings();
+      setNodeValues();
+      props.eventBus?.on("openSettings", openSettings);
+      nodeHelpers.updateNodeParameterIssues(node2.value, props.nodeType);
+      importCurlEventBus.on("setHttpNodeParameters", setHttpNodeParameters);
+      ndvEventBus.on("updateParameterValue", valueChanged);
+    });
+    onBeforeUnmount(() => {
+      props.eventBus?.off("openSettings", openSettings);
+      importCurlEventBus.off("setHttpNodeParameters", setHttpNodeParameters);
+      ndvEventBus.off("updateParameterValue", valueChanged);
+    });
+    function displayCredentials(credentialTypeDescription) {
+      if (credentialTypeDescription.displayOptions === void 0) {
+        return true;
+      }
+      return !!node2.value && nodeHelpers.displayParameter(node2.value.parameters, credentialTypeDescription, "", node2.value);
+    }
+    return (_ctx, _cache) => {
+      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_n8n_link = resolveComponent("n8n-link");
+      const _component_n8n_notice = resolveComponent("n8n-notice");
+      const _component_n8n_block_ui = resolveComponent("n8n-block-ui");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({
+          "node-settings": true,
+          dragging: _ctx.dragging
+        }),
+        onKeydown: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createBaseVNode("div", _hoisted_1$5, [
+            node2.value ? (openBlock(), createBlock(NodeTitle, {
+              key: 0,
+              class: "node-name",
+              "model-value": node2.value.name,
+              "node-type": _ctx.nodeType,
+              "read-only": isReadOnly.value,
+              "onUpdate:modelValue": nameChanged
+            }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
+            isExecutable2.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+              !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$P, {
+                key: 0,
+                "data-test-id": "node-execute-button",
+                "node-name": node2.value.name,
+                disabled: outputPanelEditMode.value.enabled && !isTriggerNode.value,
+                tooltip: executeButtonTooltip.value,
+                size: "small",
+                "telemetry-source": "parameters",
+                onExecute: onNodeExecute,
+                onStopExecution,
+                onValueChanged: valueChanged
+              }, null, 8, ["node-name", "disabled", "tooltip"])) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ]),
+          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$u, {
+            key: 0,
+            "model-value": openPanel.value,
+            "node-type": _ctx.nodeType,
+            "push-ref": _ctx.pushRef,
+            "onUpdate:modelValue": onTabSelect
+          }, null, 8, ["model-value", "node-type", "push-ref"])) : createCommentVNode("", true)
+        ], 2),
+        node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+          createBaseVNode("p", {
+            class: normalizeClass(_ctx.$style.warningIcon)
+          }, [
+            createVNode(_component_font_awesome_icon, { icon: "exclamation-triangle" })
+          ], 2),
+          createBaseVNode("div", _hoisted_4, [
+            createVNode(_component_n8n_text, {
+              size: "large",
+              color: "text-dark",
+              bold: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.communityNodeUnknown.title")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          isCommunityNode.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.descriptionContainer)
+          }, [
+            createBaseVNode("div", _hoisted_5, [
+              createVNode(_component_i18n_t, {
+                keypath: "nodeSettings.communityNodeUnknown.description",
+                tag: "span",
+                onClick: onMissingNodeTextClick
+              }, {
+                action: withCtx(() => [
+                  createBaseVNode("a", {
+                    href: `https://www.npmjs.com/package/${node2.value.type.split(".")[0]}`,
+                    target: "_blank"
+                  }, toDisplayString(node2.value.type.split(".")[0]), 9, _hoisted_6)
+                ]),
+                _: 1
+              })
+            ]),
+            createVNode(_component_n8n_link, {
+              to: unref(COMMUNITY_NODES_INSTALLATION_DOCS_URL),
+              onClick: onMissingNodeLearnMoreLinkClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.communityNodeUnknown.installLink.text")), 1)
+              ]),
+              _: 1
+            }, 8, ["to"])
+          ], 2)) : (openBlock(), createBlock(_component_i18n_t, {
+            key: 1,
+            keypath: "nodeSettings.nodeTypeUnknown.description",
+            tag: "span"
+          }, {
+            action: withCtx(() => [
+              createBaseVNode("a", {
+                href: unref(CUSTOM_NODES_DOCS_URL),
+                target: "_blank",
+                textContent: toDisplayString(unref(i18n).baseText("nodeSettings.nodeTypeUnknown.description.customNode"))
+              }, null, 8, _hoisted_7)
+            ]),
+            _: 1
+          }))
+        ])) : createCommentVNode("", true),
+        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          hasForeignCredential.value && !isHomeProjectTeam.value ? (openBlock(), createBlock(_component_n8n_notice, {
+            key: 0,
+            content: unref(i18n).baseText("nodeSettings.hasForeignCredential", {
+              interpolate: { owner: credentialOwnerName.value }
+            })
+          }, null, 8, ["content"])) : createCommentVNode("", true),
+          createVNode(_sfc_main$r),
+          withDirectives(createBaseVNode("div", null, [
+            createVNode(NodeWebhooks, {
+              node: node2.value,
+              "node-type-description": _ctx.nodeType
+            }, null, 8, ["node", "node-type-description"]),
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$Q, {
+              key: 0,
+              parameters: parametersNoneSetting.value,
+              "hide-delete": true,
+              "node-values": nodeValues.value,
+              "is-read-only": isReadOnly.value,
+              "hidden-issues-inputs": hiddenIssuesInputs.value,
+              path: "parameters",
+              onValueChanged: valueChanged,
+              onActivate: onWorkflowActivate,
+              onParameterBlur
+            }, {
+              default: withCtx(() => [
+                createVNode(NodeCredentials, {
+                  node: node2.value,
+                  readonly: isReadOnly.value,
+                  "show-all": true,
+                  "hide-issues": hiddenIssuesInputs.value.includes("credentials"),
+                  onCredentialSelected: credentialSelected,
+                  onValueChanged: valueChanged,
+                  onBlur: onParameterBlur
+                }, null, 8, ["node", "readonly", "hide-issues"])
+              ]),
+              _: 1
+            }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"])) : createCommentVNode("", true),
+            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createVNode(_component_n8n_text, null, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true),
+            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              createVNode(_component_n8n_notice, {
+                content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
+                  interpolate: { nodeTypeDisplayName: _ctx.nodeType?.displayName ?? "" }
+                })
+              }, null, 8, ["content"])
+            ])) : createCommentVNode("", true)
+          ], 512), [
+            [vShow, openPanel.value === "params"]
+          ]),
+          withDirectives(createBaseVNode("div", null, [
+            createVNode(_sfc_main$Q, {
+              parameters: parametersSetting.value,
+              "node-values": nodeValues.value,
+              "is-read-only": isReadOnly.value,
+              "hide-delete": true,
+              "hidden-issues-inputs": hiddenIssuesInputs.value,
+              path: "parameters",
+              onValueChanged: valueChanged,
+              onParameterBlur
+            }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
+            createVNode(_sfc_main$Q, {
+              parameters: nodeSettings.value,
+              "hide-delete": true,
+              "node-values": nodeValues.value,
+              "is-read-only": isReadOnly.value,
+              "hidden-issues-inputs": hiddenIssuesInputs.value,
+              path: "",
+              onValueChanged: valueChanged,
+              onParameterBlur
+            }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
+            createBaseVNode("div", _hoisted_11, [
+              createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.nodeVersion", {
+                interpolate: {
+                  node: _ctx.nodeType?.displayName,
+                  version: (node2.value.typeVersion ?? latestVersion.value).toString()
+                }
+              })) + " ", 1),
+              createBaseVNode("span", null, "(" + toDisplayString(nodeVersionTag.value) + ")", 1)
+            ])
+          ], 512), [
+            [vShow, openPanel.value === "settings"]
+          ])
+        ])) : createCommentVNode("", true),
+        node2.value ? (openBlock(), createBlock(NDVSubConnections, {
+          key: 2,
+          ref_key: "subConnections",
+          ref: subConnections,
+          "root-node": node2.value,
+          onSwitchSelectedNode,
+          onOpenConnectionNodeCreator
+        }, null, 8, ["root-node"])) : createCommentVNode("", true),
+        createVNode(_component_n8n_block_ui, { show: _ctx.blockUI }, null, 8, ["show"])
+      ], 34);
+    };
+  }
+});
+const header = "_header_13al3_123";
+const warningIcon = "_warningIcon_13al3_127";
+const descriptionContainer = "_descriptionContainer_13al3_132";
+const style0$j = {
+  header,
+  warningIcon,
+  descriptionContainer
+};
+const cssModules$j = {
+  "$style": style0$j
+};
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__cssModules", cssModules$j], ["__scopeId", "data-v-114fd48f"]]);
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeNodeSettings",
+  props: {
+    nodeId: {}
+  },
+  setup(__props) {
+    const settingsEventBus = createEventBus();
+    const nodeTypesStore = useNodeTypesStore();
+    const workflowsStore = useWorkflowsStore();
+    const activeNode = computed(() => workflowsStore.getNodeById(__props.nodeId));
+    const activeNodeType = computed(() => {
+      if (activeNode.value) {
+        return nodeTypesStore.getNodeType(activeNode.value.type, activeNode.value.typeVersion);
+      }
+      return null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(NodeSettings, {
+        "event-bus": unref(settingsEventBus),
+        dragging: false,
+        "active-node": activeNode.value,
+        "node-type": activeNodeType.value,
+        "push-ref": "",
+        "foreign-credentials": [],
+        "read-only": false,
+        "block-u-i": false,
+        executable: false,
+        "input-size": 0
+      }, null, 8, ["event-bus", "active-node", "node-type"]);
+    };
+  }
+});
+const _hoisted_1$4 = ["data-test-id"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeDefault",
+  emits: ["open:contextmenu", "activate"],
+  setup(__props, { emit: __emit }) {
+    const $style = useCssModule();
+    const i18n = useI18n();
+    const emit = __emit;
+    const { initialized, viewport } = useCanvas();
+    const {
+      id: id2,
+      label: label2,
+      subtitle: subtitle2,
+      inputs: inputs2,
+      outputs,
+      connections: connections2,
+      isDisabled,
+      isSelected,
+      hasPinnedData,
+      executionStatus,
+      executionWaiting,
+      executionWaitingForNext,
+      executionRunning,
+      hasRunData,
+      hasIssues: hasIssues2,
+      render: render2
+    } = useCanvasNode();
+    const {
+      mainOutputs,
+      mainOutputConnections,
+      mainInputs,
+      mainInputConnections,
+      nonMainInputs
+    } = useNodeConnections({
+      inputs: inputs2,
+      outputs,
+      connections: connections2
+    });
+    const renderOptions = computed(() => render2.value.options);
+    const nodeSettingsZoom = useNodeSettingsInCanvas();
+    const classes = computed(() => {
+      return {
+        [$style.node]: true,
+        [$style.selected]: isSelected.value,
+        [$style.disabled]: isDisabled.value,
+        [$style.success]: hasRunData.value,
+        [$style.error]: hasIssues2.value,
+        [$style.pinned]: hasPinnedData.value,
+        [$style.waiting]: executionWaiting.value ?? executionStatus.value === "waiting",
+        [$style.running]: executionRunning.value || executionWaitingForNext.value,
+        [$style.configurable]: renderOptions.value.configurable,
+        [$style.configuration]: renderOptions.value.configuration,
+        [$style.trigger]: renderOptions.value.trigger,
+        [$style.warning]: renderOptions.value.dirtiness !== void 0,
+        [$style.settingsView]: nodeSettingsZoom.value !== void 0
+      };
+    });
+    const styles = computed(() => {
+      const stylesObject = {};
+      if (renderOptions.value.configurable) {
+        let spacerCount = 0;
+        stylesObject["--configurable-node--input-count"] = nonMainInputs.value.length + spacerCount;
+      }
+      if (nodeSettingsZoom.value !== void 0) {
+        stylesObject["--zoom"] = nodeSettingsZoom.value;
+      }
+      stylesObject["--canvas-node--main-input-count"] = mainInputs.value.length;
+      stylesObject["--canvas-node--main-output-count"] = mainOutputs.value.length;
+      return stylesObject;
+    });
+    const dataTestId = computed(() => {
+      let type = "default";
+      if (renderOptions.value.configurable) {
+        type = "configurable";
+      } else if (renderOptions.value.configuration) {
+        type = "configuration";
+      } else if (renderOptions.value.trigger) {
+        type = "trigger";
+      }
+      return `canvas-${type}-node`;
+    });
+    const isStrikethroughVisible = computed(() => {
+      const isSingleMainInputNode = mainInputs.value.length === 1 && mainInputConnections.value.length <= 1;
+      const isSingleMainOutputNode = mainOutputs.value.length === 1 && mainOutputConnections.value.length <= 1;
+      return isDisabled.value && isSingleMainInputNode && isSingleMainOutputNode;
+    });
+    const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
+    const iconSource = computed(() => renderOptions.value.icon);
+    const showTooltip = ref(false);
+    watch(initialized, () => {
+      if (initialized.value) {
+        showTooltip.value = true;
+      }
+    });
+    watch(viewport, () => {
+      showTooltip.value = false;
+      setTimeout(() => {
+        showTooltip.value = true;
+      }, 0);
+    });
+    function openContextMenu(event) {
+      emit("open:contextmenu", event);
+    }
+    function onActivate(event) {
+      emit("activate", id2.value, event);
+    }
+    return (_ctx, _cache) => {
+      const _component_CanvasNodeTooltip = __unplugin_components_0$3;
+      const _component_NodeIcon = _sfc_main$O;
+      const _component_CanvasNodeStatusIcons = __unplugin_components_2;
+      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_3;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(styles.value),
+        "data-test-id": dataTestId.value,
+        onContextmenu: openContextMenu,
+        onDblclick: withModifiers(onActivate, ["stop"])
+      }, [
+        unref(nodeSettingsZoom) !== void 0 ? (openBlock(), createBlock(_sfc_main$p, {
+          key: 0,
+          "node-id": unref(id2)
+        }, null, 8, ["node-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          renderOptions.value.tooltip ? (openBlock(), createBlock(_component_CanvasNodeTooltip, {
+            key: 0,
+            visible: showTooltip.value
+          }, null, 8, ["visible"])) : createCommentVNode("", true),
+          createVNode(_component_NodeIcon, {
+            "icon-source": iconSource.value,
+            size: iconSize.value,
+            shrink: false,
+            disabled: unref(isDisabled)
+          }, null, 8, ["icon-source", "size", "disabled"]),
+          !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
+            key: 1,
+            class: normalizeClass(unref($style).statusIcons)
+          }, null, 8, ["class"])) : createCommentVNode("", true),
+          isStrikethroughVisible.value ? (openBlock(), createBlock(_component_CanvasNodeDisabledStrikeThrough, { key: 2 })) : createCommentVNode("", true),
+          createBaseVNode("div", {
+            class: normalizeClass(unref($style).description)
+          }, [
+            unref(label2) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref($style).label)
+            }, toDisplayString(unref(label2)), 3)) : createCommentVNode("", true),
+            unref(isDisabled) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(unref($style).disabledLabel)
+            }, " (" + toDisplayString(unref(i18n).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
+            unref(subtitle2) ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass(unref($style).subtitle)
+            }, toDisplayString(unref(subtitle2)), 3)) : createCommentVNode("", true)
+          ], 2)
+        ], 64))
+      ], 46, _hoisted_1$4);
+    };
+  }
+});
+const node = "_node_jt24t_123";
+const trigger$1 = "_trigger_jt24t_156";
+const settingsView = "_settingsView_jt24t_159";
+const configuration = "_configuration_jt24t_172";
+const statusIcons = "_statusIcons_jt24t_179";
+const configurable = "_configurable_jt24t_182";
+const description = "_description_jt24t_193";
+const label$5 = "_label_jt24t_203";
+const subtitle = "_subtitle_jt24t_206";
+const selected$1 = "_selected_jt24t_216";
+const success$1 = "_success_jt24t_219";
+const warning = "_warning_jt24t_222";
+const error = "_error_jt24t_225";
+const pinned = "_pinned_jt24t_228";
+const disabled$1 = "_disabled_jt24t_231";
+const running = "_running_jt24t_234";
+const waiting = "_waiting_jt24t_238";
+const disabledLabel = "_disabledLabel_jt24t_255";
+const style0$i = {
+  node,
+  trigger: trigger$1,
+  settingsView,
+  configuration,
+  statusIcons,
+  configurable,
+  description,
+  label: label$5,
+  subtitle,
+  selected: selected$1,
+  success: success$1,
+  warning,
+  error,
+  pinned,
+  disabled: disabled$1,
+  running,
+  waiting,
+  disabledLabel
+};
+const cssModules$i = {
+  "$style": style0$i
+};
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$i]]);
+var xhtml = "http://www.w3.org/1999/xhtml";
+const namespaces = {
+  svg: "http://www.w3.org/2000/svg",
+  xhtml,
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace",
+  xmlns: "http://www.w3.org/2000/xmlns/"
+};
+function namespace(name) {
+  var prefix = name += "", i = prefix.indexOf(":");
+  if (i >= 0 && (prefix = name.slice(0, i)) !== "xmlns")
+    name = name.slice(i + 1);
+  return namespaces.hasOwnProperty(prefix) ? { space: namespaces[prefix], local: name } : name;
+}
+function creatorInherit(name) {
+  return function() {
+    var document2 = this.ownerDocument, uri = this.namespaceURI;
+    return uri === xhtml && document2.documentElement.namespaceURI === xhtml ? document2.createElement(name) : document2.createElementNS(uri, name);
+  };
+}
+function creatorFixed(fullname) {
+  return function() {
+    return this.ownerDocument.createElementNS(fullname.space, fullname.local);
+  };
 }
 function creator(name) {
   var fullname = namespace(name);
@@ -10353,14 +12459,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 const sticky = "_sticky_1jyj2_123";
 const selected = "_selected_1jyj2_130";
-const style0$g = {
+const style0$h = {
   sticky,
   selected
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$h = {
+  "$style": style0$h
 };
-const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$g]]);
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$h]]);
 const _hoisted_1$3 = ["textContent"];
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
@@ -10428,17 +12534,17 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const addNodes = "_addNodes_1qfrq_123";
-const button = "_button_1qfrq_131";
+const button$1 = "_button_1qfrq_131";
 const label$4 = "_label_1qfrq_152";
-const style0$f = {
+const style0$g = {
   addNodes,
-  button,
+  button: button$1,
   label: label$4
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$g = {
+  "$style": style0$g
 };
-const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$f]]);
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$g]]);
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAIPrompt",
   emits: ["delete"],
@@ -10520,7 +12626,7 @@ const form_textarea = "_form_textarea_145fr_153";
 const form_footer = "_form_footer_145fr_170";
 const or = "_or_145fr_176";
 const or_text = "_or_text_145fr_185";
-const style0$e = {
+const style0$f = {
   container: container$1,
   promptContainer,
   focused,
@@ -10530,10 +12636,10 @@ const style0$e = {
   or,
   or_text
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$f = {
+  "$style": style0$f
 };
-const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$e]]);
+const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$f]]);
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
@@ -10577,13 +12683,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const rectangle = "_rectangle_rd2w6_123";
-const style0$d = {
+const style0$e = {
   rectangle
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$e = {
+  "$style": style0$e
 };
-const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$d]]);
+const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$e]]);
 function useCanvasNodeHandle() {
   const handle2 = inject(CanvasNodeHandleKey);
   const label2 = computed(() => handle2?.label.value ?? "");
@@ -10636,15 +12742,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 const handle$4 = "_handle_1v80z_123";
 const label$3 = "_label_1v80z_130";
 const required$3 = "_required_1v80z_143";
-const style0$c = {
+const style0$d = {
   handle: handle$4,
   label: label$3,
   required: required$3
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$d = {
+  "$style": style0$d
 };
-const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$c]]);
+const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$d]]);
 const _hoisted_1$2 = ["viewBox"];
 const _hoisted_2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_3 = ["transform"];
@@ -10774,17 +12880,17 @@ const secondary = "_secondary_hyidj_126";
 const line = "_line_hyidj_126";
 const plus$1 = "_plus_hyidj_129";
 const success = "_success_hyidj_135";
-const style0$b = {
+const style0$c = {
   wrapper: wrapper$1,
   secondary,
   line,
   plus: plus$1,
   success
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$c = {
+  "$style": style0$c
 };
-const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$b]]);
+const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$c]]);
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDot",
   props: {
@@ -10799,13 +12905,13 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const dot = "_dot_gdjps_123";
-const style0$a = {
+const style0$b = {
   dot
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$b = {
+  "$style": style0$b
 };
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$a]]);
+const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$b]]);
 const handleClasses$2 = "source";
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainOutput",
@@ -10899,7 +13005,7 @@ const label$2 = "_label_1u904_129";
 const required$2 = "_required_1u904_143";
 const outputLabel = "_outputLabel_1u904_148";
 const runDataLabel = "_runDataLabel_1u904_156";
-const style0$9 = {
+const style0$a = {
   handle: handle$3,
   connected,
   label: label$2,
@@ -10907,10 +13013,10 @@ const style0$9 = {
   outputLabel,
   runDataLabel
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$a = {
+  "$style": style0$a
 };
-const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$9]]);
+const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$a]]);
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDiamond",
   props: {
@@ -10925,13 +13031,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const diamond = "_diamond_kuwdo_123";
-const style0$8 = {
+const style0$9 = {
   diamond
 };
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$9 = {
+  "$style": style0$9
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$8]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$9]]);
 const handleClasses$1 = "target";
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainInput",
@@ -10993,15 +13099,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 const handle$2 = "_handle_3v1rt_123";
 const label$1 = "_label_3v1rt_130";
 const required$1 = "_required_3v1rt_143";
-const style0$7 = {
+const style0$8 = {
   handle: handle$2,
   label: label$1,
   required: required$1
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$8 = {
+  "$style": style0$8
 };
-const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$7]]);
+const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$8]]);
 const handleClasses = "source";
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainOutput",
@@ -11030,16 +13136,16 @@ const handle$1 = "_handle_1x1ua_123";
 const label = "_label_1x1ua_130";
 const required = "_required_1x1ua_142";
 const plus = "_plus_1x1ua_147";
-const style0$6 = {
+const style0$7 = {
   handle: handle$1,
   label,
   required,
   plus
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$7 = {
+  "$style": style0$7
 };
-const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$6]]);
+const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$7]]);
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -11161,7 +13267,7 @@ const top = "_top_5ceyz_140";
 const right = "_right_5ceyz_144";
 const left = "_left_5ceyz_148";
 const bottom = "_bottom_5ceyz_152";
-const style0$5 = {
+const style0$6 = {
   handle,
   inputs,
   main,
@@ -11171,10 +13277,10 @@ const style0$5 = {
   left,
   bottom
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$6 = {
+  "$style": style0$6
 };
-const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$5]]);
+const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$6]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTrigger",
   props: {
@@ -11198,17 +13304,21 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const logsStore = useLogsStore();
     const { runEntireWorkflow } = useRunWorkflow({ router });
-    const { startChat } = useCanvasOperations({ router });
+    const { startChat } = useCanvasOperations();
     const isChatOpen = computed(() => logsStore.isOpen);
     const isExecuting = computed(() => workflowsStore.isWorkflowRunning);
     const testId = computed(() => `execute-workflow-button-${__props.name}`);
+    async function handleClickExecute() {
+      workflowsStore.setSelectedTriggerNodeName(__props.name);
+      await runEntireWorkflow("node", __props.name);
+    }
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(containerClass.value),
-        onClick: _cache[3] || (_cache[3] = withModifiers(() => {
+        onClick: _cache[2] || (_cache[2] = withModifiers(() => {
         }, ["stop", "prevent"])),
-        onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
+        onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop", "prevent"]))
       }, [
         createBaseVNode("div", null, [
@@ -11225,6 +13335,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               isChatOpen.value ? (openBlock(), createBlock(unref(N8nButton), {
                 key: 0,
                 type: "secondary",
+                icon: "comment",
                 size: "large",
                 disabled: isExecuting.value,
                 "data-test-id": testId.value,
@@ -11238,6 +13349,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(N8nButton), {
                     type: "primary",
+                    icon: "comment",
                     size: "large",
                     disabled: isExecuting.value,
                     "data-test-id": testId.value,
@@ -11250,11 +13362,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ], 64)) : (openBlock(), createBlock(unref(N8nButton), {
               key: 1,
               type: "primary",
+              icon: "flask",
               size: "large",
               disabled: isExecuting.value,
               "data-test-id": testId.value,
               label: unref(i18n).baseText("nodeView.runButtonText.executeWorkflow"),
-              onClickCapture: _cache[2] || (_cache[2] = ($event) => unref(runEntireWorkflow)("node", _ctx.name))
+              onClickCapture: handleClickExecute
             }, null, 8, ["disabled", "data-test-id", "label"]))
           ], 64)) : createCommentVNode("", true)
         ])
@@ -11266,16 +13379,16 @@ const container = "_container_ze6b9_123";
 const interactive = "_interactive_ze6b9_144";
 const hovered = "_hovered_ze6b9_144";
 const bolt = "_bolt_ze6b9_150";
-const style0$4 = {
+const style0$5 = {
   container,
   interactive,
   hovered,
   bolt
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$5 = {
+  "$style": style0$5
 };
-const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$4]]);
+const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5]]);
 const _hoisted_1$1 = ["data-test-id", "data-node-name", "data-node-type"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
@@ -11315,7 +13428,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const nodeClasses = ref([]);
     const inputs2 = computed(() => props.data.inputs);
     const outputs = computed(() => props.data.outputs);
-    const connections = computed(() => props.data.connections);
+    const connections2 = computed(() => props.data.connections);
     const {
       mainInputs,
       nonMainInputs,
@@ -11326,7 +13439,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     } = useNodeConnections({
       inputs: inputs2,
       outputs,
-      connections
+      connections: connections2
     });
     const isDisabled = computed(() => props.data.disabled);
     const classes = computed(() => ({
@@ -11375,7 +13488,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         index: endpoint.index
       });
       const handleType = mode === CanvasConnectionMode.Input ? "target" : "source";
-      const connectionsCount = connections.value[mode][endpoint.type]?.[endpoint.index]?.length ?? 0;
+      const connectionsCount = connections2.value[mode][endpoint.type]?.[endpoint.index]?.length ?? 0;
       const isConnecting = connectingHandle.value?.nodeId === props.id && connectingHandle.value?.handleType === handleType && connectingHandle.value?.handleId === handleId;
       return {
         ...endpoint,
@@ -11563,54 +13676,51 @@ const canvasNode = "_canvasNode_1ftik_123";
 const trigger = "_trigger_1ftik_123";
 const canvasNodeToolbar = "_canvasNodeToolbar_1ftik_123";
 const showToolbar = "_showToolbar_1ftik_123";
-const style0$3 = {
+const style0$4 = {
   canvasNode,
   trigger,
   canvasNodeToolbar,
   showToolbar
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$4 = {
+  "$style": style0$4
 };
-const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$3]]);
+const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4]]);
 function useViewportAutoAdjust(viewportRef, viewport, setViewport) {
-  const settingsStore = useSettingsStore();
-  if (settingsStore.isNewLogsEnabled) {
-    const canvasRect = ref();
-    watch(
-      viewportRef,
-      (vp, _, onCleanUp) => {
-        if (!vp) {
-          return;
-        }
-        const resizeObserver = new ResizeObserver((entries) => {
-          const entry = entries[0];
-          if (entry) {
-            canvasRect.value = entry.contentRect;
-          }
-        });
-        canvasRect.value = {
-          x: vp.offsetLeft,
-          y: vp.offsetTop,
-          width: vp.offsetWidth,
-          height: vp.offsetHeight
-        };
-        resizeObserver.observe(vp);
-        onCleanUp(() => resizeObserver.disconnect());
-      },
-      { immediate: true }
-    );
-    watch(canvasRect, async (newRect, oldRect) => {
-      if (!newRect || !oldRect) {
+  const canvasRect = ref();
+  watch(
+    viewportRef,
+    (vp, _, onCleanUp) => {
+      if (!vp) {
         return;
       }
-      await setViewport({
-        x: viewport.value.x + (newRect.width - oldRect.width) / 2,
-        y: viewport.value.y + (newRect.height - oldRect.height) / 2,
-        zoom: viewport.value.zoom
+      const resizeObserver = new ResizeObserver((entries) => {
+        const entry = entries[0];
+        if (entry) {
+          canvasRect.value = entry.contentRect;
+        }
       });
+      canvasRect.value = {
+        x: vp.offsetLeft,
+        y: vp.offsetTop,
+        width: vp.offsetWidth,
+        height: vp.offsetHeight
+      };
+      resizeObserver.observe(vp);
+      onCleanUp(() => resizeObserver.disconnect());
+    },
+    { immediate: true }
+  );
+  watch(canvasRect, async (newRect, oldRect) => {
+    if (!newRect || !oldRect) {
+      return;
+    }
+    await setViewport({
+      x: viewport.value.x + (newRect.width - oldRect.width) / 2,
+      y: viewport.value.y + (newRect.height - oldRect.height) / 2,
+      zoom: viewport.value.zoom
     });
-  }
+  });
 }
 const renameKeyCode = " ";
 const defaultZoom = 1;
@@ -12231,14 +14341,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$w, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$x, {
+          createVNode(_sfc_main$D, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$E, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$1, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$A), {
+              withDirectives(createVNode(unref(_sfc_main$H), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -12283,17 +14393,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const canvas$1 = "_canvas_1fjji_123";
 const ready = "_ready_1fjji_129";
-const style0$2 = {
+const style0$3 = {
   canvas: canvas$1,
   ready
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$3 = {
+  "$style": style0$3
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$2], ["__scopeId", "data-v-ff688b7e"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3], ["__scopeId", "data-v-ff688b7e"]]);
 function useCanvasMapping({
   nodes,
-  connections,
+  connections: connections2,
   workflowObject
 }) {
   const i18n = useI18n();
@@ -12502,6 +14612,12 @@ function useCanvasMapping({
       return acc;
     }, {})
   );
+  const nodeExecutionWaitingForNextById = computed(
+    () => nodes.value.reduce((acc, node2) => {
+      acc[node2.id] = node2.name === workflowsStore.lastAddedExecutingNode && workflowsStore.executingNode.length === 0 && workflowsStore.isWorkflowRunning;
+      return acc;
+    }, {})
+  );
   const nodeExecutionStatusById = computed(
     () => nodes.value.reduce((acc, node2) => {
       const tasks = workflowsStore.getWorkflowRunData?.[node2.name] ?? [];
@@ -12522,15 +14638,15 @@ function useCanvasMapping({
         const outputData = { iterations: 0, total: 0 };
         for (const runIteration of nodeExecutionRunDataById.value[nodeId] ?? []) {
           const data = runIteration.data ?? {};
-          for (const connectionType of Object.keys(data)) {
-            const connectionTypeData = data[connectionType] ?? {};
-            acc[nodeId][connectionType] = acc[nodeId][connectionType] ?? {};
+          for (const connectionType2 of Object.keys(data)) {
+            const connectionTypeData = data[connectionType2] ?? {};
+            acc[nodeId][connectionType2] = acc[nodeId][connectionType2] ?? {};
             for (const outputIndex of Object.keys(connectionTypeData)) {
               const parsedOutputIndex = parseInt(outputIndex, 10);
               const connectionTypeOutputIndexData = connectionTypeData[parsedOutputIndex] ?? [];
-              acc[nodeId][connectionType][outputIndex] = acc[nodeId][connectionType][outputIndex] ?? { ...outputData };
-              acc[nodeId][connectionType][outputIndex].iterations += 1;
-              acc[nodeId][connectionType][outputIndex].total += connectionTypeOutputIndexData.length;
+              acc[nodeId][connectionType2][outputIndex] = acc[nodeId][connectionType2][outputIndex] ?? { ...outputData };
+              acc[nodeId][connectionType2][outputIndex].iterations += 1;
+              acc[nodeId][connectionType2][outputIndex].total += connectionTypeOutputIndexData.length;
             }
           }
         }
@@ -12704,6 +14820,7 @@ function useCanvasMapping({
         execution: {
           status: nodeExecutionStatusById.value[node2.id],
           waiting: nodeExecutionWaitingById.value[node2.id],
+          waitingForNext: nodeExecutionWaitingForNextById.value[node2.id],
           running: nodeExecutionRunningById.value[node2.id]
         },
         runData: {
@@ -12724,7 +14841,7 @@ function useCanvasMapping({
     })
   ]);
   const mappedConnections = computed(() => {
-    return mapLegacyConnectionsToCanvasConnections(connections.value ?? [], nodes.value ?? []).map(
+    return mapLegacyConnectionsToCanvasConnections(connections2.value ?? [], nodes.value ?? []).map(
       (connection) => {
         const type = getConnectionType();
         const label2 = getConnectionLabel(connection);
@@ -12794,6 +14911,7 @@ function useCanvasMapping({
   return {
     additionalNodePropertiesById,
     nodeExecutionRunDataOutputMapById,
+    nodeExecutionWaitingForNextById,
     nodeIssuesById,
     nodeHasIssuesById,
     connections: mappedConnections,
@@ -12824,10 +14942,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const nodes = computed(() => {
       return props.showFallbackNodes ? [...props.workflow.nodes, ...props.fallbackNodes] : props.workflow.nodes;
     });
-    const connections = computed(() => props.workflow.connections);
+    const connections2 = computed(() => props.workflow.connections);
     const { nodes: mappedNodes, connections: mappedConnections } = useCanvasMapping({
       nodes,
-      connections,
+      connections: connections2,
       workflowObject
     });
     const initialFitViewDone = ref(false);
@@ -12863,25 +14981,32 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 });
 const wrapper = "_wrapper_17o0o_123";
 const canvas = "_canvas_17o0o_131";
-const style0$1 = {
+const style0$2 = {
   wrapper,
   canvas
 };
-const cssModules$1 = {
-  "$style": style0$1
+const cssModules$2 = {
+  "$style": style0$2
 };
-const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__cssModules", cssModules$1]]);
+const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__cssModules", cssModules$2]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CanvasRunWorkflowButton",
   props: {
+    selectedTriggerNodeName: {},
+    triggerNodes: {},
     waitingForWebhook: { type: Boolean },
     executing: { type: Boolean },
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    getNodeType: { type: Function }
   },
-  emits: ["mouseenter", "mouseleave", "click"],
-  setup(__props) {
+  emits: ["mouseenter", "mouseleave", "execute", "selectTriggerNode"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const i18n = useI18n();
+    const selectableTriggerNodes = computed(
+      () => props.triggerNodes.filter((node2) => !node2.disabled && !isChatNode(node2))
+    );
     const label2 = computed(() => {
       if (!props.executing) {
         return i18n.baseText("nodeView.runButtonText.executeWorkflow");
@@ -12891,32 +15016,164 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
       return i18n.baseText("nodeView.runButtonText.executingWorkflow");
     });
+    const actions2 = computed(
+      () => props.triggerNodes.filter((node2) => !isChatNode(node2)).toSorted((a, b) => {
+        const [aX, aY] = a.position;
+        const [bX, bY] = b.position;
+        return aY === bY ? aX - bX : aY - bY;
+      }).map((node2) => ({
+        label: truncateBeforeLast(node2.name, 25),
+        disabled: !!node2.disabled,
+        id: node2.name,
+        checked: props.selectedTriggerNodeName === node2.name
+      }))
+    );
+    const isSplitButton = computed(
+      () => selectableTriggerNodes.value.length > 1 && props.selectedTriggerNodeName !== void 0
+    );
+    function getNodeTypeByName(name) {
+      const node2 = props.triggerNodes.find((trigger2) => trigger2.name === name);
+      if (!node2) {
+        return null;
+      }
+      return props.getNodeType(node2.type, node2.typeVersion);
+    }
     return (_ctx, _cache) => {
-      const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(KeyboardShortcutTooltip, {
-        label: label2.value,
-        shortcut: { metaKey: true, keys: ["↵"] },
-        disabled: _ctx.executing
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_N8nButton, {
-            loading: _ctx.executing,
-            label: label2.value,
-            disabled: _ctx.disabled,
-            size: "large",
-            icon: "flask",
-            type: "primary",
-            "data-test-id": "execute-workflow-button",
-            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
-            onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
-            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))
-          }, null, 8, ["loading", "label", "disabled"])
-        ]),
-        _: 1
-      }, 8, ["label", "disabled"]);
+      const _component_I18nT = resolveComponent("I18nT");
+      const _component_NodeIcon = _sfc_main$O;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
+      }, [
+        createVNode(KeyboardShortcutTooltip, {
+          label: label2.value,
+          shortcut: { metaKey: true, keys: ["↵"] },
+          disabled: _ctx.executing
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(N8nButton), {
+              class: normalizeClass(_ctx.$style.button),
+              loading: _ctx.executing,
+              disabled: _ctx.disabled,
+              size: "large",
+              icon: "flask",
+              type: "primary",
+              "data-test-id": "execute-workflow-button",
+              onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
+              onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
+              onClick: _cache[2] || (_cache[2] = ($event) => emit("execute"))
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.buttonContent)
+                }, [
+                  createTextVNode(toDisplayString(label2.value) + " ", 1),
+                  isSplitButton.value ? (openBlock(), createBlock(unref(N8nText), {
+                    key: 0,
+                    class: normalizeClass(_ctx.$style.subText),
+                    bold: false
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
+                        nodeName: withCtx(() => [
+                          createVNode(unref(N8nText), {
+                            bold: "",
+                            size: "mini"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref(truncateBeforeLast)(props.selectedTriggerNodeName ?? "", 25)), 1)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["class"])) : createCommentVNode("", true)
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["class", "loading", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label", "disabled"]),
+        isSplitButton.value ? (openBlock(), createBlock(unref(N8nActionDropdown), {
+          key: 0,
+          class: normalizeClass(_ctx.$style.menu),
+          items: actions2.value,
+          disabled: _ctx.disabled,
+          placement: "top",
+          onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
+        }, {
+          activator: withCtx(() => [
+            createVNode(unref(N8nButton), {
+              type: "primary",
+              size: "large",
+              disabled: _ctx.disabled || _ctx.executing,
+              class: normalizeClass(_ctx.$style.chevron),
+              "aria-label": "Select trigger node",
+              icon: "angle-down"
+            }, null, 8, ["disabled", "class"])
+          ]),
+          menuItem: withCtx((item) => [
+            createBaseVNode("div", {
+              class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""])
+            }, [
+              createVNode(_component_NodeIcon, {
+                class: normalizeClass(_ctx.$style.menuIcon),
+                size: 16,
+                "node-type": getNodeTypeByName(item.id)
+              }, null, 8, ["class", "node-type"]),
+              createBaseVNode("span", null, [
+                createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
+                  nodeName: withCtx(() => [
+                    createVNode(unref(N8nText), {
+                      bold: "",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.label), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ])
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["class", "items", "disabled"])) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
+const component = "_component_18nok_123";
+const split = "_split_18nok_129";
+const button = "_button_18nok_129";
+const chevron = "_chevron_18nok_136";
+const menu = "_menu_18nok_153";
+const menuItem = "_menuItem_18nok_157";
+const disabled = "_disabled_18nok_163";
+const menuIcon = "_menuIcon_18nok_163";
+const buttonContent = "_buttonContent_18nok_167";
+const subText = "_subText_18nok_174";
+const style0$1 = {
+  component,
+  split,
+  button,
+  chevron,
+  menu,
+  menuItem,
+  disabled,
+  menuIcon,
+  buttonContent,
+  subText
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const CanvasRunWorkflowButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["__cssModules", cssModules$1]]);
 const state = reactive({
   customActions: {},
   delegatedClickHandler: null
@@ -13018,27 +15275,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CanvasClearExecutionDataButton",
-  setup(__props) {
-    const i18n = useI18n();
-    return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
-      return openBlock(), createBlock(_component_N8nIconButton, {
-        title: unref(i18n).baseText("nodeView.deletesTheCurrentExecutionData"),
-        icon: "trash",
-        size: "large",
-        "data-test-id": "clear-execution-data-button"
-      }, null, 8, ["title"]);
-    };
-  }
-});
 const _hoisted_1 = { "data-action": "reload" };
 const _hoisted_2 = {
   href: "https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.wait/",
   target: "_blank"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "NodeViewUnfinishedWorkflowMessage",
   setup(__props) {
     const i18 = useI18n();
@@ -13052,6 +15294,25 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CanvasChatButton",
+  props: {
+    label: {},
+    type: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_N8nButton = resolveComponent("N8nButton");
+      return openBlock(), createBlock(_component_N8nButton, {
+        label: _ctx.label,
+        size: "large",
+        icon: "comment",
+        type: _ctx.type,
+        "data-test-id": "workflow-chat-button"
+      }, null, 8, ["label", "type"]);
+    };
+  }
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "NodeView"
@@ -13059,13 +15320,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-B6jElzI2.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-CNH2xciY.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-BLMLHNQw.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-DQ4I8u72.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DFtZhM9C.js"), true ? __vite__mapDeps([16,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DgTQe_yd.js"), true ? __vite__mapDeps([19,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -13076,7 +15337,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toast = useToast();
     const message = useMessage();
     const documentTitle = useDocumentTitle();
-    const workflowHelpers = useWorkflowHelpers({ router });
+    const workflowHelpers = useWorkflowHelpers();
+    const workflowSaving = useWorkflowSaving({ router });
     const nodeHelpers = useNodeHelpers();
     const nodeTypesStore = useNodeTypesStore();
     const uiStore = useUIStore();
@@ -13149,7 +15411,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       editableWorkflowObject,
       lastClickPosition,
       startChat
-    } = useCanvasOperations({ router });
+    } = useCanvasOperations();
     const { extractWorkflow } = useWorkflowExtraction();
     const { applyExecutionData } = useExecutionDebugging();
     useClipboard({ onPaste: onClipboardPaste });
@@ -13571,7 +15833,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (workflowIsSaved || workflowIsArchived) {
         return;
       }
-      const saved = await workflowHelpers.saveCurrentWorkflow();
+      const saved = await workflowSaving.saveCurrentWorkflow();
       if (saved) {
         canvasEventBus.emit("saved:workflow");
       }
@@ -13603,6 +15865,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function onOpenRenameNodeModal(id2) {
       const currentName = workflowsStore.getNodeById(id2)?.name ?? "";
+      const activeElement = document.activeElement;
+      if (activeElement && activeElement.tagName === "INPUT") {
+        return;
+      }
       if (!keyBindingsEnabled.value || document.querySelector(".rename-prompt")) return;
       try {
         const promptResponsePromise = message.prompt(
@@ -13687,8 +15953,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       revertCreateConnection(connection);
     }
     function onCreateConnectionCancelled(event, position2, mouseEvent) {
-      const preventDefault = (mouseEvent?.target).classList?.contains("clickable");
-      if (preventDefault) {
+      const preventDefault2 = (mouseEvent?.target).classList?.contains("clickable");
+      if (preventDefault2) {
         return;
       }
       uiStore.lastInteractedWithNodeId = event.nodeId;
@@ -13757,7 +16023,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       nodeViewEventBus.off("importWorkflowUrl", onImportWorkflowUrlEvent);
       nodeViewEventBus.off("openChat", onOpenChat);
     }
-    async function onAddNodesAndConnections({ nodes, connections }, dragAndDrop = false, position2) {
+    async function onAddNodesAndConnections({ nodes, connections: connections2 }, dragAndDrop = false, position2) {
       if (!checkIfEditingIsAllowed()) {
         return;
       }
@@ -13769,7 +16035,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         telemetry: true
       });
       const offsetIndex = editableWorkflow.value.nodes.length - nodes.length;
-      const mappedConnections = connections.map(({ from, to }) => {
+      const mappedConnections = connections2.map(({ from, to }) => {
         const fromNode = editableWorkflow.value.nodes[offsetIndex + from.nodeIndex];
         const toNode = editableWorkflow.value.nodes[offsetIndex + to.nodeIndex];
         const type = from.type ?? to.type ?? NodeConnectionTypes.Main;
@@ -13813,8 +16079,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setNodeActiveByName(nodeName);
       selectNodes([node2.id]);
     }
-    async function onOpenSelectiveNodeCreator(node2, connectionType) {
-      nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType });
+    async function onOpenSelectiveNodeCreator(node2, connectionType2) {
+      nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType: connectionType2 });
     }
     async function onOpenNodeCreatorForTriggerNodes(source) {
       nodeCreatorStore.openNodeCreatorForTriggerNodes(source);
@@ -13867,7 +16133,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isStopWaitingForWebhookButtonVisible = computed(
       () => isWorkflowRunning.value && isExecutionWaitingForWebhook.value
     );
-    const isClearExecutionButtonVisible = useClearExecutionButtonVisible();
     async function onRunWorkflowToNode(id2) {
       const node2 = workflowsStore.getNodeById(id2);
       if (!node2) return;
@@ -13949,7 +16214,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (data.waitTill) {
         toast.showMessage({
           title: i18n.baseText("nodeView.thisExecutionHasntFinishedYet"),
-          message: h(_sfc_main$1),
+          message: h(_sfc_main$2),
           type: "warning",
           duration: 0
         });
@@ -13971,10 +16236,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onStopWaitingForWebhook() {
       await stopWaitingForWebhook();
     }
-    async function onClearExecutionData() {
-      workflowsStore.workflowExecutionData = null;
-      nodeHelpers.updateNodesExecutionIssues();
-    }
     function onRunWorkflowButtonMouseEnter() {
       nodeViewEventBus.emit("runWorkflowButton:mouseenter");
     }
@@ -14208,10 +16469,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: "openSelectiveNodeCreator",
         action: ({
           creatorview: creatorView,
-          connectiontype: connectionType,
+          connectiontype: connectionType2,
           node: node2
         }) => {
-          nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType, creatorView });
+          nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType: connectionType2, creatorView });
         }
       });
       registerCustomAction({
@@ -14390,7 +16651,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_CanvasChatButton = _sfc_main$G;
       return unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
         key: 0,
         id: unref(editableWorkflow).id,
@@ -14457,32 +16717,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(unref($style).executionButtons)
           }, [
-            isRunWorkflowButtonVisible.value ? (openBlock(), createBlock(_sfc_main$5, {
+            isRunWorkflowButtonVisible.value ? (openBlock(), createBlock(CanvasRunWorkflowButton, {
               key: 0,
               "waiting-for-webhook": isExecutionWaitingForWebhook.value,
               disabled: isExecutionDisabled.value,
               executing: isWorkflowRunning.value,
+              "trigger-nodes": triggerNodes.value,
+              "get-node-type": unref(nodeTypesStore).getNodeType,
+              "selected-trigger-node-name": unref(workflowsStore).selectedTriggerNodeName,
               onMouseenter: onRunWorkflowButtonMouseEnter,
               onMouseleave: onRunWorkflowButtonMouseLeave,
-              onClick: _cache[0] || (_cache[0] = ($event) => unref(runEntireWorkflow)("main"))
-            }, null, 8, ["waiting-for-webhook", "disabled", "executing"])) : createCommentVNode("", true),
+              onExecute: _cache[0] || (_cache[0] = ($event) => unref(runEntireWorkflow)("main")),
+              onSelectTriggerNode: unref(workflowsStore).setSelectedTriggerNodeName
+            }, null, 8, ["waiting-for-webhook", "disabled", "executing", "trigger-nodes", "get-node-type", "selected-trigger-node-name", "onSelectTriggerNode"])) : createCommentVNode("", true),
             containsChatTriggerNodes.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              isLogsPanelOpen.value ? (openBlock(), createBlock(_component_CanvasChatButton, {
+              isLogsPanelOpen.value ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 type: "tertiary",
                 label: unref(i18n).baseText("chat.hide"),
+                class: normalizeClass(unref($style).chatButton),
                 onClick: _cache[1] || (_cache[1] = ($event) => unref(logsStore).toggleOpen(false))
-              }, null, 8, ["label"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
+              }, null, 8, ["label", "class"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
                 key: 1,
                 label: unref(i18n).baseText("chat.open"),
                 shortcut: { keys: ["c"] }
               }, {
                 default: withCtx(() => [
-                  createVNode(_component_CanvasChatButton, {
-                    type: "primary",
+                  createVNode(_sfc_main$1, {
+                    type: isRunWorkflowButtonVisible.value ? "secondary" : "primary",
                     label: unref(i18n).baseText("chat.open"),
+                    class: normalizeClass(unref($style).chatButton),
                     onClick: onOpenChat
-                  }, null, 8, ["label"])
+                  }, null, 8, ["type", "label", "class"])
                 ]),
                 _: 1
               }, 8, ["label"]))
@@ -14495,10 +16761,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
               key: 3,
               onClick: onStopWaitingForWebhook
-            })) : createCommentVNode("", true),
-            unref(isClearExecutionButtonVisible) && !unref(settingsStore).isNewLogsEnabled ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 4,
-              onClick: onClearExecutionData
             })) : createCommentVNode("", true)
           ], 2)) : createCommentVNode("", true),
           isReadOnlyEnvironment.value ? (openBlock(), createBlock(unref(N8nCallout), {
@@ -14546,11 +16808,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const executionButtons = "_executionButtons_8gz1l_123";
-const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_8gz1l_161";
-const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_8gz1l_167";
+const executionButtons = "_executionButtons_1d2c1_123";
+const chatButton = "_chatButton_1d2c1_160";
+const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_1d2c1_164";
+const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_1d2c1_170";
 const style0 = {
   executionButtons,
+  chatButton,
   setupCredentialsButtonWrapper,
   readOnlyEnvironmentNotification
 };
@@ -14558,6 +16822,11 @@ const cssModules = {
   "$style": style0
 };
 const NodeView = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
+const NodeView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: NodeView
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  NodeView as default
+  NodeSettings as N,
+  NodeView$1 as a
 };