n8n-editor-ui 1.90.1 → 1.92.0

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

@@ -1,6 +1,6 @@
-import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, fD as getCurrentScope, b1 as inject, fE as effectScope, I as watch, cN as getCurrentInstance, fF as useSlots, bb as onUnmounted, j as createVNode, x as renderSlot, w as withCtx, m as unref, r as ref, fG as useAttrs, f as createCommentVNode, e as createBlock, b7 as mergeProps, F as Fragment, bJ as toRef, fH as Teleport, fI as createPropsRestProxy, q as computed, o as onMounted, n as normalizeClass, bM as reactive, fJ as onScopeDispose, aB as onBeforeMount, D as renderList, B as normalizeStyle, z as nextTick, y as onBeforeUnmount, fK as isMemoSame, t as toDisplayString, b6 as resolveDynamicComponent, l as createTextVNode, b2 as isRef, b3 as toRefs$1, fL as customRef, bg as provide, h as resolveComponent, as as h, fM as toValue$1, fN as markRaw, fO as readonly, c as useI18n, bL as KeyboardShortcutTooltip, bl as NodeConnectionTypes, fP as CanvasKey, a0 as useCssModule, L as useUIStore, by as useNodeTypesStore, U as useWorkflowsStore, a3 as useSourceControlStore, a9 as getResourcePermissions, e5 as isPresent, fQ as getMousePosition$1, aA as STICKY_NODE_TYPE, bp as usePinnedData, fR as NOT_DUPLICATABLE_NODE_TYPES, fS as isExecutable, fT as N8nActionDropdown, cl as getDefaultExportFromCjs, fz as NODE_SIZE, bS as CanvasNodeRenderType, fA as GRID_SIZE, fU as useThrottleFn, fV as useActiveElement, fW as useDeviceSupport, fX as useEventListener$1, fY as onKeyDown, fZ as onKeyUp, a$ as watchEffect, b4 as normalizeProps, aW as createSlots, c1 as isValidNodeConnectionType, c2 as CanvasConnectionMode, f_ as refThrottled, f$ as CanvasNodeKey, g0 as mergeModels, g1 as useModel, bz as useNodeHelpers, g2 as TitledList, aS as N8nTooltip, g3 as CanvasNodeDirtiness, bB as _sfc_main$z, J as withModifiers, aj as nodeViewEventBus, c5 as NODE_CREATOR_OPEN_SOURCES, g4 as CanvasNodeHandleKey, aC as withDirectives, aD as vShow, g5 as Transition$2, b as useRouter, bA as useRunWorkflow, a_ as LOGS_PANEL_STATE, bj as CHAT_TRIGGER_NODE_TYPE, C as createEventBus, eb as isEqual, bZ as Suspense, b5 as guardReactiveProps, g6 as useNodeDirtiness, fj as CUSTOM_API_CALL_KEY, bv as getNodeInputs, bx as getNodeOutputs, ds as getTriggerNodeServiceName, ci as sanitizeHtml, g7 as nodeIssuesToString, g8 as WAIT_NODE_TYPE, er as SEND_AND_WAIT_OPERATION, g9 as FORM_NODE_TYPE, ga as WAIT_INDEFINITELY, gb as SIMULATE_NODE_TYPE, gc as SIMULATE_TRIGGER_NODE_TYPE, gd as getNodeIconSource } from "./index-BpdkKRP4.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-D6VFiC3b.js";
-const _sfc_main$y = {};
+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";
+const _sfc_main$z = {};
 const _hoisted_1$d = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
@@ -13,7 +13,7 @@ function _sfc_render$1(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["render", _sfc_render$1]]);
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -9576,7 +9576,7 @@ const __default__$g = {
   name: "Panel",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: {
     position: {}
@@ -9677,7 +9677,7 @@ const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -9720,7 +9720,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$x), {
+      return openBlock(), createBlock(unref(_sfc_main$y), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -9793,7 +9793,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -9823,7 +9823,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIconButton = resolveComponent("N8nIconButton");
       const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(unref(_sfc_main$w), {
+      return openBlock(), createBlock(unref(_sfc_main$x), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -9918,13 +9918,13 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$o = {
+const style0$p = {
   iconButton
 };
-const cssModules$o = {
-  "$style": style0$o
+const cssModules$p = {
+  "$style": style0$p
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$o]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$p]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -9981,7 +9981,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -10048,14 +10048,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$n = {
+const style0$o = {
   edge: edge$1,
   visible
 };
-const cssModules$n = {
-  "$style": style0$n
+const cssModules$o = {
+  "$style": style0$o
 };
-const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__cssModules", cssModules$n]]);
+const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$o]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -10262,7 +10262,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -10270,6 +10270,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const { position: position2, isOpen: isOpen2, actions: actions2, target: target2 } = contextMenu2;
     const dropdown = ref();
     const emit = __emit;
+    const { APP_Z_INDEXES } = useStyles();
     watch(
       isOpen2,
       () => {
@@ -10300,7 +10301,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.contextMenu),
           style: normalizeStyle({
             left: `${unref(position2)[0]}px`,
-            top: `${unref(position2)[1]}px`
+            top: `${unref(position2)[1]}px`,
+            zIndex: unref(APP_Z_INDEXES).CONTEXT_MENU
           })
         }, [
           createVNode(unref(N8nActionDropdown), {
@@ -10328,14 +10330,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$m = {
+const style0$n = {
   contextMenu,
   activator
 };
-const cssModules$m = {
-  "$style": style0$m
+const cssModules$n = {
+  "$style": style0$n
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__cssModules", cssModules$n]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -16926,7 +16928,7 @@ const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -17089,7 +17091,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$x), {
+      return openBlock(), createBlock(unref(_sfc_main$y), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -17149,7 +17151,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$9 = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$5 = ["d", "stroke-width"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -17179,7 +17181,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__scopeId", "data-v-161512f5"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__scopeId", "data-v-161512f5"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -17215,7 +17217,7 @@ const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -17300,7 +17302,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -17308,7 +17310,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$q), {
+      return openBlock(), createBlock(unref(_sfc_main$r), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -17331,7 +17333,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$7 = ["id"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -17364,7 +17366,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -17415,17 +17417,17 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_8p9ym_123";
-const style0$l = {
+const style0$m = {
   canvasEdgeToolbar
 };
-const cssModules$l = {
-  "$style": style0$l
+const cssModules$m = {
+  "$style": style0$m
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$l]]);
+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 _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -17605,15 +17607,15 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$k = {
+const style0$l = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$k = {
-  "$style": style0$k
+const cssModules$l = {
+  "$style": style0$l
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$k]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$l]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -17656,7 +17658,6 @@ function useCanvasNode() {
   const executionStatus = computed(() => data.value.execution.status);
   const executionWaiting = computed(() => data.value.execution.waiting);
   const executionRunning = computed(() => data.value.execution.running);
-  const executionRunningThrottled = refThrottled(executionRunning, 300);
   const runDataOutputMap = computed(() => data.value.runData.outputMap);
   const runDataIterations = computed(() => data.value.runData.iterations);
   const hasRunData = computed(() => data.value.runData.visible);
@@ -17684,14 +17685,13 @@ function useCanvasNode() {
     executionStatus,
     executionWaiting,
     executionRunning,
-    executionRunningThrottled,
     render: render2,
     eventBus
   };
 }
 const _hoisted_1$5 = ["title"];
 const _hoisted_2$2 = ["onClick"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -17785,7 +17785,7 @@ const content = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$j = {
+const style0$k = {
   popover,
   content,
   color,
@@ -17799,11 +17799,11 @@ const style0$j = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$j = {
-  "$style": style0$j
+const cssModules$k = {
+  "$style": style0$k
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$j]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$k]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -17815,7 +17815,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const $style = useCssModule();
     const i18n = useI18n();
     const { isExecuting } = useCanvas();
-    const { isDisabled, render: render2 } = useCanvasNode();
+    const { isDisabled, render: render2, name } = useCanvasNode();
+    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 nodeDisabledTitle = computed(() => {
       return isDisabled.value ? i18n.baseText("node.enable") : i18n.baseText("node.disable");
     });
@@ -17827,7 +17833,7 @@ const _sfc_main$k = /* @__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;
+      return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default && "configuration" in render2.value.options && (!render2.value.options.configuration || isNodesAsToolNode.value);
     });
     const isDisableNodeVisible = computed(() => {
       return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default;
@@ -17934,16 +17940,16 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$i = {
+const style0$j = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$i = {
-  "$style": style0$i
+const cssModules$j = {
+  "$style": style0$j
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$i]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$j]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -17965,20 +17971,20 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
 const success$2 = "_success_nl2g7_132";
 const warning$2 = "_warning_nl2g7_136";
-const style0$h = {
+const style0$i = {
   disabledStrikeThrough,
   success: success$2,
   warning: warning$2
 };
-const cssModules$h = {
-  "$style": style0$h
+const cssModules$i = {
+  "$style": style0$i
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$h]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$i]]);
 const _hoisted_1$4 = { key: 1 };
 const _hoisted_2$1 = ["textContent"];
-const _hoisted_3$1 = { key: 3 };
+const _hoisted_3$1 = { key: 2 };
 const _hoisted_4 = { key: 5 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -17989,7 +17995,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       hasIssues,
       executionStatus,
       executionWaiting,
-      executionRunningThrottled,
+      executionRunning,
       hasRunData,
       runDataIterations,
       isDisabled,
@@ -18045,14 +18051,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             spin: ""
           })
         ], 2)
-      ])) : unref(hasPinnedData) && !unref(nodeHelpers).isProductionExecutionPreview.value && !unref(isDisabled) ? (openBlock(), createElementBlock("div", {
-        key: 2,
-        "data-test-id": "canvas-node-status-pinned",
-        class: normalizeClass([_ctx.$style.status, _ctx.$style.pinnedData])
-      }, [
-        createVNode(_component_FontAwesomeIcon, { icon: "thumbtack" })
-      ], 2)) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$1)) : unref(executionRunningThrottled) || unref(executionStatus) === "running" ? (openBlock(), createElementBlock("div", {
-        key: 4,
+      ])) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$1)) : unref(executionRunning) || unref(executionStatus) === "running" ? (openBlock(), createElementBlock("div", {
+        key: 3,
         "data-test-id": "canvas-node-status-running",
         class: normalizeClass([_ctx.$style.status, _ctx.$style.running])
       }, [
@@ -18060,6 +18060,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           icon: "sync-alt",
           spin: ""
         })
+      ], 2)) : unref(hasPinnedData) && !unref(nodeHelpers).isProductionExecutionPreview.value && !unref(isDisabled) ? (openBlock(), createElementBlock("div", {
+        key: 4,
+        "data-test-id": "canvas-node-status-pinned",
+        class: normalizeClass([_ctx.$style.status, _ctx.$style.pinnedData])
+      }, [
+        createVNode(_component_FontAwesomeIcon, { icon: "thumbtack" })
       ], 2)) : dirtiness.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
         createVNode(unref(N8nTooltip), {
           "show-after": 500,
@@ -18106,7 +18112,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$g = {
+const style0$h = {
   status,
   runData,
   waiting: waiting$1,
@@ -18117,11 +18123,11 @@ const style0$g = {
   count,
   warning: warning$1
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$h = {
+  "$style": style0$h
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$g]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$h]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -18160,14 +18166,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$f = {
+const style0$g = {
   tooltipTrigger,
   popper
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$g = {
+  "$style": style0$g
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$f]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$g]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
@@ -18217,7 +18223,7 @@ function useNodeConnections({
   };
 }
 const _hoisted_1$3 = ["data-test-id"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu", "activate"],
   setup(__props, { emit: __emit }) {
@@ -18318,7 +18324,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$z;
+      const _component_NodeIcon = _sfc_main$A;
       const _component_CanvasNodeStatusIcons = __unplugin_components_2;
       const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_3;
       return openBlock(), createElementBlock("div", {
@@ -18380,7 +18386,7 @@ const disabled = "_disabled_1d2zc_218";
 const running = "_running_1d2zc_221";
 const waiting = "_waiting_1d2zc_225";
 const disabledLabel = "_disabledLabel_1d2zc_242";
-const style0$e = {
+const style0$f = {
   node,
   trigger: trigger$1,
   configuration,
@@ -18399,10 +18405,10 @@ const style0$e = {
   waiting,
   disabledLabel
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$f = {
+  "$style": style0$f
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$e]]);
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$f]]);
 var xhtml = "http://www.w3.org/1999/xhtml";
 const namespaces = {
   svg: "http://www.w3.org/2000/svg",
@@ -19682,7 +19688,7 @@ const __default__ = {
   compatConfig: { MODE: 3 },
   inheritAttrs: false
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     nodeId: {},
@@ -19795,7 +19801,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -19852,7 +19858,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nSticky = resolveComponent("N8nSticky");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$f), {
+        createVNode(unref(_sfc_main$g), {
           "min-height": 80,
           "min-width": 150,
           height: renderOptions.value.height,
@@ -19881,16 +19887,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
 });
 const sticky = "_sticky_1jyj2_123";
 const selected = "_selected_1jyj2_130";
-const style0$d = {
+const style0$e = {
   sticky,
   selected
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$e = {
+  "$style": style0$e
 };
-const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$d]]);
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$e]]);
 const _hoisted_1$2 = ["textContent"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
@@ -19958,15 +19964,110 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const addNodes = "_addNodes_1qfrq_123";
 const button = "_button_1qfrq_131";
 const label$4 = "_label_1qfrq_152";
-const style0$c = {
+const style0$d = {
   addNodes,
   button,
   label: label$4
 };
+const cssModules$d = {
+  "$style": style0$d
+};
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$d]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeAIPrompt",
+  emits: ["delete"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const i18n = useI18n();
+    const { id: id2 } = useCanvasNode();
+    const builderStore = useBuilderStore();
+    const isPromptVisible = ref(true);
+    const isFocused = ref(false);
+    const prompt = ref("");
+    const hasContent = computed(() => prompt.value.trim().length > 0);
+    async function onSubmit() {
+      builderStore.openChat();
+      emit("delete", id2.value);
+      await builderStore.initBuilderChat(prompt.value, "canvas");
+      isPromptVisible.value = false;
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_input = resolveComponent("n8n-input");
+      const _component_n8n_button = resolveComponent("n8n-button");
+      return isPromptVisible.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "canvas-ai-prompt"
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass([_ctx.$style.promptContainer, { [_ctx.$style.focused]: isFocused.value }])
+        }, [
+          createBaseVNode("form", {
+            class: normalizeClass(_ctx.$style.form),
+            onSubmit: withModifiers(onSubmit, ["prevent"])
+          }, [
+            createVNode(_component_n8n_input, {
+              modelValue: prompt.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => prompt.value = $event),
+              class: normalizeClass(_ctx.$style.form_textarea),
+              type: "textarea",
+              disabled: unref(builderStore).streaming,
+              placeholder: unref(i18n).baseText("aiAssistant.builder.placeholder"),
+              "read-only": false,
+              rows: 15,
+              onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
+              onBlur: _cache[2] || (_cache[2] = ($event) => isFocused.value = false),
+              onKeydown: withKeys(withModifiers(onSubmit, ["meta", "stop"]), ["enter"])
+            }, null, 8, ["modelValue", "class", "disabled", "placeholder", "onKeydown"]),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.form_footer)
+            }, [
+              createVNode(_component_n8n_button, {
+                "native-type": "submit",
+                disabled: !hasContent.value || unref(builderStore).streaming,
+                onKeydown: withKeys(onSubmit, ["enter"])
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("aiAssistant.builder.buildWorkflow")), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ], 2)
+          ], 34)
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.or)
+        }, [
+          createBaseVNode("p", {
+            class: normalizeClass(_ctx.$style.or_text)
+          }, "or", 2)
+        ], 2)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const container$1 = "_container_145fr_123";
+const promptContainer = "_promptContainer_145fr_128";
+const focused = "_focused_145fr_142";
+const form = "_form_145fr_146";
+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$c = {
+  container: container$1,
+  promptContainer,
+  focused,
+  form,
+  form_textarea,
+  form_footer,
+  or,
+  or_text
+};
 const cssModules$c = {
   "$style": style0$c
 };
-const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$c]]);
+const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$c]]);
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
@@ -19981,6 +20082,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         case CanvasNodeRenderType.AddNodes:
           Component = CanvasNodeAddNodes;
           break;
+        case CanvasNodeRenderType.AIPrompt:
+          Component = CanvasNodeAIPrompt;
+          break;
         default:
           Component = CanvasNodeDefault;
       }
@@ -20626,11 +20730,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const i18n = useI18n();
     const workflowsStore = useWorkflowsStore();
-    const uiStore = useUIStore();
     const { runEntireWorkflow } = useRunWorkflow({ router });
     const { toggleChatOpen } = useCanvasOperations({ router });
     const isChatOpen = computed(() => workflowsStore.logsPanelState !== LOGS_PANEL_STATE.CLOSED);
-    const isExecuting = computed(() => uiStore.isActionActive.workflowRunning);
+    const isExecuting = computed(() => workflowsStore.isWorkflowRunning);
     const testId = computed(() => `execute-workflow-button-${__props.name}`);
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
@@ -20867,7 +20970,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       readOnly,
       eventBus: canvasNodeEventBus
     });
-    const hasToolbar = computed(() => props.data.type !== CanvasNodeRenderType.AddNodes);
+    const hasToolbar = computed(
+      () => ![CanvasNodeRenderType.AddNodes, CanvasNodeRenderType.AIPrompt].includes(renderType2.value)
+    );
     const showToolbar2 = computed(() => {
       const target2 = contextMenu2.target.value;
       return contextMenu2.isOpen && target2?.source === "node-button" && target2.nodeId === id2.value;
@@ -20954,7 +21059,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onDeactivate,
           onMove,
           onUpdate,
-          "onOpen:contextmenu": onOpenContextMenuFromNode
+          "onOpen:contextmenu": onOpenContextMenuFromNode,
+          onDelete
         }),
         props.data.render.type === unref(CanvasNodeRenderType).Default && props.data.render.options.trigger ? (openBlock(), createBlock(CanvasNodeTrigger, {
           key: 2,
@@ -20983,6 +21089,45 @@ const cssModules$1 = {
   "$style": style0$1
 };
 const CanvasNode = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__cssModules", cssModules$1]]);
+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) {
+        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;
 const minimapVisibilityDelay = 1e3;
@@ -21024,6 +21169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       findNode,
       viewport,
       nodesSelectionActive,
+      setViewport,
       onEdgeMouseLeave,
       onEdgeMouseEnter,
       onEdgeMouseMove,
@@ -21061,7 +21207,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useShortKeyPress(
       renameKeyCode,
       () => {
-        if (lastSelectedNode.value) {
+        if (lastSelectedNode.value && lastSelectedNode.value.id !== CanvasNodeRenderType.AIPrompt) {
           emit("update:node:name", lastSelectedNode.value.id);
         }
       },
@@ -21143,7 +21289,7 @@ 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("keyboard-shortcut")
+        shift_alt_t: async () => await onTidyUp({ source: "keyboard-shortcut" })
       };
       return fullKeymap;
     });
@@ -21312,6 +21458,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     }
     const isPaneMoving = ref(false);
+    useViewportAutoAdjust(viewportRef, viewport, setViewport);
     function getProjectedPosition(event) {
       const bounds = viewportRef.value?.getBoundingClientRect() ?? { left: 0, top: 0 };
       const offsetX = event?.clientX ?? 0;
@@ -21403,14 +21550,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         case "change_color":
           return props.eventBus.emit("nodes:action", { ids: nodeIds, action: "update:sticky:color" });
         case "tidy_up":
-          return await onTidyUp("context-menu");
+          return await onTidyUp({ source: "context-menu" });
       }
     }
-    async function onTidyUp(source) {
+    async function onTidyUp(payload) {
       const applyOnSelection = selectedNodes.value.length > 1;
       const target2 = applyOnSelection ? "selection" : "all";
       const result = layout(target2);
-      emit("tidy-up", { result, target: target2, source });
+      emit("tidy-up", { result, target: target2, source: payload.source });
       if (!applyOnSelection) {
         await nextTick();
         await onFitView();
@@ -21460,11 +21607,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       props.eventBus.on("fitView", onFitView);
       props.eventBus.on("nodes:select", onSelectNodes);
+      props.eventBus.on("tidyUp", onTidyUp);
       window.addEventListener("blur", onWindowBlur);
     });
     onUnmounted(() => {
       props.eventBus.off("fitView", onFitView);
       props.eventBus.off("nodes:select", onSelectNodes);
+      props.eventBus.off("tidyUp", onTidyUp);
       window.removeEventListener("blur", onWindowBlur);
     });
     onPaneReady(async () => {
@@ -21567,14 +21716,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$o, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$p, {
+          createVNode(_sfc_main$p, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$q, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$2, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$s), {
+              withDirectives(createVNode(unref(_sfc_main$t), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -21603,7 +21752,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onZoomIn,
             onZoomOut,
             onResetZoom,
-            onTidyUp: _cache[0] || (_cache[0] = ($event) => onTidyUp("canvas-button"))
+            onTidyUp: _cache[0] || (_cache[0] = ($event) => onTidyUp({ source: "canvas-button" }))
           }, null, 8, ["class", "position", "zoom", "read-only"]),
           (openBlock(), createBlock(Suspense, null, {
             default: withCtx(() => [
@@ -21626,7 +21775,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-053d8c50"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-af44edae"]]);
 function useCanvasMapping({
   nodes,
   connections,
@@ -21654,6 +21803,12 @@ function useCanvasMapping({
       options: {}
     };
   }
+  function createAIPromptRenderType() {
+    return {
+      type: CanvasNodeRenderType.AIPrompt,
+      options: {}
+    };
+  }
   function createDefaultNodeRenderType(node2) {
     const nodeType = nodeTypeDescriptionByNodeId.value[node2.id];
     const icon = getNodeIconSource(
@@ -21686,6 +21841,9 @@ function useCanvasMapping({
         case `${CanvasNodeRenderType.AddNodes}`:
           acc[node2.id] = createAddNodesRenderType();
           break;
+        case `${CanvasNodeRenderType.AIPrompt}`:
+          acc[node2.id] = createAIPromptRenderType();
+          break;
         default:
           acc[node2.id] = createDefaultNodeRenderType(node2);
       }
@@ -21879,7 +22037,7 @@ function useCanvasMapping({
         });
       }
       if (node2?.issues !== void 0) {
-        issues2.push(...nodeIssuesToString(node2.issues, node2));
+        issues2.push(...nodeHelpers.nodeIssuesToString(node2.issues, node2));
       }
       acc[node2.id] = issues2;
       return acc;