n8n-editor-ui 1.92.0 → 1.94.0

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

@@ -1,5 +1,4 @@
-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, eD as getCurrentScope, b1 as inject, eE as effectScope, X as watch, d3 as getCurrentInstance, eF as useSlots, bc as onUnmounted, j as createVNode, x as renderSlot, w as withCtx, m as unref, r as ref, eG as useAttrs, f as createCommentVNode, e as createBlock, b8 as mergeProps, F as Fragment, bI as toRef, eH as Teleport, eI as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bS as reactive, eJ as onScopeDispose, az as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, eK as isMemoSame, t as toDisplayString, b7 as resolveDynamicComponent, l as createTextVNode, b2 as isRef, b4 as toRefs$1, eL as customRef, bi as provide, h as resolveComponent, aq as h, eM as toValue$1, eN as markRaw, eO as readonly, c as useI18n, bL as KeyboardShortcutTooltip, by as NodeConnectionTypes, eP as CanvasKey, Y as useCssModule, eQ as parseCanvasConnectionHandleString, H as useUIStore, bz as useNodeTypesStore, Q as useWorkflowsStore, a0 as useSourceControlStore, a7 as getResourcePermissions, eR as isNodeWithWorkflowSelector, eS as getSubworkflowId, et as isPresent, eT as getMousePosition$1, ay as STICKY_NODE_TYPE, bl as usePinnedData, eU as NOT_DUPLICATABLE_NODE_TYPES, eV as isExecutable, bM as useStyles, eW as N8nActionDropdown, cD as getDefaultExportFromCjs, eX as NODE_SIZE, ci as CanvasNodeRenderType, eY as GRID_SIZE, bO as useThrottleFn, eZ as useActiveElement, e_ as useDeviceSupport, e$ as useEventListener$1, f0 as onKeyDown, f1 as onKeyUp, a$ as watchEffect, b5 as normalizeProps, aV as createSlots, ce as isValidNodeConnectionType, f2 as CanvasNodeKey, cf as CanvasConnectionMode, f3 as mergeModels, f4 as useModel, bA as useNodeHelpers, f5 as TitledList, aR as N8nTooltip, f6 as CanvasNodeDirtiness, bD as _sfc_main$A, b3 as withModifiers, bT as useNodeCreatorStore, ah as nodeViewEventBus, ch as NODE_CREATOR_OPEN_SOURCES, bY as useBuilderStore, be as withKeys, f7 as CanvasNodeHandleKey, aA as withDirectives, aB as vShow, f8 as Transition$2, b as useRouter, aY as useLogsStore, bB as useRunWorkflow, b_ as useCanvasOperations, c4 as CHAT_TRIGGER_NODE_TYPE, bh as N8nButton, f9 as insertSpacersBetweenEndpoints, cd as createCanvasConnectionHandleString, C as createEventBus, ey as isEqual, p as useSettingsStore, c9 as Suspense, b6 as guardReactiveProps, fa as useNodeDirtiness, fb as CUSTOM_API_CALL_KEY, fc as mapLegacyEndpointsToCanvasConnectionPort, bv as getNodeInputs, bx as getNodeOutputs, dH as getTriggerNodeServiceName, cA as sanitizeHtml, fd as WAIT_NODE_TYPE, fe as SEND_AND_WAIT_OPERATION, ff as FORM_NODE_TYPE, fg as WAIT_INDEFINITELY, fh as checkOverlap, fi as SIMULATE_NODE_TYPE, fj as SIMULATE_TRIGGER_NODE_TYPE, fk as mapLegacyConnectionsToCanvasConnections, fl as getNodeIconSource } from "./index-hdsPF3tl.js";
 const _sfc_main$z = {};
 const _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -10073,8 +10072,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 (!isNodeWithWorkflowSelector(node2)) return false;
+    return !!getSubworkflowId(node2);
+  });
   const targetNodeIds = computed(() => {
     if (!isOpen.value || !target.value) return [];
     const currentTarget = target.value;
@@ -10113,7 +10118,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;
     }
@@ -10233,10 +10238,18 @@ const useContextMenu = (onAction = () => {
           {
             id: "rename",
             label: i18n.baseText("contextMenu.rename"),
-            shortcut: { keys: ["F2"] },
+            shortcut: { keys: ["Space"] },
             disabled: isReadOnly.value
           }
         ];
+        if (isNodeWithWorkflowSelector(nodes[0])) {
+          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 +17429,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const canvasEdgeToolbar = "_canvasEdgeToolbar_8p9ym_123";
+const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
 const style0$m = {
   canvasEdgeToolbar
 };
@@ -17426,7 +17439,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 +17832,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 +17844,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 +18330,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;
@@ -20730,19 +20741,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const i18n = useI18n();
     const workflowsStore = useWorkflowsStore();
+    const logsStore = useLogsStore();
     const { runEntireWorkflow } = useRunWorkflow({ router });
-    const { toggleChatOpen } = useCanvasOperations({ router });
-    const isChatOpen = computed(() => workflowsStore.logsPanelState !== LOGS_PANEL_STATE.CLOSED);
+    const { startChat } = useCanvasOperations({ router });
+    const isChatOpen = computed(() => logsStore.isOpen);
     const isExecuting = computed(() => workflowsStore.isWorkflowRunning);
     const testId = computed(() => `execute-workflow-button-${__props.name}`);
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      const _component_N8nButton = resolveComponent("N8nButton");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(containerClass.value),
-        onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+        onClick: _cache[3] || (_cache[3] = withModifiers(() => {
         }, ["stop", "prevent"])),
-        onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
+        onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
         }, ["stop", "prevent"]))
       }, [
         createBaseVNode("div", null, [
@@ -20755,22 +20766,40 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             })
           ], 2),
           !_ctx.readOnly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            _ctx.type === unref(CHAT_TRIGGER_NODE_TYPE) ? (openBlock(), createBlock(_component_N8nButton, {
-              key: 0,
-              type: isChatOpen.value ? "secondary" : "primary",
-              size: "large",
-              disabled: isExecuting.value,
-              "data-test-id": testId.value,
-              label: isChatOpen.value ? unref(i18n).baseText("chat.hide") : unref(i18n).baseText("chat.open"),
-              onClickCapture: _cache[0] || (_cache[0] = ($event) => unref(toggleChatOpen)("node"))
-            }, null, 8, ["type", "disabled", "data-test-id", "label"])) : (openBlock(), createBlock(_component_N8nButton, {
+            _ctx.type === unref(CHAT_TRIGGER_NODE_TYPE) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              isChatOpen.value ? (openBlock(), createBlock(unref(N8nButton), {
+                key: 0,
+                type: "secondary",
+                size: "large",
+                disabled: isExecuting.value,
+                "data-test-id": testId.value,
+                label: unref(i18n).baseText("chat.hide"),
+                onClickCapture: _cache[0] || (_cache[0] = ($event) => unref(logsStore).toggleOpen(false))
+              }, null, 8, ["disabled", "data-test-id", "label"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
+                key: 1,
+                label: unref(i18n).baseText("chat.open"),
+                shortcut: { keys: ["c"] }
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(N8nButton), {
+                    type: "primary",
+                    size: "large",
+                    disabled: isExecuting.value,
+                    "data-test-id": testId.value,
+                    label: unref(i18n).baseText("chat.open"),
+                    onClickCapture: _cache[1] || (_cache[1] = ($event) => unref(startChat)("node"))
+                  }, null, 8, ["disabled", "data-test-id", "label"])
+                ]),
+                _: 1
+              }, 8, ["label"]))
+            ], 64)) : (openBlock(), createBlock(unref(N8nButton), {
               key: 1,
               type: "primary",
               size: "large",
               disabled: isExecuting.value,
               "data-test-id": testId.value,
               label: unref(i18n).baseText("nodeView.runButtonText.executeWorkflow"),
-              onClickCapture: _cache[1] || (_cache[1] = ($event) => unref(runEntireWorkflow)("node", _ctx.name))
+              onClickCapture: _cache[2] || (_cache[2] = ($event) => unref(runEntireWorkflow)("node", _ctx.name))
             }, null, 8, ["disabled", "data-test-id", "label"]))
           ], 64)) : createCommentVNode("", true)
         ])
@@ -20936,8 +20965,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 +21173,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", "update:logs-open", "update:logs:input-open", "update:logs:output-open", "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", "viewport:change", "selection:end", "open:sub-workflow", "start-chat"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
     const emit = __emit;
@@ -21168,6 +21197,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onNodesInitialized,
       findNode,
       viewport,
+      dimensions,
       nodesSelectionActive,
       setViewport,
       onEdgeMouseLeave,
@@ -21260,6 +21290,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),
@@ -21273,7 +21304,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ArrowLeft: emitWithLastSelectedNode(selectLeftNode),
         ArrowRight: emitWithLastSelectedNode(selectRightNode),
         shift_ArrowLeft: emitWithLastSelectedNode(selectUpstreamNodes),
-        shift_ArrowRight: emitWithLastSelectedNode(selectDownstreamNodes)
+        shift_ArrowRight: emitWithLastSelectedNode(selectDownstreamNodes),
+        l: () => emit("update:logs-open"),
+        i: () => emit("update:logs:input-open"),
+        o: () => emit("update:logs:output-open")
       };
       if (props.readOnly) return readOnlyKeymap;
       const fullKeymap = {
@@ -21289,7 +21323,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ctrl_alt_n: () => emit("create:workflow"),
         ctrl_enter: () => emit("run:workflow"),
         ctrl_s: () => emit("save:workflow"),
-        shift_alt_t: async () => await onTidyUp({ source: "keyboard-shortcut" })
+        shift_alt_t: async () => await onTidyUp({ source: "keyboard-shortcut" }),
+        c: () => emit("start-chat")
       };
       return fullKeymap;
     });
@@ -21327,7 +21362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       onUpdateNodesPosition(event.nodes.map(({ id: id2, position: position2 }) => ({ id: id2, position: position2 })));
     }
     function onNodeClick({ event, node: node2 }) {
-      emit("click:node", node2.id);
+      emit("click:node", node2.id, getProjectedPosition(event));
       if (event.ctrlKey || event.metaKey || selectedNodes.value.length < 2) {
         return;
       }
@@ -21336,14 +21371,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onSelectionDragStop(event) {
       onUpdateNodesPosition(event.nodes.map(({ id: id2, position: position2 }) => ({ id: id2, position: position2 })));
     }
-    function onSelectionEnd() {
+    function onSelectionEnd(event) {
       if (selectedNodes.value.length === 1) {
         nodesSelectionActive.value = false;
       }
+      emit("selection:end", getProjectedPosition(event));
     }
-    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);
@@ -21461,8 +21497,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useViewportAutoAdjust(viewportRef, viewport, setViewport);
     function getProjectedPosition(event) {
       const bounds = viewportRef.value?.getBoundingClientRect() ?? { left: 0, top: 0 };
-      const offsetX = event?.clientX ?? 0;
-      const offsetY = event?.clientY ?? 0;
+      const [offsetX, offsetY] = event ? getMousePosition$1(event) : [0, 0];
       return project({
         x: offsetX - bounds.left,
         y: offsetY - bounds.top
@@ -21496,6 +21531,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onPaneMoveEnd() {
       isPaneMoving.value = false;
     }
+    function onViewportChange() {
+      emit("viewport:change", viewport.value, dimensions.value);
+    }
     const nodeDataById = computed(() => {
       return props.nodes.reduce((acc, node2) => {
         acc[node2.id] = node2.data;
@@ -21503,23 +21541,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 +21591,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) {
@@ -21668,7 +21711,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onSelectionEnd,
         onSelectionContextMenu: onOpenSelectionContextMenu,
         onDragover: onDragOver,
-        onDrop
+        onDrop,
+        onViewportChange
       }, {
         "node-canvas-node": withCtx((nodeProps) => [
           renderSlot(_ctx.$slots, "node", normalizeProps(guardReactiveProps({ nodeProps })), () => [
@@ -21775,7 +21819,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-95b95635"]]);
 function useCanvasMapping({
   nodes,
   connections,

package/dist/assets/{useClearExecutionButtonVisible-BV-jMf2m.js → useClearExecutionButtonVisible-DFNEJves.js}

@@ -1,5 +1,4 @@
-import { R as useRoute, a0 as useSourceControlStore, Q as useWorkflowsStore, q as computed, b as useRouter, bz as useNodeTypesStore, bY as START_NODE_TYPE } from "./index-B6eunbxp.js";
-import { b as useCanvasOperations } from "./useCanvasOperations-DaP5jKbH.js";
+import { R as useRoute, a0 as useSourceControlStore, Q as useWorkflowsStore, q as computed, b as useRouter, b_ as useCanvasOperations, bz as useNodeTypesStore, c0 as START_NODE_TYPE } from "./index-hdsPF3tl.js";
 function useClearExecutionButtonVisible() {
   const route = useRoute();
   const sourceControlStore = useSourceControlStore();

package/dist/assets/{useExecutionDebugging-0pPCimcw.js → useExecutionDebugging-DsRIfE0y.js}

@@ -1,4 +1,4 @@
-import { b as useRouter, a as useToast, Q as useWorkflowsStore, p as useSettingsStore, H as useUIStore, a6 as usePageRedirectionHelper, q as computed, aa as EnterpriseEditionFeature, c as useI18n, cr as DEBUG_PAYWALL_MODAL_KEY, aq as h, cs as sanitizeHtml, ai as useMessage, aj as MODAL_CONFIRM, V as VIEWS, ag as useTelemetry, Z as useRootStore, ct as isFullExecutionResponse } from "./index-B6eunbxp.js";
+import { b as useRouter, a as useToast, Q as useWorkflowsStore, p as useSettingsStore, H as useUIStore, a6 as usePageRedirectionHelper, q as computed, aa as EnterpriseEditionFeature, c as useI18n, cz as DEBUG_PAYWALL_MODAL_KEY, aq as h, cA as sanitizeHtml, ai as useMessage, aj as MODAL_CONFIRM, V as VIEWS, ag as useTelemetry, Z as useRootStore, cB as isFullExecutionResponse } from "./index-hdsPF3tl.js";
 const useExecutionDebugging = () => {
   const telemetry = useTelemetry();
   const router = useRouter();

package/dist/assets/{useExecutionHelpers-DIvhViMz.js → useExecutionHelpers-CEOL8_vt.js}

@@ -1,5 +1,5 @@
-import { c as convertToDisplayDate } from "./dateFormatter-C8N5khiG.js";
-import { b as useRouter, V as VIEWS, ag as useTelemetry, c as useI18n } from "./index-B6eunbxp.js";
+import { c as convertToDisplayDate } from "./dateFormatter-LbucaaRt.js";
+import { b as useRouter, V as VIEWS, ag as useTelemetry, c as useI18n } from "./index-hdsPF3tl.js";
 function useExecutionHelpers() {
   const i18n = useI18n();
   const router = useRouter();
@@ -8,7 +8,7 @@ function useExecutionHelpers() {
     const status = {
       name: "unknown",
       createdAt: execution.createdAt?.toString() ?? "",
-      startTime: formatDate(execution.startedAt),
+      startTime: formatDate(execution.startedAt ?? execution.createdAt),
       label: "Status unknown",
       runningTime: "",
       showTimestamp: true,

package/dist/assets/{useImportCurlCommand-BWf4R83s.js → useImportCurlCommand-DdIN4YaF.js}

@@ -1,6 +1,6 @@
-import { hv as require$$0, cv as getDefaultExportFromCjs, a as useToast, m as unref, cW as assert, hw as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, hx as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, hy as get } from "./index-B6eunbxp.js";
+import { gt as require$$0, cD as getDefaultExportFromCjs, a as useToast, m as unref, d2 as assert, gu as CURL_IMPORT_NOT_SUPPORTED_PROTOCOLS, gv as CURL_IMPORT_NODES_PROTOCOLS, c as useI18n, gw as get } from "./index-hdsPF3tl.js";
 import { c as commonjsRequire } from "./_commonjs-dynamic-modules-TGKdzP3c.js";
-import { i as importCurlEventBus } from "./import-curl-BpxkGYMX.js";
+import { i as importCurlEventBus } from "./import-curl-DQ6uPzZ1.js";
 class CCError extends Error {
 }
 const UTF8encoder = new TextEncoder();

package/dist/assets/useProjectPages-OGc-GAxb.js

@@ -0,0 +1,17 @@
+import { R as useRoute, q as computed, V as VIEWS, bS as reactive } from "./index-hdsPF3tl.js";
+const useProjectPages = () => {
+  const route = useRoute();
+  const isOverviewSubPage = computed(
+    () => route.name === VIEWS.WORKFLOWS || route.name === VIEWS.HOMEPAGE || route.name === VIEWS.CREDENTIALS || route.name === VIEWS.EXECUTIONS || route.name === VIEWS.FOLDERS
+  );
+  const isSharedSubPage = computed(
+    () => route.name === VIEWS.SHARED_WITH_ME || route.name === VIEWS.SHARED_WORKFLOWS || route.name === VIEWS.SHARED_CREDENTIALS
+  );
+  return reactive({
+    isOverviewSubPage,
+    isSharedSubPage
+  });
+};
+export {
+  useProjectPages as u
+};