n8n-editor-ui 1.92.0 → 1.93.0

package/dist/assets/{pickBy-8Urz9lDY.js → pickBy-B_HGYyxS.js}

@@ -1,4 +1,4 @@
-import { gx as arrayMap, gy as getAllKeysIn, gz as baseIteratee, gA as basePickBy } from "./index-B6eunbxp.js";
+import { gF as arrayMap, gG as getAllKeysIn, gH as baseIteratee, gI as basePickBy } from "./index-DZ6VpjNj.js";
 function pickBy(object, predicate) {
   if (object == null) {
     return {};

package/dist/assets/{templateActions-DzjysjbQ.js → templateActions-DQfZ3ni5.js}

@@ -1,4 +1,4 @@
-import { cW as assert, d9 as doesNodeHaveCredentialsToFill, V as VIEWS, c5 as tryToParseNumber, da as getNewWorkflow, db as replaceAllTemplateNodeCredentials, c9 as getNodesWithNormalizedPosition } from "./index-B6eunbxp.js";
+import { cY as assert, db as doesNodeHaveCredentialsToFill, V as VIEWS, c7 as tryToParseNumber, dc as getNewWorkflow, dd as replaceAllTemplateNodeCredentials, cb as getNodesWithNormalizedPosition } from "./index-DZ6VpjNj.js";
 async function createWorkflowFromTemplate(opts) {
   const { credentialOverrides, nodeTypeProvider, rootStore, template, workflowsStore } = opts;
   const workflowData = await getNewWorkflow(rootStore.restApiContext, { name: template.name });

package/dist/assets/{useBeforeUnload-DxrN8vOO.js → useBeforeUnload-Cu0LPVWe.js}

@@ -1,4 +1,4 @@
-import { H as useUIStore, $ as useCanvasStore, r as ref, q as computed, V as VIEWS, c as useI18n } from "./index-B6eunbxp.js";
+import { H as useUIStore, $ as useCanvasStore, r as ref, q as computed, V as VIEWS, c as useI18n } from "./index-DZ6VpjNj.js";
 function useBeforeUnload({ route }) {
   const uiStore = useUIStore();
   const canvasStore = useCanvasStore();

package/dist/assets/{useCanvasMapping-C2BQB9QB.js → useCanvasMapping-CTTq6x8X.js}

@@ -1,5 +1,5 @@
-import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, fS as getCurrentScope, b0 as inject, fT as effectScope, X as watch, cX as getCurrentInstance, fU as useSlots, bb as onUnmounted, j as createVNode, x as renderSlot, w as withCtx, m as unref, r as ref, fV as useAttrs, f as createCommentVNode, e as createBlock, b7 as mergeProps, F as Fragment, bN as toRef, fW as Teleport, fX as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bQ as reactive, fY as onScopeDispose, az as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, fZ as isMemoSame, t as toDisplayString, b6 as resolveDynamicComponent, l as createTextVNode, b1 as isRef, b3 as toRefs$1, f_ as customRef, bh as provide, h as resolveComponent, aq as h, f$ as toValue$1, g0 as markRaw, g1 as readonly, c as useI18n, bP as KeyboardShortcutTooltip, bm as NodeConnectionTypes, g2 as CanvasKey, Y as useCssModule, H as useUIStore, bz as useNodeTypesStore, Q as useWorkflowsStore, a0 as useSourceControlStore, a7 as getResourcePermissions, ek as isPresent, g3 as getMousePosition$1, ay as STICKY_NODE_TYPE, bq as usePinnedData, g4 as NOT_DUPLICATABLE_NODE_TYPES, g5 as isExecutable, bJ as useStyles, g6 as N8nActionDropdown, cv as getDefaultExportFromCjs, fO as NODE_SIZE, cb as CanvasNodeRenderType, fP as GRID_SIZE, bM as useThrottleFn, g7 as useActiveElement, g8 as useDeviceSupport, g9 as useEventListener$1, ga as onKeyDown, gb as onKeyUp, a_ as watchEffect, b4 as normalizeProps, aV as createSlots, c6 as isValidNodeConnectionType, c7 as CanvasConnectionMode, gc as CanvasNodeKey, gd as mergeModels, ge as useModel, bA as useNodeHelpers, gf as TitledList, aR as N8nTooltip, gg as CanvasNodeDirtiness, bC as _sfc_main$A, b2 as withModifiers, ah as nodeViewEventBus, ca as NODE_CREATOR_OPEN_SOURCES, bV as useBuilderStore, bd as withKeys, gh as CanvasNodeHandleKey, aA as withDirectives, aB as vShow, gi as Transition$2, b as useRouter, bB as useRunWorkflow, aZ as LOGS_PANEL_STATE, bk as CHAT_TRIGGER_NODE_TYPE, C as createEventBus, ep as isEqual, p as useSettingsStore, c2 as Suspense, b5 as guardReactiveProps, gj as useNodeDirtiness, fy as CUSTOM_API_CALL_KEY, bw as getNodeInputs, by as getNodeOutputs, dz as getTriggerNodeServiceName, cs as sanitizeHtml, gk as WAIT_NODE_TYPE, eG as SEND_AND_WAIT_OPERATION, gl as FORM_NODE_TYPE, gm as WAIT_INDEFINITELY, gn as SIMULATE_NODE_TYPE, go as SIMULATE_TRIGGER_NODE_TYPE, gp as getNodeIconSource } from "./index-B6eunbxp.js";
-import { p as parseCanvasConnectionHandleString, a as useNodeCreatorStore, b as useCanvasOperations, i as insertSpacersBetweenEndpoints, c as createCanvasConnectionHandleString, m as mapLegacyEndpointsToCanvasConnectionPort, e as checkOverlap, f as mapLegacyConnectionsToCanvasConnections } from "./useCanvasOperations-DaP5jKbH.js";
+import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, fX as getCurrentScope, b0 as inject, fY as effectScope, X as watch, cZ as getCurrentInstance, fZ as useSlots, bb as onUnmounted, j as createVNode, x as renderSlot, w as withCtx, m as unref, r as ref, f_ as useAttrs, f as createCommentVNode, e as createBlock, b7 as mergeProps, F as Fragment, bO as toRef, f$ as Teleport, g0 as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bR as reactive, g1 as onScopeDispose, az as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, g2 as isMemoSame, t as toDisplayString, b6 as resolveDynamicComponent, l as createTextVNode, b1 as isRef, b3 as toRefs$1, g3 as customRef, bh as provide, h as resolveComponent, aq as h, g4 as toValue$1, g5 as markRaw, g6 as readonly, c as useI18n, bQ as KeyboardShortcutTooltip, bm as NodeConnectionTypes, g7 as CanvasKey, Y as useCssModule, H as useUIStore, bz as useNodeTypesStore, Q as useWorkflowsStore, a0 as useSourceControlStore, a7 as getResourcePermissions, g8 as EXECUTE_WORKFLOW_NODE_TYPE, fD as getSubworkflowId, el as isPresent, g9 as getMousePosition$1, ay as STICKY_NODE_TYPE, bq as usePinnedData, ga as NOT_DUPLICATABLE_NODE_TYPES, gb as isExecutable, bK as useStyles, gc as N8nActionDropdown, cx as getDefaultExportFromCjs, fT as NODE_SIZE, cd as CanvasNodeRenderType, fU as GRID_SIZE, bN as useThrottleFn, gd as useActiveElement, ge as useDeviceSupport, gf as useEventListener$1, gg as onKeyDown, gh as onKeyUp, a_ as watchEffect, b4 as normalizeProps, aV as createSlots, c8 as isValidNodeConnectionType, c9 as CanvasConnectionMode, gi as CanvasNodeKey, gj as mergeModels, gk as useModel, bA as useNodeHelpers, gl as TitledList, aR as N8nTooltip, gm as CanvasNodeDirtiness, bC as _sfc_main$A, b2 as withModifiers, ah as nodeViewEventBus, cc as NODE_CREATOR_OPEN_SOURCES, bW as useBuilderStore, bd as withKeys, gn as CanvasNodeHandleKey, aA as withDirectives, aB as vShow, go as Transition$2, b as useRouter, bB as useRunWorkflow, aZ as LOGS_PANEL_STATE, bk as CHAT_TRIGGER_NODE_TYPE, C as createEventBus, eq as isEqual, p as useSettingsStore, c4 as Suspense, b5 as guardReactiveProps, gp as useNodeDirtiness, fC as CUSTOM_API_CALL_KEY, bw as getNodeInputs, by as getNodeOutputs, dB as getTriggerNodeServiceName, cu as sanitizeHtml, gq as WAIT_NODE_TYPE, gr as SEND_AND_WAIT_OPERATION, gs as FORM_NODE_TYPE, gt as WAIT_INDEFINITELY, gu as SIMULATE_NODE_TYPE, gv as SIMULATE_TRIGGER_NODE_TYPE, gw as getNodeIconSource } from "./index-DZ6VpjNj.js";
+import { p as parseCanvasConnectionHandleString, u as useNodeCreatorStore, a as useCanvasOperations, i as insertSpacersBetweenEndpoints, c as createCanvasConnectionHandleString, m as mapLegacyEndpointsToCanvasConnectionPort, d as checkOverlap, e as mapLegacyConnectionsToCanvasConnections } from "./useCanvasOperations-u8oSDa_u.js";
 const _sfc_main$z = {};
 const _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10073,8 +10073,14 @@ const useContextMenu = (onAction = () => {
     () => getResourcePermissions(workflowsStore.workflow.scopes).workflow
   );
   const isReadOnly = computed(
-    () => sourceControlStore.preferences.branchReadOnly || uiStore.isReadOnlyView || !workflowPermissions.value.update
+    () => sourceControlStore.preferences.branchReadOnly || uiStore.isReadOnlyView || !workflowPermissions.value.update || workflowsStore.workflow.isArchived
   );
+  const canOpenSubworkflow = computed(() => {
+    if (targetNodes.value.length !== 1) return false;
+    const node2 = targetNodes.value[0];
+    if (node2.type !== EXECUTE_WORKFLOW_NODE_TYPE) return false;
+    return getSubworkflowId(node2);
+  });
   const targetNodeIds = computed(() => {
     if (!isOpen.value || !target.value) return [];
     const currentTarget = target.value;
@@ -10113,7 +10119,7 @@ const useContextMenu = (onAction = () => {
   };
   const open = (event, menuTarget) => {
     event.stopPropagation();
-    if (isOpen.value && menuTarget.source === target.value?.source) {
+    if (isOpen.value && menuTarget.source === target.value?.source && menuTarget.nodeId === target.value?.nodeId) {
       close();
       return;
     }
@@ -10207,6 +10213,7 @@ const useContextMenu = (onAction = () => {
         }
       ].filter(Boolean);
       if (nodes.length === 1) {
+        const isExecuteWorkflowNode = nodes[0].type === EXECUTE_WORKFLOW_NODE_TYPE;
         const singleNodeActions = onlyStickies ? [
           {
             id: "open",
@@ -10233,10 +10240,18 @@ const useContextMenu = (onAction = () => {
           {
             id: "rename",
             label: i18n.baseText("contextMenu.rename"),
-            shortcut: { keys: ["F2"] },
+            shortcut: { keys: ["Space"] },
             disabled: isReadOnly.value
           }
         ];
+        if (isExecuteWorkflowNode) {
+          singleNodeActions.push({
+            id: "open_sub_workflow",
+            label: i18n.baseText("contextMenu.openSubworkflow"),
+            shortcut: { shiftKey: true, metaKey: true, keys: ["O"] },
+            disabled: !canOpenSubworkflow.value
+          });
+        }
         menuActions.unshift(...singleNodeActions);
       }
       actions.value = menuActions;
@@ -17416,7 +17431,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const canvasEdgeToolbar = "_canvasEdgeToolbar_8p9ym_123";
+const canvasEdgeToolbar = "_canvasEdgeToolbar_1d3yh_123";
 const style0$m = {
   canvasEdgeToolbar
 };
@@ -17426,7 +17441,7 @@ const cssModules$m = {
 const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$m]]);
 const _hoisted_1$6 = ["data-source-node-name", "data-target-node-name"];
 const _hoisted_2$3 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
-const delayedHoveredTimeout = 300;
+const delayedHoveredTimeout = 600;
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
@@ -17819,9 +17834,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const nodeTypesStore = useNodeTypesStore();
     const node2 = computed(() => !!name.value && workflowsStore.getNodeByName(name.value));
-    const isNodesAsToolNode = computed(
-      () => !!node2.value && nodeTypesStore.isNodesAsToolNode(node2.value.type)
-    );
+    const isToolNode = computed(() => !!node2.value && nodeTypesStore.isToolNode(node2.value.type));
     const nodeDisabledTitle = computed(() => {
       return isDisabled.value ? i18n.baseText("node.enable") : i18n.baseText("node.disable");
     });
@@ -17833,7 +17846,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       [$style.forceVisible]: isHovered.value || isStickyColorSelectorOpen.value
     }));
     const isExecuteNodeVisible = computed(() => {
-      return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default && "configuration" in render2.value.options && (!render2.value.options.configuration || isNodesAsToolNode.value);
+      return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default && "configuration" in render2.value.options && (!render2.value.options.configuration || isToolNode.value);
     });
     const isDisableNodeVisible = computed(() => {
       return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default;
@@ -18319,8 +18332,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     function openContextMenu(event) {
       emit("open:contextmenu", event);
     }
-    function onActivate() {
-      emit("activate", id2.value);
+    function onActivate(event) {
+      emit("activate", id2.value, event);
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
@@ -20936,8 +20949,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function onDisabledToggle() {
       emit("toggle", props.id);
     }
-    function onActivate() {
-      emit("activate", props.id);
+    function onActivate(id22, event) {
+      emit("activate", id22, event);
     }
     function onDeactivate() {
       emit("deactivate", props.id);
@@ -21144,7 +21157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     keyBindings: { type: Boolean, default: true },
     loading: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up"],
+  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up", "open:sub-workflow"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
     const emit = __emit;
@@ -21260,6 +21273,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const keyMap = computed(() => {
       const readOnlyKeymap = {
+        ctrl_shift_o: emitWithLastSelectedNode((id2) => emit("open:sub-workflow", id2)),
         ctrl_c: emitWithSelectedNodes((ids) => emit("copy:nodes", ids)),
         enter: emitWithLastSelectedNode((id2) => onSetNodeActivated(id2)),
         ctrl_a: () => addSelectedNodes(graphNodes.value),
@@ -21341,9 +21355,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         nodesSelectionActive.value = false;
       }
     }
-    function onSetNodeActivated(id2) {
+    function onSetNodeActivated(id2, event) {
       props.eventBus.emit("nodes:action", { ids: [id2], action: "update:node:activated" });
-      emit("update:node:activated", id2);
+      emit("update:node:activated", id2, event);
     }
     function onSetNodeDeactivated(id2) {
       emit("update:node:deactivated", id2);
@@ -21503,23 +21517,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {});
     });
     const contextMenu2 = useContextMenu();
-    function onOpenContextMenu(event) {
+    function onOpenContextMenu(event, target2) {
       contextMenu2.open(event, {
         source: "canvas",
-        nodeIds: selectedNodeIds.value
+        nodeIds: selectedNodeIds.value,
+        ...target2
       });
     }
     function onOpenSelectionContextMenu({ event }) {
-      contextMenu2.open(event, {
-        source: "canvas",
-        nodeIds: selectedNodeIds.value
-      });
+      onOpenContextMenu(event);
     }
     function onOpenNodeContextMenu(id2, event, source) {
-      if (selectedNodeIds.value.includes(id2)) {
-        onOpenContextMenu(event);
+      if (source === "node-button") {
+        contextMenu2.open(event, { source, nodeId: id2 });
+      } else if (selectedNodeIds.value.length > 1 && selectedNodeIds.value.includes(id2)) {
+        onOpenContextMenu(event, { nodeId: id2 });
+      } else {
+        onSelectNodes({ ids: [id2] });
+        contextMenu2.open(event, { source, nodeId: id2 });
       }
-      contextMenu2.open(event, { source, nodeId: id2 });
     }
     async function onContextMenuAction(action, nodeIds) {
       switch (action) {
@@ -21551,6 +21567,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return props.eventBus.emit("nodes:action", { ids: nodeIds, action: "update:sticky:color" });
         case "tidy_up":
           return await onTidyUp({ source: "context-menu" });
+        case "open_sub_workflow": {
+          return emit("open:sub-workflow", nodeIds[0]);
+        }
       }
     }
     async function onTidyUp(payload) {
@@ -21775,7 +21794,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-af44edae"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-d4a7c14c"]]);
 function useCanvasMapping({
   nodes,
   connections,

package/dist/assets/{useCanvasMapping-cuXLM-h-.css → useCanvasMapping-VtpW_QZA.css}

@@ -637,12 +637,13 @@ path[data-v-161512f5] {
  -------------------------- */
 /* BEM
  -------------------------- */
-._canvasEdgeToolbar_8p9ym_123 {
+._canvasEdgeToolbar_1d3yh_123 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: var(--spacing-2xs);
   pointer-events: all;
+  padding: var(--spacing-l);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -4496,11 +4497,11 @@ body:not([data-theme]) .canvas-edge-toolbar-button {
  -------------------------- */
 /* BEM
  -------------------------- */
-.minimap-enter-active[data-v-af44edae],
-.minimap-leave-active[data-v-af44edae] {
+.minimap-enter-active[data-v-d4a7c14c],
+.minimap-leave-active[data-v-d4a7c14c] {
   transition: opacity 0.3s ease;
 }
-.minimap-enter-from[data-v-af44edae],
-.minimap-leave-to[data-v-af44edae] {
+.minimap-enter-from[data-v-d4a7c14c],
+.minimap-leave-to[data-v-d4a7c14c] {
   opacity: 0;
 }