n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/{NodeCreator-BrgHuvb2.js → NodeCreator-Dht_F_jm.js}

@@ -1,14 +1,8 @@
-import { bn as createCompounder, iK as memoize, e8 as i18n, eO as HTTP_REQUEST_NODE_TYPE, iL as getCredentialOnlyNodeType, dU as CUSTOM_API_CALL_KEY, b6 as AI_SUBCATEGORY, d as defineComponent, e1 as reactive, o as onMounted, x as onBeforeUnmount, aU as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aP as useExternalHooks, _ as _export_sfc, r as ref, q as computed, e4 as DEFAULT_SUBCATEGORY, iM as CREDENTIAL_ONLY_NODE_PREFIX, bA as isCommunityPackageName, di as resolveDirective, e as createBlock, aO as createSlots, w as withCtx, ay as withDirectives, l as unref, bD as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bz as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, fe as DRAG_EVENT_DATA_KEY, fd as getNewNodePosition, ff as NODE_SIZE, ak as useTelemetry, aX as mergeProps, t as toDisplayString, bR as WEBHOOK_NODE_TYPE, s as renderSlot, T as useWorkflowsStore, H as watch, aV as normalizeProps, aW as guardReactiveProps, b0 as onUnmounted, F as Fragment, A as renderList, es as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, en as TRIGGER_NODE_CREATOR_VIEW, ip as OPEN_AI_NODE_TYPE, io as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iN as withMemo, dm as createStaticVNode, k as createTextVNode, iO as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, iP as getNodeIconUrl, iQ as getNodeIcon, iR as getNodeIconColor, em as AI_NODE_CREATOR_VIEW, e9 as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, dt as Transition, gy as useAssistantStore, bZ as useCredentialsStore, bk as useNodeTypesStore, iS as SlideTransition } from "./index-fCEqBD8K.js";
-import { f as formatTriggerActionName, u as useNodeCreatorStore, a as useViewStacks, c as camelCase, b as useKeyboardNavigation, t as transformNodeType, d as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, e as AINodesView } from "./NodeViewSwitcher-D5JjSNB2.js";
-import { d as upperFirst, b as useNodeType } from "./useRunWorkflow-BXE6bWp2.js";
-import { u as useActions } from "./NodeCreation-Bycww9rf.js";
-import "./FileSaver.min-BiLlhrlQ.js";
-import "./useExecutionHelpers-BIxUwlsh.js";
-import "./useWorkflowActivate-D8cU5eJ_.js";
-import "./pushConnection.store-Kmly9nV5.js";
-import "./useExecutionDebugging-Cuf88DQE.js";
-import "./useNodeViewVersionSwitcher-Eg-dOWbq.js";
-import "./useBugReporting-CbgIVUCL.js";
+import { gf as createCompounder, it as memoize, fN as i18n, h4 as HTTP_REQUEST_NODE_TYPE, iu as getCredentialOnlyNodeType, gC as AI_CATEGORY_TOOLS, h8 as AI_CATEGORY_ROOT_NODES, dp as CUSTOM_API_CALL_KEY, b9 as AI_SUBCATEGORY, d as defineComponent, dy as reactive, o as onMounted, x as onBeforeUnmount, aX as toRefs, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, f as createCommentVNode, aS as useExternalHooks, _ as _export_sfc, r as ref, q as computed, gq as DEFAULT_SUBCATEGORY, iv as CREDENTIAL_ONLY_NODE_PREFIX, br as isCommunityPackageName, cO as resolveDirective, e as createBlock, aR as createSlots, w as withCtx, ay as withDirectives, l as unref, bu as COMMUNITY_NODES_INSTALLATION_DOCS_URL, bq as _sfc_main$h, B as normalizeStyle, I as withModifiers, az as vShow, g as useI18n, dV as DRAG_EVENT_DATA_KEY, ak as useTelemetry, a_ as mergeProps, t as toDisplayString, bI as WEBHOOK_NODE_TYPE, dU as getNewNodePosition, dZ as NODE_SIZE, s as renderSlot, T as useWorkflowsStore, H as watch, aY as normalizeProps, aZ as guardReactiveProps, b3 as onUnmounted, F as Fragment, A as renderList, eH as REGULAR_NODE_CREATOR_VIEW, u as useUsersStore, dP as TRIGGER_NODE_CREATOR_VIEW, ia as OPEN_AI_NODE_TYPE, i9 as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iw as withMemo, cT as createStaticVNode, k as createTextVNode, ix as REQUEST_NODE_FORM_URL, K as useUIStore, Z as useRootStore, iy as getNodeIconUrl, iz as getNodeIcon, iA as getNodeIconColor, eo as AI_NODE_CREATOR_VIEW, gv as AI_OTHERS_NODE_CREATOR_VIEW, J as useDebounce, cZ as Transition, eT as useAssistantStore, bQ as useCredentialsStore, bn as useNodeTypesStore, aP as _sfc_main$i, iB as SlideTransition } from "./index-DWT5SiDA.js";
+import { h as formatTriggerActionName, a as useNodeCreatorStore, c as useViewStacks, i as camelCase, j as useKeyboardNavigation, t as transformNodeType, k as flattenCreateElements, T as TriggerView, R as RegularView, A as AIView, l as AINodesView } from "./useCanvasOperations-BYRj4lO-.js";
+import { b as upperFirst, a as useNodeType } from "./usePinnedData-SqcH7oid.js";
+import { u as useActions } from "./NodeCreation-CgxDWNxA.js";
+import "./useBugReporting-Bwqu07gb.js";
 var startCase = createCompounder(function(result, word, index) {
   return result + (index ? " " : "") + upperFirst(word);
 });
@@ -66,6 +60,7 @@ function operationsCategory(nodeTypeDescription) {
     displayName: item.action ?? startCase(item.name),
     description: item.description ?? "",
     displayOptions: matchedProperty.displayOptions,
+    outputConnectionType: item.outputConnectionType,
     values: {
       [matchedProperty.name]: matchedProperty.type === "multiOptions" ? [item.value] : item.value
     }
@@ -87,6 +82,7 @@ function modeCategory(nodeTypeDescription) {
     displayName: item.action ?? startCase(item.name),
     description: item.description ?? "",
     displayOptions: matchedProperty.displayOptions,
+    outputConnectionType: item.outputConnectionType,
     values: {
       [matchedProperty.name]: item.value
     }
@@ -181,7 +177,8 @@ function resourceCategories(nodeTypeDescription) {
 function useActionsGenerator() {
   function generateNodeActions(node) {
     if (!node) return [];
-    if (node.codex?.subcategories?.AI?.includes("Tools")) return [];
+    if (node.codex?.subcategories?.AI?.includes(AI_CATEGORY_TOOLS) && !node.codex?.subcategories?.AI?.includes(AI_CATEGORY_ROOT_NODES))
+      return [];
     return [
       ...triggersCategory(node),
       ...operationsCategory(node),
@@ -350,12 +347,12 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const searchContainer = "_searchContainer_dci3d_1";
-const prefix = "_prefix_dci3d_17";
-const active$3 = "_active_dci3d_22";
-const text = "_text_dci3d_26";
-const suffix = "_suffix_dci3d_42";
-const clear = "_clear_dci3d_48";
+const searchContainer = "_searchContainer_1knv8_123";
+const prefix = "_prefix_1knv8_139";
+const active$3 = "_active_1knv8_144";
+const text = "_text_1knv8_148";
+const suffix = "_suffix_1knv8_164";
+const clear = "_clear_1knv8_170";
 const style0$e = {
   searchContainer,
   prefix,
@@ -424,8 +421,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return props.nodeType.group.includes("trigger") && !hasActions.value;
     });
     function onDragStart(event) {
-      document.body.addEventListener("dragover", onDragOver);
-      const { pageX: x, pageY: y } = event;
       if (event.dataTransfer) {
         event.dataTransfer.effectAllowed = "copy";
         event.dataTransfer.dropEffect = "copy";
@@ -436,17 +431,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         );
       }
       dragging.value = true;
-      draggablePosition.value = { x, y };
-    }
-    function onDragOver(event) {
-      if (!dragging.value || event.pageX === 0 && event.pageY === 0) {
-        return;
-      }
-      const [x, y] = getNewNodePosition([], [event.pageX - NODE_SIZE / 2, event.pageY - NODE_SIZE / 2]);
-      draggablePosition.value = { x, y };
     }
     function onDragEnd() {
-      document.body.removeEventListener("dragover", onDragOver);
       dragging.value = false;
       setTimeout(() => {
         draggablePosition.value = { x: -100, y: -100 };
@@ -458,9 +444,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_n8n_node_creator_node = resolveComponent("n8n-node-creator-node");
+      const _component_N8nNodeCreatorNode = resolveComponent("N8nNodeCreatorNode");
       const _directive_n8n_html = resolveDirective("n8n-html");
-      return openBlock(), createBlock(_component_n8n_node_creator_node, {
+      return openBlock(), createBlock(_component_N8nNodeCreatorNode, {
         draggable: !showActionArrow.value,
         class: normalizeClass(_ctx.$style.nodeItem),
         description: description.value,
@@ -483,12 +469,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           }, null, 8, ["class", "node-type"])
         ]),
         dragContent: withCtx(() => [
-          createBaseVNode("div", {
+          withDirectives(createBaseVNode("div", {
             ref_key: "draggableDataTransfer",
             ref: draggableDataTransfer2,
-            class: normalizeClass(_ctx.$style.draggableDataTransfer)
-          }, null, 2),
-          withDirectives(createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [
@@ -529,12 +512,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const nodeItem = "_nodeItem_124lg_1";
-const nodeIcon$2 = "_nodeIcon_124lg_9";
-const subNodeBackground = "_subNodeBackground_124lg_13";
-const communityNodeIcon = "_communityNodeIcon_124lg_23";
-const draggable$1 = "_draggable_124lg_27";
-const draggableDataTransfer$1 = "_draggableDataTransfer_124lg_41";
+const nodeItem = "_nodeItem_1107w_123";
+const nodeIcon$2 = "_nodeIcon_1107w_131";
+const subNodeBackground = "_subNodeBackground_1107w_135";
+const communityNodeIcon = "_communityNodeIcon_1107w_145";
+const draggable$1 = "_draggable_1107w_149";
+const draggableDataTransfer$1 = "_draggableDataTransfer_1107w_163";
 const style0$d = {
   nodeItem,
   nodeIcon: nodeIcon$2,
@@ -579,7 +562,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const subCategory = "_subCategory_qrigt_1";
+const subCategory = "_subCategory_1x5a1_123";
 const style0$c = {
   subCategory
 };
@@ -606,7 +589,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const label$1 = "_label_7jmhw_1";
+const label$1 = "_label_1sqfw_123";
 const style0$b = {
   label: label$1
 };
@@ -720,10 +703,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const action$1 = "_action_139su_1";
-const nodeIcon$1 = "_nodeIcon_139su_13";
-const draggable = "_draggable_139su_17";
-const draggableDataTransfer = "_draggableDataTransfer_139su_31";
+const action$1 = "_action_1owvg_123";
+const nodeIcon$1 = "_nodeIcon_1owvg_135";
+const draggable = "_draggable_1owvg_139";
+const draggableDataTransfer = "_draggableDataTransfer_1owvg_153";
 const style0$a = {
   action: action$1,
   nodeIcon: nodeIcon$1,
@@ -764,7 +747,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const view$1 = "_view_71tui_1";
+const view$1 = "_view_17lj9_123";
 const style0$9 = {
   view: view$1
 };
@@ -802,7 +785,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const creatorLink = "_creatorLink_1hx0p_1";
+const creatorLink = "_creatorLink_cptk0_123";
 const style0$8 = {
   creatorLink
 };
@@ -865,11 +848,11 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const triggerIcon = "_triggerIcon_b4ocq_1";
-const category$1 = "_category_b4ocq_6";
-const active$2 = "_active_b4ocq_27";
-const name = "_name_b4ocq_31";
-const arrow = "_arrow_b4ocq_36";
+const triggerIcon = "_triggerIcon_1rqhf_123";
+const category$1 = "_category_1rqhf_128";
+const active$2 = "_active_1rqhf_149";
+const name = "_name_1rqhf_153";
+const arrow = "_arrow_1rqhf_158";
 const style0$7 = {
   triggerIcon,
   category: category$1,
@@ -1013,10 +996,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mouseOverTooltip = "_mouseOverTooltip_1smyb_1";
-const categorizedItemsRenderer = "_categorizedItemsRenderer_1smyb_9";
-const tooltipPopper = "_tooltipPopper_1smyb_13";
-const contentSlot = "_contentSlot_1smyb_17";
+const mouseOverTooltip = "_mouseOverTooltip_5wyeb_123";
+const categorizedItemsRenderer = "_categorizedItemsRenderer_5wyeb_131";
+const tooltipPopper = "_tooltipPopper_5wyeb_135";
+const contentSlot = "_contentSlot_5wyeb_139";
 const style0$6 = {
   mouseOverTooltip,
   categorizedItemsRenderer,
@@ -1187,16 +1170,16 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const itemSkeleton = "_itemSkeleton_1rgyl_1";
-const iteratorItem = "_iteratorItem_1rgyl_5";
-const label = "_label_1rgyl_17";
-const category = "_category_1rgyl_17";
-const active$1 = "_active_1rgyl_20";
-const empty = "_empty_1rgyl_24";
-const itemsRenderer = "_itemsRenderer_1rgyl_28";
-const view = "_view_1rgyl_37";
-const link = "_link_1rgyl_55";
-const borderless = "_borderless_1rgyl_73";
+const itemSkeleton = "_itemSkeleton_e346c_123";
+const iteratorItem = "_iteratorItem_e346c_127";
+const label = "_label_e346c_139";
+const category = "_category_e346c_139";
+const active$1 = "_active_e346c_142";
+const empty = "_empty_e346c_146";
+const itemsRenderer = "_itemsRenderer_e346c_150";
+const view = "_view_e346c_159";
+const link = "_link_e346c_177";
+const borderless = "_borderless_e346c_195";
 const style0$5 = {
   itemSkeleton,
   iteratorItem,
@@ -1518,10 +1501,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_25ezu_1";
-const resetSearch = "_resetSearch_25ezu_7";
-const actionsEmpty = "_actionsEmpty_25ezu_21";
-const apiHint = "_apiHint_25ezu_29";
+const container = "_container_169mw_123";
+const resetSearch = "_resetSearch_169mw_129";
+const actionsEmpty = "_actionsEmpty_169mw_143";
+const apiHint = "_apiHint_169mw_151";
 const style0$4 = {
   container,
   resetSearch,
@@ -1632,12 +1615,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const noResults = "_noResults_8axui_1";
-const title$1 = "_title_8axui_14";
-const action = "_action_8axui_23";
-const request = "_request_8axui_24";
-const icon = "_icon_8axui_40";
-const external = "_external_8axui_46";
+const noResults = "_noResults_646or_123";
+const title$1 = "_title_646or_136";
+const action = "_action_646or_145";
+const request = "_request_646or_146";
+const icon = "_icon_646or_162";
+const external = "_external_646or_168";
 const style0$3 = {
   noResults,
   title: title$1,
@@ -1660,9 +1643,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const rootStore = useRootStore();
     const { mergedNodes, actions, onSubcategorySelected } = useNodeCreatorStore();
     const { pushViewStack, popViewStack } = useViewStacks();
+    const { setAddedNodeActionParameters } = useActions();
     const { registerKeyHook } = useKeyboardNavigation();
     const activeViewStack = computed(() => useViewStacks().activeViewStack);
     const globalSearchItemsDiff = computed(() => useViewStacks().globalSearchItemsDiff);
+    function getFilteredActions(node) {
+      const nodeActions = actions?.[node.key] || [];
+      if (activeViewStack.value.actionsFilter) {
+        return activeViewStack.value.actionsFilter(nodeActions);
+      }
+      return nodeActions;
+    }
     function selectNodeType(nodeTypes) {
       emit("nodeTypeSelected", nodeTypes);
     }
@@ -1696,8 +1687,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         });
       }
       if (item.type === "node") {
-        const nodeActions = actions?.[item.key] || [];
-        if (nodeActions.length <= 1 || activeViewStack.value.hideActions) {
+        const nodeActions = getFilteredActions(item);
+        if (nodeActions.length === 1) {
+          selectNodeType([item.key]);
+          setAddedNodeActionParameters({
+            name: nodeActions[0].defaults.name ?? item.properties.displayName,
+            key: item.key,
+            value: nodeActions[0].values
+          });
+          return;
+        }
+        if (nodeActions.length === 0 || activeViewStack.value.hideActions) {
           selectNodeType([item.key]);
           return;
         }
@@ -1753,7 +1753,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     function subcategoriesMapper(item) {
       if (item.type !== "node") return item;
       const hasTriggerGroup = item.properties.group.includes("trigger");
-      const nodeActions = actions?.[item.key] || [];
+      const nodeActions = getFilteredActions(item);
       const hasActions = nodeActions.length > 0;
       if (hasTriggerGroup && hasActions) {
         if (item.properties?.codex) {
@@ -1770,7 +1770,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (item.type === "section") return true;
       if (item.type !== "node") return false;
       const hasTriggerGroup = item.properties.group.includes("trigger");
-      const nodeActions = actions?.[item.key] || [];
+      const nodeActions = getFilteredActions(item);
       const hasActions = nodeActions.length > 0;
       const isTriggerRootView = activeViewStack.value.rootView === TRIGGER_NODE_CREATOR_VIEW;
       if (isTriggerRootView) {
@@ -1831,7 +1831,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const items = "_items_1mzys_1";
+const items = "_items_1i9xd_123";
 const style0$2 = {
   items
 };
@@ -2018,20 +2018,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const info = "_info_vhrjt_23";
-const backButton = "_backButton_vhrjt_27";
-const backButtonIcon = "_backButtonIcon_vhrjt_34";
-const nodeIcon = "_nodeIcon_vhrjt_40";
-const renderedItems = "_renderedItems_vhrjt_45";
-const searchBar = "_searchBar_vhrjt_57";
-const nodesListPanel = "_nodesListPanel_vhrjt_61";
-const footer = "_footer_vhrjt_79";
-const top = "_top_vhrjt_90";
-const header = "_header_vhrjt_95";
-const hasBg = "_hasBg_vhrjt_101";
-const title = "_title_vhrjt_106";
-const subtitle = "_subtitle_vhrjt_116";
-const offsetSubtitle = "_offsetSubtitle_vhrjt_124";
+const info = "_info_16r9i_145";
+const backButton = "_backButton_16r9i_149";
+const backButtonIcon = "_backButtonIcon_16r9i_156";
+const nodeIcon = "_nodeIcon_16r9i_162";
+const renderedItems = "_renderedItems_16r9i_167";
+const searchBar = "_searchBar_16r9i_179";
+const nodesListPanel = "_nodesListPanel_16r9i_183";
+const footer = "_footer_16r9i_201";
+const top = "_top_16r9i_212";
+const header = "_header_16r9i_217";
+const hasBg = "_hasBg_16r9i_223";
+const title = "_title_16r9i_228";
+const subtitle = "_subtitle_16r9i_239";
+const offsetSubtitle = "_offsetSubtitle_16r9i_247";
 const style0$1 = {
   info,
   backButton,
@@ -2162,6 +2162,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [_ctx.$style.active]: showScrim.value
           })
         }, null, 2),
+        _ctx.active ? (openBlock(), createBlock(_sfc_main$i, {
+          key: 0,
+          class: normalizeClass(_ctx.$style.close),
+          type: "secondary",
+          icon: "times",
+          "aria-label": "Close Node Creator",
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("closeNodeCreator"))
+        }, null, 8, ["class"])) : createCommentVNode("", true),
         createVNode(SlideTransition, null, {
           default: withCtx(() => [
             _ctx.active ? (openBlock(), createElementBlock("div", {
@@ -2185,13 +2193,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const nodeCreator = "_nodeCreator_1dtlx_5";
-const nodeCreatorScrim = "_nodeCreatorScrim_1dtlx_16";
-const active = "_active_1dtlx_28";
+const nodeCreator = "_nodeCreator_xjjfv_127";
+const nodeCreatorScrim = "_nodeCreatorScrim_xjjfv_139";
+const active = "_active_xjjfv_151";
+const close = "_close_xjjfv_155";
 const style0 = {
   nodeCreator,
   nodeCreatorScrim,
-  active
+  active,
+  close
 };
 const cssModules = {
   "$style": style0