n8n-editor-ui 1.75.0 → 1.76.0

package/dist/assets/useBeforeUnload-BwgAu_Gm.js

@@ -0,0 +1,43 @@
+import { K as useUIStore, $ as useCanvasStore, r as ref, q as computed, V as VIEWS, g as useI18n } from "./index-DvkbRfZN.js";
+function useBeforeUnload({ route }) {
+  const uiStore = useUIStore();
+  const canvasStore = useCanvasStore();
+  const i18n = useI18n();
+  const unloadTimeout = ref(null);
+  const isDemoRoute = computed(() => route.name === VIEWS.DEMO);
+  const handlers = [];
+  function onBeforeUnload(e) {
+    if (isDemoRoute.value || window.preventNodeViewBeforeUnload) {
+      return;
+    }
+    handlers.forEach((handler) => handler());
+    if (uiStore.stateIsDirty) {
+      e.returnValue = true;
+      return true;
+    } else {
+      canvasStore.startLoading(i18n.baseText("nodeView.redirecting"));
+      return;
+    }
+  }
+  function addBeforeUnloadHandler(handler) {
+    handlers.push(handler);
+  }
+  function addBeforeUnloadEventBindings() {
+    window.addEventListener("beforeunload", onBeforeUnload);
+  }
+  function removeBeforeUnloadEventBindings() {
+    if (unloadTimeout.value) {
+      clearTimeout(unloadTimeout.value);
+    }
+    window.removeEventListener("beforeunload", onBeforeUnload);
+  }
+  return {
+    onBeforeUnload,
+    addBeforeUnloadEventBindings,
+    removeBeforeUnloadEventBindings,
+    addBeforeUnloadHandler
+  };
+}
+export {
+  useBeforeUnload as u
+};

package/dist/assets/{useBugReporting-Cgoz2JMv.js → useBugReporting-Bqv4ngy7.js}

@@ -1,4 +1,4 @@
-import { g8 as useDebugInfo } from "./index-DVhaXv7m.js";
+import { gc as useDebugInfo } from "./index-DvkbRfZN.js";
 const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
 const REPORT_TEMPLATE = `
 <!-- Please follow the template below. Skip the questions that are not relevant to you. -->
@@ -13,6 +13,7 @@ const REPORT_TEMPLATE = `
 
 \`\`\`
 (Select the nodes on your canvas and use the keyboard shortcuts CMD+C/CTRL+C and CMD+V/CTRL+V to copy and paste the workflow.)
+⚠️ WARNING ⚠️ If you have sensitive data in your workflow (like API keys), please remove it before sharing.
 \`\`\`
 
 

package/dist/assets/{useCanvasOperations-BSKKylIT.css → useCanvasOperations-Bjf582lB.css}

@@ -2471,16 +2471,16 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._handle_17785_123 {
+._handle_19arw_123 {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
 }
-._handle_17785_123._connected_17785_129 ._label_17785_129 {
+._handle_19arw_123._connected_19arw_129 ._label_19arw_129 {
   max-width: 96px;
 }
-._label_17785_129 {
+._label_19arw_129 {
   position: absolute;
   background: var(--color-canvas-label-background);
   z-index: 1;
@@ -2489,22 +2489,22 @@
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._required_17785_143 ._label_17785_129::after {
+._required_19arw_143 ._label_19arw_129::after {
   content: "*";
   color: var(--color-danger);
 }
-._outputLabel_17785_148 {
+._outputLabel_19arw_148 {
   top: 50%;
   left: var(--spacing-m);
   transform: translate(0, -50%);
   font-size: var(--font-size-2xs);
   color: var(--color-foreground-xdark);
 }
-._runDataLabel_17785_156 {
+._runDataLabel_19arw_156 {
   position: absolute;
-  top: 0;
+  top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
+  transform: translate(-50%, -150%);
   font-size: var(--font-size-xs);
   color: var(--color-success);
 }/* BEM support Func
@@ -4134,11 +4134,11 @@ path[data-v-161512f5] {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-179da034],
-.minimap-leave-active[data-v-179da034] {
+.minimap-enter-active[data-v-fe4aa69f],
+.minimap-leave-active[data-v-fe4aa69f] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-179da034],
-.minimap-leave-to[data-v-179da034] {
+.minimap-enter-from[data-v-fe4aa69f],
+.minimap-leave-to[data-v-fe4aa69f] {
   opacity: 0;
 }

package/dist/assets/{useCanvasOperations-CZCbgXks.js → useCanvasOperations-Cw1yjntX.js}

@@ -1,6 +1,6 @@
-import { gj as createCompounder, gk as SetCache, gl as arrayIncludes, gm as cacheHas, gn as baseRest, go as isArrayLikeObject, gp as baseFlatten, r as ref, K as useUIStore, bp as useNodeTypesStore, T as useWorkflowsStore, a0 as useSourceControlStore, q as computed, am as getResourcePermissions, cT as isPresent, H as watch, dB as getMousePosition$1, aC as STICKY_NODE_TYPE, g as useI18n, gq as NOT_DUPLICATABLE_NODE_TYPES, d as defineComponent, E as onClickOutside, l as unref, c as openBlock, e as createBlock, j as createBaseVNode, i as createVNode, w as withCtx, n as normalizeClass, gr as N8nActionDropdown, B as normalizeStyle, gs as Teleport, f as createCommentVNode, _ as _export_sfc$1, bl as v4, gt as CORE_NODES_CATEGORY, gu as DEFAULT_SUBCATEGORY, p as useSettingsStore, gv as AI_TRANSFORM_NODE_TYPE, gw as sublimeSearch, bb as AI_SUBCATEGORY, bc as AI_CATEGORY_AGENTS, gx as sortBy, fP as i18n, gy as AI_CATEGORY_OTHER_TOOLS, gz as AI_OTHERS_NODE_CREATOR_VIEW, gA as AI_CATEGORY_DOCUMENT_LOADERS, bi as NodeConnectionType, gB as AI_CATEGORY_LANGUAGE_MODELS, gC as AI_CATEGORY_MEMORY, gD as AI_CATEGORY_OUTPUTPARSER, gE as AI_CATEGORY_RETRIEVERS, gF as AI_CATEGORY_TEXT_SPLITTERS, gG as AI_CATEGORY_TOOLS, gH as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, gI as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, gJ as AI_CATEGORY_EMBEDDING, gK as AI_CATEGORY_VECTOR_STORES, gL as AI_UNCATEGORIZED_CATEGORY, aN as useTemplatesStore, eq as AI_NODE_CREATOR_VIEW, dR as TRIGGER_NODE_CREATOR_VIEW, bJ as MANUAL_TRIGGER_NODE_TYPE, bK as WEBHOOK_NODE_TYPE, gM as EMAIL_IMAP_NODE_TYPE, gN as SCHEDULE_TRIGGER_NODE_TYPE, bz as FORM_TRIGGER_NODE_TYPE, g4 as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, b8 as CHAT_TRIGGER_NODE_TYPE, gO as OTHER_TRIGGER_NODES_SUBCATEGORY, eJ as REGULAR_NODE_CREATOR_VIEW, gP as RSS_READ_NODE_TYPE, gQ as EMAIL_SEND_NODE_TYPE, gR as TRANSFORM_DATA_SUBCATEGORY, gS as FILTER_NODE_TYPE, gT as REMOVE_DUPLICATES_NODE_TYPE, gU as SPLIT_OUT_NODE_TYPE, gV as LIMIT_NODE_TYPE, gW as SUMMARIZE_NODE_TYPE, gX as AGGREGATE_NODE_TYPE, gY as MERGE_NODE_TYPE, cp as HTML_NODE_TYPE, gZ as MARKDOWN_NODE_TYPE, g_ as XML_NODE_TYPE, g$ as CRYPTO_NODE_TYPE, h0 as EXTRACT_FROM_FILE_NODE_TYPE, h1 as CONVERT_TO_FILE_NODE_TYPE, h2 as COMPRESSION_NODE_TYPE, h3 as EDIT_IMAGE_NODE_TYPE, h4 as FLOWS_CONTROL_SUBCATEGORY, h5 as IF_NODE_TYPE, h6 as SPLIT_IN_BATCHES_NODE_TYPE, h7 as HELPERS_SUBCATEGORY, h8 as HTTP_REQUEST_NODE_TYPE, h9 as CODE_NODE_TYPE, bd as AI_CATEGORY_CHAINS, ha as SET_NODE_TYPE, hb as DATETIME_NODE_TYPE, R as defineStore, $ as useCanvasStore, hc as AI_CATEGORY_ROOT_NODES, y as nextTick, be as AI_CODE_NODE_TYPE, bL as AI_TRANSFORM_NODE_TYPE$1, eS as CanvasConnectionMode, hd as isValidCanvasConnectionMode, d9 as isValidNodeConnectionType, S as STORES, at as useNDVStore, dG as NODE_CREATOR_OPEN_SOURCES, he as isVueFlowConnection, e1 as nodeConnectionTypes, bf as getNodeInputs, dr as CUSTOM_API_CALL_KEY, aU as useExternalHooks, ak as useTelemetry, hf as effectScope, ck as toRef, h as createElementBlock, s as renderSlot, cb as useSlots, br as provide, b5 as onUnmounted, ax as onBeforeMount, o as onMounted, hg as createPropsRestProxy, hh as useAttrs, F as Fragment, d7 as getCurrentInstance, dA as reactive, aX as inject, t as toDisplayString, A as renderList, x as onBeforeUnmount, hi as isMemoSame, hj as getCurrentScope, hk as onScopeDispose, aY as isRef, aZ as toRefs$1, hl as customRef, hm as toValue$1, b1 as resolveDynamicComponent, k as createTextVNode, b0 as mergeProps, m as resolveComponent, aq as h, hn as markRaw, ho as readonly, dF as KeyboardShortcutTooltip, hp as CanvasKey, aa as useCssModule, bo as watchEffect, a_ as normalizeProps, hq as CanvasNodeKey, eP as CanvasNodeRenderType, hr as refThrottled, hs as mergeModels, ht as useModel, bq as useNodeHelpers, bI as TitledList, cQ as resolveDirective, ay as withDirectives, ac as nodeViewEventBus, hu as CanvasNodeHandleKey, az as vShow, c$ as Transition$2, bs as _sfc_main$y, I as withModifiers, C as createEventBus, bQ as isEqual, hv as useActiveElement, d2 as useDeviceSupport, hw as useEventListener$1, aT as createSlots, dm as GRID_SIZE, hx as onKeyDown, hy as onKeyUp, ca as useThrottleFn, a$ as guardReactiveProps, cs as Suspense, bh as getNodeOutputs, d1 as getTriggerNodeServiceName, eY as sanitizeHtml, bH as nodeIssuesToString, du as WAIT_NODE_TYPE, dv as SEND_AND_WAIT_OPERATION, dw as FORM_NODE_TYPE, dx as WAIT_INDEFINITELY, Z as useRootStore, bS as useCredentialsStore, bV as useHistoryStore, D as useTagsStore, au as useExecutionsStore, a as useToast, a4 as useWorkflowHelpers, b7 as useClipboard, dU as MoveNodeCommand, c4 as RenameNodeCommand, eN as RemoveNodeCommand, eL as useDataSchema, d$ as NODE_SIZE, hz as AddNodeCommand, c0 as getNodeParameters, dW as getNewNodePosition, hA as DEFAULT_NODE_SIZE, hB as CONFIGURATION_NODE_SIZE, bg as getConnectionTypes, e0 as generateOffsets, hC as CONFIGURABLE_NODE_SIZE, d_ as PUSH_NODES_OFFSET, ea as AddConnectionCommand, ek as RemoveConnectionCommand, dV as UPDATE_WEBHOOK_ID_NODE_TYPES, dP as generateNodesGraph, a8 as EnterpriseEditionFeature, c1 as deepCopy } from "./index-DVhaXv7m.js";
-import { u as useBugReporting } from "./useBugReporting-Cgoz2JMv.js";
-import { c as capitalize, u as usePinnedData } from "./usePinnedData-9d5rr-Ll.js";
+import { gn as createCompounder, go as SetCache, gp as arrayIncludes, gq as cacheHas, gr as baseRest, gs as isArrayLikeObject, gt as baseFlatten, r as ref, K as useUIStore, bn as useNodeTypesStore, T as useWorkflowsStore, a0 as useSourceControlStore, q as computed, al as getResourcePermissions, cQ as isPresent, H as watch, dy as getMousePosition$1, aB as STICKY_NODE_TYPE, g as useI18n, gu as NOT_DUPLICATABLE_NODE_TYPES, d as defineComponent, E as onClickOutside, l as unref, c as openBlock, e as createBlock, j as createBaseVNode, i as createVNode, w as withCtx, n as normalizeClass, gv as N8nActionDropdown, B as normalizeStyle, gw as Teleport, f as createCommentVNode, _ as _export_sfc$1, bj as v4, gx as CORE_NODES_CATEGORY, gy as DEFAULT_SUBCATEGORY, p as useSettingsStore, gz as AI_TRANSFORM_NODE_TYPE, gA as sublimeSearch, b9 as AI_SUBCATEGORY, ba as AI_CATEGORY_AGENTS, gB as sortBy, fU as i18n, gC as AI_CATEGORY_OTHER_TOOLS, gD as AI_OTHERS_NODE_CREATOR_VIEW, gE as AI_CATEGORY_DOCUMENT_LOADERS, bg as NodeConnectionType, gF as AI_CATEGORY_LANGUAGE_MODELS, gG as AI_CATEGORY_MEMORY, gH as AI_CATEGORY_OUTPUTPARSER, gI as AI_CATEGORY_RETRIEVERS, gJ as AI_CATEGORY_TEXT_SPLITTERS, gK as AI_CATEGORY_TOOLS, gL as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, gM as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, gN as AI_CATEGORY_EMBEDDING, gO as AI_CATEGORY_VECTOR_STORES, gP as AI_UNCATEGORIZED_CATEGORY, aL as useTemplatesStore, en as AI_NODE_CREATOR_VIEW, dO as TRIGGER_NODE_CREATOR_VIEW, bH as MANUAL_TRIGGER_NODE_TYPE, bI as WEBHOOK_NODE_TYPE, gQ as EMAIL_IMAP_NODE_TYPE, gR as SCHEDULE_TRIGGER_NODE_TYPE, bx as FORM_TRIGGER_NODE_TYPE, g8 as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, b6 as CHAT_TRIGGER_NODE_TYPE, gS as OTHER_TRIGGER_NODES_SUBCATEGORY, eG as REGULAR_NODE_CREATOR_VIEW, gT as RSS_READ_NODE_TYPE, gU as EMAIL_SEND_NODE_TYPE, gV as TRANSFORM_DATA_SUBCATEGORY, gW as FILTER_NODE_TYPE, gX as REMOVE_DUPLICATES_NODE_TYPE, gY as SPLIT_OUT_NODE_TYPE, gZ as LIMIT_NODE_TYPE, g_ as SUMMARIZE_NODE_TYPE, g$ as AGGREGATE_NODE_TYPE, h0 as MERGE_NODE_TYPE, cn as HTML_NODE_TYPE, h1 as MARKDOWN_NODE_TYPE, h2 as XML_NODE_TYPE, h3 as CRYPTO_NODE_TYPE, h4 as EXTRACT_FROM_FILE_NODE_TYPE, h5 as CONVERT_TO_FILE_NODE_TYPE, h6 as COMPRESSION_NODE_TYPE, h7 as EDIT_IMAGE_NODE_TYPE, h8 as FLOWS_CONTROL_SUBCATEGORY, h9 as IF_NODE_TYPE, ha as SPLIT_IN_BATCHES_NODE_TYPE, hb as HELPERS_SUBCATEGORY, hc as HTTP_REQUEST_NODE_TYPE, hd as CODE_NODE_TYPE, bb as AI_CATEGORY_CHAINS, he as SET_NODE_TYPE, hf as DATETIME_NODE_TYPE, R as defineStore, $ as useCanvasStore, hg as AI_CATEGORY_ROOT_NODES, y as nextTick, bc as AI_CODE_NODE_TYPE, bJ as AI_TRANSFORM_NODE_TYPE$1, eP as CanvasConnectionMode, hh as isValidCanvasConnectionMode, d6 as isValidNodeConnectionType, S as STORES, as as useNDVStore, dD as NODE_CREATOR_OPEN_SOURCES, hi as isVueFlowConnection, d_ as nodeConnectionTypes, bd as getNodeInputs, dn as CUSTOM_API_CALL_KEY, aS as useExternalHooks, aj as useTelemetry, hj as effectScope, ci as toRef, h as createElementBlock, s as renderSlot, c9 as useSlots, bp as provide, b3 as onUnmounted, aw as onBeforeMount, o as onMounted, hk as createPropsRestProxy, hl as useAttrs, F as Fragment, d4 as getCurrentInstance, dx as reactive, aV as inject, t as toDisplayString, A as renderList, x as onBeforeUnmount, hm as isMemoSame, hn as getCurrentScope, ho as onScopeDispose, aW as isRef, aX as toRefs$1, hp as customRef, hq as toValue$1, a$ as resolveDynamicComponent, k as createTextVNode, a_ as mergeProps, m as resolveComponent, ap as h, hr as markRaw, hs as readonly, dC as KeyboardShortcutTooltip, ht as CanvasKey, aa as useCssModule, bm as watchEffect, aY as normalizeProps, hu as CanvasNodeKey, eM as CanvasNodeRenderType, hv as refThrottled, hw as mergeModels, hx as useModel, bo as useNodeHelpers, bG as TitledList, cN as resolveDirective, ax as withDirectives, ac as nodeViewEventBus, hy as CanvasNodeHandleKey, ay as vShow, cY as Transition$2, bq as _sfc_main$y, I as withModifiers, C as createEventBus, bO as isEqual, hz as useActiveElement, c$ as useDeviceSupport, hA as useEventListener$1, aR as createSlots, dj as GRID_SIZE, hB as onKeyDown, hC as onKeyUp, c8 as useThrottleFn, aZ as guardReactiveProps, cq as Suspense, bf as getNodeOutputs, c_ as getTriggerNodeServiceName, eV as sanitizeHtml, bF as nodeIssuesToString, dr as WAIT_NODE_TYPE, ds as SEND_AND_WAIT_OPERATION, dt as FORM_NODE_TYPE, du as WAIT_INDEFINITELY, Z as useRootStore, bQ as useCredentialsStore, bT as useHistoryStore, D as useTagsStore, at as useExecutionsStore, a as useToast, a4 as useWorkflowHelpers, b5 as useClipboard, dR as MoveNodeCommand, c2 as RenameNodeCommand, eK as RemoveNodeCommand, eI as useDataSchema, dY as NODE_SIZE, hD as AddNodeCommand, b_ as getNodeParameters, dT as getNewNodePosition, hE as DEFAULT_NODE_SIZE, hF as CONFIGURATION_NODE_SIZE, be as getConnectionTypes, dZ as generateOffsets, hG as CONFIGURABLE_NODE_SIZE, dX as PUSH_NODES_OFFSET, e7 as AddConnectionCommand, eh as RemoveConnectionCommand, dS as UPDATE_WEBHOOK_ID_NODE_TYPES, dM as generateNodesGraph, a8 as EnterpriseEditionFeature, b$ as deepCopy } from "./index-DvkbRfZN.js";
+import { u as useBugReporting } from "./useBugReporting-Bqv4ngy7.js";
+import { c as capitalize, u as usePinnedData } from "./usePinnedData-CAHmwr13.js";
 var camelCase = createCompounder(function(result, word, index) {
   word = word.toLowerCase();
   return result + (index ? capitalize(word) : word);
@@ -248,7 +248,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       emit("action", action, contextMenu2.targetNodeIds.value);
     }
     function closeMenu(event) {
-      event.preventDefault();
+      if (event.cancelable) {
+        event.preventDefault();
+      }
       event.stopPropagation();
       contextMenu2.close();
     }
@@ -11704,11 +11706,13 @@ function getEdgeRenderData(props, {
   connectionType = NodeConnectionType.Main
 } = {}) {
   const { targetX, targetY, sourceX, sourceY, sourcePosition, targetPosition } = props;
+  const isConnectorStraight = sourceY === targetY;
   if (!isRightOfSourceHandle(sourceX, targetX) || connectionType !== NodeConnectionType.Main) {
     const segment = getBezierPath(props);
     return {
       segments: [segment],
-      labelPosition: [segment[1], segment[2]]
+      labelPosition: [segment[1], segment[2]],
+      isConnectorStraight
     };
   }
   const firstSegmentTargetX = (sourceX + targetX) / 2;
@@ -11735,7 +11739,8 @@ function getEdgeRenderData(props, {
   });
   return {
     segments: [firstSegment, secondSegment],
-    labelPosition: [firstSegmentTargetX, firstSegmentTargetY]
+    labelPosition: [firstSegmentTargetX, firstSegmentTargetY],
+    isConnectorStraight
   };
 }
 function injectStrict(key, fallback) {
@@ -17098,8 +17103,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     const node2 = inject(CanvasNodeKey);
     const slots = useSlots();
     const Render = () => {
+      const renderType2 = node2?.data.value.render.type ?? CanvasNodeRenderType.Default;
       let Component;
-      switch (node2?.data.value.render.type) {
+      switch (renderType2) {
         case CanvasNodeRenderType.StickyNote:
           Component = CanvasNodeStickyNote;
           break;
@@ -17109,7 +17115,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         default:
           Component = CanvasNodeDefault;
       }
-      return h(Component, slots.default);
+      return h(
+        Component,
+        {
+          "data-canvas-node-render-type": renderType2
+        },
+        slots.default
+      );
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Render);
@@ -17446,12 +17458,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const handle$3 = "_handle_17785_123";
-const connected = "_connected_17785_129";
-const label$2 = "_label_17785_129";
-const required$2 = "_required_17785_143";
-const outputLabel = "_outputLabel_17785_148";
-const runDataLabel = "_runDataLabel_17785_156";
+const handle$3 = "_handle_19arw_123";
+const connected = "_connected_19arw_129";
+const label$2 = "_label_19arw_129";
+const required$2 = "_required_19arw_143";
+const outputLabel = "_outputLabel_19arw_148";
+const runDataLabel = "_runDataLabel_19arw_156";
 const style0$8 = {
   handle: handle$3,
   connected,
@@ -17728,7 +17740,7 @@ const cssModules$4 = {
   "$style": style0$4
 };
 const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4]]);
-const _hoisted_1$4 = ["data-node-name", "data-node-type"];
+const _hoisted_1$4 = ["data-test-id", "data-node-name", "data-node-type"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
   props: {
@@ -17791,6 +17803,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       selected: props.selected,
       ...Object.fromEntries([...nodeClasses.value].map((c) => [c, true]))
     }));
+    const renderType2 = computed(() => props.data.render.type);
+    const dataTestId = computed(
+      () => [CanvasNodeRenderType.StickyNote, CanvasNodeRenderType.AddNodes].includes(renderType2.value) ? void 0 : "canvas-node"
+    );
     const canvasNodeEventBus = ref(createEventBus());
     function emitCanvasNodeEvent(event) {
       if (event.ids.includes(props.id) && canvasNodeEventBus.value) {
@@ -17936,7 +17952,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
-        "data-test-id": "canvas-node",
+        "data-test-id": dataTestId.value,
         "data-node-name": data.value.name,
         "data-node-type": data.value.type
       }, [
@@ -18154,9 +18170,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const edgeLabelStyle = computed(() => ({
       color: edgeColor.value
     }));
+    const isConnectorStraight = computed(() => renderData.value.isConnectorStraight);
     const edgeToolbarStyle = computed(() => {
+      const translateY = isConnectorStraight.value ? "-150%" : "-50%";
       return {
-        transform: `translate(-50%, -50%) translate(${labelPosition.value[0]}px,${labelPosition.value[1]}px)`,
+        transform: `translate(-50%, ${translateY}) translate(${labelPosition.value[0]}px, ${labelPosition.value[1]}px)`,
         ...props.hovered ? { zIndex: 1 } : {}
       };
     });
@@ -18265,10 +18283,10 @@ const useKeybindings = (keymap, options) => {
   });
   const normalizedKeymap = computed(
     () => Object.fromEntries(
-      Object.entries(keymap.value).map(([shortcut, handler]) => {
+      Object.entries(keymap.value).flatMap(([shortcut, handler]) => {
         const shortcuts = shortcut.split("|");
         return shortcuts.map((s) => [normalizeShortcutString(s), handler]);
-      }).flat()
+      })
     )
   );
   function shortcutPartsToString(parts) {
@@ -18287,10 +18305,19 @@ const useKeybindings = (keymap, options) => {
     }, "");
     return shortcutPartsToString(shortcut.split(new RegExp(`[${splitCharsRegEx}]`)));
   }
+  function keyboardEventCodeToKey(code) {
+    if (code.startsWith("Digit")) {
+      return code.replace("Digit", "").toLowerCase();
+    } else if (code.startsWith("Key")) {
+      return code.replace("Key", "").toLowerCase();
+    }
+    return code.toLowerCase();
+  }
   function toShortcutString(event) {
     const { shiftKey, altKey } = event;
     const ctrlKey = isCtrlKeyPressed(event);
     const keys = [event.key];
+    const codes = [keyboardEventCodeToKey(event.code)];
     const modifiers = [];
     if (shiftKey) {
       modifiers.push("shift");
@@ -18301,12 +18328,15 @@ const useKeybindings = (keymap, options) => {
     if (altKey) {
       modifiers.push("alt");
     }
-    return shortcutPartsToString([...modifiers, ...keys]);
+    return {
+      byKey: shortcutPartsToString([...modifiers, ...keys]),
+      byCode: shortcutPartsToString([...modifiers, ...codes])
+    };
   }
   function onKeyDown2(event) {
     if (ignoreKeyPresses.value || isDisabled.value) return;
-    const shortcutString = toShortcutString(event);
-    const handler = normalizedKeymap.value[shortcutString];
+    const { byKey, byCode } = toShortcutString(event);
+    const handler = normalizedKeymap.value[byKey] ?? normalizedKeymap.value[byCode];
     if (handler) {
       event.preventDefault();
       event.stopPropagation();
@@ -18702,8 +18732,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       ctrl_c: emitWithSelectedNodes((ids) => emit("copy:nodes", ids)),
       enter: emitWithLastSelectedNode((id2) => onSetNodeActive(id2)),
       ctrl_a: () => addSelectedNodes(graphNodes.value),
-      "shift_+|+|=": async () => await onZoomIn(),
-      "shift+_|-|_": async () => await onZoomOut(),
+      // Support both key and code for zooming in and out
+      "shift_+|+|=|shift_Equal|Equal": async () => await onZoomIn(),
+      "shift+_|-|_|shift_Minus|Minus": async () => await onZoomOut(),
       0: async () => await onResetZoom(),
       1: async () => await onFitView(),
       ArrowUp: emitWithLastSelectedNode(selectUpperSiblingNode),
@@ -19155,7 +19186,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-179da034"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-fe4aa69f"]]);
 function useCanvasMapping({
   nodes,
   connections,

package/dist/assets/{useExecutionDebugging-Czm5h-sB.js → useExecutionDebugging-CTzUvS-m.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, a as useToast, T as useWorkflowsStore, p as useSettingsStore, K as useUIStore, a5 as usePageRedirectionHelper, q as computed, a8 as EnterpriseEditionFeature, aq as h, eY as sanitizeHtml, ae as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, f5 as isFullExecutionResponse, f6 as DEBUG_PAYWALL_MODAL_KEY, ak as useTelemetry, g as useI18n, al as useMessage } from "./index-DVhaXv7m.js";
+import { b as useRouter, a as useToast, T as useWorkflowsStore, p as useSettingsStore, K as useUIStore, a5 as usePageRedirectionHelper, q as computed, a8 as EnterpriseEditionFeature, ap as h, eV as sanitizeHtml, ae as MODAL_CONFIRM, V as VIEWS, Z as useRootStore, f2 as isFullExecutionResponse, f3 as DEBUG_PAYWALL_MODAL_KEY, aj as useTelemetry, g as useI18n, ak as useMessage } from "./index-DvkbRfZN.js";
 const useExecutionDebugging = () => {
   const telemetry = useTelemetry();
   const router = useRouter();

package/dist/assets/{useExecutionHelpers-qeNSBls3.js → useExecutionHelpers-ts_ANr0X.js}

@@ -1,4 +1,4 @@
-import { gi as dateformat, b as useRouter, V as VIEWS, g as useI18n, ak as useTelemetry } from "./index-DVhaXv7m.js";
+import { gm as dateformat, b as useRouter, V as VIEWS, g as useI18n, aj as useTelemetry } from "./index-DvkbRfZN.js";
 const convertToDisplayDateComponents = (fullDate) => {
   const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
   const formattedDate = dateformat(fullDate, mask);

package/dist/assets/{usePinnedData-9d5rr-Ll.js → usePinnedData-CAHmwr13.js}

@@ -1,4 +1,4 @@
-import { g9 as baseSlice, ga as toString, bp as useNodeTypesStore, q as computed, l as unref, eK as isSubNodeType, Z as useRootStore, T as useWorkflowsStore, a as useToast, gb as PIN_DATA_NODE_TYPES_DENYLIST, bh as getNodeOutputs, bi as NodeConnectionType, gc as jsonStringify, gd as toMegaBytes, ge as stringSizeInBytes, ci as jsonParse, g as useI18n, ak as useTelemetry, aU as useExternalHooks, eL as useDataSchema, gf as MAX_PINNED_DATA_SIZE, gg as MAX_WORKFLOW_SIZE, gh as MAX_EXPECTED_REQUEST_SIZE } from "./index-DVhaXv7m.js";
+import { gd as baseSlice, ge as toString, bn as useNodeTypesStore, q as computed, l as unref, eH as isSubNodeType, Z as useRootStore, T as useWorkflowsStore, a as useToast, gf as PIN_DATA_NODE_TYPES_DENYLIST, bf as getNodeOutputs, bg as NodeConnectionType, gg as jsonStringify, gh as toMegaBytes, gi as stringSizeInBytes, cg as jsonParse, g as useI18n, aj as useTelemetry, aS as useExternalHooks, eI as useDataSchema, gj as MAX_PINNED_DATA_SIZE, gk as MAX_WORKFLOW_SIZE, gl as MAX_EXPECTED_REQUEST_SIZE } from "./index-DvkbRfZN.js";
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;

package/dist/assets/{usePushConnection-C5MO_Lyn.js → usePushConnection-BcVRW8VB.js}

@@ -1,6 +1,6 @@
-import { fZ as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, cQ as resolveDirective, c as openBlock, h as createElementBlock, ay as withDirectives, j as createBaseVNode, t as toDisplayString, l as unref, g as useI18n, a4 as useWorkflowHelpers, bq as useNodeHelpers, a as useToast, bS as useCredentialsStore, bp as useNodeTypesStore, p as useSettingsStore, K as useUIStore, T as useWorkflowsStore, eV as useAssistantStore, av as usePostHog, r as ref, bU as AI_CREDITS_EXPERIMENT, f_ as parse, f$ as hasTrimmedItem, g0 as codeNodeEditorEventBus, ag as WORKFLOW_SETTINGS_MODAL_KEY, dP as generateNodesGraph, aq as h, d1 as getTriggerNodeServiceName, g1 as hasTrimmedData, aU as useExternalHooks, ak as useTelemetry, g2 as clearPopupWindowState } from "./index-DVhaXv7m.js";
-import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-nnc6AEL8.js";
-import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-oy6hZxJE.js";
+import { g1 as makeRestApiRequest, R as defineStore, Z as useRootStore, d as defineComponent, cN as resolveDirective, c as openBlock, h as createElementBlock, ax as withDirectives, j as createBaseVNode, t as toDisplayString, l as unref, g as useI18n, a4 as useWorkflowHelpers, bo as useNodeHelpers, a as useToast, bQ as useCredentialsStore, bn as useNodeTypesStore, p as useSettingsStore, K as useUIStore, T as useWorkflowsStore, eS as useAssistantStore, au as usePostHog, r as ref, bS as AI_CREDITS_EXPERIMENT, g2 as parse, g3 as hasTrimmedItem, g4 as codeNodeEditorEventBus, af as WORKFLOW_SETTINGS_MODAL_KEY, dM as generateNodesGraph, ap as h, c_ as getTriggerNodeServiceName, g5 as hasTrimmedData, aS as useExternalHooks, aj as useTelemetry, g6 as clearPopupWindowState } from "./index-DvkbRfZN.js";
+import { u as usePushConnectionStore, g as globalLinkActionsEventBus } from "./pushConnection.store-5KniMGTZ.js";
+import { g as getEasyAiWorkflowJson } from "./easyAiWorkflowUtils-D3El0FyE.js";
 const GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 const sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);

package/dist/assets/{useRunWorkflow-BeM5B2jX.js → useRunWorkflow-DZq8rmMi.js}

@@ -1,6 +1,6 @@
-import { cf as getDefaultExportFromCjs, d as defineComponent, b7 as useClipboard, a as useToast, eU as useAIAssistantHelpers, bp as useNodeTypesStore, at as useNDVStore, Z as useRootStore, eV as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ay as withDirectives, f as createCommentVNode, i as createVNode, l as unref, eW as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, co as MAX_DISPLAY_DATA_SIZE, bt as isCommunityPackageName, eX as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cQ as resolveDirective, eY as sanitizeHtml, bi as NodeConnectionType, eZ as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b2 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, bs as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, e_ as ElTree, bq as useNodeHelpers, a4 as useWorkflowHelpers, au as useExecutionsStore, b8 as CHAT_TRIGGER_NODE_TYPE, bk as get, e$ as SINGLE_WEBHOOK_TRIGGERS, aw as useLocalStorage, f0 as displayForm, aU as useExternalHooks, cI as isEmpty } from "./index-DVhaXv7m.js";
-import { c as capitalize } from "./usePinnedData-9d5rr-Ll.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-qeNSBls3.js";
+import { cd as getDefaultExportFromCjs, d as defineComponent, b5 as useClipboard, a as useToast, eR as useAIAssistantHelpers, bn as useNodeTypesStore, as as useNDVStore, Z as useRootStore, eS as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ax as withDirectives, f as createCommentVNode, i as createVNode, l as unref, eT as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, cm as MAX_DISPLAY_DATA_SIZE, br as isCommunityPackageName, eU as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cN as resolveDirective, eV as sanitizeHtml, bg as NodeConnectionType, eW as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, b0 as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, bq as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, eX as ElTree, bo as useNodeHelpers, a4 as useWorkflowHelpers, at as useExecutionsStore, b6 as CHAT_TRIGGER_NODE_TYPE, bi as get, eY as SINGLE_WEBHOOK_TRIGGERS, av as useLocalStorage, eZ as displayForm, aS as useExternalHooks, cF as isEmpty } from "./index-DvkbRfZN.js";
+import { c as capitalize } from "./usePinnedData-CAHmwr13.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-ts_ANr0X.js";
 var core;
 var hasRequiredCore;
 function requireCore() {
@@ -3108,17 +3108,20 @@ function useRunWorkflow(useRunWorkflowOpts) {
         );
         newRunData = { [options.triggerNode]: [options.nodeData] };
         executedNode = options.triggerNode;
+      }
+      if (options.triggerNode && options.nodeData) {
         triggerToStartFrom = {
           name: options.triggerNode,
           data: options.nodeData
         };
       }
-      if (options.destinationNode && (workflowsStore.checkIfNodeHasChatParent(options.destinationNode) || destinationNodeType === CHAT_TRIGGER_NODE_TYPE)) {
+      if (options.destinationNode && (workflowsStore.checkIfNodeHasChatParent(options.destinationNode) || destinationNodeType === CHAT_TRIGGER_NODE_TYPE) && options.source !== "RunData.ManualChatMessage") {
         const startNode = workflow.getStartNode(options.destinationNode);
         if (startNode && startNode.type === CHAT_TRIGGER_NODE_TYPE) {
           const chatHasInputData = nodeHelpers.getNodeInputData(startNode, 0, 0, "input")?.length > 0;
           const chatHasPinData = !!workflowData.pinData?.[startNode.name];
           if (!chatHasInputData && !chatHasPinData) {
+            workflowsStore.chatPartialExecutionDestinationNode = options.destinationNode;
             workflowsStore.setPanelOpen("chat", true);
             return;
           }

package/dist/assets/{useWorkflowActivate-CAW-Lrw6.js → useWorkflowActivate-y3uHMZeh.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aU as useExternalHooks, aK as useStorage, g6 as LOCAL_STORAGE_ACTIVATION_FLAG, g7 as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-DVhaXv7m.js";
+import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aS as useExternalHooks, aI as useStorage, ga as LOCAL_STORAGE_ACTIVATION_FLAG, gb as WORKFLOW_ACTIVE_MODAL_KEY, aj as useTelemetry, g as useI18n } from "./index-DvkbRfZN.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-BN5TIqPj.js"></script>
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/polyfills-DNwgos9f.js"></script>
 
 		<meta charset="utf-8" />
 		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@@ -16,8 +16,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-DVhaXv7m.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DuAsyBNI.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-DvkbRfZN.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-DsHZ4yOE.css">
 	</head>
 	<body>
 		<noscript>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "license": "SEE LICENSE IN LICENSE.md",

package/dist/assets/CollectionParameter-CS9E8rhZ.js

@@ -1,4 +0,0 @@
-import { ie as _sfc_main } from "./index-DVhaXv7m.js";
-export {
-  _sfc_main as default
-};