n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{NodeCreator-C8jv1gta.js → NodeCreator-BOosPF8_.js}

@@ -1,15 +1,18 @@
-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, iw as ElTag, w as withCtx, k as createTextVNode, N as N8nIcon, gI as useI18n, i as createVNode, _ as _export_sfc, ee as reactive, o as onMounted, bf as useExternalHooks, I as onBeforeUnmount, bX as toRefs, dD as useNodeCreatorStore, ix as useViewStacks, gi as useNodeType, bI as useNodeTypesStore, r as ref, x as computed, iy as DEFAULT_SUBCATEGORY, iz as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, iA as shouldShowCommunityNodeDetails, iB as HITL_SUBCATEGORY, c_ as isCommunityPackageName, iC as isNodePreviewKey, iD as removePreviewToken, c6 as resolveDirective, bh as createSlots, $ as N8nTooltip, aU as withDirectives, d1 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aV as vShow, P as normalizeStyle, bR as _sfc_main$p, bQ as withModifiers, eC as DRAG_EVENT_DATA_KEY, ay as useTelemetry, iE as camelCase, iF as N8nNodeIcon, hV as WEBHOOK_NODE_TYPE, iG as getNewNodePosition, cF as DEFAULT_NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, iH as useKeyboardNavigation, a4 as useWorkflowsStore, aa as watch, bY as normalizeProps, bZ as guardReactiveProps, c1 as onUnmounted, F as Fragment, y as renderList, eF as N8nLoading, iI as REGULAR_NODE_CREATOR_VIEW, fe as useCommunityNodesStore, fN as i18n, iJ as captureException, b as useRouter, a1 as N8nLink, V as VIEWS, dW as CUSTOM_API_CALL_KEY, i2 as TRIGGER_NODE_CREATOR_VIEW, hS as OPEN_AI_NODE_TYPE, hR as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, iK as withMemo, iL as HTTP_REQUEST_NODE_TYPE, di as N8nCallout, eR as InfoTip, gF as createStaticVNode, iM as REQUEST_NODE_FORM_URL, iN as useCalloutHelpers, iO as filterAndSearchNodes, iP as getRootSearchCallouts, iQ as prepareCommunityNodeDetailsViewStack, e7 as getNodeIconSource, hX as transformNodeType, iR as AINodesView, iS as AIView, iT as RegularView, iU as TriggerView, iV as flattenCreateElements, iW as getHumanInTheLoopActions, iX as AI_OTHERS_NODE_CREATOR_VIEW, iY as AI_NODE_CREATOR_VIEW, a as useToast, dg as useCredentialsStore, S as useDebounce, dq as N8nNotice, dJ as Transition, iZ as AI_EVALUATION, i_ as AI_UNCATEGORIZED_CATEGORY, T as useUIStore, f_ as useAssistantStore, dG as useBuilderStore, a0 as _sfc_main$q, i$ as SlideTransition, j0 as useActionsGenerator } from "./index-B3p3789J.js";
-import { u as useActions } from "./NodeCreation-DCV9QVeh.js";
-import "./NodeView-DKlyR0_C.js";
-import "./ActionDropdown-CiegfqhB.js";
-import "./useKeybindings-ul7syjnB.js";
-import "./import-curl-CjhdjoGU.js";
-import "./global-link-actions-BIVeUMGo.js";
-import "./useExecutionDebugging-wUQ9K2sh.js";
-import "./useBeforeUnload-Yj83KQFp.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, iX as ElTag, w as withCtx, k as createTextVNode, N as N8nIcon, h4 as useI18n, i as createVNode, _ as _export_sfc, eI as reactive, o as onMounted, be as useExternalHooks, I as onBeforeUnmount, bV as toRefs, dR as useNodeCreatorStore, iY as useViewStacks, ff as useNodeType, bH as useNodeTypesStore, r as ref, x as computed, iZ as DEFAULT_SUBCATEGORY, i_ as CREDENTIAL_ONLY_NODE_PREFIX, c as useI18n$1, i$ as shouldShowCommunityNodeDetails, j0 as HITL_SUBCATEGORY, dd as isCommunityPackageName, j1 as isNodePreviewKey, j2 as removePreviewToken, c4 as resolveDirective, bg as createSlots, $ as N8nTooltip, aT as withDirectives, dg as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aU as vShow, P as normalizeStyle, bQ as _sfc_main$o, bP as withModifiers, f3 as DRAG_EVENT_DATA_KEY, az as useTelemetry, j3 as camelCase, j4 as N8nNodeIcon, ip as WEBHOOK_NODE_TYPE, j5 as getNewNodePosition, cD as DEFAULT_NODE_SIZE, u as useUsersStore, p as N8nText, q as N8nButton, j6 as useKeyboardNavigation, a5 as useWorkflowsStore, ab as watch, bW as normalizeProps, bX as guardReactiveProps, b$ as onUnmounted, F as Fragment, y as renderList, fE as N8nLoading, j7 as REGULAR_NODE_CREATOR_VIEW, d8 as useCommunityNodesStore, db as i18n, d9 as captureException, e7 as CUSTOM_API_CALL_KEY, iy as TRIGGER_NODE_CREATOR_VIEW, il as OPEN_AI_NODE_TYPE, ik as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, j8 as withMemo, j9 as HTTP_REQUEST_NODE_TYPE, dw as N8nCallout, er as InfoTip, cZ as createStaticVNode, a2 as N8nLink, ja as REQUEST_NODE_FORM_URL, jb as useCalloutHelpers, jc as filterAndSearchNodes, jd as getRootSearchCallouts, je as prepareCommunityNodeDetailsViewStack, ej as getNodeIconSource, ir as transformNodeType, jf as AINodesView, jg as AIView, jh as RegularView, ji as TriggerView, jj as flattenCreateElements, jk as getHumanInTheLoopActions, jl as AI_OTHERS_NODE_CREATOR_VIEW, jm as AI_NODE_CREATOR_VIEW, a as useToast, du as useCredentialsStore, S as useDebounce, da as N8nNotice, dK as Transition, jn as AI_EVALUATION, jo as AI_UNCATEGORIZED_CATEGORY, T as useUIStore, fa as useAssistantStore, dU as useBuilderStore, a0 as _sfc_main$q, jp as SlideTransition, jq as useActionsGenerator } from "./index-Cm5yBbby.js";
+import { u as useActions } from "./NodeCreation-CVbCKnet.js";
+import { b as _sfc_main$p, C as CommunityNodeFooter } from "./NodeView-BzC6ELga.js";
+import "./useKeybindings-DetzdpXy.js";
+import "./FileSaver.min-BvxTURBB.js";
+import "./useExecutionHelpers-DQcWcZ8o.js";
+import "./ActionDropdown-Ct6XJ0cl.js";
+import "./import-curl-BD22LJ4z.js";
+import "./global-link-actions-BjpAG7gt.js";
+import "./useExecutionDebugging-C8zR-uFJ.js";
+import "./useBeforeUnload-BR-V9Uaz.js";
+import "./aiTemplatesStarterCollection.store-oECEA5nR.js";
 const _hoisted_1$b = ["textContent"];
 const _hoisted_2$4 = ["textContent"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "NodeCreatorNode",
   props: {
     active: { type: Boolean },
@@ -98,7 +101,7 @@ 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 = {
+const style0$l = {
   creatorNode,
   hasAction,
   panelIcon,
@@ -111,12 +114,12 @@ const style0$m = {
   aiIcon,
   triggerIcon: triggerIcon$1
 };
-const cssModules$m = {
-  "$style": style0$m
+const cssModules$l = {
+  "$style": style0$l
 };
-const NodeCreatorNode = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$m], ["__scopeId", "data-v-878aee66"]]);
+const NodeCreatorNode = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__cssModules", cssModules$l], ["__scopeId", "data-v-878aee66"]]);
 const _hoisted_1$a = ["placeholder", "value"];
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "SearchBar",
   props: {
     placeholder: { default: "" },
@@ -200,7 +203,7 @@ const text = "_text_176yy_148";
 const suffix = "_suffix_176yy_164";
 const clear = "_clear_176yy_170";
 const clickable = "_clickable_176yy_183";
-const style0$l = {
+const style0$k = {
   searchContainer,
   prefix,
   active: active$3,
@@ -209,10 +212,10 @@ const style0$l = {
   clear,
   clickable
 };
-const cssModules$l = {
-  "$style": style0$l
+const cssModules$k = {
+  "$style": style0$k
 };
-const SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__cssModules", cssModules$l]]);
+const SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__cssModules", cssModules$k]]);
 const _hoisted_1$9 = {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -227,7 +230,7 @@ function render$1(_ctx, _cache) {
   ]));
 }
 const OfficialIcon = { name: "mdi-verified", render: render$1 };
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "NodeItem",
   props: {
     nodeType: {},
@@ -359,7 +362,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style.subNodeBackground)
           }, null, 2)) : createCommentVNode("", true),
-          createVNode(_sfc_main$p, {
+          createVNode(_sfc_main$o, {
             class: normalizeClass(_ctx.$style.nodeIcon),
             "node-type": _ctx.nodeType
           }, null, 8, ["class", "node-type"])
@@ -371,7 +374,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [
-            createVNode(_sfc_main$p, {
+            createVNode(_sfc_main$o, {
               "node-type": _ctx.nodeType,
               size: 40,
               shrink: false,
@@ -450,7 +453,7 @@ const draggable$1 = "_draggable_b8za2_149";
 const draggableDataTransfer$1 = "_draggableDataTransfer_b8za2_163";
 const icon$1 = "_icon_b8za2_168";
 const official = "_official_b8za2_173";
-const style0$k = {
+const style0$j = {
   nodeItem,
   nodeIcon: nodeIcon$4,
   subNodeBackground,
@@ -460,11 +463,11 @@ const style0$k = {
   icon: icon$1,
   official
 };
-const cssModules$k = {
-  "$style": style0$k
+const cssModules$j = {
+  "$style": style0$j
 };
-const NodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__cssModules", cssModules$k]]);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const NodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__cssModules", cssModules$j]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "SubcategoryItem",
   props: {
     item: {}
@@ -498,15 +501,15 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const subCategory = "_subCategory_1x5a1_123";
-const style0$j = {
+const style0$i = {
   subCategory
 };
-const cssModules$j = {
-  "$style": style0$j
+const cssModules$i = {
+  "$style": style0$i
 };
-const SubcategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__cssModules", cssModules$j]]);
+const SubcategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$i]]);
 const _hoisted_1$8 = ["textContent"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LabelItem",
   props: {
     item: {}
@@ -525,14 +528,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const label$1 = "_label_p81gr_123";
-const style0$i = {
+const style0$h = {
   label: label$1
 };
-const cssModules$i = {
-  "$style": style0$i
+const cssModules$h = {
+  "$style": style0$h
 };
-const LabelItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$i]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const LabelItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__cssModules", cssModules$h]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "ActionItem",
   props: {
     nodeType: {},
@@ -622,7 +625,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.draggable),
             style: normalizeStyle(draggableStyle.value)
           }, [
-            createVNode(_sfc_main$p, {
+            createVNode(_sfc_main$o, {
               "node-type": _ctx.nodeType,
               size: 40,
               shrink: false,
@@ -634,7 +637,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ])
         ]),
         icon: withCtx(() => [
-          createVNode(_sfc_main$p, { "node-type": _ctx.action }, null, 8, ["node-type"])
+          createVNode(_sfc_main$o, { "node-type": _ctx.action }, null, 8, ["node-type"])
         ]),
         _: 1
       }, 8, ["class", "title", "is-trigger"]);
@@ -645,17 +648,17 @@ const action$1 = "_action_1owvg_123";
 const nodeIcon$3 = "_nodeIcon_1owvg_135";
 const draggable = "_draggable_1owvg_139";
 const draggableDataTransfer = "_draggableDataTransfer_1owvg_153";
-const style0$h = {
+const style0$g = {
   action: action$1,
   nodeIcon: nodeIcon$3,
   draggable,
   draggableDataTransfer
 };
-const cssModules$h = {
-  "$style": style0$h
+const cssModules$g = {
+  "$style": style0$g
 };
-const ActionItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__cssModules", cssModules$h]]);
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const ActionItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$g]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ViewItem",
   props: {
     view: {}
@@ -687,14 +690,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const view$1 = "_view_17lj9_123";
-const style0$g = {
+const style0$f = {
   view: view$1
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$f = {
+  "$style": style0$f
 };
-const ViewItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$g]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const ViewItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$f]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "LinkItem",
   props: {
     link: {}
@@ -726,14 +729,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const creatorLink = "_creatorLink_cptk0_123";
-const style0$f = {
+const style0$e = {
   creatorLink
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$e = {
+  "$style": style0$e
 };
-const LinkItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$f]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const LinkItem = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$e]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CommunityNodeInstallHint",
   props: {
     hint: {}
@@ -763,15 +766,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$5 = "_container_1dwo3_123";
-const style0$e = {
-  container: container$5
+const container$4 = "_container_1dwo3_123";
+const style0$d = {
+  container: container$4
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$d = {
+  "$style": style0$d
 };
-const CommunityNodeInstallHint = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$e]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const CommunityNodeInstallHint = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$d]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CommunityNodeItem",
   props: {
     isPreview: { type: Boolean }
@@ -800,15 +803,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const marginLeft = "_marginLeft_1vvtt_123";
-const style0$d = {
+const style0$c = {
   marginLeft
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$c = {
+  "$style": style0$c
 };
-const CommunityNodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$d]]);
+const CommunityNodeItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$c]]);
 const _hoisted_1$7 = ["textContent"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CategoryItem",
   props: {
     expanded: { type: Boolean, default: true },
@@ -868,18 +871,18 @@ 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 = {
+const style0$b = {
   triggerIcon,
   category: category$1,
   active: active$2,
   name
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$b = {
+  "$style": style0$b
 };
-const CategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$c]]);
+const CategoryItem = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$b]]);
 const _hoisted_1$6 = ["data-category-collapsed"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CategorizedItemsRenderer",
   props: {
     elements: { default: () => [] },
@@ -1024,18 +1027,18 @@ const categorizedItemsRenderer = "_categorizedItemsRenderer_wk4vn_131";
 const tooltipPopper = "_tooltipPopper_wk4vn_135";
 const contentSlot = "_contentSlot_wk4vn_139";
 const preview$1 = "_preview_wk4vn_148";
-const style0$b = {
+const style0$a = {
   mouseOverTooltip,
   categorizedItemsRenderer,
   tooltipPopper,
   contentSlot,
   preview: preview$1
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$a = {
+  "$style": style0$a
 };
-const CategorizedItemsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$b]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const CategorizedItemsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$a]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "OpenTemplateItem",
   props: {
     openTemplate: {}
@@ -1067,18 +1070,18 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 const creatorOpenTemplate = "_creatorOpenTemplate_1igyu_123";
-const style0$a = {
+const style0$9 = {
   creatorOpenTemplate
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$9 = {
+  "$style": style0$9
 };
-const OpenTemplateItem = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$a]]);
+const OpenTemplateItem = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$9]]);
 const _hoisted_1$5 = { key: 0 };
 const _hoisted_2$3 = ["data-keyboard-nav-type", "data-keyboard-nav-id", "onClick"];
 const LAZY_LOAD_THRESHOLD = 20;
 const LAZY_LOAD_ITEMS_PER_TICK = 5;
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "ItemsRenderer",
   props: {
     elements: { default: () => [] },
@@ -1265,7 +1268,7 @@ const view = "_view_1r9np_159";
 const link = "_link_1r9np_177";
 const borderless = "_borderless_1r9np_195";
 const preview = "_preview_1r9np_203";
-const style0$9 = {
+const style0$8 = {
   itemSkeleton,
   iteratorItem,
   label,
@@ -1278,11 +1281,11 @@ const style0$9 = {
   borderless,
   preview
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$8 = {
+  "$style": style0$8
 };
-const ItemsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$9]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const ItemsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$8]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "OrderSwitcher",
   props: {
     rootView: {}
@@ -1318,7 +1321,7 @@ const ShieldIcon = { name: "fa-solid-shield-alt", render };
 const _hoisted_1$3 = { key: 2 };
 const _hoisted_2$2 = { key: 3 };
 const _hoisted_3 = { style: { "padding-bottom": "8px" } };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "CommunityNodeInfo",
   setup(__props) {
     const { activeViewStack } = useViewStacks();
@@ -1327,6 +1330,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const downloads = ref(null);
     const verified = ref(false);
     const official2 = ref(false);
+    const installedPackage = ref(void 0);
     const communityNodesStore = useCommunityNodesStore();
     const nodeTypesStore = useNodeTypesStore();
     const isOwner = computed(() => useUsersStore().isInstanceOwner);
@@ -1341,17 +1345,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       const communityNodeAttributes = await nodeTypesStore.getCommunityNodeAttributes(
         activeViewStack.communityNodeDetails?.key || ""
       );
+      if (communityNodeDetails?.installed) {
+        installedPackage.value = await communityNodesStore.getInstalledPackage(
+          communityNodeDetails.packageName
+        );
+      }
       if (communityNodeAttributes) {
         publisherName.value = communityNodeAttributes.companyName ?? communityNodeAttributes.authorName;
         downloads.value = formatNumber(communityNodeAttributes.numberOfDownloads);
         official2.value = communityNodeAttributes.isOfficialNode;
-        const packageInfo = communityNodesStore.getInstalledPackages.find(
-          (p) => p.packageName === communityNodeAttributes.packageName
-        );
-        if (!packageInfo) {
+        if (!installedPackage.value) {
           verified.value = true;
         } else {
-          verified.value = packageInfo.installedVersion === communityNodeAttributes.npmVersion;
+          const verifiedVersions = communityNodeAttributes.nodeVersions?.map((v) => v.npmVersion) ?? [];
+          verified.value = verifiedVersions.includes(installedPackage.value.installedVersion);
         }
         return;
       }
@@ -1388,6 +1395,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
+      const _component_CommunityNodeUpdateInfo = _sfc_main$p;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.container)
       }, [
@@ -1401,9 +1409,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"]),
-        createBaseVNode("div", {
+        isOwner.value && installedPackage.value?.updateAvailable ? (openBlock(), createBlock(_component_CommunityNodeUpdateInfo, {
+          key: 0,
+          "data-test-id": "update-available"
+        })) : (openBlock(), createElementBlock("div", {
+          key: 1,
           class: normalizeClass(_ctx.$style.separator)
-        }, null, 2),
+        }, null, 2)),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.info)
         }, [
@@ -1496,7 +1508,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ], 2),
         !isOwner.value && !unref(communityNodeDetails)?.installed ? (openBlock(), createElementBlock("div", {
-          key: 0,
+          key: 2,
           class: normalizeClass(_ctx.$style.contactOwnerHint)
         }, [
           createVNode(unref(N8nIcon), {
@@ -1527,15 +1539,15 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$4 = "_container_6y5mo_123";
+const container$3 = "_container_6y5mo_123";
 const nodeIcon$2 = "_nodeIcon_6y5mo_132";
 const description = "_description_6y5mo_137";
 const separator = "_separator_6y5mo_141";
 const info$1 = "_info_6y5mo_147";
 const tooltipIcon = "_tooltipIcon_6y5mo_162";
 const contactOwnerHint = "_contactOwnerHint_6y5mo_168";
-const style0$8 = {
-  container: container$4,
+const style0$7 = {
+  container: container$3,
   nodeIcon: nodeIcon$2,
   description,
   separator,
@@ -1543,112 +1555,10 @@ const style0$8 = {
   tooltipIcon,
   contactOwnerHint
 };
-const cssModules$8 = {
-  "$style": style0$8
-};
-const CommunityNodeInfo = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$8]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "CommunityNodeFooter",
-  props: {
-    packageName: {},
-    showManage: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const router = useRouter();
-    const bugsUrl = ref(`https://registry.npmjs.org/${props.packageName}`);
-    async function openSettingsPage() {
-      await router.push({ name: VIEWS.COMMUNITY_NODES });
-    }
-    async function openIssuesPage() {
-      if (bugsUrl.value) {
-        window.open(bugsUrl.value, "_blank");
-      }
-    }
-    async function getBugsUrl(packageName) {
-      const url = `https://registry.npmjs.org/${packageName}`;
-      try {
-        const response = await fetch(url);
-        if (!response.ok) {
-          throw new Error("Could not get metadata for package");
-        }
-        const data = await response.json();
-        if (data.bugs?.url) {
-          bugsUrl.value = data.bugs.url;
-        }
-      } catch (error) {
-        captureException(error);
-      }
-    }
-    onMounted(async () => {
-      if (props.packageName) {
-        await getBugsUrl(props.packageName);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.container)
-      }, [
-        props.showManage ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createVNode(unref(N8nLink), {
-            theme: "text",
-            onClick: openSettingsPage
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(N8nText), {
-                size: "small",
-                color: "primary",
-                bold: ""
-              }, {
-                default: withCtx(() => _cache[0] || (_cache[0] = [
-                  createTextVNode(" Manage ")
-                ])),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          createVNode(unref(N8nText), {
-            size: "small",
-            color: "primary",
-            bold: ""
-          }, {
-            default: withCtx(() => _cache[1] || (_cache[1] = [
-              createTextVNode("|")
-            ])),
-            _: 1
-          })
-        ], 64)) : createCommentVNode("", true),
-        createVNode(unref(N8nLink), {
-          theme: "text",
-          onClick: openIssuesPage
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(N8nText), {
-              size: "small",
-              color: "primary",
-              bold: ""
-            }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(" Report issue ")
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ], 2);
-    };
-  }
-});
-const container$3 = "_container_18adw_123";
-const style0$7 = {
-  container: container$3
-};
 const cssModules$7 = {
   "$style": style0$7
 };
-const CommunityNodeFooter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
+const CommunityNodeInfo = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$7]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ActionsMode",
   emits: ["nodeTypeSelected"],
@@ -1813,7 +1723,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         })
       }, [
         communityNodeDetails.value ? (openBlock(), createBlock(CommunityNodeInfo, { key: 0 })) : createCommentVNode("", true),
-        rootView.value ? (openBlock(), createBlock(_sfc_main$a, {
+        rootView.value ? (openBlock(), createBlock(_sfc_main$9, {
           key: 1,
           "root-view": rootView.value
         }, createSlots({ _: 2 }, [
@@ -2407,7 +2317,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_NodeIcon = _sfc_main$p;
+      const _component_NodeIcon = _sfc_main$o;
       const _component_N8nTooltip = N8nTooltip;
       const _component_N8nIcon = N8nIcon;
       const _component_N8nButton = N8nButton;
@@ -2695,7 +2605,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     size: 22
                   }, null, 8, ["class"])
                 ], 2)) : createCommentVNode("", true),
-                activeViewStack.value.nodeIcon ? (openBlock(), createBlock(_sfc_main$p, {
+                activeViewStack.value.nodeIcon ? (openBlock(), createBlock(_sfc_main$o, {
                   key: 1,
                   class: normalizeClass(_ctx.$style.nodeIcon),
                   "icon-source": activeViewStack.value.nodeIcon,