n8n-editor-ui 1.60.1 → 1.62.0

package/dist/assets/{NodeCreation-DaYUHVNB.css → NodeCreation-30KXmZi2.css}

@@ -1,14 +1,12 @@
-._nodeButtonsWrapper_6uvbz_1 {
+._nodeButtonsWrapper_zj446_1 {
   position: absolute;
-  width: 150px;
-  height: 200px;
   top: 0;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
-._addStickyButton_6uvbz_10 {
+._addStickyButton_zj446_8 {
   margin-top: var(--spacing-2xs);
   opacity: 0;
   -webkit-transition: 0.1s;
@@ -16,21 +14,21 @@
   -webkit-transition-timing-function: linear;
           transition-timing-function: linear;
 }
-._visibleButton_6uvbz_17 {
+._visibleButton_zj446_15 {
   opacity: 1;
   pointer-events: all;
 }
-._noEvents_6uvbz_22 {
+._noEvents_zj446_20 {
   pointer-events: none;
 }
-._nodeCreatorButton_6uvbz_26 {
+._nodeCreatorButton_zj446_24 {
   position: absolute;
   text-align: center;
   top: var(--spacing-s);
   right: var(--spacing-s);
   pointer-events: all !important;
 }
-._nodeCreatorPlus_6uvbz_34 {
+._nodeCreatorPlus_zj446_32 {
   width: 36px;
   height: 36px;
 }

package/dist/assets/{NodeCreation-CM9wiEKu.js → NodeCreation-CUrrlBgR.js}

@@ -1,8 +1,9 @@
-const __vite__fileDeps=["assets/NodeCreator-DRzlClIY.js","assets/vendor-DCtS1fjk.js","assets/index-DAAQrhEE.js","assets/n8n-DS_nZ0wb.js","assets/esprima-next-DUEu30kB.js","assets/axios-B4zXCSve.js","assets/luxon-Bt_g4NOb.js","assets/lodash-es-rVh4nriD.js","assets/uuid-BoySKAeK.js","assets/@vueuse/core-BZR8MlRU.js","assets/n8n-CZShcbZx.css","assets/flatted-D70IerrI.js","assets/pinia-C4PgcsWV.js","assets/bowser-C3wWO1p5.js","assets/@n8n/permissions-BxSXRD9U.js","assets/dateformat-DYMw-0LU.js","assets/vue-i18n-DBLN2Rh9.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-C41WNa63.js","assets/prettier-_aQB57xD.js","assets/codemirror-lang-html-n8n-CXTCIWzP.js","assets/fast-json-stable-stringify-dgHKYgJi.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-EmD3D6Vb.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-CDdd6K0Q.css","assets/NodeViewSwitcher-BWkrDbac.js","assets/RunDataAi-BBCJLEbr.js","assets/RunDataAi-x30tU8-0.css","assets/vue-json-pretty-DbJSbzQx.js","assets/file-saver-taM_eo9L.js","assets/dateFormatter-BQycHW-g.js","assets/useWorkflowActivate-BvN97i1i.js","assets/useExecutionDebugging-DdfabEne.js","assets/pushConnection.store-CGzscDgD.js","assets/useBeforeUnload-BtEtqBA0.js","assets/@vue-flow/controls-3RHEV3L7.js","assets/@vue-flow/core-CM-Aqnx_.js","assets/@vue-flow/background-BBsDO5na.js","assets/@vue-flow/minimap-CbqX0yYi.js","assets/@vue-flow/node-resizer-CV5M1itj.js","assets/NodeViewSwitcher-9b7PTcw5.css","assets/NodeCreator-DFg5sW0J.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import { aT as CHAIN_LLM_LANGCHAIN_NODE_TYPE, N as NodeConnectionType, k as __vitePreload, _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
-import { f as computed, I as defineComponent, h as reactive, an as resolveComponent, J as openBlock, K as createElementBlock, _ as normalizeClass, L as createBaseVNode, a8 as createVNode, a3 as withCtx, U as createCommentVNode, V as createBlock, u as unref, aR as Suspense, aP as defineAsyncComponent } from "./vendor-DCtS1fjk.js";
-import { a4 as useNodeTypesStore, j as useI18n, ci as NODE_CREATOR_OPEN_SOURCES, an as WEBHOOK_NODE_TYPE, bM as SCHEDULE_TRIGGER_NODE_TYPE, k as useWorkflowsStore, bK as TRIGGER_NODE_CREATOR_VIEW, O as STICKY_NODE_TYPE, es as QA_CHAIN_NODE_TYPE, et as AGENT_NODE_TYPE, eu as BASIC_CHAIN_NODE_TYPE, ev as OPEN_AI_ASSISTANT_NODE_TYPE, ew as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bO as MANUAL_CHAT_TRIGGER_NODE_TYPE, ai as CHAT_TRIGGER_NODE_TYPE, m as useCanvasStore, bz as AI_CATEGORY_LANGUAGE_MODELS, am as MANUAL_TRIGGER_NODE_TYPE, ex as OPEN_AI_NODE_TYPE, cb as SPLIT_IN_BATCHES_NODE_TYPE, bc as NO_OP_NODE_TYPE, a1 as useExternalHooks, e as useUIStore, cm as KeyboardShortcutTooltip, ey as getMidCanvasPosition, ez as DEFAULT_STICKY_WIDTH, eA as DEFAULT_STICKY_HEIGHT } from "./index-DAAQrhEE.js";
-import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-BWkrDbac.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-DHaVpCdb.js","assets/vendor-DCeaNtb_.js","assets/index-Cpj7dgjR.js","assets/@sentry/vue-UFuYeDxK.js","assets/n8n-DKG-k8tQ.js","assets/esprima-next-DUEu30kB.js","assets/axios-B4zXCSve.js","assets/luxon-Bt_g4NOb.js","assets/lodash-es-kRWQHL5K.js","assets/uuid-BoySKAeK.js","assets/@vueuse/core-A8AAAljH.js","assets/n8n-2AIRllP4.css","assets/flatted-D70IerrI.js","assets/pinia-CH9HlKCh.js","assets/bowser-C3wWO1p5.js","assets/dateformat-BGl-JyZv.js","assets/vue-i18n-CVQE9o3c.js","assets/@n8n/permissions-BxSXRD9U.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-Bygy_eOg.js","assets/prettier-DuWRKCwA.js","assets/codemirror-lang-html-n8n-COz1fWJn.js","assets/fast-json-stable-stringify-U-rSQs8f.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-BxNS_c3b.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-DLT0DWwS.css","assets/NodeViewSwitcher-vGEVZgHJ.js","assets/RunDataAi-BASZn4vn.js","assets/RunDataAi-x30tU8-0.css","assets/vue-json-pretty-D1Elveao.js","assets/file-saver-kjhT_TS0.js","assets/dateFormatter-vLfenR8L.js","assets/useWorkflowActivate-DHaWjPqY.js","assets/useExecutionDebugging-qJjrenaZ.js","assets/pushConnection.store-CWlxAgml.js","assets/useBeforeUnload-D7668b41.js","assets/@vue-flow/controls-ByUYVWad.js","assets/@vue-flow/core-DgOSPOHv.js","assets/@vue-flow/background-VFdKMN89.js","assets/@vue-flow/minimap-CXuyA5pl.js","assets/@vue-flow/node-resizer-BiyXe9J3.js","assets/NodeViewSwitcher-DZNvWE_C.css","assets/NodeCreator-DFg5sW0J.css"])))=>i.map(i=>d[i]);
+import { aU as CHAIN_LLM_LANGCHAIN_NODE_TYPE, N as NodeConnectionType, k as __vitePreload, _ as _export_sfc } from "./n8n-DKG-k8tQ.js";
+import { f as computed, I as defineComponent, r as ref, q as onMounted, m as onBeforeUnmount, an as resolveComponent, J as openBlock, K as createElementBlock, _ as normalizeClass, L as createBaseVNode, a8 as createVNode, a3 as withCtx, U as createCommentVNode, V as createBlock, u as unref, aQ as Suspense, R as Fragment, aO as defineAsyncComponent } from "./vendor-DCeaNtb_.js";
+import { a4 as useNodeTypesStore, b as useI18n, cj as NODE_CREATOR_OPEN_SOURCES, an as WEBHOOK_NODE_TYPE, bN as SCHEDULE_TRIGGER_NODE_TYPE, k as useWorkflowsStore, bL as TRIGGER_NODE_CREATOR_VIEW, O as STICKY_NODE_TYPE, ep as QA_CHAIN_NODE_TYPE, eq as AGENT_NODE_TYPE, er as BASIC_CHAIN_NODE_TYPE, es as OPEN_AI_ASSISTANT_NODE_TYPE, et as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bP as MANUAL_CHAT_TRIGGER_NODE_TYPE, ai as CHAT_TRIGGER_NODE_TYPE, m as useCanvasStore, bA as AI_CATEGORY_LANGUAGE_MODELS, am as MANUAL_TRIGGER_NODE_TYPE, eu as OPEN_AI_NODE_TYPE, cc as SPLIT_IN_BATCHES_NODE_TYPE, bd as NO_OP_NODE_TYPE, a1 as useExternalHooks, f as useUIStore, cn as KeyboardShortcutTooltip, ev as getMidCanvasPosition, ew as DEFAULT_STICKY_WIDTH, ex as DEFAULT_STICKY_HEIGHT } from "./index-Cpj7dgjR.js";
+import { u as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./NodeViewSwitcher-vGEVZgHJ.js";
+import { N as useThrottleFn } from "./@vueuse/core-A8AAAljH.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -255,36 +256,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-DRzlClIY.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-DHaVpCdb.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50]) : void 0)
     );
     const props = __props;
     const emit = __emit;
-    const state = reactive({
-      showStickyButton: false
-    });
     const uiStore = useUIStore();
     const { getAddedNodesAndConnections } = useActions();
-    function onCreateMenuHoverIn(mouseinEvent) {
-      const buttonsWrapper = mouseinEvent.target;
-      state.showStickyButton = true;
-      const moveCallback = (mousemoveEvent) => {
-        if (buttonsWrapper) {
-          const wrapperBounds = buttonsWrapper.getBoundingClientRect();
-          const wrapperH = wrapperBounds.height;
-          const wrapperW = wrapperBounds.width;
-          const wrapperLeftNear = wrapperBounds.left;
-          const wrapperLeftFar = wrapperLeftNear + wrapperW;
-          const wrapperTopNear = wrapperBounds.top;
-          const wrapperTopFar = wrapperTopNear + wrapperH;
-          const inside = mousemoveEvent.pageX > wrapperLeftNear && mousemoveEvent.pageX < wrapperLeftFar && mousemoveEvent.pageY > wrapperTopNear && mousemoveEvent.pageY < wrapperTopFar;
-          if (!inside) {
-            state.showStickyButton = false;
-            document.removeEventListener("mousemove", moveCallback, false);
-          }
-        }
-      };
-      document.addEventListener("mousemove", moveCallback, false);
-    }
+    const wrapperRef = ref();
+    const wrapperBoundingRect = ref();
+    const isStickyNotesButtonVisible = ref(true);
+    const onMouseMove = useThrottleFn((event) => {
+      if (wrapperBoundingRect.value) {
+        const offset = 100;
+        isStickyNotesButtonVisible.value = event.clientX >= wrapperBoundingRect.value.left - offset && event.clientX <= wrapperBoundingRect.value.right + offset && event.clientY >= wrapperBoundingRect.value.top - offset && event.clientY <= wrapperBoundingRect.value.bottom + offset;
+      } else {
+        isStickyNotesButtonVisible.value = true;
+      }
+    }, 250);
     function openNodeCreator() {
       emit("toggleNodeCreator", {
         source: NODE_CREATOR_OPEN_SOURCES.ADD_NODE_BUTTON,
@@ -310,16 +298,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("addNodes", getAddedNodesAndConnections(nodeTypes.map((type) => ({ type }))));
       closeNodeCreator(true);
     }
+    onMounted(() => {
+      var _a;
+      wrapperBoundingRect.value = (_a = wrapperRef.value) == null ? void 0 : _a.getBoundingClientRect();
+      document.addEventListener("mousemove", onMouseMove);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("mousemove", onMouseMove);
+    });
     return (_ctx, _cache) => {
       const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock(Fragment, null, [
         !_ctx.createNodeActive ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass([_ctx.$style.nodeButtonsWrapper, state.showStickyButton ? _ctx.$style.noEvents : ""]),
-          onMouseenter: onCreateMenuHoverIn
+          class: normalizeClass(_ctx.$style.nodeButtonsWrapper)
         }, [
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.nodeCreatorButton),
+            ref_key: "wrapperRef",
+            ref: wrapperRef,
             "data-test-id": "node-creator-plus-button"
           }, [
             createVNode(KeyboardShortcutTooltip, {
@@ -339,7 +336,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["label"]),
             createBaseVNode("div", {
-              class: normalizeClass([_ctx.$style.addStickyButton, state.showStickyButton ? _ctx.$style.visibleButton : ""]),
+              class: normalizeClass([_ctx.$style.addStickyButton, isStickyNotesButtonVisible.value ? _ctx.$style.visibleButton : ""]),
               "data-test-id": "add-sticky-button",
               onClick: addStickyNote
             }, [
@@ -358,7 +355,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, 8, ["label"])
             ], 2)
           ], 2)
-        ], 34)) : createCommentVNode("", true),
+        ], 2)) : createCommentVNode("", true),
         (openBlock(), createBlock(Suspense, null, {
           default: withCtx(() => [
             createVNode(unref(LazyNodeCreator), {
@@ -369,16 +366,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }))
-      ]);
+      ], 64);
     };
   }
 });
-const nodeButtonsWrapper = "_nodeButtonsWrapper_6uvbz_1";
-const addStickyButton = "_addStickyButton_6uvbz_10";
-const visibleButton = "_visibleButton_6uvbz_17";
-const noEvents = "_noEvents_6uvbz_22";
-const nodeCreatorButton = "_nodeCreatorButton_6uvbz_26";
-const nodeCreatorPlus = "_nodeCreatorPlus_6uvbz_34";
+const nodeButtonsWrapper = "_nodeButtonsWrapper_zj446_1";
+const addStickyButton = "_addStickyButton_zj446_8";
+const visibleButton = "_visibleButton_zj446_15";
+const noEvents = "_noEvents_zj446_20";
+const nodeCreatorButton = "_nodeCreatorButton_zj446_24";
+const nodeCreatorPlus = "_nodeCreatorPlus_zj446_32";
 const style0 = {
   nodeButtonsWrapper,
   addStickyButton,

package/dist/assets/{NodeCreator-DRzlClIY.js → NodeCreator-DHaVpCdb.js}

@@ -1,48 +1,49 @@
-import { I as defineComponent, h as reactive, q as onMounted, m as onBeforeUnmount, t as toRefs, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, _ as normalizeClass, U as createCommentVNode, a as ref, f as computed, au as resolveDirective, V as createBlock, ah as createSlots, a3 as withCtx, a4 as withDirectives, u as unref, a9 as vShow, ac as withModifiers, $ as normalizeStyle, a0 as mergeProps, a7 as toDisplayString, Z as renderSlot, b as watch, aj as normalizeProps, ar as guardReactiveProps, x as onUnmounted, R as Fragment, af as renderList, aZ as withMemo, X as h, aW as createStaticVNode, a6 as createTextVNode, a2 as Transition } from "./vendor-DCtS1fjk.js";
-import { bu as i18n, bl as CUSTOM_API_CALL_KEY, cd as HTTP_REQUEST_NODE_TYPE, eI as getCredentialOnlyNodeType, a1 as useExternalHooks, aB as useNodeType, bp as DEFAULT_SUBCATEGORY, eJ as CREDENTIAL_ONLY_NODE_PREFIX, aa as isCommunityPackageName, ad as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a9 as _sfc_main$g, j as useI18n, x as useTelemetry, cz as DRAG_EVENT_DATA_KEY, cy as getNewNodePosition, cC as NODE_SIZE, an as WEBHOOK_NODE_TYPE, k as useWorkflowsStore, a as useUsersStore, bK as TRIGGER_NODE_CREATOR_VIEW, ex as OPEN_AI_NODE_TYPE, ew as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bT as REGULAR_NODE_CREATOR_VIEW, eK as REQUEST_NODE_FORM_URL, e as useUIStore, l as useRootStore, eL as getNodeIconUrl, eM as getNodeIcon, eN as getNodeIconColor, bw as AI_NODE_CREATOR_VIEW, bx as AI_OTHERS_NODE_CREATOR_VIEW, e6 as useAssistantStore, ao as useCredentialsStore, a4 as useNodeTypesStore, eO as SlideTransition } from "./index-DAAQrhEE.js";
-import { u as useNodeCreatorStore, a as useViewStacks, b as useKeyboardNavigation, t as transformNodeType, T as TriggerView, R as RegularView, A as AIView, c as AINodesView, f as flattenCreateElements } from "./NodeViewSwitcher-BWkrDbac.js";
-import { m as memoize, G as startCase, D as camelCase } from "./lodash-es-rVh4nriD.js";
-import { _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
-import { u as useActions } from "./NodeCreation-CM9wiEKu.js";
+import { I as defineComponent, h as reactive, q as onMounted, m as onBeforeUnmount, t as toRefs, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, _ as normalizeClass, U as createCommentVNode, r as ref, f as computed, au as resolveDirective, V as createBlock, ah as createSlots, a3 as withCtx, a4 as withDirectives, u as unref, a9 as vShow, ac as withModifiers, $ as normalizeStyle, a0 as mergeProps, a7 as toDisplayString, Z as renderSlot, b as watch, aj as normalizeProps, ar as guardReactiveProps, x as onUnmounted, R as Fragment, af as renderList, aY as withMemo, X as h, aV as createStaticVNode, a6 as createTextVNode, a2 as Transition } from "./vendor-DCeaNtb_.js";
+import { bv as i18n, br as AI_SUBCATEGORY, bm as CUSTOM_API_CALL_KEY, ce as HTTP_REQUEST_NODE_TYPE, eF as getCredentialOnlyNodeType, a1 as useExternalHooks, aC as useNodeType, bq as DEFAULT_SUBCATEGORY, eG as CREDENTIAL_ONLY_NODE_PREFIX, aa as isCommunityPackageName, ad as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a9 as _sfc_main$g, b as useI18n, y as useTelemetry, cA as DRAG_EVENT_DATA_KEY, cz as getNewNodePosition, cD as NODE_SIZE, an as WEBHOOK_NODE_TYPE, k as useWorkflowsStore, u as useUsersStore, bL as TRIGGER_NODE_CREATOR_VIEW, eu as OPEN_AI_NODE_TYPE, et as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, bU as REGULAR_NODE_CREATOR_VIEW, eH as REQUEST_NODE_FORM_URL, f as useUIStore, l as useRootStore, eI as getNodeIconUrl, eJ as getNodeIcon, eK as getNodeIconColor, bx as AI_NODE_CREATOR_VIEW, by as AI_OTHERS_NODE_CREATOR_VIEW, e3 as useAssistantStore, ao as useCredentialsStore, a4 as useNodeTypesStore, eL as SlideTransition } from "./index-Cpj7dgjR.js";
+import { u as useNodeCreatorStore, a as useViewStacks, b as useKeyboardNavigation, t as transformNodeType, T as TriggerView, R as RegularView, A as AIView, c as AINodesView, f as flattenCreateElements } from "./NodeViewSwitcher-vGEVZgHJ.js";
+import { m as memoize, G as startCase, D as camelCase } from "./lodash-es-kRWQHL5K.js";
+import { _ as _export_sfc } from "./n8n-DKG-k8tQ.js";
+import { u as useActions } from "./NodeCreation-CUrrlBgR.js";
+import "./@sentry/vue-UFuYeDxK.js";
 import "./axios-B4zXCSve.js";
 import "./flatted-D70IerrI.js";
-import "./pinia-C4PgcsWV.js";
+import "./pinia-CH9HlKCh.js";
 import "./bowser-C3wWO1p5.js";
-import "./@vueuse/core-BZR8MlRU.js";
-import "./@n8n/permissions-BxSXRD9U.js";
+import "./@vueuse/core-A8AAAljH.js";
 import "./uuid-BoySKAeK.js";
-import "./dateformat-DYMw-0LU.js";
-import "./vue-i18n-DBLN2Rh9.js";
+import "./dateformat-BGl-JyZv.js";
+import "./vue-i18n-CVQE9o3c.js";
+import "./@n8n/permissions-BxSXRD9U.js";
+import "./luxon-Bt_g4NOb.js";
 import "./@jsplumb/util-BwtpiQ4c.js";
 import "./@jsplumb/core-B__RSZHf.js";
 import "./@jsplumb/common-s1StEx7B.js";
 import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
-import "./luxon-Bt_g4NOb.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
 import "./@lezer/common-CnY9etib.js";
-import "./@n8n/codemirror-lang-sql-C41WNa63.js";
-import "./prettier-_aQB57xD.js";
-import "./codemirror-lang-html-n8n-CXTCIWzP.js";
+import "./@n8n/codemirror-lang-sql-Bygy_eOg.js";
+import "./prettier-DuWRKCwA.js";
+import "./codemirror-lang-html-n8n-COz1fWJn.js";
 import "./esprima-next-DUEu30kB.js";
-import "./fast-json-stable-stringify-dgHKYgJi.js";
+import "./fast-json-stable-stringify-U-rSQs8f.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-EmD3D6Vb.js";
+import "./qrcode.vue-BxNS_c3b.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
-import "./RunDataAi-BBCJLEbr.js";
-import "./vue-json-pretty-DbJSbzQx.js";
-import "./file-saver-taM_eo9L.js";
-import "./dateFormatter-BQycHW-g.js";
-import "./useWorkflowActivate-BvN97i1i.js";
-import "./useExecutionDebugging-DdfabEne.js";
-import "./pushConnection.store-CGzscDgD.js";
-import "./useBeforeUnload-BtEtqBA0.js";
-import "./@vue-flow/controls-3RHEV3L7.js";
-import "./@vue-flow/core-CM-Aqnx_.js";
-import "./@vue-flow/background-BBsDO5na.js";
-import "./@vue-flow/minimap-CbqX0yYi.js";
-import "./@vue-flow/node-resizer-CV5M1itj.js";
+import "./RunDataAi-BASZn4vn.js";
+import "./vue-json-pretty-D1Elveao.js";
+import "./file-saver-kjhT_TS0.js";
+import "./dateFormatter-vLfenR8L.js";
+import "./useWorkflowActivate-DHaWjPqY.js";
+import "./useExecutionDebugging-qJjrenaZ.js";
+import "./pushConnection.store-CWlxAgml.js";
+import "./useBeforeUnload-D7668b41.js";
+import "./@vue-flow/controls-ByUYVWad.js";
+import "./@vue-flow/core-DgOSPOHv.js";
+import "./@vue-flow/background-VFdKMN89.js";
+import "./@vue-flow/minimap-CXuyA5pl.js";
+import "./@vue-flow/node-resizer-BiyXe9J3.js";
 const PLACEHOLDER_RECOMMENDED_ACTION_KEY = "placeholder_recommended";
 function translate(...args) {
   return i18n.baseText(...args);
@@ -77,6 +78,7 @@ function getNodeTypeBase(nodeTypeDescription, label2) {
       categories: [category2]
     },
     iconUrl: nodeTypeDescription.iconUrl,
+    iconColor: nodeTypeDescription.iconColor,
     outputs: nodeTypeDescription.outputs,
     icon: nodeTypeDescription.icon,
     defaults: nodeTypeDescription.defaults
@@ -110,6 +112,34 @@ function operationsCategory(nodeTypeDescription) {
     return [];
   return items2;
 }
+function modeCategory(nodeTypeDescription) {
+  var _a, _b;
+  const isAINode = (_b = (_a = nodeTypeDescription.codex) == null ? void 0 : _a.categories) == null ? void 0 : _b.includes(AI_SUBCATEGORY);
+  if (!isAINode)
+    return [];
+  const matchedProperty = nodeTypeDescription.properties.find(
+    (property) => {
+      var _a2;
+      return ((_a2 = property.name) == null ? void 0 : _a2.toLowerCase()) === "mode";
+    }
+  );
+  if (!(matchedProperty == null ? void 0 : matchedProperty.options))
+    return [];
+  const modeOptions = matchedProperty.options;
+  const items2 = modeOptions.map((item) => ({
+    ...getNodeTypeBase(nodeTypeDescription),
+    actionKey: item.value,
+    displayName: item.action ?? startCase(item.name),
+    description: item.description ?? "",
+    displayOptions: matchedProperty.displayOptions,
+    values: {
+      [matchedProperty.name]: item.value
+    }
+  }));
+  if (items2.length === 0)
+    return [];
+  return items2;
+}
 function triggersCategory(nodeTypeDescription) {
   var _a, _b;
   const matchingKeys = ["event", "events", "trigger on"];
@@ -213,7 +243,12 @@ function useActionsGenerator() {
       return [];
     if ((_c = (_b = (_a = node.codex) == null ? void 0 : _a.subcategories) == null ? void 0 : _b.AI) == null ? void 0 : _c.includes("Tools"))
       return [];
-    return [...triggersCategory(node), ...operationsCategory(node), ...resourceCategories(node)];
+    return [
+      ...triggersCategory(node),
+      ...operationsCategory(node),
+      ...resourceCategories(node),
+      ...modeCategory(node)
+    ];
   }
   function filterActions(actions) {
     if (actions.length <= 1)
@@ -412,6 +447,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const { actions } = useNodeCreatorStore();
     const { getAddedNodesAndConnections } = useActions();
+    const { activeViewStack } = useViewStacks();
     const { isSubNodeType } = useNodeType({
       nodeType: props.nodeType
     });
@@ -432,7 +468,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       () => hasActions.value ? "node-creator-action-item" : "node-creator-node-item"
     );
     const hasActions = computed(() => {
-      return nodeActions.value.length > 1;
+      return nodeActions.value.length > 1 && !activeViewStack.hideActions;
     });
     const nodeActions = computed(() => {
       return actions[props.nodeType.name] || [];
@@ -1756,7 +1792,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
       if (item.type === "node") {
         const nodeActions = (actions == null ? void 0 : actions[item.key]) || [];
-        if (nodeActions.length <= 1) {
+        if (nodeActions.length <= 1 || activeViewStack.value.hideActions) {
           selectNodeType([item.key]);
           return;
         }