n8n-editor-ui 1.101.0 → 1.102.0

package/dist/assets/{NodeCreator-D7xT3ogw.js → NodeCreator-xRYJHbTG.js}

@@ -1,12 +1,12 @@
-import { d as defineComponent, i as createElementBlock, g as openBlock, D as mergeProps, k as createBaseVNode, J as renderSlot, f as createCommentVNode, n as normalizeClass, e as createBlock, t as toDisplayString, m as unref, iB as ElTag, w as withCtx, l as createTextVNode, ic as FontAwesomeIcon, gM as useI18n, j as createVNode, _ as _export_sfc, ep as reactive, o as onMounted, bf as useExternalHooks, I as onBeforeUnmount, b$ as toRefs, h as resolveComponent, dR as useNodeCreatorStore, iC as useViewStacks, gp as useNodeType, bN as useNodeTypesStore, r as ref, x as computed, iD as DEFAULT_SUBCATEGORY, iE as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, iF as shouldShowCommunityNodeDetails, iG as HITL_SUBCATEGORY, c$ as isCommunityPackageName, iH as isNodePreviewKey, iI as removePreviewToken, ca as resolveDirective, bh as createSlots, aT as withDirectives, aU as vShow, O as normalizeStyle, bW as _sfc_main$p, bV as withModifiers, Z as N8nTooltip, aW as N8nIcon, d2 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, eN as DRAG_EVENT_DATA_KEY, ax as useTelemetry, iJ as camelCase, iK as N8nNodeIcon, hX as WEBHOOK_NODE_TYPE, iL as getNewNodePosition, cI as NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, iM as useKeyboardNavigation, a3 as useWorkflowsStore, a9 as watch, c0 as normalizeProps, c1 as guardReactiveProps, c5 as onUnmounted, F as Fragment, y as renderList, eQ as N8nLoading, iN as REGULAR_NODE_CREATOR_VIEW, fm as useCommunityNodesStore, fV as i18n, dr as captureException, b as useRouter, a0 as N8nLink, V as VIEWS, e5 as CUSTOM_API_CALL_KEY, i4 as TRIGGER_NODE_CREATOR_VIEW, hU as OPEN_AI_NODE_TYPE, hT as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iO as withMemo, dk as N8nCallout, f1 as InfoTip, iP as HTTP_REQUEST_NODE_TYPE, he as createStaticVNode, iQ as REQUEST_NODE_FORM_URL, iR as useCalloutHelpers, iS as filterAndSearchNodes, iT as getRootSearchCallouts, iU as prepareCommunityNodeDetailsViewStack, ei as getNodeIconSource, hZ as transformNodeType, iV as AINodesView, iW as AIView, iX as RegularView, iY as TriggerView, iZ as flattenCreateElements, i_ as getHumanInTheLoopActions, i$ as AI_OTHERS_NODE_CREATOR_VIEW, j0 as AI_NODE_CREATOR_VIEW, a as useToast, dh as useCredentialsStore, R as useDebounce, dG as N8nNotice, dW as Transition, j1 as AI_EVALUATION, j2 as AI_UNCATEGORIZED_CATEGORY, S as useUIStore, g6 as useAssistantStore, dT as useBuilderStore, $ as _sfc_main$q, j3 as SlideTransition, j4 as useActionsGenerator } from "./index-7S5ADieN.js";
-import { u as useActions } from "./NodeCreation-Bq5626Ha.js";
-import "./NodeView-DoR46iB5.js";
-import "./ActionDropdown-BujIG0Jq.js";
-import "./useKeybindings-CV0VsjNP.js";
-import "./import-curl-DD21H3kK.js";
-import "./global-link-actions-olwfH36z.js";
-import "./useExecutionDebugging-DM4nhx6D.js";
-import "./useBeforeUnload-DveXGtGN.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, D as mergeProps, j as createBaseVNode, J as renderSlot, f as createCommentVNode, n as normalizeClass, e as createBlock, t as toDisplayString, l as unref, iB as ElTag, w as withCtx, k as createTextVNode, N as N8nIcon, gO as useI18n, i as createVNode, _ as _export_sfc, ek as reactive, o as onMounted, bf as useExternalHooks, I as onBeforeUnmount, bV as toRefs, dL as useNodeCreatorStore, iC as useViewStacks, go as useNodeType, bG as useNodeTypesStore, r as ref, x as computed, iD as DEFAULT_SUBCATEGORY, iE as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, iF as shouldShowCommunityNodeDetails, iG as HITL_SUBCATEGORY, cY as isCommunityPackageName, iH as isNodePreviewKey, iI as removePreviewToken, c4 as resolveDirective, bh as createSlots, $ as N8nTooltip, aU as withDirectives, c$ as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aV as vShow, P as normalizeStyle, bP as _sfc_main$p, bO as withModifiers, eI as DRAG_EVENT_DATA_KEY, ay as useTelemetry, iJ as camelCase, iK as N8nNodeIcon, h_ as WEBHOOK_NODE_TYPE, iL as getNewNodePosition, cD as DEFAULT_NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, iM as useKeyboardNavigation, a4 as useWorkflowsStore, aa as watch, bW as normalizeProps, bX as guardReactiveProps, b$ as onUnmounted, F as Fragment, y as renderList, eL as N8nLoading, iN as REGULAR_NODE_CREATOR_VIEW, fk as useCommunityNodesStore, fT as i18n, dl as captureException, b as useRouter, a1 as N8nLink, V as VIEWS, e0 as CUSTOM_API_CALL_KEY, i7 as TRIGGER_NODE_CREATOR_VIEW, hX as OPEN_AI_NODE_TYPE, hW as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iO as withMemo, iP as HTTP_REQUEST_NODE_TYPE, dg as N8nCallout, eX as InfoTip, gL as createStaticVNode, iQ as REQUEST_NODE_FORM_URL, iR as useCalloutHelpers, iS as filterAndSearchNodes, iT as getRootSearchCallouts, iU as prepareCommunityNodeDetailsViewStack, ed as getNodeIconSource, i0 as transformNodeType, iV as AINodesView, iW as AIView, iX as RegularView, iY as TriggerView, iZ as flattenCreateElements, i_ as getHumanInTheLoopActions, i$ as AI_OTHERS_NODE_CREATOR_VIEW, j0 as AI_NODE_CREATOR_VIEW, a as useToast, de as useCredentialsStore, S as useDebounce, dB as N8nNotice, dQ as Transition, j1 as AI_EVALUATION, j2 as AI_UNCATEGORIZED_CATEGORY, T as useUIStore, g4 as useAssistantStore, dN as useBuilderStore, a0 as _sfc_main$q, j3 as SlideTransition, j4 as useActionsGenerator } from "./index-V0GOmfo8.js";
+import { u as useActions } from "./NodeCreation-DKbc91uY.js";
+import "./NodeView-DYjZmKNE.js";
+import "./ActionDropdown-D-JmCYsp.js";
+import "./useKeybindings-CduQ2pi5.js";
+import "./import-curl-1LWAxRTV.js";
+import "./global-link-actions-BzAw9ZbO.js";
+import "./useExecutionDebugging-AwlOA2KI.js";
+import "./useBeforeUnload-B0EP7Q2i.js";
 const _hoisted_1$b = ["textContent"];
 const _hoisted_2$4 = ["textContent"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
@@ -57,10 +57,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class", "type"])) : createCommentVNode("", true),
-            _ctx.isTrigger ? (openBlock(), createBlock(unref(FontAwesomeIcon), {
+            _ctx.isTrigger ? (openBlock(), createBlock(unref(N8nIcon), {
               key: 1,
-              icon: "bolt",
-              size: "xs",
+              icon: "bolt-filled",
+              size: "xsmall",
               title: unref(t)("nodeCreator.nodeItem.triggerIconTitle"),
               class: normalizeClass(_ctx.$style.triggerIcon)
             }, null, 8, ["title", "class"])) : createCommentVNode("", true),
@@ -78,34 +78,32 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(_ctx.$style.panelIcon)
         }, [
-          createVNode(unref(FontAwesomeIcon), {
-            class: normalizeClass(_ctx.$style.panelArrow),
-            icon: "arrow-right"
-          }, null, 8, ["class"])
+          createVNode(unref(N8nIcon), {
+            icon: "arrow-right",
+            size: "large"
+          })
         ], 2)) : createCommentVNode("", true)
       ], 16);
     };
   }
 });
-const creatorNode = "_creatorNode_12f5d_123";
-const hasAction = "_hasAction_12f5d_130";
-const panelIcon = "_panelIcon_12f5d_134";
-const tag = "_tag_12f5d_138";
-const tooltipIcon$1 = "_tooltipIcon_12f5d_161";
-const panelArrow = "_panelArrow_12f5d_167";
-const details = "_details_12f5d_172";
-const nodeIcon$5 = "_nodeIcon_12f5d_178";
-const name$1 = "_name_12f5d_183";
-const description$1 = "_description_12f5d_189";
-const aiIcon = "_aiIcon_12f5d_197";
-const triggerIcon$1 = "_triggerIcon_12f5d_201";
+const creatorNode = "_creatorNode_190ig_123";
+const hasAction = "_hasAction_190ig_130";
+const panelIcon = "_panelIcon_190ig_134";
+const tag = "_tag_190ig_138";
+const tooltipIcon$1 = "_tooltipIcon_190ig_161";
+const details = "_details_190ig_167";
+const nodeIcon$5 = "_nodeIcon_190ig_173";
+const name$1 = "_name_190ig_178";
+const description$1 = "_description_190ig_184";
+const aiIcon = "_aiIcon_190ig_192";
+const triggerIcon$1 = "_triggerIcon_190ig_196";
 const style0$m = {
   creatorNode,
   hasAction,
   panelIcon,
   tag,
   tooltipIcon: tooltipIcon$1,
-  panelArrow,
   details,
   nodeIcon: nodeIcon$5,
   name: name$1,
@@ -116,7 +114,7 @@ const style0$m = {
 const cssModules$m = {
   "$style": style0$m
 };
-const NodeCreatorNode = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$m], ["__scopeId", "data-v-4fb9df72"]]);
+const NodeCreatorNode = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$m], ["__scopeId", "data-v-878aee66"]]);
 const _hoisted_1$a = ["placeholder", "value"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
@@ -153,7 +151,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       focus
     });
     return (_ctx, _cache) => {
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.searchContainer),
         "data-test-id": "search-bar"
@@ -161,9 +159,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass({ [_ctx.$style.prefix]: true, [_ctx.$style.active]: _ctx.modelValue.length > 0 })
         }, [
-          createVNode(_component_font_awesome_icon, {
+          createVNode(_component_n8n_icon, {
             icon: "search",
-            size: "sm"
+            size: "small"
           })
         ], 2),
         createBaseVNode("div", {
@@ -183,32 +181,33 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         ], 2),
         _ctx.modelValue.length > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(_ctx.$style.suffix),
+          class: normalizeClass([_ctx.$style.suffix, _ctx.$style.clickable]),
           onClick: clear2
         }, [
-          createBaseVNode("button", {
-            class: normalizeClass([_ctx.$style.clear, _ctx.$style.clickable])
-          }, [
-            createVNode(_component_font_awesome_icon, { icon: "times-circle" })
-          ], 2)
+          createVNode(_component_n8n_icon, {
+            size: "small",
+            icon: "circle-x"
+          })
         ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-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 searchContainer = "_searchContainer_176yy_123";
+const prefix = "_prefix_176yy_139";
+const active$3 = "_active_176yy_144";
+const text = "_text_176yy_148";
+const suffix = "_suffix_176yy_164";
+const clear = "_clear_176yy_170";
+const clickable = "_clickable_176yy_183";
 const style0$l = {
   searchContainer,
   prefix,
   active: active$3,
   text,
   suffix,
-  clear
+  clear,
+  clickable
 };
 const cssModules$l = {
   "$style": style0$l
@@ -431,7 +430,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 createVNode(_component_n8n_icon, {
                   size: "small",
                   class: normalizeClass(_ctx.$style.icon),
-                  icon: "cube"
+                  icon: "box"
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -489,7 +488,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             type: "icon",
             name: _ctx.item.icon,
             circle: false,
-            "show-tooltip": false
+            "show-tooltip": false,
+            "use-updated-icons": true
           }, _ctx.item.iconProps), null, 16, ["name"])
         ]),
         _: 1
@@ -585,7 +585,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (!state.dragging || event.pageX === 0 && event.pageY === 0) {
         return;
       }
-      const [x, y] = getNewNodePosition([], [event.pageX - NODE_SIZE / 2, event.pageY - NODE_SIZE / 2]);
+      const [x, y] = getNewNodePosition(
+        [],
+        [event.pageX - DEFAULT_NODE_SIZE[0] / 2, event.pageY - DEFAULT_NODE_SIZE[1] / 2]
+      );
       state.draggablePosition = { x, y };
     }
     function onDragEnd() {
@@ -674,7 +677,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             type: "icon",
             name: _ctx.view.icon,
             circle: false,
-            "show-tooltip": false
+            "show-tooltip": false,
+            "use-updated-icons": true
           }, null, 8, ["name"])
         ]),
         _: 1
@@ -712,7 +716,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             type: "icon",
             name: _ctx.link.icon,
             circle: false,
-            "show-tooltip": false
+            "show-tooltip": false,
+            "use-updated-icons": true
           }, null, 8, ["name"])
         ]),
         _: 1
@@ -742,7 +747,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(unref(N8nIcon), {
           color: "text-light",
-          icon: "info-circle",
+          icon: "info",
           size: "large"
         }),
         createVNode(unref(N8nText), {
@@ -819,7 +824,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return itemsCount > 0 ? `${props.name} (${itemsCount})` : props.name;
     });
     return (_ctx, _cache) => {
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       return openBlock(), createElementBlock("div", mergeProps({
         class: _ctx.$style.categoryWrapper
       }, _ctx.$attrs, {
@@ -835,39 +840,39 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             createBaseVNode("span", {
               textContent: toDisplayString(categoryName.value)
             }, null, 8, _hoisted_1$7),
-            _ctx.isTrigger ? (openBlock(), createBlock(_component_font_awesome_icon, {
+            _ctx.isTrigger ? (openBlock(), createBlock(_component_n8n_icon, {
               key: 0,
-              icon: "bolt",
-              size: "xs",
+              icon: "bolt-filled",
+              size: "xsmall",
               class: normalizeClass(_ctx.$style.triggerIcon)
             }, null, 8, ["class"])) : createCommentVNode("", true),
             renderSlot(_ctx.$slots, "default")
           ], 2),
-          _ctx.expanded ? (openBlock(), createBlock(_component_font_awesome_icon, {
+          _ctx.expanded ? (openBlock(), createBlock(_component_n8n_icon, {
             key: 0,
             icon: "chevron-down",
-            class: normalizeClass(_ctx.$style.arrow)
-          }, null, 8, ["class"])) : (openBlock(), createBlock(_component_font_awesome_icon, {
+            color: "text-light",
+            size: "large"
+          })) : (openBlock(), createBlock(_component_n8n_icon, {
             key: 1,
-            class: normalizeClass(_ctx.$style.arrow),
-            icon: "chevron-up"
-          }, null, 8, ["class"]))
+            icon: "chevron-up",
+            color: "text-light",
+            size: "large"
+          }))
         ], 2)
       ], 16);
     };
   }
 });
-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 triggerIcon = "_triggerIcon_1kyg0_123";
+const category$1 = "_category_1kyg0_128";
+const active$2 = "_active_1kyg0_149";
+const name = "_name_1kyg0_153";
 const style0$c = {
   triggerIcon,
   category: category$1,
   active: active$2,
-  name,
-  arrow
+  name
 };
 const cssModules$c = {
   "$style": style0$c
@@ -979,7 +984,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                 ]),
                 default: withCtx(() => [
                   createVNode(_component_n8n_icon, {
-                    icon: "question-circle",
+                    icon: "circle-help",
                     size: "small"
                   })
                 ]),
@@ -1052,7 +1057,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             type: "icon",
             name: _ctx.openTemplate.icon,
             circle: false,
-            "show-tooltip": false
+            "show-tooltip": false,
+            "use-updated-icons": true
           }, null, 8, ["name"])
         ]),
         _: 1
@@ -1369,7 +1375,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           return;
         }
         const downloadsData = await downloadsResponse.json();
-        if (!downloadsData.downloads || !downloadsData.downloads.length) return;
+        if (!downloadsData.downloads?.length) return;
         const total = downloadsData.downloads.reduce((sum, day) => sum + day.downloads, 0);
         downloads.value = formatNumber(total);
       } catch (error) {
@@ -1382,7 +1388,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -1437,9 +1442,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ]),
             default: withCtx(() => [
               createBaseVNode("div", null, [
-                createVNode(_component_FontAwesomeIcon, {
+                createVNode(unref(N8nIcon), {
                   class: normalizeClass(_ctx.$style.tooltipIcon),
-                  icon: "cube"
+                  icon: "box"
                 }, null, 8, ["class"]),
                 createVNode(unref(N8nText), {
                   color: "text-light",
@@ -1456,9 +1461,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             _: 1
           })),
           downloads.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [
-            createVNode(_component_FontAwesomeIcon, {
+            createVNode(unref(N8nIcon), {
               class: normalizeClass(_ctx.$style.tooltipIcon),
-              icon: "download"
+              icon: "hard-drive-download"
             }, null, 8, ["class"]),
             createVNode(unref(N8nText), {
               color: "text-light",
@@ -1473,7 +1478,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             })
           ])) : createCommentVNode("", true),
           publisherName.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-            createVNode(_component_FontAwesomeIcon, {
+            createVNode(unref(N8nIcon), {
               class: normalizeClass(_ctx.$style.tooltipIcon),
               icon: "user"
             }, null, 8, ["class"]),
@@ -1496,7 +1501,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }, [
           createVNode(unref(N8nIcon), {
             color: "text-light",
-            icon: "info-circle",
+            icon: "info",
             size: "large"
           }),
           createVNode(unref(N8nText), {
@@ -1997,7 +2002,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const i18n2 = useI18n$1();
     return (_ctx, _cache) => {
       const _component_n8n_link = N8nLink;
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({ [_ctx.$style.noResults]: true, [_ctx.$style.iconless]: !_ctx.showIcon }),
         "data-test-id": "node-creator-no-results"
@@ -2054,9 +2059,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", null, toDisplayString(unref(i18n2).baseText("nodeCreator.noResults.requestTheNode")), 1),
                 _cache[2] || (_cache[2] = createTextVNode("  ")),
                 createBaseVNode("span", null, [
-                  createVNode(_component_font_awesome_icon, {
+                  createVNode(_component_n8n_icon, {
                     class: normalizeClass(_ctx.$style.external),
-                    icon: "external-link-alt",
+                    icon: "external-link",
                     title: unref(i18n2).baseText("nodeCreator.noResults.requestTheNode")
                   }, null, 8, ["class", "title"])
                 ])
@@ -2309,15 +2314,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           key: 0,
           elements: globalSearchItemsDiff.value,
           category: unref(i18n2).baseText("nodeCreator.categoryNames.otherCategories"),
-          onSelected,
-          expanded: true
+          expanded: true,
+          onSelected
         }, null, 8, ["elements", "category"])) : createCommentVNode("", true),
         moreFromCommunity.value.length > 0 ? (openBlock(), createBlock(CategorizedItemsRenderer, {
           key: 1,
           elements: moreFromCommunity.value,
           category: unref(i18n2).baseText("nodeCreator.categoryNames.moreFromCommunity"),
-          onSelected,
-          expanded: true
+          expanded: true,
+          onSelected
         }, null, 8, ["elements", "category"])) : createCommentVNode("", true)
       ]);
     };
@@ -2403,7 +2408,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_NodeIcon = _sfc_main$p;
       const _component_N8nTooltip = N8nTooltip;
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nIcon = N8nIcon;
       const _component_N8nButton = N8nButton;
       return unref(communityNodeDetails) ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -2448,10 +2453,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               key: 0,
               class: normalizeClass(_ctx.$style.installed)
             }, [
-              !unref(communityNodeDetails).official ? (openBlock(), createBlock(_component_FontAwesomeIcon, {
+              !unref(communityNodeDetails).official ? (openBlock(), createBlock(_component_N8nIcon, {
                 key: 0,
                 class: normalizeClass(_ctx.$style.installedIcon),
-                icon: "cube"
+                icon: "box"
               }, null, 8, ["class"])) : createCommentVNode("", true),
               createVNode(unref(N8nText), {
                 color: "text-light",
@@ -2511,12 +2516,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (newTab) newTab.opener = null;
     };
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nIcon = N8nIcon;
       return openBlock(), createBlock(unref(N8nLink), {
         theme: "text",
-        onClick: openCommunityNodeDocsPage,
         class: normalizeClass(_ctx.$style.container),
-        title: unref(i18n).baseText("communityNodesDocsLink.link.title")
+        title: unref(i18n).baseText("communityNodesDocsLink.link.title"),
+        onClick: openCommunityNodeDocsPage
       }, {
         default: withCtx(() => [
           createVNode(unref(N8nText), {
@@ -2529,7 +2534,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(_component_FontAwesomeIcon, { icon: "external-link-alt" })
+          createVNode(_component_N8nIcon, { icon: "external-link" })
         ]),
         _: 1
       }, 8, ["class", "title"]);
@@ -2653,7 +2658,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       popViewStack();
     }
     return (_ctx, _cache) => {
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       const _component_n8n_notice = N8nNotice;
       return viewStacks.value.length > 0 ? (openBlock(), createBlock(Transition, {
         key: 0,
@@ -2683,10 +2688,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(_ctx.$style.backButton),
                   onClick: onBackButton
                 }, [
-                  createVNode(_component_font_awesome_icon, {
+                  createVNode(_component_n8n_icon, {
                     class: normalizeClass(_ctx.$style.backButtonIcon),
                     icon: "arrow-left",
-                    size: "2x"
+                    size: 22
                   }, null, 8, ["class"])
                 ], 2)) : createCommentVNode("", true),
                 activeViewStack.value.nodeIcon ? (openBlock(), createBlock(_sfc_main$p, {
@@ -2695,7 +2700,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   "icon-source": activeViewStack.value.nodeIcon,
                   circle: false,
                   "show-tooltip": false,
-                  size: 20
+                  size: 20,
+                  "use-updated-icons": true
                 }, null, 8, ["class", "icon-source"])) : createCommentVNode("", true),
                 activeViewStack.value.title ? (openBlock(), createElementBlock("p", {
                   key: 2,
@@ -2748,20 +2754,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 info = "_info_cdy1m_145";
+const backButton = "_backButton_cdy1m_149";
+const backButtonIcon = "_backButtonIcon_cdy1m_156";
+const nodeIcon = "_nodeIcon_cdy1m_161";
+const renderedItems = "_renderedItems_cdy1m_166";
+const searchBar = "_searchBar_cdy1m_178";
+const nodesListPanel = "_nodesListPanel_cdy1m_182";
+const footer = "_footer_cdy1m_200";
+const top = "_top_cdy1m_211";
+const header = "_header_cdy1m_216";
+const hasBg = "_hasBg_cdy1m_222";
+const title = "_title_cdy1m_227";
+const subtitle = "_subtitle_cdy1m_238";
+const offsetSubtitle = "_offsetSubtitle_cdy1m_246";
 const style0$1 = {
   info,
   backButton,
@@ -2906,7 +2912,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(_ctx.$style.close),
           type: "secondary",
-          icon: "times",
+          icon: "x",
           "aria-label": "Close Node Creator",
           onClick: _cache[0] || (_cache[0] = ($event) => emit("closeNodeCreator"))
         }, null, 8, ["class"])) : createCommentVNode("", true),